.home-page{--petrol:#0B3F4A;--copper:#C86432;--cream:#F3E6CF}
.home-page *{box-sizing:border-box}
.home-page,.home-page{margin:0;background:var(--cream);color:var(--petrol);font:14px/1.6 Arial,Helvetica,sans-serif}
.home-page button{font:inherit;color:inherit;cursor:pointer}
.home-page a{color:inherit;text-decoration:none}
.home-page a:focus-visible,.home-page button:focus-visible{outline:2px solid var(--copper);outline-offset:5px}
.home-page .skip{position:fixed;left:20px;top:-80px;z-index:99;padding:12px;background:var(--petrol);color:var(--cream)}
.home-page .skip:focus{top:10px}
.home-page .scroll-track{height:600svh}
.home-page .drawing-board{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:var(--cream);--progress:0;transition:background 1s,color 1s}
.home-page .paper-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#0b3f4a08 1px,transparent 1px),linear-gradient(90deg,#0b3f4a08 1px,transparent 1px);background-size:32px 32px;opacity:.8}
.home-page .registration{position:absolute;inset:22px;pointer-events:none;z-index:6}
.home-page .registration span{position:absolute;font:17px Consolas,monospace;color:#9b9c84}
.home-page .registration span:nth-child(1){left:0;top:0}
.home-page .registration span:nth-child(2){right:0;top:0}
.home-page .registration span:nth-child(3){left:0;bottom:0}
.home-page .registration span:nth-child(4){right:0;bottom:0}
.home-page .site-header{position:absolute;top:20px;left:4%;right:4%;height:68px;display:flex;align-items:center;justify-content:space-between;z-index:10;gap:30px}
.home-page .site-header>a{width:190px;background:var(--petrol);display:block;padding:3px 5px}
.home-page .site-header img{display:block;width:100%;height:auto}
.home-page .project-tag{font:7px/1.9 Consolas,monospace;letter-spacing:1.5px;color:#567279}
.home-page .project-tag b{font-size:6px;color:#9b795c;font-weight:400}
.home-page .site-header>button{background:transparent;border:1px solid #0b3f4a4d;padding:9px 15px;font-size:22px;color:var(--copper);display:flex;align-items:center;gap:15px}
.home-page .site-header>button span{font-size:10px;color:var(--petrol)}
.home-page .board-meta{position:absolute;top:112px;left:4.5%;right:4.5%;z-index:6;display:flex;justify-content:space-between;font:7px/1.6 Consolas,monospace;letter-spacing:1.3px;color:#678087;border-top:1px solid #0b3f4a2a;padding-top:13px}
.home-page .board-meta>span:last-child{color:#987456}
.home-page .stage-title{position:absolute;left:50%;top:24%;transform:translateX(-50%);font-size:clamp(50px,7.5vw,115px);line-height:.93;letter-spacing:-.07em;font-weight:800;white-space:nowrap;text-align:center;z-index:2;opacity:var(--intro-opacity,1);pointer-events:none}
.home-page .stage-title span{display:block}
.home-page .stage-title span:first-child{font-weight:500;font-size:.6em;letter-spacing:.03em;color:#84978e}
.home-page .stage-title em{font:italic 1.08em/.9 Georgia,serif;letter-spacing:-.07em;font-weight:400;color:var(--copper)}
.home-page .world-camera{position:absolute;inset:0;transform-origin:50% 51%;transform:translate(var(--camera-x,0px),var(--camera-y,0px)) scale(var(--camera-scale,.8)) rotate(var(--camera-rotate,0deg));will-change:transform;pointer-events:none}
.home-page .world-camera svg{width:100%;height:100%;display:block;overflow:visible}
.home-page #draft-grid,.home-page #wire-ship,.home-page #dimension-lines,.home-page .dimension-text,.home-page #annotations,.home-page .annotation-labels{opacity:var(--draft-opacity,1)}
.home-page #ship-modules{opacity:var(--ship-opacity,0)}
.home-page #harvest-scene{opacity:var(--harvest-opacity,0)}
.home-page #factory-scene{opacity:var(--factory-opacity,0)}
.home-page #fleet-scene{opacity:var(--fleet-opacity,0)}
.home-page #exhaust{opacity:var(--exhaust-opacity,0)}
.home-page .side-ruler{position:absolute;left:22px;top:25%;height:43%;display:flex;flex-direction:column;align-items:center;gap:24px;z-index:5}
.home-page .side-ruler span{writing-mode:vertical-rl;transform:rotate(180deg);font:6px Consolas,monospace;letter-spacing:3px;color:#829487}
.home-page .side-ruler i{width:1px;flex:1;background:repeating-linear-gradient(#9ba892 0 1px,transparent 1px 9px);position:relative}
.home-page .side-ruler i:before{content:'';position:absolute;height:100%;width:8px;left:-3px;background:repeating-linear-gradient(0deg,#9ba892 0 1px,transparent 1px 9px)}
.home-page .story-caption{position:absolute;bottom:22%;left:6%;max-width:510px;display:flex;gap:20px;z-index:7;align-items:flex-start;background:linear-gradient(90deg,#f3e6cff2,#f3e6cf00);padding:20px 15px 10px 0}
.home-page .caption-number{font:70px/.9 Georgia,serif;letter-spacing:-5px;color:var(--copper);opacity:.7}
.home-page .eyebrow{font:7px/1.7 Consolas,monospace;letter-spacing:1.2px;color:#96704d;margin:0 0 11px}
.home-page .story-caption h2{font:33px/1.05 Georgia,serif;letter-spacing:-1px;font-weight:400;margin:0 0 15px}
.home-page .story-caption>div>p:last-child{font-size:12px;line-height:1.8;max-width:340px;margin:0;color:#547179}
.home-page .scroll-instruction{position:absolute;right:5%;bottom:24%;display:flex;align-items:center;gap:25px;z-index:7;color:#6f8787;font:7px Consolas,monospace;letter-spacing:1.5px}
.home-page .scroll-instruction .arrow{font:30px Georgia,serif;color:var(--copper)}
.home-page .chapter-bar{position:absolute;z-index:10;left:6%;right:6%;bottom:83px;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #0b3f4a42;padding-top:15px}
.home-page .chapter-bar button{border:0;background:transparent;text-align:left;font-size:11px;padding:0 8px;color:#7c8c83;display:flex;align-items:baseline;gap:13px;position:relative}
.home-page .chapter-bar button>span{font:7px Consolas,monospace;color:#a88b69}
.home-page .chapter-bar button.active{color:var(--petrol)}
.home-page .chapter-bar button.active:before{position:absolute;content:'';height:6px;width:6px;background:var(--copper);left:8px;top:-19px}
.home-page .progress-track{position:absolute;top:-1px;left:0;width:100%;height:2px;pointer-events:none}
.home-page .progress-track i{display:block;width:var(--story-width,0%);height:100%;background:var(--copper)}
.home-page .board-footer{position:absolute;left:6%;right:6%;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:10;font:7px Consolas,monospace;color:#8b8f7d}
.home-page .board-footer>a{color:#866441}
.home-page .board-footer>span{font-size:6px;letter-spacing:1px}
.home-page .board-footer>div{display:flex;align-items:center;gap:15px}
.home-page .board-footer>div button{height:26px;width:30px;border:1px solid #0b3f4a33;background:transparent;font-size:16px;color:var(--petrol)}
.home-page .board-footer b{font:7px Consolas,monospace;color:#6d827e}
.home-page .board-footer>.briefing{font:7px Consolas,monospace;border:0;background:transparent;color:#866441;padding:8px 0}
.home-page .space-art{position:absolute;inset:0;z-index:-1;opacity:var(--space-opacity,0);background:linear-gradient(90deg,#051e28c9,#071e2555),url('assets/frontier-hero.png') center/cover}
.home-page .drawing-board[data-chapter="5"]{background:var(--petrol);color:var(--cream)}
.home-page .drawing-board[data-chapter="5"] .paper-grid{opacity:.15}
.home-page .drawing-board[data-chapter="5"] .story-caption{background:linear-gradient(90deg,#082b35ee,#082b3500)}
.home-page .drawing-board[data-chapter="5"] .story-caption h2{color:var(--cream)}
.home-page .drawing-board[data-chapter="5"] .story-caption>div>p:last-child{color:#afc0b2}
.home-page .drawing-board[data-chapter="5"] .board-meta{border-color:#f3e6cf33;color:#9fae9e}
.home-page .drawing-board[data-chapter="5"] .chapter-bar{border-color:#f3e6cf44}
.home-page .drawing-board[data-chapter="5"] .chapter-bar button.active{color:var(--cream)}
.home-page .drawing-board[data-chapter="5"] .site-header>button{border-color:#f3e6cf55}
.home-page .drawing-board[data-chapter="5"] .site-header>button span{color:var(--cream)}
.home-page .drawing-board[data-chapter="5"] .board-footer>div button{color:var(--cream);border-color:#f3e6cf33}
.home-page .drawing-board[data-chapter="5"] .project-tag{color:#b2bead}
.home-page .drawing-board[data-chapter="5"] #scene-state{color:#c58b5d}
@media(max-width:1000px){.home-page .stage-title{top:27%;font-size:9vw}
.home-page .world-camera{inset:5% -20% 0}
.home-page .story-caption{left:7%;max-width:400px;bottom:22%}
.home-page .caption-number{font-size:58px}
.home-page .story-caption h2{font-size:28px}
.home-page .story-caption>div>p:last-child{font-size:11px;max-width:280px}
.home-page .scroll-instruction{right:6%;font-size:6px;gap:12px}
.home-page .project-tag{font-size:6px}
.home-page .chapter-bar{left:7%;right:7%}
.home-page .board-footer{left:7%;right:7%}
.home-page .board-footer>span{display:none}
}
@media(max-width:600px){.home-page .drawing-board{min-height:760px}
.home-page .registration{inset:12px}
.home-page .registration span{font-size:13px}
.home-page .site-header{top:18px;left:7%;right:7%;height:51px;gap:15px}
.home-page .site-header>a{width:150px}
.home-page .project-tag{display:none}
.home-page .site-header>button{font-size:20px;padding:6px 11px;gap:10px}
.home-page .site-header>button span{font-size:9px}
.home-page .board-meta{left:7%;right:7%;top:89px;gap:20px;font-size:5px;letter-spacing:.8px}
.home-page .board-meta>span:last-child{max-width:115px;text-align:right}
.home-page .side-ruler{display:none}
.home-page .stage-title{top:24%;font-size:12vw;letter-spacing:-.06em}
.home-page .stage-title span:first-child{font-size:.55em}
.home-page .world-camera{inset:12% -65% 18%;transform-origin:50% 40%}
.home-page .story-caption{left:7%;right:7%;bottom:24%;padding:15px 0 8px;max-width:none;gap:13px;background:linear-gradient(90deg,#f3e6cffa,#f3e6cfaa)}
.home-page .caption-number{font-size:44px;letter-spacing:-3px}
.home-page .story-caption .eyebrow{font-size:5px;letter-spacing:.6px;margin-bottom:9px}
.home-page .story-caption h2{font-size:27px;margin-bottom:10px}
.home-page .story-caption>div>p:last-child{font-size:11px;max-width:285px}
.home-page .scroll-instruction{bottom:17.5%;left:7%;right:auto;font-size:6px;gap:16px}
.home-page .scroll-instruction .arrow{font-size:20px}
.home-page .chapter-bar{bottom:84px;padding-top:13px;left:7%;right:7%}
.home-page .chapter-bar button{font-size:8px;display:block;padding:0 3px}
.home-page .chapter-bar button>span{display:block;font-size:5px;margin-bottom:5px}
.home-page .chapter-bar button.active:before{left:3px;top:-17px;width:5px;height:5px}
.home-page .board-footer{left:7%;right:7%;bottom:23px;font-size:6px;gap:12px}
.home-page .board-footer>div{gap:10px}
.home-page .board-footer>div button{height:24px;width:26px}
.home-page .board-footer>b{font-size:6px}
.home-page .board-footer>.briefing{font-size:6px;max-width:65px;text-align:right}
.home-page .drawing-board[data-chapter="5"] .story-caption{background:linear-gradient(90deg,#082b35f2,#082b35aa)}
}
@media(prefers-reduced-motion:reduce){.home-page *{transition:none!important;animation:none!important}
}
.home-page .drawing-board{min-height:0}
@media(max-width:600px) and (max-height:720px){.home-page .site-header{top:14px;height:45px}
.home-page .site-header>a{width:135px}
.home-page .board-meta{top:76px}
.home-page .stage-title{top:23%;font-size:11vw}
.home-page .story-caption{bottom:25%;padding-top:9px}
.home-page .story-caption h2{font-size:24px;margin-bottom:8px}
.home-page .story-caption>div>p:last-child{font-size:10px;line-height:1.65}
.home-page .caption-number{font-size:37px}
.home-page .chapter-bar{bottom:74px}
.home-page .board-footer{bottom:16px}
.home-page .scroll-instruction{bottom:17%}
}
@media(max-width:600px){.home-page .world-camera{inset:12% -18% 18%}
}
/* Shared navigation stays legible while the drawing board changes into space. */
.home-page .site-header{position:absolute;top:17px;left:4.5%;right:4.5%;width:auto;max-width:none;margin:0;padding:0;height:68px;background:transparent;border:0;box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:40}.home-page .site-brand{display:block;width:185px;flex:0 0 185px;background:#0b3f4a;padding:3px 5px}.home-page .site-brand img{display:block;width:100%;height:auto}.home-page .site-header .site-nav{display:flex;align-items:center;gap:23px;margin-left:auto}.home-page .site-header .site-nav>a{font:11px/1.5 Arial,sans-serif;color:#0b3f4a;text-decoration:none;padding:7px 0}.home-page .site-header .site-nav>a[aria-current=page]{border-bottom:1px solid #c86432}.home-page .site-header>.menu-toggle{display:none}.home-page .home-film{background:none;border:1px solid #0b3f4a55;padding:10px 14px;font:11px/1.2 Arial,sans-serif;color:#0b3f4a;display:flex;align-items:center;gap:10px;cursor:pointer}.home-page .home-film>span{font:24px/.8 Georgia,serif;color:#c86432}.home-page .stage-title{margin:0}.home-page .board-meta{font-size:8px;letter-spacing:1.1px}.home-page .story-caption{max-width:540px}.home-page .story-caption h2{font-size:34px}.home-page .story-caption>div>p:last-child{font-size:13px;max-width:380px;line-height:1.75}.home-page .story-caption .eyebrow{font-size:8px}.home-page .board-footer{font-size:9px}.home-page .board-footer>a{color:#8b5e3b}.home-page .board-footer .preview-note{font-size:8px}.home-page .board-footer>div button{width:34px;height:30px}.home-page .board-footer>div button:disabled{opacity:.3;cursor:default}.home-page .board-footer>span{font-size:7px}.home-page .chapter-bar button{padding-top:5px;padding-bottom:5px;cursor:pointer}.home-page .scene-credit{position:absolute;right:5%;bottom:19%;z-index:7;color:#71867e;font:7px/1.6 Consolas,monospace;letter-spacing:.6px}.home-page .cargo-route{animation:home-cargo 3s linear infinite}.home-page #harvest-beam-core{animation:home-beam 1.8s ease-in-out infinite}@keyframes home-cargo{to{stroke-dashoffset:-52}}@keyframes home-beam{50%{stroke-width:4;opacity:.7}}
.home-page .final-choices{position:absolute;right:6%;bottom:27%;z-index:9;display:flex;align-items:center;gap:12px}.home-page .final-choices[hidden]{display:none}.home-page .final-choices>a{padding:13px 17px;background:#c86432;color:#f3e6cf;font:12px/1.4 Arial,sans-serif;border:1px solid #c86432;text-decoration:none;display:flex;gap:25px;align-items:center}.home-page .final-choices>a:last-child{background:#082b3570;border-color:#f3e6cf55}.home-page .final-choices>a>span{font-size:19px}.home-page .drawing-board[data-chapter="5"] .site-header .site-nav>a,.home-page .drawing-board[data-chapter="5"] .home-film{color:#f3e6cf}.home-page .drawing-board[data-chapter="5"] .home-film{border-color:#f3e6cf55}.home-page .drawing-board[data-chapter="5"] .scroll-instruction{color:#b5c4b8}.home-page .drawing-board[data-chapter="5"] .board-footer>a{color:#dfc29c}.home-page .drawing-board[data-chapter="5"] .scene-credit{color:#a9baaf}
/* The story opens out into useful destinations, rather than ending at the last frame. */
.home-page .journey-end{display:grid;grid-template-columns:1fr 1fr;gap:50px 7%;padding:85px 6% 0;background:#f3e6cf;color:#0b3f4a}.home-page .end-intro{align-self:center}.home-page .end-eyebrow{font:9px/1.6 Consolas,monospace;letter-spacing:1.3px;color:#a65b31;margin:0 0 24px}.home-page .end-intro h2{font:clamp(33px,4.2vw,65px)/1.08 Georgia,serif;letter-spacing:-1.8px;margin:0 0 25px}.home-page .end-intro h2 em{font-weight:400;color:#b85d31}.home-page .end-intro>p:not(.end-eyebrow){font:15px/1.8 Arial,sans-serif;color:#4c686b;max-width:460px;margin:0 0 28px}.home-page .end-primary{display:inline-flex;align-items:center;gap:55px;background:#0b3f4a;color:#f3e6cf;padding:15px 20px;font:12px/1.5 Arial,sans-serif;text-decoration:none}.home-page .end-primary>span{font-size:20px}.home-page .end-poster{width:100%;aspect-ratio:1.2;position:relative;padding:0;border:1px solid #a8afa0;background:#0b3f4a;overflow:hidden;cursor:pointer;text-align:left}.home-page .end-poster img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.8);transition:transform .7s}.home-page .end-poster:hover img{transform:scale(1.025)}.home-page .end-play{position:absolute;top:45%;left:calc(50% - 30px);height:60px;width:60px;display:grid;place-items:center;border:1px solid #f3e6cf;border-radius:50%;background:#0b3f4a55;color:#f3e6cf;font:27px Georgia,serif}.home-page .end-poster-label{position:absolute;left:28px;bottom:40px;color:#f3e6cf;font:25px Georgia,serif}.home-page .end-poster-label>b{display:block;font:8px/1.7 Consolas,monospace;letter-spacing:1px;margin-top:10px;font-weight:400}.home-page .end-poster>small{position:absolute;left:28px;bottom:15px;color:#c0c9b8;font:8px/1.5 Consolas,monospace}.home-page .end-destinations{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;border-top:1px solid #b6c0ac;padding-top:32px}.home-page .end-destinations>a{position:relative;text-decoration:none;color:#0b3f4a;padding:0 30px 25px 0}.home-page .end-destinations>a>span{font:8px Consolas,monospace;letter-spacing:1px;color:#a56139}.home-page .end-destinations h3{font:30px/1.15 Georgia,serif;letter-spacing:-.8px;margin:17px 0 14px}.home-page .end-destinations p{font:13px/1.7 Arial,sans-serif;color:#567172;max-width:260px;margin:0}.home-page .end-destinations b{position:absolute;right:5px;top:35px;color:#b35f35;font:25px Arial,sans-serif}.home-page .end-footer{grid-column:1/-1;display:flex;align-items:center;gap:30px;border-top:1px solid #b6c0ac;padding:25px 0 35px}.home-page .end-footer img{display:block;width:140px;height:auto}.home-page .end-footer p{font:10px/1.7 Arial,sans-serif;color:#627773;margin:0;flex:1}.home-page .end-footer>a:not(:first-child){font:10px/1.7 Arial,sans-serif;text-decoration:none}.home-page .no-script{padding:30px 6%;max-width:1000px;margin:auto}.home-page .no-script>img{width:190px}.home-page .no-script nav{display:flex;gap:25px;flex-wrap:wrap}
@media(max-width:1100px){.home-page .site-header .site-nav{gap:16px}.home-page .site-brand{width:165px;flex-basis:165px}.home-page .site-header .site-nav>a{font-size:10px}.home-page .story-caption{max-width:460px}.home-page .story-caption h2{font-size:30px}.home-page .story-caption>div>p:last-child{font-size:12px}.home-page .board-footer>span{display:none}.home-page .final-choices{bottom:24%;gap:9px}.home-page .final-choices>a{font-size:11px;padding:12px;gap:17px}.home-page .scene-credit{font-size:6px}.home-page .scroll-instruction{font-size:7px;max-width:220px}.home-page .journey-end{gap:42px 5%}.home-page .end-footer{flex-wrap:wrap;gap:20px}.home-page .end-footer p{min-width:40%}}
@media(min-width:721px) and (max-width:1000px){.home-page .site-header .home-film{display:none}.home-page .site-header .site-nav{gap:14px}.home-page .site-brand{width:155px;flex-basis:155px}.home-page .site-header{gap:20px}.home-page .story-caption{max-width:400px}.home-page .final-choices{flex-direction:column;align-items:stretch;right:6%;bottom:22%}.home-page .final-choices>a{padding:10px 12px}.home-page .drawing-board[data-chapter="5"] .story-caption{max-width:340px}.home-page .end-intro h2{font-size:42px}.home-page .end-destinations{gap:20px}.home-page .end-destinations h3{font-size:27px}}
@media(max-width:720px){.home-page .site-header>.menu-toggle{display:flex;background:transparent;border:1px solid #0b3f4a55;padding:11px 13px;font:11px Arial,sans-serif;color:#0b3f4a;cursor:pointer;align-items:center}.home-page .site-header .menu-toggle>span{margin-left:15px;font-size:17px}.home-page .site-header .site-nav{display:none}.home-page .site-header .site-nav.is-open{position:absolute;top:72px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:15px 22px;background:#0b3f4a;color:#f3e6cf;border:1px solid #b19b76;box-shadow:0 20px 40px #072b3240}.home-page .site-header .site-nav.is-open>a{padding:12px 0;font-size:15px;color:#f3e6cf}.home-page .site-header .site-nav.is-open .home-film{margin:12px 0 2px;color:#f3e6cf;border-color:#f3e6cf55;justify-content:center}.home-page .drawing-board[data-chapter="5"] .site-header>.menu-toggle{color:#f3e6cf;border-color:#f3e6cf55}}
@media(max-width:600px){.home-page .site-header{top:15px;left:7%;right:7%;height:49px;gap:15px}.home-page .site-brand{width:142px;flex-basis:142px}.home-page .site-header>.menu-toggle{padding:10px 12px;font-size:10px}.home-page .site-header .site-nav.is-open{top:63px}.home-page .stage-title{font-size:12vw}.home-page .board-meta{font-size:5px;letter-spacing:.5px;padding-top:10px}.home-page .board-meta>span:first-child{max-width:140px}.home-page .board-meta>span:last-child{max-width:110px}.home-page .story-caption{bottom:26%;max-width:none}.home-page .story-caption .eyebrow{font-size:6px;letter-spacing:.5px}.home-page .story-caption h2{font-size:26px;line-height:1.07;letter-spacing:-.7px;margin-bottom:9px}.home-page .story-caption>div>p:last-child{font-size:11px;max-width:285px;line-height:1.65}.home-page .world-camera{inset:12% -18% 23%}.home-page .scene-credit{right:7%;bottom:15%;font-size:5px;letter-spacing:.3px}.home-page .chapter-bar{bottom:77px;padding-top:11px}.home-page .chapter-bar button{font-size:9px;padding:4px 3px}.home-page .chapter-bar button>span{font-size:6px}.home-page .board-footer{bottom:17px;font-size:7px;gap:10px}.home-page .board-footer>div{gap:8px}.home-page .board-footer>div button{height:29px;width:28px;font-size:17px}.home-page .board-footer b{font-size:6px}.home-page .board-footer .preview-note{font-size:6px;max-width:95px;text-align:right;line-height:1.6}.home-page .final-choices{bottom:17%;left:7%;right:7%;flex-direction:row;gap:10px}.home-page .final-choices>a{padding:9px 11px;font-size:10px;gap:12px;flex:1;justify-content:space-between}.home-page .final-choices>a>span{font-size:16px}.home-page .drawing-board[data-chapter="5"] .scroll-instruction{display:none}.home-page .drawing-board[data-chapter="5"] .scene-credit{bottom:14%}.home-page .drawing-board[data-chapter="5"] .story-caption{max-width:none;bottom:29%;background:linear-gradient(90deg,#082b35f2,#082b3580)}.home-page .journey-end{display:block;padding:42px 7% 0}.home-page .end-eyebrow{font-size:7px;margin-bottom:20px}.home-page .end-intro h2{font-size:37px;letter-spacing:-1px}.home-page .end-intro>p:not(.end-eyebrow){font-size:14px;line-height:1.8}.home-page .end-primary{font-size:12px;gap:35px}.home-page .end-poster{margin-top:35px;aspect-ratio:1.25}.home-page .end-poster-label{left:20px;bottom:38px;font-size:22px}.home-page .end-poster-label>b{font-size:6px}.home-page .end-poster>small{left:20px;font-size:6px}.home-page .end-destinations{margin-top:35px;grid-template-columns:minmax(0,1fr);gap:0;padding-top:10px}.home-page .end-destinations>a{padding:24px 25px 24px 0;border-bottom:1px solid #b6c0ac}.home-page .end-destinations h3{font-size:29px;margin:12px 0}.home-page .end-destinations h3 br{display:none}.home-page .end-destinations p{max-width:none;font-size:13px}.home-page .end-destinations b{top:65px}.home-page .end-footer{margin-top:0;padding:24px 0 35px;display:grid;grid-template-columns:1fr 1fr;gap:20px 14px;border-top:0}.home-page .end-footer img{width:130px}.home-page .end-footer p{font-size:10px}.home-page .end-footer>a:not(:first-child){font-size:10px}}
@media(max-height:720px) and (min-width:601px){.home-page .site-header{top:12px;height:60px}.home-page .site-brand{width:165px;flex-basis:165px}.home-page .board-meta{top:86px}.home-page .stage-title{top:23%;font-size:7vw}.home-page .story-caption{bottom:24%;padding-top:10px}.home-page .story-caption h2{font-size:29px;margin-bottom:10px}.home-page .story-caption>div>p:last-child{font-size:11px;line-height:1.7}.home-page .caption-number{font-size:54px}.home-page .scene-credit{bottom:18%}.home-page .chapter-bar{bottom:75px}.home-page .board-footer{bottom:16px}.home-page .final-choices{bottom:25%}}
@media(max-width:600px) and (max-height:720px){.home-page .site-header{top:12px;height:46px}.home-page .site-brand{width:130px;flex-basis:130px}.home-page .board-meta{top:74px}.home-page .stage-title{top:23%;font-size:11.5vw}.home-page .story-caption{bottom:27%;padding-top:9px}.home-page .story-caption h2{font-size:24px;margin-bottom:8px}.home-page .story-caption>div>p:last-child{font-size:10px;line-height:1.65}.home-page .caption-number{font-size:37px}.home-page .world-camera{inset:13% -18% 25%}.home-page .chapter-bar{bottom:74px}.home-page .board-footer{bottom:14px}.home-page .scroll-instruction{bottom:18%}.home-page .final-choices{bottom:18%}.home-page .drawing-board[data-chapter="5"] .story-caption{bottom:31%}}
@media(prefers-reduced-motion:reduce){.home-page *{transition:none!important;animation:none!important}.home-page .world-camera{will-change:auto}}

/* Keep the opening wordmark-sized headline inside narrow phone viewports. */
@media(max-width:600px){.home-page .stage-title{font-size:10.4vw}}