.hero{gap:var(--s4);padding-block:var(--s5) var(--s6);align-items:center;display:grid}.hero h1{font-size:clamp(2.6rem, 8.2vw, var(--t6));letter-spacing:-.02em;max-width:12ch;line-height:1.02}.hero h1 small{font:600 .78rem/1.4 var(--font-body);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);max-width:50ch;margin-bottom:18px;display:block}.hero-sub{margin-top:var(--s3);max-width:44ch;font-size:1.2rem}.hero-actions{margin-top:var(--s3);flex-wrap:wrap;gap:12px;display:flex}.tagline{margin-top:var(--s3);font-family:var(--font-head);color:var(--rule);font-size:1.05rem}.cue{margin-top:var(--s4);color:var(--text);align-items:center;gap:10px;font-weight:500;text-decoration:none;display:inline-flex}.cue:hover{color:var(--accent)}.hero-stage{place-items:center;min-height:300px;display:grid;position:relative}.hero-stage .pallet-fallback{z-index:1;width:min(100%,560px);height:auto;position:relative}.dock-floor{background:linear-gradient(#eef1f6,#e4e9f1);border:1px solid #cfd6e2;height:34%;position:absolute;bottom:10%;left:4%;right:4%;transform:perspective(500px)rotateX(58deg)}@media (width>=900px){.hero{grid-template-columns:1.05fr .95fr;min-height:calc(100vh - 160px)}.hero-stage{min-height:460px}}html.has-3d .hero-stage .pallet-fallback,html.has-3d .hero-stage .dock-floor{opacity:0}.story{position:relative}.stage{display:none}.chapter{padding-block:var(--s7);border-top:1px solid var(--rule);position:relative}.chapter.dark{background:var(--night);color:#f1efe8;border-top-color:#000;overflow:hidden}.chapter.dark a{color:var(--amber)}.chapter.dark .box-no{border-color:var(--amber);color:var(--amber)}.chap-body{gap:var(--s2);z-index:2;max-width:560px;display:grid;position:relative}.chap-body.wide{max-width:1000px}.chap-no{font:600 .8rem/1 var(--font-body);letter-spacing:.09em;text-transform:uppercase;color:inherit;align-items:center;gap:10px;display:flex}.chap h2{font-size:clamp(1.9rem, 4.2vw, var(--t4))}.chap-link{justify-self:start;font-weight:600}.ramp-dots{opacity:.8;z-index:1;grid-template-columns:repeat(6,18px);gap:26px;display:grid;position:absolute;top:18%;right:6%}.ramp-dots i{background:var(--amber);border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px 3px #ffb40073}.ramp-dots i:nth-child(3n){animation:3.2s infinite blink}@keyframes blink{50%{opacity:.25}}@media (width<=899px){.ramp-dots{display:none}}.chap-art{display:none}@media (width>=900px){.chap{position:relative}.chap-art{z-index:1;width:min(46%,560px);display:block;position:absolute;top:50%;right:0;transform:translateY(-50%)}.chap-art .scene{border:1px solid var(--rule);background:var(--surface);padding:0}.chap-art figcaption,html.has-3d .chap-art,html:not(.has-3d) .ramp-dots{display:none}}.landing{background:var(--surface)}.grade-grid{border:1px solid var(--rule);margin-top:var(--s2);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.grade-grid li{border-right:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft);margin:0 -1px -1px 0}.grade-grid a{color:var(--text);height:100%;padding:16px 18px;text-decoration:none;display:block}.grade-grid a:hover{background:#ecefe0}.grade-grid strong{font:400 1.25rem/1.2 var(--font-head);color:var(--accent);display:block}.grade-grid span{color:var(--muted);margin-top:4px;font-size:.95rem;display:block}.path3,.rivers,.sizes,.faqs{padding-top:var(--s7);gap:var(--s3);display:grid}.path3 h2,.rivers h2,.sizes h2,.faqs h2{align-items:baseline;gap:12px;display:flex}.three{border:1px solid var(--rule);background:var(--surface);gap:0;display:grid}.lbox{padding:var(--s3);color:var(--text);border-bottom:1px solid var(--rule);align-content:start;gap:8px;text-decoration:none;display:grid}.lbox:last-child{border-bottom:0}.lbox:hover{background:#ecefe0}.lno{font:600 .75rem/1 var(--font-body);letter-spacing:.08em;color:var(--rule);border:1px solid var(--rule);justify-self:start;padding:4px 8px}.lbox strong{font:400 var(--t2)/1.1 var(--font-head);color:var(--accent)}.lbox em{color:var(--accent);font-style:normal;font-weight:600}.tool-line{max-width:70ch}@media (width>=900px){.three{grid-template-columns:repeat(3,1fr)}.lbox{border-bottom:0;border-right:1px solid var(--rule)}.lbox:last-child{border-right:0}}.foot-row{border:1px solid var(--rule);background:var(--surface);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;display:grid}.foot-row li{border-right:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft);margin:0 -1px -1px 0}.foot-row a{color:var(--text);justify-items:start;gap:4px;padding:16px;text-decoration:none;display:grid}.foot-row a:hover{background:#ecefe0}.foot-row svg{width:90px;height:84px}.foot-row span{color:var(--muted);font-size:.9rem}@media (width>=900px){html.has-3d .stage{z-index:3;pointer-events:none;height:calc(100vh - 64px);margin-bottom:calc(64px - 100vh);display:block;position:sticky;top:64px}html.has-3d .story-canvas{width:100%;height:100%}html.has-3d .chap-body{max-width:46%}html.has-3d .chap-body.wide{max-width:100%}html.has-3d .landing .chap-body.wide>:not(.grade-grid){max-width:46%}}