@import url('./assets/fonts/fonts.css?v=f89a4c48a3dd');
:root{--ink:#072c32;--deep:#071e23;--paper:#f0f0e8;--white:#f9fbf5;--sea:#438982;--accent:#a6e0e4;--gutter:clamp(24px,5vw,96px);--body:Manrope,Arial,sans-serif;--display:'Bebas Neue',Impact,'Arial Narrow',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#518e8d var(--deep)}body{margin:0;background:var(--deep);color:var(--white);font:400 14px/1.6 var(--body);-webkit-font-smoothing:antialiased}body,main{overflow-x:clip}::selection{background:var(--accent);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}img,video{display:block;width:100%;height:100%;object-fit:cover}svg{width:24px;height:24px;flex-shrink:0}h1,h2,p,figure{margin:0}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:100;top:14px;left:16px;padding:12px 20px;color:var(--ink);background:var(--white);transform:translateY(-160%)}.skip-link:focus{transform:none}.eyebrow{font:400 17px/1.4 var(--display);letter-spacing:.12em;text-transform:uppercase}.display{font:400 clamp(64px,7.6vw,140px)/.97 var(--display);letter-spacing:-.012em;text-transform:uppercase;min-width:0;max-width:100%}.display>span{display:block}.body-copy{line-height:1.85}.light-section{color:var(--ink);background:var(--paper)}.reveal{transition:opacity .85s,transform 1.1s cubic-bezier(.2,.65,.3,1)}.js-motion .reveal{opacity:0;transform:translateY(28px)}.js-motion .reveal.is-visible{opacity:1;transform:none}
/* Identity and film share the opening frame. */
.hero{position:relative;isolation:isolate;min-height:650px;height:100svh;max-height:1300px;display:flex;align-items:center;padding:90px var(--gutter) 120px;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-media{inset:-6% 0;background:#063d45 url('/assets/hero-poster.jpg') center/cover}.hero-video{object-position:center 55%;opacity:.8}.hero-shade{z-index:-1;background:linear-gradient(90deg,#031e29d9 0%,#05252c44 70%),linear-gradient(0deg,#071e23e8,transparent 45%,#071e2355)}.hero-layout{width:100%;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:7%;max-width:1800px;margin:0 auto}.hero-identity{min-width:0;display:flex;align-items:center;flex-direction:column;transform:translateY(-8px)}.hero-identity h1{width:100%;line-height:1}.hero-brand{display:block;width:100%;filter:drop-shadow(0 15px 30px #0005)}.hero-brand img{height:auto;object-fit:contain}.hero-conversion{margin-top:34px;display:flex;flex-direction:column;align-items:center}.cta{display:inline-flex;min-height:78px;align-items:center;gap:19px;padding:0 26px;border:1px solid #9cdcf54d;transition:filter .25s,transform .25s;max-width:100%;box-shadow:0 16px 35px #0002}.cta:hover{filter:brightness(1.14);transform:translateY(-3px)}.cta-steam{background:linear-gradient(100deg,#06bfff,#2d73ff);color:#fff}.cta>span:not(.steam-mark-wrap){font:400 24px/1 var(--display);letter-spacing:.045em}.cta .cta-arrow{width:20px;height:20px;margin-left:16px}.hero-cta{min-height:88px;padding:0 25px 0 0;gap:0}.steam-mark-wrap{width:88px;height:88px;background:#172a41;display:flex;align-items:center;justify-content:center;margin-right:24px;flex-shrink:0}.steam-mark-wrap img{width:67px;height:67px;object-fit:contain}.hero-cta .hero-cta-label{font-size:30px;white-space:nowrap}.hero-cta .cta-arrow{margin-left:26px}.cta-note{font-size:9px;color:#c3d8de;margin-top:15px;text-align:center;letter-spacing:.015em}.trailer-frame{position:relative;aspect-ratio:16/9;background:#061a20;box-shadow:0 30px 90px #0006;border:1px solid #d1effa30;overflow:hidden}.trailer-frame iframe{width:100%;height:100%;display:block;border:0}.trailer-cover{position:relative;display:block;width:100%;height:100%;border:0;padding:0;cursor:pointer;text-align:left;background:#143e45;overflow:hidden}.trailer-cover>img{transition:transform 1.2s cubic-bezier(.2,.65,.3,1);object-position:center 48%}.trailer-cover:hover>img{transform:scale(1.04)}.trailer-cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,#031c28cf,transparent 55%),#041d2420}.trailer-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;display:grid;place-items:center;border:1px solid #ffffffa6;border-radius:50%;background:#0a273861;backdrop-filter:blur(8px);transition:background .25s,scale .25s}.trailer-play svg{width:37px;height:37px}.trailer-cover:hover .trailer-play{background:#06a9e8a6;scale:1.08}.trailer-caption{position:absolute;left:28px;bottom:22px;font:400 23px/1 var(--display);letter-spacing:.06em}.trailer-platform{position:absolute;right:26px;bottom:24px;font-size:10px;letter-spacing:.04em}.trailer-fallback{display:inline-block;font-size:13px;padding:12px 0;text-decoration:underline}.hero-baseline{position:absolute;left:var(--gutter);right:var(--gutter);bottom:33px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#b6d2d5;font:400 15px/1.4 var(--display);letter-spacing:.1em}.scroll-cue{display:flex;align-items:center;gap:20px}.scroll-track{position:relative;display:block;width:70px;height:1px;background:#ffffff45;overflow:hidden}.scroll-track:after{content:'';position:absolute;inset:0;background:var(--white);animation:scroll-line 2.5s ease-in-out infinite;transform-origin:left}@keyframes scroll-line{0%,100%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1)}51%{transform-origin:right}}
.motion-control{position:relative;display:flex;gap:9px;align-items:center;cursor:pointer;font:400 13px/1.4 var(--display);letter-spacing:.06em;min-height:25px}.motion-control input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.motion-icon{height:10px;width:8px;border-left:2px solid currentColor;border-right:2px solid currentColor}.motion-control:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:6px}.motion-control:has(input:checked) .motion-icon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;border-right:0}
/* A single introduction, carried by three in-game images. */
.world{height:230svh;position:relative}.world-sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate}.world-images,.world-image,.world-shade{position:absolute;inset:0;z-index:-2}.world-image{opacity:0;transition:opacity .8s,transform 1.4s;transform:scale(1.025);object-position:center}.world-image.is-active{opacity:1;transform:scale(1)}.world-shade{z-index:-1;background:linear-gradient(90deg,#021d29e8 0%,#021d29b0 35%,#021d2910 80%),linear-gradient(0deg,#041d29b8,transparent 40%)}.world-content{position:absolute;left:var(--gutter);top:50%;transform:translateY(-50%);max-width:57%;width:740px}.world-content .eyebrow{color:#a6e2df;margin-bottom:27px}.world-content .display{font-size:clamp(68px,7.8vw,144px)}.world-content .body-copy{font-size:13px;max-width:445px;margin-top:32px;color:#d7e7e5}.world-watermark{position:absolute;right:var(--gutter);bottom:12%;font:400 28vw/.8 var(--display);opacity:.07;pointer-events:none}.world-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:35px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.world-bottom .eyebrow{font-size:13px;color:#a6c5c4;letter-spacing:.1em}.world-caption{font:400 23px/1.25 var(--display);margin-top:7px;letter-spacing:.025em}.world-progress{min-width:124px}.world-count{display:block;font:400 17px/1 var(--display);letter-spacing:.1em;margin-bottom:13px}.world-progress-track{height:2px;background:#ffffff40;overflow:hidden}.world-progress-track>span{display:block;width:33.333%;height:100%;background:#fff;transition:transform .7s}
/* No autoplay: the page position selects the frame. */
.scroll-film{height:310svh;background:#03181e;position:relative}.scroll-film-sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}.scroll-film-stage{position:absolute;inset:0;overflow:hidden;transform:scale(.88);background:#0b3d47 url('/assets/surf-scroll-poster.jpg') center/cover;will-change:transform}.scroll-film-stage video{object-position:50% center}.film-progress{position:absolute;left:var(--gutter);right:var(--gutter);bottom:26px;height:1px;background:#ffffff30;mix-blend-mode:screen}.film-progress>span{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}
.session-guide{padding:clamp(65px,8vw,145px) var(--gutter);display:grid;grid-template-columns:1fr 1.1fr;gap:11%;align-items:start}.guide-intro h2{font:400 clamp(43px,4.2vw,76px)/1.04 var(--display);letter-spacing:-.01em;text-transform:uppercase;margin:24px 0}.guide-intro .body-copy{font-size:12px;max-width:390px;line-height:1.95}.guide-questions{border-top:1px solid #072c3230}.guide-questions details{border-bottom:1px solid #072c3230}.guide-questions summary{position:relative;list-style:none;cursor:pointer;padding:23px 35px 23px 0;font:400 22px/1.35 var(--display);letter-spacing:.015em}.guide-questions summary::-webkit-details-marker{display:none}.guide-questions summary:after{content:'+';position:absolute;right:0;top:17px;font:300 26px/1.5 var(--body);color:var(--sea)}.guide-questions details[open] summary:after{content:'−'}.guide-questions details p{font-size:12px;line-height:1.95;margin:0 25px 25px 0;color:#33575b;max-width:540px}.guide-questions summary:focus-visible{outline-color:var(--sea)}
.finale{position:relative;min-height:720px;height:100svh;max-height:1200px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.finale-background,.finale-shade{position:absolute;inset:0;z-index:-2}.finale-background{height:115%;top:-7%;object-position:63% 52%}.finale-shade{z-index:-1;background:linear-gradient(90deg,#001c29dc,#001c2966 50%,#001c2900),linear-gradient(0deg,#071e2399,transparent 45%)}.finale-content{padding:65px var(--gutter);width:100%;max-width:100%;min-width:0}.finale-content>.eyebrow{margin-bottom:32px;font-size:15px;color:#c9e7df}.finale-content .display{font-size:clamp(64px,7vw,130px);max-width:72%}.finale-content>p:not(.eyebrow){font-size:14px;margin-top:30px;color:#dae4e3}.finale-content .cta{margin-top:34px}.steam-icon{width:30px;height:30px}.finale-release{display:block;font:400 14px/1.6 var(--display);letter-spacing:.1em;margin-top:20px;color:#c3d8d8}.finale-signature{position:absolute;bottom:24px;left:var(--gutter);font:400 15px/1.4 var(--display);letter-spacing:.18em;opacity:.55}
.site-footer{padding:33px var(--gutter) 23px;background:#051a20;color:#a0bcba}.footer-top{display:flex;align-items:center;gap:35px;padding-bottom:27px;flex-wrap:wrap}.footer-brand{display:block;width:140px;flex-shrink:0}.footer-brand img{height:auto;object-fit:contain}.footer-top>p{font-size:10px;margin-right:auto}.language-switch{display:flex;align-items:center;gap:10px}.language-switch>svg{width:17px;height:17px}.footer-language{padding-left:25px;border-left:1px solid #ffffff26}.language-switch select{color:var(--white);background:transparent;border:0;cursor:pointer;font:400 17px/1.5 var(--display);letter-spacing:.04em;min-width:51px;padding:8px 0}.language-switch option{color:var(--ink);background:var(--paper)}.footer-steam{display:flex;gap:12px;align-items:center;font:400 18px/1.4 var(--display);color:#e1efeb;letter-spacing:.035em}.footer-steam svg{width:20px;height:20px}.footer-steam svg:last-child{width:15px;height:15px;margin-left:8px}.language-links{display:flex;flex-wrap:wrap;gap:9px 24px;padding-bottom:24px;font:400 15px/1.7 var(--display);letter-spacing:.04em}.language-link{padding:3px 0;border-bottom:1px solid transparent}.language-link[aria-current=page],.language-link:hover{color:#fff;border-bottom-color:currentColor}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff16;padding-top:21px;font-size:8px;line-height:1.8}.page-progress{position:fixed;z-index:20;top:0;left:0;width:100%;height:2px;pointer-events:none}.page-progress>span{display:block;width:100%;height:100%;background:#75c6e0;transform:scaleX(0);transform-origin:left}
@media(min-width:1800px){.hero-layout{gap:8%}.hero-conversion{margin-top:44px}.world-content .body-copy{font-size:15px;max-width:530px}.trailer-caption{font-size:28px}.cta-note{font-size:11px}}
@media(min-width:761px) and (max-width:1100px){.hero{padding-left:4vw;padding-right:4vw;min-height:620px}.hero-layout{grid-template-columns:.82fr 1.18fr;gap:5%}.hero-cta{min-height:72px;padding-right:17px}.steam-mark-wrap{width:72px;height:72px;margin-right:16px}.steam-mark-wrap img{width:55px;height:55px}.hero-cta .hero-cta-label{font-size:25px}.hero-cta .cta-arrow{margin-left:15px;width:16px}.cta-note{font-size:8px}.trailer-caption{font-size:18px;left:18px;bottom:18px}.trailer-platform{right:18px;bottom:19px;font-size:8px}.trailer-play{width:60px;height:60px}.world-content{max-width:63%}.world-content .body-copy{max-width:350px;font-size:12px}.hero-baseline{font-size:13px}.hero-baseline .scroll-cue{gap:10px}.scroll-track{width:40px}}
@media(max-width:760px){.hero{height:auto;min-height:100svh;max-height:none;padding:60px var(--gutter) 110px}.hero-layout{grid-template-columns:1fr;gap:43px;max-width:600px}.hero-identity{transform:none}.hero-identity h1{width:min(360px,86%)}.hero-conversion{margin-top:21px}.hero-cta{min-height:76px;padding-right:23px}.steam-mark-wrap{width:76px;height:76px;margin-right:23px}.steam-mark-wrap img{width:58px;height:58px}.hero-cta .hero-cta-label{font-size:28px}.hero-cta .cta-arrow{margin-left:26px;width:18px}.cta-note{font-size:8px;margin-top:12px}.hero-trailer{width:100%}.trailer-play{width:58px;height:58px}.trailer-play svg{width:30px;height:30px}.trailer-caption{font-size:18px;left:18px;bottom:17px}.trailer-platform{font-size:8px;right:18px;bottom:18px}.hero-baseline{bottom:25px;font-size:12px;gap:15px}.scroll-cue{margin-left:auto}.scroll-cue>span:first-child{display:none}.scroll-track{width:35px}.motion-control{font-size:0;gap:0;min-width:14px}.motion-control input{min-width:25px;left:-6px}.world{height:200svh}.world-sticky{min-height:690px}.world-content{left:var(--gutter);right:var(--gutter);top:46%;max-width:none;width:auto}.world-content .eyebrow{font-size:14px;margin-bottom:24px}.world-content .display{font-size:18vw;max-width:100%}.world-content .body-copy{font-size:12px;line-height:1.85;max-width:340px;margin-top:25px}.world-shade{background:linear-gradient(90deg,#021d29bf,#021d2955),linear-gradient(0deg,#021d29b8,transparent 60%)}.world-bottom{bottom:28px;gap:25px}.world-bottom .eyebrow{font-size:11px;max-width:220px}.world-caption{font-size:20px;max-width:235px;margin-top:9px}.world-progress{min-width:65px}.world-count{font-size:14px}.world-watermark{font-size:65vw;bottom:18%;right:-15px}.scroll-film{height:270svh}.scroll-film-stage video{object-position:48% center}.film-progress{bottom:20px}.session-guide{grid-template-columns:1fr;gap:32px;padding-top:55px;padding-bottom:55px}.guide-intro>.eyebrow{font-size:14px}.guide-intro h2{font-size:47px;max-width:340px;margin:20px 0}.guide-intro .body-copy{max-width:100%;font-size:11px}.guide-questions summary{font-size:21px;padding-top:21px;padding-bottom:21px}.guide-questions details p{font-size:11px}.finale{min-height:700px;height:90svh}.finale-background{object-position:65% center}.finale-shade{background:linear-gradient(90deg,#001c29cc,#001c2944),linear-gradient(0deg,#001c2977,transparent)}.finale-content{padding:50px var(--gutter) 70px}.finale-content>.eyebrow{font-size:12px;max-width:255px;margin-bottom:28px}.finale-content .display{font-size:19vw;max-width:100%}.finale-content>p:not(.eyebrow){font-size:12px;max-width:250px}.finale-content .cta{padding:0 18px;min-height:72px;gap:12px}.finale-content .cta>span{font-size:21px}.finale-content .cta-arrow{width:16px;margin-left:4px}.finale-release{font-size:11px;letter-spacing:.06em}.finale-signature{font-size:12px}.site-footer{padding-top:28px}.footer-top{display:grid;grid-template-columns:1fr auto;gap:18px 24px;padding-bottom:27px}.footer-brand{width:120px;grid-column:1;grid-row:1}.footer-language{grid-column:2;grid-row:1;padding-left:20px}.footer-top>p{grid-column:1/-1;grid-row:2;font-size:9px}.footer-steam{grid-column:1/-1;grid-row:3;font-size:17px}.footer-steam svg:last-child{margin-left:auto}.language-links{font-size:14px;gap:7px 18px}.footer-bottom{display:block;font-size:7px}.footer-bottom>span{display:block;margin-bottom:8px}}
@media(max-width:370px){.hero{padding-top:40px}.hero-layout{gap:35px}.hero-cta .hero-cta-label{font-size:25px}.steam-mark-wrap{margin-right:17px}.hero-cta .cta-arrow{margin-left:18px}.trailer-caption{font-size:16px}.world-content .body-copy{font-size:11px}.guide-intro h2{font-size:42px}.finale-content .cta>span{font-size:19px}}
.motion-paused{scroll-behavior:auto}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}.motion-paused .reveal{opacity:1;transform:none}.motion-paused .hero-media,.motion-paused .finale-background{transform:none!important}.motion-paused .scroll-film{height:100svh}.motion-paused .scroll-film-stage{transform:none!important;border-radius:0!important}.motion-paused #scroll-video{visibility:hidden}.motion-paused .film-progress{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.hero-media,.finale-background{transform:none!important}.hero-video{visibility:hidden}.world{height:100svh}.world-image{transform:none!important}.scroll-film{height:100svh}.scroll-film-stage{transform:none!important;border-radius:0!important}#scroll-video{visibility:hidden}.film-progress,.motion-control{display:none}}
.motion-paused .world{height:100svh}
@media(max-width:760px){.trailer-frame{aspect-ratio:16/10;min-height:200px}}