:root{--accent:#f47755;--film-progress:0}
.brand{gap:11px}.brand>img.brand-symbol{width:31px;height:31px}.brand>img.brand-wordmark{width:154px;height:auto;max-height:none;filter:none}.footer .brand>img.brand-wordmark{width:185px}.footer .brand>img.brand-symbol{width:37px;height:37px}.note-signature{width:100%;transform:rotate(-4deg)}.note-signature>img.full-lockup{width:min(78%,360px);height:auto;filter:none}.brand-block .note-signature>img.full-lockup{width:min(90%,470px)}
.cinematic-hero{background:#111c22}.cinematic-scene .hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%}.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;opacity:0;transition:opacity 1s linear;pointer-events:none}.hero-film.is-visible{opacity:1}.cinematic-scrim{z-index:3;background:linear-gradient(180deg,rgba(4,14,22,.64),rgba(7,18,25,.24) 35%,rgba(7,18,25,.3) 65%,rgba(4,14,22,.88)),radial-gradient(ellipse at 50% 46%,rgba(10,25,34,.14),transparent 65%)}.hero-grain{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-light{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.13;background:radial-gradient(ellipse 440px 340px at var(--light-x,50%) var(--light-y,50%),rgba(245,182,135,.18),transparent 70%);transition:opacity .4s}.cinematic-centre{z-index:6;margin-top:-10px}.cinematic-eyebrow{font-size:9px;letter-spacing:.26em;margin-bottom:31px}.cinematic-logo{display:block;filter:none;line-height:1}.hero-lockup{width:min(53vw,590px);height:auto;display:block;margin:auto;filter:drop-shadow(0 8px 22px rgba(0,10,18,.23));animation:logo-enter 1.1s cubic-bezier(.16,1,.3,1) both}.cinematic-tagline{font-size:14px;letter-spacing:.04em;margin-top:31px}.cinematic-bottom{z-index:6;bottom:33px}.cinematic-caption{line-height:1.8}.cinematic-caption small a{text-decoration:underline;text-underline-offset:3px}.cinematic-pause{min-width:132px;justify-content:center;padding:12px 14px;border-color:rgba(242,238,231,.4);background:rgba(8,20,28,.32);position:relative}.cinematic-pause:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#f2eee7;transform:scaleX(var(--film-progress));transform-origin:left;transition:transform .25s linear}.cinematic-explore{font-size:10px;letter-spacing:.06em}.cinematic-explore>span{width:44px;height:44px}.cinematic-explore:hover>span{background:var(--accent);border-color:var(--accent)}.cinematic-hero .motion-control:focus-visible{outline:2px solid #fff;outline-offset:5px}
.cinematic-centre:after{content:'';display:block;width:34px;height:2px;background:var(--accent);margin:25px auto 0;opacity:.9}.section-topline{font-weight:500;letter-spacing:.14em}.section-heading .display{font-size:clamp(56px,6.3vw,88px);letter-spacing:.005em}.section-heading p{line-height:1.85;color:#5c665e}.game-visual{transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;transform-style:preserve-3d;box-shadow:0 8px 20px rgba(13,27,31,.05)}.game-visual:hover{box-shadow:0 25px 70px rgba(13,27,31,.16)}.game-visual:before{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,50%),rgba(255,240,215,.13),transparent 60%);opacity:0;transition:opacity .4s}.game-visual:hover:before{opacity:1}.game-visual .circle-arrow{transition:transform .35s,background .35s}.game-visual .game-top{font-size:10px}.game-title-lockup{transition:transform .55s}.game-visual:hover .game-title-lockup{transform:translateY(-7px)}.note-card .note-picture{transition:clip-path .5s;clip-path:inset(0)}.note-card:hover .note-picture{clip-path:inset(5px)}.note-card h3 .arrow{transition:transform .3s}.note-card:hover h3 .arrow{transform:translate(3px,-3px)}.note-brand{background:#d86b4b}.footer{background:#142832}.footer-statement{letter-spacing:-.01em}.footer-links a{position:relative}.footer-links a:after{content:'';height:1px;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0);transform-origin:left;background:var(--accent);transition:transform .3s}.footer-links a:hover:after{transform:scaleX(1)}
.principles .principle{display:block;padding:0;border-top:1px solid #3e505a}.principle details{padding:0}.principle summary{display:grid;grid-template-columns:28px 1fr 20px;gap:18px;align-items:center;padding:21px 0;cursor:pointer;list-style:none}.principle summary::-webkit-details-marker{display:none}.principle summary>span:first-child{color:var(--accent);font-size:10px}.principle summary h3{font-size:14px;font-weight:500}.principle summary .plus{font-size:20px;color:#adbac0;line-height:1;transition:transform .3s}.principle details[open] summary .plus{transform:rotate(45deg);color:var(--accent)}.principle details>p{font-size:12px;color:#b1bec4;line-height:1.8;padding:0 36px 24px 46px;max-width:500px;animation:detail-enter .35s ease both}.principle summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.studio-copy>p{font-size:17px}.studio-copy>p+p{font-size:13px}.studio h2{font-size:clamp(60px,6.4vw,94px)}.reveal{transition-timing-function:cubic-bezier(.2,.7,.2,1);transition-duration:.85s}[data-magnetic]{transform:translate(var(--magnet-x,0px),var(--magnet-y,0px));transition:transform .25s ease,background .25s,border-color .25s}
@keyframes logo-enter{from{opacity:0;transform:translateY(16px);clip-path:inset(100% 0 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes detail-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.brand>img.brand-wordmark{width:137px}.brand>img.brand-symbol{width:28px;height:28px}.hero-lockup{width:60vw}.cinematic-pause{min-width:120px}.cinematic-eyebrow{letter-spacing:.2em}}
@media(max-width:700px){.brand{gap:8px}.brand>img.brand-wordmark{width:122px}.brand>img.brand-symbol{width:26px;height:26px}.hero-lockup{width:min(84vw,430px)}.cinematic-centre{margin-top:-25px}.cinematic-eyebrow{font-size:7px;letter-spacing:.15em;margin-bottom:26px}.cinematic-tagline{font-size:11px;margin-top:24px}.cinematic-centre:after{width:28px;margin-top:21px}.cinematic-caption{font-size:7px;max-width:185px}.cinematic-caption small{font-size:8px}.cinematic-pause{font-size:9px;min-width:112px;padding:11px 10px}.cinematic-explore{font-size:10px;gap:18px}.cinematic-bottom{bottom:24px;row-gap:28px}.hero-film,.cinematic-scene .hero-poster{object-position:48% 50%}.cinematic-scrim{background:linear-gradient(180deg,rgba(4,14,22,.65),rgba(7,18,25,.16) 33%,rgba(7,18,25,.28) 65%,rgba(4,14,22,.9))}.hero-light{display:none}.section-heading .display{font-size:16vw}.studio h2{font-size:16vw}.studio-copy>p{font-size:15px}.studio-copy>p+p{font-size:12px}.principle summary{gap:12px;padding:19px 0}.principle summary h3{font-size:12px}.principle details>p{padding-left:40px;padding-right:18px;font-size:11px}.game-title-lockup{bottom:57px}.game-visual .game-top{font-size:8px}.footer .brand>img.brand-wordmark{width:154px}.footer .brand>img.brand-symbol{width:30px;height:30px}.footer-statement{font-size:19vw}.note-signature>img.full-lockup{width:77%}}
@media(hover:none),(pointer:coarse){.game-visual{transform:none}.game-visual:before{display:none}[data-magnetic]{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-film{transition:none}.hero-lockup{animation:none;clip-path:none;opacity:1;transform:none}.game-visual,[data-magnetic]{transform:none!important}.game-title-lockup{transform:none!important}.hero-light{display:none}.cinematic-pause{display:flex}.footer .motion-control{display:inline}.cinematic-explore{grid-column:initial}.cinematic-caption{grid-column:initial}}
.film-paused .hero-film{transition:none}
.motion-paused .hero-lockup{animation:none;clip-path:none;opacity:1;transform:none}.motion-paused .hero-light{display:none}.motion-paused .game-visual,.motion-paused [data-magnetic]{transform:none!important}
@media(prefers-reduced-motion:reduce){.cinematic-bottom{grid-template-columns:1fr auto 1fr}.cinematic-caption{grid-column:1;grid-row:auto}.cinematic-explore{grid-column:2;grid-row:auto}.cinematic-pause{grid-column:3;grid-row:auto}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.cinematic-bottom{grid-template-columns:1fr auto}.cinematic-caption{grid-column:1;grid-row:2;text-align:left;max-width:185px}.cinematic-explore{grid-column:1/-1;grid-row:1}.cinematic-pause{grid-column:2;grid-row:2}}