:root{--ink:#0c0a09;--cream:#efe7d6;--ash:#9a9186;--rule:rgba(239,231,214,.14);--red:#c7464c;--display:"Archivo","Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--cream);background:#0b0a09;font-family:var(--display);font-variation-settings:"wdth" 92,"wght" 400}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:repeating-linear-gradient(45deg,rgba(225,229,230,.035) 0 2px,transparent 2px 6px),repeating-linear-gradient(-45deg,rgba(225,229,230,.025) 0 2px,transparent 2px 6px),radial-gradient(circle at 50% -15%,rgba(255,255,255,.07),transparent 42%),#0b0a09}
a{color:inherit}.sitebar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.2rem,5vw,4.8rem);border-bottom:1px solid var(--rule);position:sticky;top:0;background:rgba(11,10,9,.94);backdrop-filter:blur(12px);z-index:20}.brand{font:500 .76rem/1 var(--mono);letter-spacing:.22em;text-decoration:none}.brand small{display:block;margin-top:.4rem;color:var(--ash);font-size:.55rem;letter-spacing:.27em}.sitebar nav{display:flex;gap:1.8rem}.sitebar nav a{font:500 .65rem/1 var(--mono);letter-spacing:.19em;text-decoration:none;color:#d8d2c7}.sitebar nav a:hover{color:#fff}
.eyebrow{font:500 .62rem/1 var(--mono);letter-spacing:.3em;color:#d45c60;text-transform:uppercase}.wrap{width:min(980px,calc(100% - 3rem));margin:0 auto}.article-hero{padding:clamp(5rem,10vw,9rem) 0 3rem}.article-hero h1{max-width:920px;font-size:clamp(3rem,6.2vw,6.2rem);line-height:.86;margin:.65rem 0 .8rem;font-variation-settings:"wdth" 78,"wght" 660;letter-spacing:-.06em;overflow-wrap:break-word}.article-hero h2{max-width:920px;font-size:clamp(1.3rem,2.6vw,2rem);font-weight:400;color:var(--red);margin:0}.hero-art{width:min(980px,calc(100% - 3rem));margin:0 auto;border:1px solid var(--rule);background:#eee;overflow:hidden}.hero-art img{display:block;width:100%;height:auto;object-fit:contain}
.article-body{width:min(760px,calc(100% - 3rem));margin:0 auto;padding:clamp(4rem,8vw,7rem) 0}.article-body p{font-size:clamp(1.05rem,1.45vw,1.22rem);line-height:1.78;margin:0 0 1.45rem;color:#ded8cd}.article-body h3{margin:4rem 0 1.2rem;font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1;font-variation-settings:"wdth" 82,"wght" 650;letter-spacing:-.035em;color:#f3ecdf}.article-body figure{width:min(980px,calc(100vw - 3rem));margin:3.6rem 50%;transform:translateX(-50%);border:1px solid var(--rule);background:#111}.article-body figure img{display:block;width:100%;height:auto}.article-body figcaption{padding:.8rem 1rem;color:#a9a196;font:400 .65rem/1.5 var(--mono);letter-spacing:.06em;text-align:center}.article-body blockquote{margin:2.4rem 0;padding:1.4rem 0 1.4rem 1.5rem;border-left:3px solid var(--red);font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.5;color:#f1e9dc}.article-end{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:1rem;align-items:center}.button{display:inline-flex;align-items:center;gap:.7rem;padding:.88rem 1.05rem;border:1px solid rgba(239,231,214,.38);font:500 .63rem/1 var(--mono);letter-spacing:.13em;text-decoration:none;text-transform:uppercase}.button:hover{background:var(--cream);color:#111}.page-explore{padding:1rem 0 4.5rem;text-align:center}.page-explore__link{display:inline-flex;flex-direction:column;align-items:center;gap:.6rem;color:#ddd6ca;text-decoration:none;font:500 .58rem/1 var(--mono);letter-spacing:.25em}.page-explore__link b{font-size:1.15rem;font-weight:400}.footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(1.2rem,5vw,4.8rem);border-top:1px solid var(--rule);color:var(--ash);font:400 .58rem/1.4 var(--mono);letter-spacing:.12em}
@media(max-width:720px){.sitebar{height:62px}.sitebar nav{gap:.85rem}.sitebar nav a{font-size:.56rem;letter-spacing:.1em}.brand{font-size:.62rem}.brand small{display:none}.footer{flex-direction:column}.article-hero{padding-top:4rem}.article-hero h1{font-size:clamp(2.6rem,12vw,4rem)}.article-body p{line-height:1.68}.article-end{align-items:flex-start;flex-direction:column}.article-body figure{width:calc(100vw - 2rem)}}