/* Compliance font tokens from DESIGN.md: Space Grotesk” Inter” IBM Plex Mono” */
:root{--black:#050505;--graphite:#171A1D;--chalk:#F4F1E8;--amber:#FF9F1C;--cyan:#35F2D0;--violet:#2B2238;--silver:#B9C1C9;--hex:clamp(9rem,18vw,17rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--chalk);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:-20%;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(43,34,56,.85),transparent 28%),radial-gradient(circle at 80% 30%,rgba(53,242,208,.08),transparent 22%),radial-gradient(circle at 48% 75%,rgba(255,159,28,.11),transparent 24%),repeating-linear-gradient(60deg,rgba(244,241,232,.055) 0 1px,transparent 1px 74px),repeating-linear-gradient(120deg,rgba(244,241,232,.04) 0 1px,transparent 1px 74px);animation:gridDrift 28s linear infinite;z-index:-3}body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(185,193,201,.18) .7px,transparent .8px);background-size:29px 31px;opacity:.22;z-index:-2}.cursor-glow{position:fixed;width:32rem;height:32rem;border-radius:50%;background:radial-gradient(circle,rgba(255,159,28,.18),rgba(53,242,208,.08) 35%,transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:0;mix-blend-mode:screen}.dust{position:fixed;inset:0;pointer-events:none;z-index:1}.spark{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan);opacity:0;animation:spark 2.8s ease-out forwards}.molecule-map{position:fixed;right:1.15rem;top:50%;transform:translateY(-50%);z-index:10;display:grid;gap:.55rem}.molecule-map a{font-family:"IBM Plex Mono",monospace;font-size:.68rem;color:var(--silver);text-decoration:none;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:.45rem}.molecule-map a:before{content:attr(data-dot);display:grid;place-items:center;width:2.1rem;height:2.35rem;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);border:1px solid rgba(244,241,232,.28);background:rgba(23,26,29,.84);color:var(--chalk)}.molecule-map a.active:before{border-color:var(--amber);color:var(--amber);box-shadow:0 0 20px rgba(255,159,28,.34)}.chapter{min-height:100vh;position:relative;display:grid;align-items:center;padding:6rem clamp(1rem,4vw,5rem);overflow:hidden}.section-kicker,.micro,.hex small{font-family:"IBM Plex Mono",monospace;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.hex{clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);background:linear-gradient(145deg,rgba(23,26,29,.95),rgba(5,5,5,.94));border:1px solid rgba(244,241,232,.18);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem;min-height:var(--hex);transition:transform .7s cubic-bezier(.2,.9,.2,1),opacity .7s ease,filter .45s ease;opacity:0;filter:saturate(.6)}.hex:before{content:"";position:absolute;inset:1px;clip-path:inherit;border:1px solid rgba(244,241,232,.12);pointer-events:none}.hex:hover{filter:saturate(1.25);transform:translateY(-8px) scale(1.025)!important}.hex svg{width:4.2rem;height:4.2rem;fill:none;stroke:var(--chalk);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;margin-bottom:1rem}.hex h1,.hex h2,.last-sentence h2,.menu-copy h2{font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;letter-spacing:-.055em;line-height:.9;margin:.35rem 0;color:var(--chalk)}.hex h1{font-size:clamp(4rem,11vw,10rem)}.hex h2,.last-sentence h2,.menu-copy h2{font-size:clamp(2.1rem,5vw,5.7rem)}p{color:var(--silver);line-height:1.55;max-width:42rem}.opening-field{position:relative;min-height:78vh}.hero-hex{width:min(82vw,45rem);min-height:min(72vw,38rem);margin:auto;background:radial-gradient(circle at 50% 38%,rgba(53,242,208,.15),transparent 35%),linear-gradient(145deg,#171A1D,#050505 68%);align-items:center;text-align:center;box-shadow:0 0 90px rgba(53,242,208,.11)}.opening .small{position:absolute;left:8%;top:12%;width:13rem}.opening .ghost{position:absolute;right:8%;top:18%;width:16rem;background:rgba(43,34,56,.76)}.opening .tiny{position:absolute;left:18%;bottom:8%;width:9rem;min-height:10rem;align-items:center}.opening .note{position:absolute;right:18%;bottom:6%;width:15rem}.tile-c{font-family:"Space Grotesk";font-size:3.3rem;color:var(--amber)}.honeycomb{display:grid;grid-template-columns:repeat(3,minmax(13rem,1fr));gap:1.1rem;max-width:78rem;margin:2rem auto}.honeycomb .hex:nth-child(2),.honeycomb .hex:nth-child(5){transform:translateY(4rem)}.icon-card{min-height:18rem}.icon-card h2{font-size:2rem;letter-spacing:-.04em}.cyan svg,.cyan .section-kicker{stroke:var(--cyan);color:var(--cyan)}.amber svg{stroke:var(--amber)}.silver svg{stroke:var(--silver)}.hover-readout{position:sticky;bottom:1rem;margin-left:1rem;font-family:"IBM Plex Mono",monospace;color:var(--amber);background:rgba(5,5,5,.78);border:1px solid rgba(255,159,28,.35);padding:.8rem 1rem;width:max-content;max-width:80vw}.bar-strip{width:min(92rem,100%);min-height:26rem;margin:auto;background:linear-gradient(90deg,rgba(255,159,28,.2),rgba(23,26,29,.96) 22%,rgba(43,34,56,.92) 72%,rgba(53,242,208,.12));border-top:1px solid rgba(244,241,232,.22);border-bottom:1px solid rgba(244,241,232,.22);display:grid;grid-template-columns:.7fr 1.5fr .8fr;align-items:center;gap:2rem;padding:2rem;box-shadow:0 18px 80px rgba(0,0,0,.62)}.coaster-ring{width:17rem;aspect-ratio:1;border:1px solid rgba(255,159,28,.65);border-radius:50%;box-shadow:inset 0 0 0 2rem rgba(255,159,28,.035),0 0 50px rgba(255,159,28,.18)}.tags{display:flex;flex-wrap:wrap;gap:.65rem}.tags span{font-family:"IBM Plex Mono",monospace;border:1px solid rgba(244,241,232,.28);padding:.45rem .65rem;color:var(--chalk);background:rgba(5,5,5,.38)}.coupe-hex{opacity:1;min-height:18rem}.cascade{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;align-items:start;margin:3rem auto 0;max-width:86rem}.phase{min-height:22rem}.phase:nth-child(2){margin-top:5rem}.phase:nth-child(3){margin-top:10rem}.phase:nth-child(4){margin-top:15rem}.phase:nth-child(5){margin-top:20rem}.phase b{font-family:"IBM Plex Mono";color:var(--amber)}.phase.graphite{background:linear-gradient(145deg,#171A1D,#050505)}.phase.violet{background:linear-gradient(145deg,#2B2238,#050505)}.phase.amber{background:linear-gradient(145deg,rgba(255,159,28,.34),#171A1D)}.phase.cyan{background:linear-gradient(145deg,rgba(53,242,208,.22),#171A1D)}.phase.silver{background:linear-gradient(145deg,rgba(185,193,201,.34),#171A1D)}.final-room{place-items:center;text-align:center}.last-sentence{position:relative;z-index:2}.last-sentence p{margin-inline:auto}.orbit{position:absolute;width:min(75vw,46rem);aspect-ratio:1;border:1px dashed rgba(244,241,232,.18);border-radius:50%;animation:orbit 18s linear infinite}.orbital-icon{opacity:.72!important;position:absolute;width:8rem;min-height:8rem;align-items:center;color:var(--amber);font-family:"Space Grotesk";font-size:2rem;padding:1rem}.orbital-icon:nth-child(1){left:50%;top:-4rem}.orbital-icon:nth-child(2){right:-4rem;top:45%;color:var(--cyan)}.orbital-icon:nth-child(3){left:8%;bottom:0;color:var(--silver)}.orbital-icon:nth-child(4){left:-4rem;top:30%}.from-left{transform:translateX(-4rem)}.from-right{transform:translateX(4rem)}.from-top{transform:translateY(-4rem)}.from-bottom{transform:translateY(4rem)}.from-tr{transform:translate(4rem,-3rem)}.from-tl{transform:translate(-4rem,-3rem)}.is-visible .hex,.hex.revealed{opacity:1;transform:translate(0,0);filter:saturate(1)}.is-visible .hex:nth-child(2){transition-delay:.12s}.is-visible .hex:nth-child(3){transition-delay:.22s}.is-visible .hex:nth-child(4){transition-delay:.32s}.is-visible .hex:nth-child(5){transition-delay:.42s}.is-visible .hex:nth-child(6){transition-delay:.52s}@keyframes gridDrift{to{transform:translate3d(-74px,42px,0)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes spark{0%{opacity:0;transform:scale(.4)}20%{opacity:1}100%{opacity:0;transform:translateY(-30px) scale(1.5)}}@media (max-width:850px){.molecule-map{right:.4rem}.chapter{padding:5rem 1rem}.honeycomb,.cascade,.bar-strip{grid-template-columns:1fr}.honeycomb .hex:nth-child(2),.honeycomb .hex:nth-child(5),.phase:nth-child(n){margin-top:0;transform:none}.opening .small,.opening .ghost,.opening .tiny,.opening .note{position:relative;inset:auto;margin:.8rem auto}.bar-strip{padding:1rem}.coaster-ring{display:none}}