:root{
      --black:#080807;
      --charcoal:#12110f;
      --graphite:#1b1916;
      --ivory:#eee7da;
      --muted:#b5ada0;
      --dim:#6f685e;
      --amber:#a66a16;
      --ochre:#c58a22;
      --gold:#e5b84a;
      --max:1240px;
    }

    *{box-sizing:border-box}
    html{background:var(--black);scroll-behavior:smooth}
    body{margin:0;background:var(--black);color:var(--ivory);font-family:Inter,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    ::selection{background:rgba(197,138,34,.32);color:var(--ivory)}
    .wrap{width:min(calc(100% - 48px),var(--max));margin-inline:auto}

    .site-header{position:fixed;inset:0 0 auto;z-index:30;border-bottom:1px solid rgba(197,138,34,.10);background:rgba(8,8,7,.76);backdrop-filter:blur(18px)}
    .nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:32px}
    .brand{display:flex;align-items:center;gap:12px;transform:translateX(-22px)}
    .brand img{width:64px;height:48px;object-fit:contain;opacity:.94}
    .nav-links{display:flex;align-items:center;gap:34px;font-size:14px;color:#d9d2c8}
    .nav-links a{transition:color .25s ease}
    .nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--gold)}
    .lang{padding-left:26px;border-left:1px solid rgba(238,231,218,.18);color:var(--muted)}
    .lang strong{font-weight:500;color:var(--ochre)}

    .page-hero{min-height:62vh;padding:155px 0 92px;position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid rgba(238,231,218,.08)}
    .page-hero::before{content:"";position:absolute;z-index:-3;inset:0;background:radial-gradient(circle at 0% 0%,rgba(229,184,74,.22),rgba(166,106,22,.07) 28%,transparent 52%),linear-gradient(110deg,#080807 0%,#0c0a07 46%,#080807 100%)}
    .page-hero::after{content:"";position:absolute;z-index:-2;left:-11vw;top:-26vh;width:78vw;height:90vh;background:url('../images/nebula-gold.png') left top/contain no-repeat;opacity:.22;mix-blend-mode:screen;filter:saturate(.68) brightness(.58)}
    .kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ochre);margin-bottom:24px}
    h1{font-family:Newsreader,Georgia,serif;font-size:clamp(76px,10vw,148px);line-height:.83;letter-spacing:-.06em;font-weight:500;margin:0 0 36px;color:#f1eadf}
    .hero-copy{max-width:760px;font-family:Newsreader,Georgia,serif;font-size:clamp(23px,2.5vw,34px);line-height:1.4;color:#cfc5b6;margin:0}
    .hero-note{max-width:710px;margin:30px 0 0;color:#91887b;font-size:14px;line-height:1.75}

    .archive{padding:96px 0 132px;background:linear-gradient(180deg,#090807 0%,#0f0d0a 100%)}
    .archive-head{display:flex;justify-content:space-between;gap:48px;align-items:end;margin-bottom:48px}
    .archive-head h2{font-family:Newsreader,Georgia,serif;font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.04em;font-weight:500;margin:0}
    .archive-head p{max-width:440px;margin:0;color:#8f8679;font-size:14px;line-height:1.7}
    .essay-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(238,231,218,.12)}
    .essay-axis{min-height:390px;padding:42px 54px 48px 0;position:relative;overflow:hidden;border-bottom:1px solid rgba(238,231,218,.12)}
    .essay-axis:nth-child(odd){border-right:1px solid rgba(238,231,218,.12);padding-right:60px}
    .essay-axis:nth-child(even){padding-left:60px}
    .essay-axis::after{content:"";position:absolute;width:460px;height:300px;right:-100px;top:-105px;background:radial-gradient(ellipse at 55% 40%,rgba(229,184,74,.30) 0%,rgba(197,138,34,.14) 30%,rgba(166,106,22,.06) 53%,transparent 74%);opacity:0;filter:blur(22px);transition:opacity .35s ease,transform .55s ease;transform:translate(-12px,-12px);pointer-events:none}
    .essay-axis:hover::after{opacity:1;transform:none}
    .axis-number{font-size:12px;letter-spacing:.15em;color:#756d61;margin-bottom:62px}
    .axis-top{display:flex;align-items:center;justify-content:space-between;gap:24px}
    .essay-axis h3{font-family:Newsreader,Georgia,serif;font-size:48px;letter-spacing:-.04em;font-weight:500;margin:0 0 17px;transition:color .3s ease}
    .essay-axis:hover h3{color:#e1b24e}
    .lock{width:34px;height:34px;border:1px solid rgba(197,138,34,.32);border-radius:50%;display:grid;place-items:center;color:var(--ochre);flex:0 0 auto;position:relative;z-index:1}
    .lock::before{content:"";width:9px;height:8px;border:1.5px solid currentColor;border-top:0;border-radius:1px;margin-top:5px}
    .lock::after{content:"";position:absolute;width:7px;height:7px;border:1.5px solid currentColor;border-bottom:0;border-radius:7px 7px 0 0;top:8px}
    .essay-axis p{max-width:455px;color:#a9a095;font-size:15px;line-height:1.75;margin:0 0 32px;transition:color .3s ease}
    .essay-axis:hover p{color:#c4b8aa}
    .locked-link{display:inline-flex;align-items:center;gap:12px;color:var(--ochre);padding-bottom:7px;border-bottom:1px solid rgba(197,138,34,.50);font-size:15px;position:relative;z-index:1;transition:color .25s ease,border-color .25s ease}
    .locked-link:hover{color:var(--gold);border-color:var(--gold)}
    .locked-link span{transition:transform .25s ease}
    .locked-link:hover span{transform:translateX(5px)}

    .manifesto{padding:125px 0 142px;background:var(--black);text-align:center}
    .manifesto p{font-family:Newsreader,Georgia,serif;font-size:clamp(34px,4.6vw,62px);line-height:1.17;letter-spacing:-.035em;max-width:950px;margin:0 auto;color:#ddd5c8}
    .manifesto small{display:block;margin-top:29px;color:#6f675e;font-size:11px;letter-spacing:.18em;text-transform:uppercase}

    footer{background:var(--black);border-top:1px solid rgba(238,231,218,.1);padding:46px 0 54px;color:#8f877b;font-size:13px}
    .footer-grid{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:end}
    .footer-brand{font-family:Newsreader,Georgia,serif;color:#d8d0c3;font-size:23px;margin-bottom:22px}
    .footer-links{display:flex;flex-wrap:wrap;gap:22px 30px}
    .footer-links a:hover{color:var(--gold)}
    .footer-copy{text-align:right;font-size:11px;line-height:1.9}

    .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
    .reveal.visible{opacity:1;transform:none}

    @media(max-width:820px){
      .wrap{width:min(calc(100% - 32px),var(--max))}
      .nav{height:72px}.brand{transform:translateX(-8px)}.brand img{width:54px;height:40px}
      .nav-links a:not(.lang){display:none}.nav-links{gap:0}.lang{border:0;padding:0}
      .page-hero{min-height:auto;padding:132px 0 78px}h1{font-size:clamp(68px,21vw,108px)}.hero-copy{font-size:24px}
      .archive{padding:74px 0 96px}.archive-head{display:block}.archive-head p{margin-top:22px}.essay-grid{grid-template-columns:1fr}
      .essay-axis,.essay-axis:nth-child(odd),.essay-axis:nth-child(even){border-right:0;padding:36px 0 42px;min-height:330px}
      .axis-number{margin-bottom:46px}.essay-axis h3{font-size:42px}
      .footer-grid{grid-template-columns:1fr}.footer-copy{text-align:left}
    }
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}