.article-site{background:#f1f0eb}.article-nav{border-bottom:1px solid var(--line)}.compact-links{display:flex;gap:1.25rem}.compact-links a,.article-volume{color:#686761;font-size:.62rem}.article-volume{justify-self:end;margin:0;letter-spacing:.1em;text-transform:uppercase}
.article-header{max-width:1180px;margin:0 auto;padding:clamp(5rem,11vw,10rem) var(--pad) 4rem;text-align:center}.article-meta{margin:0 0 2rem;color:#77766f;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.article-title{font-size:clamp(4rem,10vw,10rem);line-height:.82}.article-deck{max-width:660px;margin:2.5rem auto;color:#62615c;font-size:clamp(.8rem,1.2vw,1rem);line-height:1.7}.article-byline{display:flex;justify-content:center;gap:3rem;color:#85847e;font-size:.53rem;letter-spacing:.08em;text-transform:uppercase}
.article-hero{position:relative;display:grid;min-height:min(820px,80vw);place-items:center;overflow:hidden;border-block:1px solid var(--line);background:#deddd7}.article-object{width:30%;aspect-ratio:.68;background:linear-gradient(140deg,#32312f,#090909 55%,#353431);filter:drop-shadow(0 45px 30px rgba(20,20,18,.3));transform:rotate(-3deg)}.article-object::before{content:"";position:absolute;inset:12% -35% 62%;border:1px solid #aaa9a3;border-radius:50%;transform:rotate(9deg)}.article-object::after{content:"";position:absolute;inset:70% -40% -15%;border:1px solid #aaa9a3;border-radius:50%;transform:rotate(-14deg)}.article-number{position:absolute;top:2rem;left:var(--pad);font-size:.6rem}.article-hero>p{position:absolute;right:var(--pad);bottom:2rem;margin:0;color:#74736e;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase}
.article-body{display:grid;grid-template-columns:240px minmax(0,680px);justify-content:center;gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,10vw,10rem) var(--pad)}.article-body aside{position:sticky;top:2rem;align-self:start;display:flex;flex-direction:column;gap:.8rem}.article-body aside p{margin:0 0 .5rem;color:#8a8983;font-size:.53rem;letter-spacing:.1em;text-transform:uppercase}.article-body aside a{color:#706f69;font-size:.58rem}.article-prose{font-family:Georgia,serif}.article-prose p{margin:0 0 1.7rem;color:#464541;font-size:1rem;line-height:1.9}.article-prose .lead{color:#1b1b19;font-size:clamp(1.45rem,2.5vw,2.1rem);line-height:1.42}.article-prose h2{margin:5rem 0 1.5rem;font-family:"Inter",Arial,sans-serif;font-size:2.5rem;font-weight:300;letter-spacing:-.055em}.article-prose blockquote{margin:5rem -8vw;padding:3rem 0;border-block:1px solid var(--line);font-size:clamp(2rem,4vw,4rem);font-style:italic;line-height:1.15;text-align:center}.inline-study{margin:5rem 0}.inline-study>div{height:430px;background:radial-gradient(circle at 44% 38%,#4e4d49,#181817 45%,#080808)}.inline-study>p{margin:.8rem 0 0;color:#85847e;font-family:"Inter",Arial,sans-serif;font-size:.52rem;letter-spacing:.1em;text-transform:uppercase}
.article-next{padding:5rem var(--pad);border-top:1px solid var(--line);background:#e6e5df}.article-next>p{color:#77766f;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase}.article-next>a{display:flex;align-items:end;justify-content:space-between;font-size:clamp(3rem,7vw,8rem);font-weight:300;letter-spacing:-.07em;line-height:.85}.article-next b{font-size:.2em;font-weight:400}.site-footer{display:flex}.article-site>.site-footer{padding:2rem var(--pad)}
@media(max-width:760px){.compact-links>a:not(:first-child){display:none}.article-volume{font-size:0}.article-volume::after{content:"v.01";font-size:.55rem}.article-header{text-align:left}.article-deck{margin-left:0}.article-byline{justify-content:flex-start;gap:1.5rem}.article-hero{min-height:550px}.article-object{width:52%}.article-body{display:block}.article-body aside{display:none}.article-prose blockquote{margin:4rem 0}.inline-study>div{height:300px}.article-site>.site-footer{align-items:flex-start;flex-direction:column}}

/* Comfortable reading sizes */
.compact-links a,.article-volume{font-size:.74rem}.article-meta{font-size:.68rem}.article-deck{font-size:clamp(.95rem,1.2vw,1.08rem)}.article-byline{font-size:.66rem}.article-number,.article-hero>p{font-size:.68rem}.article-body aside p{font-size:.65rem}.article-body aside a{font-size:.72rem}.article-prose p{font-size:1.05rem}.inline-study>p{font-size:.65rem}.article-next>p{font-size:.68rem}
@media(max-width:760px){.article-volume{font-size:0}.article-volume::after{font-size:.66rem}}

/* Compact article framing */
.article-header{padding:clamp(4rem,7vw,7rem) var(--pad) 3rem}.article-title{font-size:clamp(4rem,8vw,8rem)}.article-hero{min-height:min(680px,68vw)}.article-body{padding-top:clamp(4.5rem,7vw,7rem);padding-bottom:clamp(4.5rem,7vw,7rem)}.article-next{padding:3.5rem var(--pad)}.article-next>a{font-size:clamp(3rem,5.5vw,6rem)}
@media(max-width:760px){.article-header{padding-top:3.5rem}.article-hero{min-height:480px}.article-next{padding-block:3rem}}