.reaction{position:relative;clear:both;width:min(280px,68vw);margin:42px auto;padding:0;background:transparent;border:0;transform:rotate(-1deg);box-shadow:none;z-index:1}
.reaction:nth-of-type(even){transform:rotate(1deg)}
.reaction img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 18px rgba(0,0,0,.3))}
.reaction figcaption{padding:10px 5px 2px;color:var(--muted);font:400 9px/1.5 DM Mono;text-align:center;text-transform:uppercase;letter-spacing:.06em}
.reaction figcaption:before{content:"// ";color:var(--green)}
.reaction-right{float:right;margin:20px -95px 28px 34px}.reaction-left{float:left;margin:20px 34px 28px -95px}
.reaction-sequence{clear:both;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;align-items:end;margin:38px 0 48px}
.reaction-sequence figure{min-width:0;margin:0;text-align:center}
.reaction-sequence figure:nth-child(odd){transform:rotate(-1.25deg)}.reaction-sequence figure:nth-child(even){transform:rotate(1.25deg)}
.reaction-sequence img{display:block;width:100%;max-width:210px;height:auto;margin:0 auto;filter:drop-shadow(0 14px 16px rgba(0,0,0,.28))}
.reaction-sequence figcaption{max-width:220px;margin:8px auto 0;color:var(--muted);font:400 9px/1.5 DM Mono;text-transform:uppercase;letter-spacing:.06em}
.reaction-sequence figcaption:before{content:"// ";color:var(--green)}
article:after{content:"";display:block;clear:both}
article h2{clear:both}
@media(max-width:1050px){.reaction-right,.reaction-left{float:none;margin:38px auto}.reaction-sequence{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:18px}}