:root{--bg:#080807;--bg-2:#0d0d0b;--ink:#f6f3ec;--ink-dim:#b3ada1;--ink-faint:#6a655b;--gold:#c9a84c;--gold-soft:#e7d196;--gold-deep:#9a7e34;--line:#c9a84c29;--line-soft:#f6f3ec12;--display:"Cormorant Garamond",serif;--mono:"Spline Sans Mono",monospace;--body:"Archivo",sans-serif;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.75;overflow-x:hidden}::selection{background:var(--gold);color:#080807}body:after{content:"";pointer-events:none;z-index:9999;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.progress{background:linear-gradient(90deg,var(--gold-deep),var(--gold-soft));z-index:1001;width:0%;height:2px;position:fixed;top:0;left:0}nav{z-index:1000;transition:all .5s var(--ease);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:22px 44px;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft);background:#080807e0;padding:14px 44px}.brand{font-family:var(--display);letter-spacing:.04em;font-size:1.15rem;font-weight:400}.brand span{color:var(--gold)}.nav-links{align-items:center;gap:34px;display:flex}.nav-links a{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-dim);font-size:.7rem;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--gold-soft)}@media (max-width:640px){nav,nav.scrolled{padding-left:22px;padding-right:22px}.nav-links{gap:20px}}.article{max-width:720px;margin:0 auto;padding:0 32px}@media (max-width:640px){.article{padding:0 24px}}.art-head{padding:170px 0 60px;position:relative}.back{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:9px;margin-bottom:40px;font-size:.68rem;text-decoration:none;transition:color .3s,gap .3s;display:inline-flex}.back:hover{color:var(--gold-soft);gap:14px}.art-cat{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);align-items:center;gap:12px;margin-bottom:26px;font-size:.7rem;display:flex}.art-cat .date{color:var(--ink-faint);letter-spacing:.1em}.art-head h1{font-family:var(--display);letter-spacing:-.02em;margin-bottom:30px;font-size:clamp(2.4rem,5.5vw,4rem);font-weight:400;line-height:1.05}.art-head h1 em{color:var(--gold-soft);font-style:italic}.lede{font-family:var(--display);color:var(--ink-dim);font-size:1.4rem;font-style:italic;font-weight:300;line-height:1.6}.art-hero-img{border:1px solid var(--line);background:linear-gradient(140deg,#1a1810,#0a0a08);border-radius:3px;justify-content:center;align-items:center;height:340px;margin:50px 0 70px;display:flex;position:relative;overflow:hidden}.art-hero-img:after{content:"";background:radial-gradient(circle at 40% 35%,#c9a84c1f,#0000 60%);position:absolute;inset:0}.art-hero-img .m{font-family:var(--display);color:var(--gold);opacity:.2;font-size:5rem;font-style:italic}.body{padding-bottom:60px}.body p{color:#cfc9bd;margin-bottom:28px;font-size:1.12rem;font-weight:300;line-height:1.85}.body p strong{color:var(--ink);font-weight:500}.body h2{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);margin:64px 0 26px;font-size:clamp(1.7rem,3.5vw,2.3rem);font-weight:500;line-height:1.2}.body h2 .n{color:var(--gold);font-family:var(--mono);letter-spacing:.1em;margin-bottom:12px;font-size:.9rem;font-weight:400;display:block}.sub-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:44px 0 18px;font-size:.7rem}.pull{border-left:2px solid var(--gold);font-family:var(--display);color:var(--gold-soft);margin:44px 0;padding:6px 0 6px 28px;font-size:1.5rem;font-style:italic;line-height:1.5}.fix{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:3px;margin:34px 0;padding:28px 30px}.fix .fix-k{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-size:.66rem}.fix p{margin-bottom:0;font-size:1.05rem}.divider{background:var(--line-soft);width:100%;height:1px;margin:60px 0;position:relative}.divider:after{content:"✦";background:var(--bg);color:var(--gold);padding:0 18px;font-size:.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta{background:linear-gradient(150deg,var(--bg-2),#100f0c);border:1px solid var(--line);text-align:center;border-radius:4px;margin:80px 0 120px;padding:56px 48px;position:relative;overflow:hidden}.cta:before{content:"";filter:blur(40px);background:radial-gradient(circle,#c9a84c1a,#0000 62%);border-radius:50%;width:380px;height:380px;position:absolute;top:-40%;right:-10%}.cta h3{font-family:var(--display);margin-bottom:18px;font-size:1.9rem;font-weight:400;line-height:1.2;position:relative}.cta h3 em{color:var(--gold-soft);font-style:italic}.cta p{color:var(--ink-dim);max-width:44ch;margin:0 auto 30px;font-size:1.02rem;line-height:1.7;position:relative}.cta a{background:var(--gold);color:#080807;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--gold);border-radius:2px;padding:15px 32px;font-size:.74rem;text-decoration:none;transition:background .35s,color .35s;display:inline-block;position:relative}.cta a:hover{color:var(--gold-soft);background:0 0}footer{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:46px 44px;display:flex}footer .fname{font-family:var(--display);color:var(--ink-dim);font-size:1rem}footer .fname span{color:var(--gold)}footer a{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:.7rem;text-decoration:none;transition:color .3s}footer a:hover{color:var(--gold-soft)}@media (max-width:640px){footer{padding:34px 24px}}