.article-hero{min-height:78vh;background:var(--green);color:var(--paper);padding:20vh 7vw 8vw;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.article-hero:after{content:'';position:absolute;width:min(42vw,560px);aspect-ratio:1;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-10vw;top:10vh}.article-meta{display:flex;gap:1rem;align-items:center;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:var(--acid)}.article-meta i{width:24px;height:1px;background:currentColor}.article-hero h1{font-size:clamp(3.7rem,7.6vw,7.6rem);line-height:.88;letter-spacing:-.06em;font-weight:500;margin:2rem 0;max-width:1200px;position:relative;z-index:1}.article-hero h1 em{font:400 italic 1em var(--serif);color:var(--acid)}.article-hero>p{max-width:720px;margin-left:36vw;font-size:1.15rem;line-height:1.7;position:relative;z-index:1}.article-body{padding:10vw 7vw;display:grid;grid-template-columns:.75fr 1.8fr .65fr;gap:6vw}.article-index{font-size:.67rem;text-transform:uppercase;letter-spacing:.11em;position:sticky;top:2rem;align-self:start}.article-index span{display:block;padding:.8rem 0;border-bottom:1px solid var(--line)}.article-copy{max-width:800px}.article-copy h2{font:400 clamp(2.7rem,4.3vw,4.8rem)/.98 var(--serif);letter-spacing:-.04em;margin:0 0 2.5rem}.article-copy p{font-size:1.08rem;line-height:1.8;margin:0 0 2rem}.article-copy blockquote{font:400 italic clamp(2rem,3.2vw,3.4rem)/1.12 var(--serif);margin:5rem 0;padding:0 0 0 2rem;border-left:2px solid var(--acid)}.article-aside{align-self:start;border-top:1px solid var(--ink);padding-top:1rem;font-size:.8rem;line-height:1.6}.article-aside strong{display:block;font:400 1.5rem var(--serif);margin-bottom:.75rem}.article-next{background:var(--acid);padding:8vw 7vw;display:flex;align-items:flex-end;justify-content:space-between;gap:3rem}.article-next h2{font-size:clamp(3rem,5vw,5.7rem);line-height:.9;letter-spacing:-.055em;font-weight:500;margin:0}.article-next h2 em{font:400 italic 1em var(--serif)}.article-next .line-arrow{width:38px;height:38px;transform:rotate(-45deg) scale(1.5)}
@media(max-width:800px){.article-hero{padding:18vh 5vw 16vw}.article-hero>p{margin-left:0}.article-body{grid-template-columns:1fr;padding:18vw 5vw}.article-index{display:none}.article-aside{margin-top:2rem}.article-next{padding:18vw 5vw;align-items:flex-start;flex-direction:column}}