:root{--sky:#5b9aaa;--sky-dark:#356879;--ink:#122027;--ivory:#f1ebd8;--orange:#e68a59;--teal:#5db0a8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sky);color:var(--ink);font:16px/1.55 Georgia,serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}section{scroll-margin-top:72px}.grain{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.13;background-image:radial-gradient(#173b46 0.65px,transparent 0.65px);background-size:5px 5px;mix-blend-mode:multiply}.topbar{height:72px;padding:0 3.4vw;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#d9e5e2;border-bottom:3px solid var(--ink);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;font:900 1.2rem/1 Arial,sans-serif;letter-spacing:-.05em;transform:rotate(-1deg)}.brand img{width:46px;height:46px;border:2px solid var(--ink);border-radius:50%;object-fit:cover}.brand small{font-size:.55rem;letter-spacing:.06em;margin-left:4px}.topbar nav{display:flex;gap:28px}.topbar nav a,.nav-roar{font:900 .75rem/1 Arial,sans-serif;letter-spacing:.12em}.topbar nav a:hover,.nav-roar:hover{text-decoration:underline;text-decoration-thickness:2px}.nav-roar{padding:10px 14px;border:2px solid var(--ink);background:var(--orange);box-shadow:3px 3px 0 var(--ink);transform:rotate(2deg)}.banner{position:relative;border-bottom:4px solid var(--ink);background:var(--sky)}.banner img{width:100%;aspect-ratio:3;max-height:440px;object-fit:cover}.banner-stamp{position:absolute;right:2%;bottom:7%;padding:5px 9px;background:var(--ivory);border:2px solid var(--ink);font:900 .65rem Arial,sans-serif;letter-spacing:.1em;transform:rotate(-3deg)}.story{min-height:690px;position:relative;overflow:hidden;padding:18px clamp(18px,4vw,68px) 30px;background:#88b0b3}.backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(126,179,182,.9),rgba(126,179,182,.61)),url('assets/hatch.webp') center/cover;filter:saturate(.65);transition:background-image .2s}.story:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-linear-gradient(0deg,transparent 0 38px,#10333b 39px 40px)}.story-topline,.story-grid,.story-controls,.keyboard-hint{position:relative;z-index:2}.story-topline{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid var(--ink);padding:0 2px 10px;font:900 .76rem Arial,sans-serif;letter-spacing:.15em}.story-grid{max-width:1350px;margin:26px auto 0;display:grid;grid-template-columns:minmax(300px,.95fr) minmax(350px,1.05fr);gap:clamp(18px,4vw,70px);align-items:center}.story-copy{padding:25px 15px 20px 3%;transition:opacity .2s,transform .2s}.story-copy.fading,.scene-frame.fading{opacity:.15;transform:translateY(10px)}.chapter-number{font:900 clamp(5rem,11vw,11rem)/.8 Arial,sans-serif;letter-spacing:-.13em;color:rgba(12,49,57,.14);margin-left:-.05em}.eyebrow{font:900 .85rem/1.3 Arial,sans-serif;letter-spacing:.17em}.story h1,.chart-heading h2,.roadmap h2{margin:.2em 0 .25em;font:900 clamp(3.2rem,6vw,6.4rem)/.9 Georgia,serif;letter-spacing:-.08em;text-shadow:3px 3px 0 rgba(255,255,255,.4);max-width:9ch}.chapter-description{font-size:clamp(1.12rem,1.65vw,1.4rem);max-width:39ch;line-height:1.45}.roar-button{margin:20px 0 0;border:3px solid var(--ink);background:var(--orange);box-shadow:6px 6px 0 var(--ink);padding:10px 22px;min-width:200px;transform:rotate(-2deg);display:flex;align-items:center;gap:15px;transition:transform .15s,box-shadow .15s}.roar-button:hover{transform:rotate(1deg) translateY(-3px);box-shadow:9px 9px 0 var(--ink)}.roar-button span{font:900 2rem/.9 Arial,sans-serif}.roar-button small{font:900 .69rem/1.1 Arial,sans-serif;letter-spacing:.06em;width:78px;text-align:left}.roar-note{margin:16px 0 0;font:italic .9rem Georgia,serif}.scene-frame{position:relative;overflow:visible;justify-self:center;width:min(100%,535px);aspect-ratio:1;padding:12px;background:var(--ivory);border:4px solid var(--ink);box-shadow:11px 12px 0 var(--ink);transform:rotate(2deg);transition:opacity .2s,transform .2s}.scene-frame img{width:100%;height:100%;object-fit:cover;filter:contrast(1.02)}.frame-tape{position:absolute;width:110px;height:32px;left:calc(50% - 55px);top:-20px;background:#f5dda7b9;border:2px solid #543f2ba1;transform:rotate(-5deg)}.scene-caption{position:absolute;left:22px;bottom:23px;color:var(--ivory);background:#122027e6;padding:6px 11px;font:900 .7rem Arial,sans-serif;letter-spacing:.12em}.story-controls{max-width:1000px;margin:45px auto 0;display:flex;gap:14px;align-items:center;justify-content:center}.arrow{background:var(--ivory);border:3px solid var(--ink);width:52px;height:47px;font:900 1.6rem Arial;box-shadow:3px 3px 0 var(--ink)}.arrow:hover,.chapter-nav button:hover{background:var(--orange)}.chapter-nav{display:flex;justify-content:center;gap:8px;flex:1;max-width:700px}.chapter-nav button{flex:1;min-width:0;background:#b9d5d1;border:2px solid var(--ink);padding:11px 3px;white-space:nowrap;font:900 .73rem Arial,sans-serif;letter-spacing:.04em;box-shadow:2px 3px 0 var(--ink)}.chapter-nav button.active{background:var(--ink);color:var(--ivory);transform:translateY(-4px)}.keyboard-hint{text-align:center;margin:14px 0 0;font:800 .65rem Arial,sans-serif;letter-spacing:.2em}.quote{display:flex;align-items:center;justify-content:center;gap:5vw;padding:40px 15px;background:var(--ink);color:var(--ivory);border-top:4px solid #0a1215;border-bottom:4px solid #0a1215}.quote p{font:italic 900 clamp(2rem,4vw,4rem)/1 Georgia,serif;letter-spacing:-.055em;text-align:center;margin:0}.asterisk{color:var(--orange);font:900 2.3rem Arial}.chart-area{padding:75px clamp(20px,5vw,85px) 95px;background:#d7e4df;border-bottom:4px solid var(--ink)}.chart-heading{max-width:900px;margin:0 auto 35px;text-align:center}.chart-heading h2{margin:0 auto .1em;max-width:none}.chart-heading>p:last-child{font-size:1.15rem;max-width:60ch;margin:0 auto}.chart-grid{max-width:1350px;margin:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:25px;align-items:stretch}.chart-shell,.cave-card{border:4px solid var(--ink);background:#172c33;box-shadow:8px 9px 0 #22434a}.chart-shell{min-height:530px;display:flex;flex-direction:column}.chart-bar{height:46px;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:3px solid var(--ink);background:var(--teal);font:900 .7rem Arial,sans-serif;letter-spacing:.07em}.pulse{width:10px;height:10px;border-radius:50%;background:#f4d999;border:2px solid var(--ink)}.chart-bar span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-bar button{border:2px solid var(--ink);background:var(--ivory);font:900 .7rem Arial,sans-serif;padding:5px 9px}.chart-shell iframe,.chart-empty{width:100%;flex:1;min-height:480px;border:0}.chart-empty{display:grid;place-items:center;position:relative;overflow:hidden}.chart-empty img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}.chart-empty p{position:relative;color:var(--ivory);max-width:260px;text-align:center;padding:14px;background:#122027dc;font:900 1.1rem Georgia,serif}.cave-card{background:var(--ivory);padding:24px;display:flex;flex-direction:column;align-items:flex-start}.cave-card>img{width:105px;height:105px;object-fit:cover;border:3px solid var(--ink);transform:rotate(-8deg)}.cave-card h3{font:900 clamp(1.7rem,2.5vw,2.7rem)/1.05 Georgia,serif;letter-spacing:-.06em;margin:0 0 22px}.cave-card .eyebrow{margin:25px 0 8px}.cave-card form{width:100%}.cave-card label{font:900 .74rem Arial,sans-serif;letter-spacing:.1em}.field-row{display:flex;margin-top:8px}.field-row input{width:100%;min-width:0;padding:12px;border:3px solid var(--ink);background:#fff;font:700 .87rem Arial,sans-serif}.field-row button,.action-row button,.action-row a{border:3px solid var(--ink);background:var(--orange);font:900 .76rem Arial,sans-serif;letter-spacing:.04em;padding:11px 14px;white-space:nowrap}.field-row button{border-left:0}.cave-card small{font:normal .78rem/1.5 Arial,sans-serif;display:block;margin-top:9px}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:30px}.action-row button,.action-row a{display:inline-flex;align-items:center;justify-content:center;min-height:49px;box-shadow:3px 3px 0 var(--ink)}.action-row a{background:var(--teal)}.roadmap{padding:70px clamp(20px,5vw,85px) 90px;background:#6da5ab}.roadmap-head{text-align:center}.roadmap h2{max-width:none;margin:0 0 40px}.roadmap-grid{display:grid;grid-template-columns:repeat(5,1fr);max-width:1400px;margin:auto;gap:12px}.roadmap-grid button{background:var(--ivory);border:3px solid var(--ink);min-height:160px;text-align:left;padding:17px;box-shadow:5px 6px 0 var(--ink);transform:rotate(-1deg)}.roadmap-grid button:nth-child(even){transform:rotate(2deg)}.roadmap-grid button:hover{background:#f4d5b2;transform:translateY(-6px) rotate(0)}.roadmap-grid b{font:900 2rem Arial,sans-serif;color:var(--sky-dark)}.roadmap-grid span{display:block;font:900 .9rem Arial,sans-serif;margin:15px 0 4px}.roadmap-grid small{font:italic .85rem Georgia,serif}footer{background:var(--ink);color:var(--ivory);padding:25px 5vw;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font:900 .7rem Arial,sans-serif;letter-spacing:.1em}footer a:hover{text-decoration:underline}.story.roaring .scene-frame{animation:shake .1s linear 6}.story.roaring .roar-button{animation:shake .1s linear 6}.story.roaring:before{content:"AAAAAA!";position:absolute;right:13%;top:15%;z-index:5;font:900 clamp(3rem,9vw,9rem) Arial,sans-serif;color:var(--orange);-webkit-text-stroke:3px var(--ink);transform:rotate(-12deg);pointer-events:none;animation:burst .6s forwards}@keyframes shake{50%{transform:translate(5px,-3px) rotate(-1deg)}}@keyframes burst{from{opacity:0;scale:.5}35%{opacity:1;scale:1.07}to{opacity:0;scale:1.2}}@media(max-width:850px){.topbar nav{display:none}.story-grid{grid-template-columns:1fr;gap:10px}.story{padding-bottom:26px}.story-copy{padding:12px 0}.chapter-number{font-size:5rem}.story h1{font-size:3.7rem}.chapter-description{max-width:60ch}.scene-frame{width:min(100%,540px)}.story-controls{margin-top:38px}.chart-grid{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:550px){.topbar{height:62px;padding:0 14px}.brand{font-size:1rem}.brand img{width:40px;height:40px}.nav-roar{font-size:.62rem;padding:8px}.banner-stamp{display:none}.story-topline{font-size:.58rem;letter-spacing:.07em}.story h1{font-size:3.3rem}.chapter-description{font-size:1.08rem}.scene-frame{width:calc(100% - 20px)}.chapter-nav{gap:3px}.chapter-nav button{font-size:0;padding:11px 0}.chapter-nav button:before{content:attr(data-num);font-size:.78rem}.arrow{width:40px;flex:none}.chart-area{padding:55px 18px}.chart-shell{min-height:380px}.chart-shell iframe,.chart-empty{min-height:350px}.field-row{display:block}.field-row button{border:3px solid var(--ink);border-top:0;width:100%}.roadmap-grid{grid-template-columns:repeat(2,1fr)}.roadmap-grid button{min-height:130px}footer{line-height:1.6}.quote{gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.chart-empty[hidden],iframe[hidden]{display:none}