:root{
  --ink:#0e1618;--ink-2:#13201f;--bone:#e7ded7;--bone-dim:#899499;
  --teal:#8fbcc0;--rose:#d0968a;--accent:#5fe4ef;
  --line:rgba(231,222,215,0.12);--ease:cubic-bezier(0.7,0,0.2,1);
  --pad:clamp(28px,6vw,120px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}
body{background:var(--ink);color:var(--bone);font-family:'Archivo',sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden}
::selection{background:var(--teal);color:var(--ink)}
.serif{font-family:'Instrument Serif';font-style:italic;font-weight:400}
.wrap{max-width:1100px;margin:0 auto;padding:0 var(--pad)}

.grain{position:fixed;inset:-200%;z-index:9998;pointer-events:none;width:500%;height:500%;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");
  opacity:0.04;mix-blend-mode:overlay}
.frame{position:fixed;inset:14px;z-index:9500;pointer-events:none;border:1px solid var(--line)}
.atmos{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 50% at 10% 0%,rgba(143,188,192,0.10),transparent 70%),
             radial-gradient(55% 45% at 92% 8%,rgba(208,150,138,0.10),transparent 70%)}

.nav{position:sticky;top:0;z-index:9000;display:flex;justify-content:space-between;align-items:center;
  padding:22px var(--pad);background:linear-gradient(180deg,rgba(14,22,24,.94),rgba(14,22,24,.72) 60%,transparent);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.nav a{text-decoration:none}
.nav__brand{font-weight:900;letter-spacing:-.03em;font-size:1.05rem;text-transform:uppercase;color:var(--bone)}
.nav__brand em{font-family:'Instrument Serif';font-style:italic;font-weight:400;color:var(--teal)}
.nav__back{font-family:'Chakra Petch',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}

.eyebrow{font-family:'Chakra Petch',monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.28em;color:var(--bone-dim);display:flex;align-items:center;gap:14px}
.eyebrow::before{content:'';width:34px;height:1px;background:var(--accent)}

.head{padding:15vh 0 8vh}
.head h1{font-weight:900;text-transform:uppercase;letter-spacing:-.045em;line-height:.9;font-size:clamp(2.6rem,9vw,7rem);margin:24px 0}
.head h1 em{font-family:'Instrument Serif';font-style:italic;font-weight:400;color:var(--teal);text-transform:none}
.stand{font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1.4;max-width:38ch;color:var(--bone)}

.sec{padding:6vh 0;border-top:1px solid var(--line)}
.sec h2{font-family:'Chakra Petch',monospace;font-weight:500;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin-bottom:22px;display:flex;align-items:center;gap:14px}
.sec h2::before{content:'';width:34px;height:1px;background:var(--accent)}
.sec h3{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:300;letter-spacing:-.02em;line-height:1.2;max-width:28ch;margin-bottom:22px}
.sec h3 em{font-family:'Instrument Serif';font-style:italic;color:var(--teal)}
.sec p{font-size:1.02rem;color:var(--bone-dim);max-width:62ch;margin-bottom:18px}
.sec p strong{color:var(--bone);font-weight:500}

.incl{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:6px}
.incl li{border:1px solid var(--line);border-radius:8px;padding:20px 22px;background:var(--ink-2)}
.incl li b{display:block;font-size:1.02rem;color:var(--bone);font-weight:500;margin-bottom:6px}
.incl li span{font-size:.9rem;color:var(--bone-dim)}

.more{display:flex;gap:16px;flex-wrap:wrap;margin-top:4px}
.more a{font-family:'Chakra Petch',monospace;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-decoration:none;border:1px solid rgba(95,228,239,.4);border-radius:100px;padding:12px 20px;transition:background .3s var(--ease),color .3s var(--ease)}
.more a:hover{background:var(--accent);color:var(--ink)}

.cta{padding:13vh 0 12vh;text-align:center;border-top:1px solid var(--line)}
.cta h2{font-size:clamp(2rem,6vw,4.5rem);font-weight:900;letter-spacing:-.04em;text-transform:uppercase;line-height:.9}
.cta h2 em{font-family:'Instrument Serif';font-style:italic;font-weight:400;color:var(--teal);text-transform:none}
.cta a{display:inline-flex;align-items:center;gap:12px;margin-top:34px;padding:18px 34px;border:1px solid var(--teal);border-radius:100px;text-decoration:none;color:var(--bone);font-family:'Chakra Petch',monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;transition:background .4s var(--ease),color .4s var(--ease)}
.cta a:hover{background:var(--teal);color:var(--ink)}

.foot{padding:5vh var(--pad);border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-family:'Chakra Petch',monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim)}
.foot a{color:var(--accent);text-decoration:none}

.rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}