:root{color:#241e19;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#d9c3a6;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#d9c3a6;overflow-x:hidden}body.story-open{overflow:hidden}button,a{font:inherit}button{cursor:pointer}.preview-gate{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(180deg,#fff4e147,#9b663f33),#d9c3a6}.preview-gate-card{width:min(420px,100%);padding:clamp(24px,5vw,38px);color:#fff8ed;background:#1c1916f0;border:1px solid rgba(255,244,231,.22);border-radius:6px;box-shadow:0 28px 80px #120c086b}.preview-gate-card h1{margin:0;color:#fff8ed;font-size:clamp(2rem,8vw,3.2rem);line-height:.96;letter-spacing:0}.preview-gate-card p:not(.eyebrow){margin:14px 0 0;color:#fff8edc7;font-size:.95rem;line-height:1.48}.preview-gate-card label{display:block;margin-top:22px;color:#e5c68e;font-size:.72rem;font-weight:900;text-transform:uppercase}.preview-gate-card input{width:100%;min-height:42px;margin-top:7px;padding:10px 12px;color:#241e19;background:#fff8ed;border:2px solid transparent;border-radius:4px;font-size:1rem}.preview-gate-card input:focus{border-color:#f7b85e;outline:0}.preview-gate-error{display:block;margin-top:8px;color:#f7b85e;font-size:.78rem;font-weight:800}.preview-gate-card button{width:100%;min-height:42px;margin-top:16px;padding:10px 14px;color:#241e19;background:#f2d6a8;border:0;border-radius:4px;font-size:.78rem;font-weight:900;text-transform:uppercase}.preview-gate-card button:hover{background:#f7b85e}.app-shell{min-height:640vh;background:linear-gradient(180deg,#fff4e159,#9b663f2e),#d9c3a6}.roadway-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;width:100vw;height:100vh;overflow:hidden;background:#d7d5cb}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.canvas-wrap canvas{display:block}.opening-scene-title{position:absolute;left:50%;top:clamp(172px,27vh,260px);z-index:2;width:min(920px,calc(100vw - 34px));color:#f9dfab;text-align:center;text-transform:uppercase;pointer-events:none;opacity:calc(1 - min(1,var(--intro-progress) * 1.35));transform:translate(-50%) translateY(calc(var(--intro-progress) * -74px)) perspective(900px) rotateX(12deg) rotate(-1deg) scale(calc(1 - (var(--intro-progress) * .14)));transform-origin:center top;transition:opacity .12s linear,transform .12s linear;filter:drop-shadow(0 26px 20px rgba(60,35,16,.28))}.opening-scene-title span,.opening-scene-title strong{display:block;letter-spacing:0;line-height:.82;text-shadow:0 1px 0 #c88742,0 2px 0 #a76b35,0 3px 0 #81512c,0 4px 0 #5d3a25,0 5px 0 #3f291d,0 14px 20px rgba(28,19,12,.34)}.opening-scene-title span{color:#ffe4ad;font-size:clamp(2.05rem,7vw,6.8rem);font-weight:950}.opening-scene-title strong{color:#f7b85e;font-size:clamp(2.35rem,9.4vw,8.6rem);font-weight:950}.hud-panel{position:absolute;left:clamp(14px,2.8vw,36px);top:clamp(14px,3.2vh,34px);display:grid;width:min(270px,calc(100vw - 28px));min-height:184px;padding:14px 15px 16px;color:#fff4e7;background:#1c1916a3;border:1px solid rgba(255,244,231,.2);border-radius:6px;box-shadow:0 18px 45px #281c1242;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hud-intro{grid-area:1 / 1;opacity:calc(1 - min(1,var(--intro-progress) * 1.55));transition:opacity .12s linear}.hud-era{grid-area:1 / 1;display:grid;opacity:max(0,calc((var(--intro-progress) - .64) * 2.78));transition:opacity .12s linear}.eyebrow{margin:0 0 7px;color:#e5c68e;font-size:.62rem;font-weight:800;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere}.hud-panel h1{margin:0;color:#fff8ed;max-width:100%;overflow-wrap:anywhere;font-size:clamp(1.12rem,2.45vw,2.15rem);line-height:1;letter-spacing:0}.era-line{display:flex;flex-wrap:wrap;gap:6px;max-width:100%;margin:10px 0 9px}.era-line span{display:inline-flex;align-items:center;min-width:0;max-width:100%;min-height:22px;padding:4px 7px;color:#2f251d;background:#f2d6a8;border-radius:4px;font-size:.66rem;font-weight:800;line-height:1.15;overflow-wrap:anywhere;white-space:normal}.era-line span+span{color:#f8ecd9;background:#ffffff21}.hud-copy{margin:0;color:#fff8ede0;max-width:100%;font-size:clamp(.7rem,.95vw,.82rem);line-height:1.35;overflow-wrap:anywhere}.learn-button{display:inline-flex;align-items:center;justify-content:center;min-height:28px;max-width:100%;margin-top:12px;padding:6px 10px;color:#241e19;background:#f2d6a8;border:0;border-radius:4px;font-size:.68rem;font-weight:900;line-height:1;text-transform:uppercase}.learn-button:hover{background:#f7b85e}.start-drive-prompt{position:absolute;z-index:3;right:clamp(58px,14vw,180px);top:37%;display:grid;gap:2px;min-width:min(220px,38vw);min-height:56px;padding:11px 14px;color:#241e19;background:#f2d6a8f0;border:1px solid rgba(79,50,28,.18);border-radius:5px;box-shadow:0 18px 42px #301f1240;opacity:calc(1 - min(1,var(--intro-progress) * 1.55));text-align:left;text-transform:uppercase;transform:translateY(calc(-50% - (var(--intro-progress) * 18px))) scale(calc(1 - (var(--intro-progress) * .04)));transition:background .14s ease,opacity .12s linear,transform .12s linear}.start-drive-prompt:hover{background:#f7b85e}.start-drive-prompt span{font-size:clamp(.78rem,1.3vw,1rem);font-weight:950;line-height:1}.start-drive-prompt small{color:#241e19b8;font-size:.64rem;font-weight:900;letter-spacing:0;line-height:1}.billboard-guide{position:absolute;z-index:3;left:50%;top:clamp(250px,42vh,390px);width:min(440px,42vw);color:#f7b85e;text-align:center;text-transform:uppercase;pointer-events:none;animation:billboard-guide-enter .52s cubic-bezier(.22,1,.36,1) both;filter:drop-shadow(0 18px 18px rgba(60,35,16,.28));transform:translate(-50%) rotate(-1deg)}.billboard-guide span,.billboard-guide strong{display:block;letter-spacing:0;line-height:.82;text-shadow:0 1px 0 #c88742,0 2px 0 #a76b35,0 3px 0 #81512c,0 4px 0 #5d3a25,0 12px 18px rgba(28,19,12,.32)}.billboard-guide span{color:#ffe4ad;font-size:clamp(1.1rem,2.9vw,2.6rem);font-weight:950}.billboard-guide strong{color:#f7b85e;font-size:clamp(1.3rem,3.7vw,3.4rem);font-weight:950}.billboard-guide-arrow{position:absolute;left:clamp(-112px,-8.5vw,-64px);top:40px;width:clamp(92px,11vw,158px);height:auto;overflow:visible;filter:drop-shadow(0 2px 0 #81512c) drop-shadow(0 7px 9px rgba(28,19,12,.25))}.billboard-guide-arrow path{fill:none;stroke:#f7b85e;stroke-linecap:round;stroke-linejoin:round;stroke-width:8}@keyframes billboard-guide-enter{0%{opacity:0;transform:translate(-50%) translateY(16px) scale(.94) rotate(-1deg)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1) rotate(-1deg)}}.billboard-hotspot{position:absolute;z-index:2;top:38%;width:min(250px,24vw);height:min(150px,19vh);padding:0;color:#241e19;background:transparent;border:0;transform:translateY(-50%)}.billboard-hotspot.is-left{left:clamp(288px,26vw,390px)}.billboard-hotspot.is-right{right:clamp(58px,14vw,180px)}.billboard-hotspot span{position:absolute;right:12px;bottom:10px;display:inline-flex;min-height:24px;align-items:center;padding:5px 8px;color:#241e19;background:#f2d6a8eb;border-radius:4px;font-size:.62rem;font-weight:900;line-height:1;opacity:0;text-transform:uppercase;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.billboard-hotspot:hover span,.billboard-hotspot:focus-visible span{opacity:1;transform:translateY(0)}.timeline-rail{position:absolute;left:clamp(18px,4vw,56px);right:clamp(18px,4vw,56px);bottom:clamp(18px,4vh,42px);height:58px;display:grid;grid-template-columns:repeat(var(--beat-count),minmax(0,1fr));align-items:center;padding:0 8px;background:#1c19168c;border:1px solid rgba(255,244,231,.18);border-radius:6px;box-shadow:0 14px 38px #1d171138;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timeline-rail:before,.timeline-fill{content:"";position:absolute;left:18px;right:18px;top:50%;height:3px;border-radius:999px;transform:translateY(-50%)}.timeline-rail:before{background:#fff4e747}.timeline-fill{right:auto;width:calc(100% - 36px);background:#e9bd72;transform-origin:left center}.timeline-rail a{position:relative;z-index:1;display:grid;place-items:center;min-width:0;color:#fff8edc7;text-decoration:none}.timeline-rail a:before{content:"";width:14px;height:14px;margin-bottom:6px;background:#f3d7a5;border:2px solid rgba(28,25,22,.8);border-radius:999px;box-shadow:0 0 #e9bd7273}.timeline-rail a.is-active:before{background:#f7b85e;box-shadow:0 0 0 8px #e9bd7240}.timeline-rail span{max-width:100%;overflow:hidden;font-size:clamp(.58rem,1vw,.76rem);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.scroll-script{position:relative;z-index:0;pointer-events:none}.scroll-script section{height:100vh}.scroll-script span{position:absolute;opacity:0;pointer-events:none}.story-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:clamp(16px,4vw,54px);overscroll-behavior:contain}.story-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;background:#120f0c75;border:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.story-modal{position:relative;z-index:1;display:grid;grid-template-columns:minmax(220px,.78fr) minmax(280px,1fr);width:min(920px,calc(100vw - 36px));max-height:min(720px,calc(100vh - 36px));overflow:hidden;color:#fff8ed;background:#1c1916eb;border:1px solid rgba(255,244,231,.22);border-radius:6px;box-shadow:0 28px 80px #120c086b;overscroll-behavior:contain}.story-modal-media{min-height:100%;background:#3a3028}.story-modal-media img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}.story-modal-copy{min-width:0;max-height:min(720px,calc(100vh - 36px));overflow:auto;padding:clamp(22px,3vw,34px);overscroll-behavior:contain;scrollbar-color:rgba(242,214,168,.72) rgba(255,244,231,.08);scrollbar-width:thin}.story-modal-copy::-webkit-scrollbar{width:10px}.story-modal-copy::-webkit-scrollbar-track{background:#fff4e714;border-radius:999px}.story-modal-copy::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f2d6a8,#d9894a);border:2px solid rgba(28,25,22,.92);border-radius:999px}.story-modal-copy::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffe1ad,#f7b85e)}.story-modal-copy h2{margin:0;color:#fff8ed;font-size:clamp(1.85rem,4vw,3.4rem);line-height:.96;letter-spacing:0;overflow-wrap:anywhere}.story-modal-copy p{margin:14px 0 0;color:#fff8eddb;font-size:clamp(.92rem,1.3vw,1.05rem);line-height:1.55;overflow-wrap:anywhere}.story-inline-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:18px}.story-inline-media figure{min-width:0;margin:0;overflow:hidden;background:#3a3028;border:1px solid rgba(255,244,231,.14);border-radius:6px}.story-inline-media img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.story-kicker{color:#e5c68e!important;font-size:.78rem!important;font-weight:900;letter-spacing:0;text-transform:uppercase}.story-tag{display:inline-flex;max-width:100%;padding:6px 9px;color:#241e19!important;background:#f2d6a8;border-radius:4px;font-size:.78rem!important;font-weight:900;line-height:1.2!important}.story-source{display:inline-flex;align-items:center;min-height:28px;margin-top:18px;padding:6px 9px;color:#241e19;background:#f2d6a8;border-radius:4px;font-size:.72rem;font-weight:900;line-height:1;text-decoration:none;text-transform:uppercase}.story-source:hover{background:#f7b85e}.story-close{position:absolute;top:12px;right:12px;z-index:2;min-height:30px;padding:7px 10px;color:#fff8ed;background:#ffffff1f;border:1px solid rgba(255,244,231,.2);border-radius:4px;font-size:.72rem;font-weight:900;line-height:1;text-transform:uppercase}.story-close:hover{background:#f7b85e4d}.journey-end-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:clamp(16px,4vw,54px)}.journey-end-card{position:relative;z-index:1;width:min(540px,calc(100vw - 36px));padding:clamp(24px,3.5vw,38px);color:#fff8ed;background:#1c1916f0;border:1px solid rgba(255,244,231,.22);border-radius:6px;box-shadow:0 28px 80px #120c0885;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:journey-end-enter .42s cubic-bezier(.22,1,.36,1) both}@keyframes journey-end-enter{0%{opacity:0;transform:translateY(28px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.journey-end-title{margin:6px 0 0;color:#fff8ed;font-size:clamp(2.1rem,5.6vw,3.35rem);line-height:.96;letter-spacing:0;overflow-wrap:anywhere}.journey-end-tags{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 0}.journey-end-tags span{display:inline-flex;align-items:center;min-height:22px;padding:4px 8px;color:#2f251d;background:#f2d6a8;border-radius:4px;font-size:.66rem;font-weight:900;line-height:1;text-transform:uppercase}.journey-end-tags span+span{color:#f8ecd9;background:#ffffff21}.journey-end-copy{margin:14px 0 0;color:#fff8edd1;font-size:clamp(.9rem,1.25vw,1.02rem);line-height:1.48}.journey-path-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.journey-path-buttons .journey-path-btn--primary{grid-column:1 / -1}.journey-path-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:4px;font-size:.72rem;font-weight:900;line-height:1;text-decoration:none;text-transform:uppercase;transition:background .14s ease,border-color .14s ease}.journey-path-btn--primary{color:#241e19;background:#f2d6a8;border:0}.journey-path-btn--primary:hover{background:#f7b85e}.journey-path-btn--ghost{color:#fff8ed;background:#ffffff12;border:1px solid rgba(255,244,231,.2)}.journey-path-btn--ghost:hover{background:#f7b85e29;border-color:#f7b85e61}.journey-path-btn--ghost.is-active{background:#f7b85e33;border-color:#f7b85e80}.journey-credits{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,244,231,.12);animation:journey-end-enter .28s cubic-bezier(.22,1,.36,1) both}.journey-feature-credits{display:grid;gap:8px}.journey-feature-credits p{margin:0;padding:10px 11px;background:#f2d6a81a;border:1px solid rgba(242,214,168,.2);border-radius:5px}.journey-feature-credits strong,.journey-feature-credits span{display:block}.journey-feature-credits strong{color:#f7b85e;font-size:.92rem;font-weight:950;line-height:1.1}.journey-feature-credits span{margin-top:3px;color:#fff8edc7;font-size:.72rem;line-height:1.35}.journey-support-credits{margin-top:13px;padding-top:13px;border-top:1px solid rgba(255,244,231,.1)}.journey-support-credits p{margin:0;color:#fff8edad;font-size:.76rem;line-height:1.7}.journey-support-credits p+p{margin-top:1px}.journey-support-credits strong{color:#e5c68e;font-weight:800}.journey-support-credits a{color:#f2d6a8;font-weight:800;text-decoration-color:#f2d6a880;text-underline-offset:3px}.journey-support-credits a:hover{color:#f7b85e}@media (max-width: 920px){.timeline-rail span,.billboard-hotspot{display:none}.start-drive-prompt{right:clamp(18px,4vw,56px);top:auto;bottom:clamp(86px,14vh,128px);min-width:min(250px,calc(100vw - 36px));transform:translateY(calc(var(--intro-progress) * 18px)) scale(calc(1 - (var(--intro-progress) * .04)))}.billboard-guide{display:none}.story-modal{grid-template-columns:1fr}.story-modal-media img{max-height:230px;min-height:180px}}@media (max-width: 720px){.opening-scene-title{top:clamp(214px,35vh,318px)}.hud-panel{top:12px;padding:13px;width:min(270px,calc(100vw - 24px))}.hud-panel h1{font-size:clamp(1.08rem,6.5vw,1.8rem)}.roadway-stage.is-intro .hud-panel{width:min(236px,calc(100vw - 24px));min-height:0;padding:11px 12px 12px}.roadway-stage.is-intro .hud-panel h1{font-size:clamp(.98rem,5.4vw,1.42rem);line-height:1.02}.roadway-stage.is-intro .era-line{gap:5px;margin:8px 0}.roadway-stage.is-intro .era-line span{min-height:20px;padding:3px 6px;font-size:.58rem}.roadway-stage.is-intro .hud-copy{font-size:.66rem;line-height:1.28}.roadway-stage.is-intro .learn-button{min-height:26px;margin-top:10px;padding:6px 9px;font-size:.62rem}.timeline-rail{height:52px;bottom:12px}.story-overlay{padding:12px}.story-modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.story-modal-copy{padding:18px}.story-modal-copy h2{font-size:clamp(1.48rem,9vw,2.45rem)}}