
/* VARNOD — considered entertainment. Black, warm white, mineral silver. */
.v4{--paper:#f3f3ef;--ink:#151919;--blue:#587481;--ice:#b7cbd0;--muted:#62696a;--line:#d6d9d6;background:var(--paper);font-family:Manrope,Arial,sans-serif}
.v4 .wrap{width:min(calc(100% - 112px),1328px)}
.v4 .header{background:#080c0d;color:#f3f3ef;border-bottom:1px solid #ffffff16;position:relative}
.v4 .header-inner{height:94px}
.v4 .brand strong{font-size:1.5rem;letter-spacing:.085em;font-weight:800}
.v4 .brand>svg{width:37px}
.v4 .desktop-nav{gap:34px}
.v4 .desktop-nav a{font-size:.82rem;color:#d7dedd}
.v4 .header-controls{border-color:#ffffff20}
.v4 .region-panel{border:1px solid #d7dad7;background:#f3f3ef;border-radius:3px}
.v4 .region-panel a[aria-current]{color:#1a434e}
.scene-track{position:relative}
.v4 .cinema{background:#080c0d;min-height:730px;height:calc(100svh - 94px);max-height:1020px;overflow:hidden}
.v4 .cinema-inner{min-height:100%;height:100%;padding:65px 0 145px;align-items:center}
.v4 .cinema-copy{max-width:850px;z-index:2}
.v4 .cinema .eyebrow{font-size:.68rem;letter-spacing:.18em;color:#bcc8cc;margin-bottom:35px;display:flex;align-items:center;gap:12px}
.v4 .cinema .eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:#bed0d4}
.v4 .cinema h1{font-size:clamp(4.5rem,8.5vw,8.5rem);font-weight:500;line-height:1.02;letter-spacing:-.073em;color:#f3f3ef}
.v4 .cinema h1 em{font-style:normal;color:#f3f3ef;font-weight:500}
.v4 .cinema-intro{color:#b5c0c2;font-size:1rem;line-height:1.85;max-width:400px;margin-top:30px}
.v4 .hero-actions{margin-top:33px;gap:30px}
.v4 .button{border-radius:50px;min-height:55px;padding:17px 25px}
.v4 .button.light{background:#f3f3ef;color:#182023}
.v4 .button.light:hover{background:#cfdee2}
.v4 .text-link{font-size:.83rem}
.v4 .cinema-shade{background:linear-gradient(90deg,#080c0d 0%,#080c0df5 20%,#080c0d6b 45%,transparent 65%);z-index:1;pointer-events:none}
.kinetic-stage{position:absolute;inset:-9% -14% -12% 32%;pointer-events:none}
.kinetic-stage canvas,.kinetic-fallback{position:absolute;width:100%;height:100%;inset:0}
.kinetic-stage canvas{opacity:0;transition:opacity .8s}
.kinetic-stage.is-rendered canvas{opacity:1}
.kinetic-stage.is-rendered .kinetic-fallback{opacity:0}
.v4 .market-cue{bottom:34px;z-index:2;border-top:1px solid #ffffff24;padding-top:20px;min-width:255px;grid-template-columns:1fr auto 20px;font-size:.75rem}
.v4 .market-cue>span{color:#9caaad}
.v4 .cinema-caption{display:flex;flex-direction:column;gap:12px;right:55px;bottom:34px;font-size:.65rem;line-height:1.4;letter-spacing:.12em;color:#9eafb4;text-align:right;z-index:2}
.v4 .cinema-caption span+span{letter-spacing:.02em;font-size:.8rem;color:#d0dadd}
.motion-control{position:absolute;bottom:33px;right:0;width:35px;height:35px;border-radius:50%;border:1px solid #ffffff40;background:transparent;color:#d1dddd;z-index:3;font-size:.8rem}
.motion-control:hover{background:#ffffff18}
.v4 .proof-strip{background:#080c0d;color:#eff2ef;border-top:1px solid #ffffff20}
.v4 .proof-inner{padding-block:34px;gap:40px}
.v4 .proof-inner>div+div{border-color:#ffffff25}
.v4 .proof-inner>div>strong{font-size:3.25rem;font-weight:400;color:#d4dfe1}
.v4 .proof-inner>div>span{color:#aebabc;font-size:.75rem}
.v4 .proof-inner>div>.proof-channels{font-size:1.3rem;letter-spacing:-.025em}
.v4 .proof-inner>a{border-color:#4a585b;color:#d7e1e1}
.v4 .games.section{padding-block:112px 110px}
.v4 .section-heading{grid-template-columns:.8fr 2fr;gap:50px}
.v4 .section-heading>.eyebrow{font-size:.65rem;letter-spacing:.11em;color:#576a70}
.v4 .section-heading h2{font-size:clamp(2.7rem,4.7vw,4.6rem);line-height:1.08;letter-spacing:-.055em;font-weight:500}
.v4 .section-heading>div>p{font-size:1rem;max-width:590px;color:#656e6f;line-height:1.8}
.v4 .catalog-bar{margin-top:52px;padding-bottom:30px}
.v4 .filters{gap:9px}
.v4 .filters button{font-size:.8rem;padding:10px 18px;border-color:#ccd3d2}
.v4 .filters button[aria-pressed=true]{background:#142125;color:#f3f3ef;border-color:#142125}
.v4 .filters button:hover:not([aria-pressed=true]){background:#e1e7e6}
.v4 .catalog-count{color:#667478}
.portfolio-scene{display:none}
.v4 .game-grid{gap:20px}
.v4 .game-card{background:#e7eae7;border:1px solid #d9dfdc;border-radius:4px;min-height:320px;padding:24px;transition:background .5s,border-color .5s,transform .5s}
.v4 .game-card:hover{background:#dfe6e3;border-color:#9cadaa;transform:translateY(-3px)}
.v4 .game-top{font-size:.66rem;color:#607375}
.v4 .game-card-body{margin-top:40px}
.v4 .game-card h3{font-weight:500;font-size:1.8rem;letter-spacing:-.05em}
.v4 .game-card p{color:#657172;font-size:.87rem;line-height:1.75;max-width:300px}
.v4 .game-card-bottom>span:first-child{color:#6d8586;font-size:.6rem}
.v4 .game-index{color:#96aeac;font-size:3.6rem;font-weight:500}
.v4 .tone-1{background:#e2e7e7}
.v4 .tone-2{background:#eaebe4}
.v4 .portfolio-note{color:#6f7877;font-size:.73rem;margin-top:25px}
.v4 .technology{background:#e1e7e7;color:#172328;padding-block:105px}
.v4 .technology .section-heading>div>p{color:#5b6b70}
.v4 .tech-grid{grid-template-columns:1fr 1fr 1.2fr;margin-top:60px;gap:22px}
.v4 .tech-block{background:transparent;border:0;border-top:1px solid #aebdc0;padding:28px 0}
.v4 .tech-acronym{font-size:5.5rem;font-weight:400;color:#4b6876;letter-spacing:-.07em;margin-bottom:40px}
.v4 .tech-block h3{color:#1a333a;font-weight:500}
.v4 .tech-block p{color:#596e75;font-size:.87rem;max-width:290px}
.v4 .tech-device{border-radius:4px;background:#10181c}
.v4 .tech-device>span{font-size:.6rem}
.v4 .tech-environments{grid-template-columns:1fr 1fr 1.2fr;gap:22px}
.v4 .tech-environments p{color:#617780;font-size:.84rem}
.v4 .tech-environments h3{font-weight:500}
.v4 .tech-environments>a{color:#325562}
.v4 .story{background:#0d171b;color:#f0f2ed;padding-block:120px}
.v4 .story-grid{gap:100px}
.v4 .story .eyebrow{color:#95a9b0;font-size:.66rem}
.v4 .story h2{font-size:clamp(2.7rem,4.6vw,4.3rem);font-weight:500;line-height:1.08}
.v4 .story p:not(.eyebrow){color:#aebfc4;font-size:.97rem;line-height:1.9}
.v4 .story-statement{border-color:#34454b}
.v4 .large-mark{color:#c4d3d8;width:165px}
.v4 .story blockquote{font-size:2rem;color:#d5dfe2;font-weight:400}
.v4 .story-statement>span{color:#809ba6;font-size:.62rem}
.v4 .market-section{gap:100px;padding-block:110px;border-color:#cbd4d3}
.v4 .market-name{font-size:clamp(3.5rem,6vw,5.5rem);font-weight:400;line-height:1.04;letter-spacing:-.065em}
.v4 .market-name>span{color:#6c8a94}
.v4 .market-section h2{font-size:2.5rem;font-weight:500}
.v4 .market-section>div>p:not(.eyebrow):not(.market-name){color:#647173;font-size:.95rem;line-height:1.8}
.v4 .market-section li{border-color:#d0d9d7;font-size:.8rem}
.v4 .certification{padding-block:108px}
.v4 .certification .section-heading h2{font-size:clamp(2.7rem,4.5vw,4.3rem)}
.v4 .cert-steps{gap:45px;margin-top:60px}
.v4 .cert-steps li{border-color:#aebfbe}
.v4 .cert-steps li>span{color:#66858e}
.v4 .cert-steps h3{font-size:1.18rem;font-weight:500;margin-top:30px}
.v4 .cert-steps p{font-size:.88rem;color:#687778;line-height:1.8}
.v4 .cert-note{border-color:#d0d9d7}
.v4 .cert-note p{font-size:.75rem;color:#657375}
.v4 .contact{background:#d1e1e5;color:#14303c;padding-block:90px}
.v4 .contact .eyebrow{color:#577a89;font-size:.66rem}
.v4 .contact h2{font-size:clamp(3rem,5.7vw,5.4rem);font-weight:500;letter-spacing:-.06em}
.v4 .contact-grid>div>p:not(.eyebrow){color:#486a79;font-size:1rem}
.v4 .contact-pending{border-top:1px solid #9db6c0;padding-top:20px;font-size:.8rem!important}
.v4 .footer{background:#080c0d;color:#e0e5e3;padding-top:65px}
.footer-monogram{font-size:clamp(4rem,18.5vw,18rem);font-weight:600;letter-spacing:-.075em;line-height:1;padding-bottom:55px;color:#f0f1ed}
.v4 .footer-main{border-top:1px solid #2a383c;padding-top:30px}
.v4 .footer-main>p,.v4 .footer-bottom p{color:#93a5aa}
.v4 .footer-bottom{border-color:#2a383c}
.motion-ready .reveal-item{opacity:0;transform:translateY(22px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
.motion-ready .reveal-item.is-visible{opacity:1;transform:none}
.v4 .not-found{color:var(--ink)}
@media(max-width:1150px){.v4 .wrap{width:calc(100% - 72px)}.v4 .desktop-nav{gap:22px}.v4 .cinema{min-height:710px}.v4 .cinema h1{font-size:8.2vw}.kinetic-stage{inset:-5% -22% -6% 24%}.v4 .cinema-copy{max-width:75%}.v4 .section-heading{gap:35px}.v4 .tech-grid,.v4 .tech-environments{gap:23px}.v4 .tech-acronym{font-size:4.5rem}.v4 .story-grid,.v4 .market-section{gap:55px}}
@media(max-width:900px){.v4 .header-inner{height:84px}.v4 .cinema{height:780px;min-height:0}.v4 .cinema-inner{padding-top:80px;align-items:flex-start}.v4 .cinema h1{font-size:clamp(4.5rem,10vw,6rem)}.v4 .cinema-copy{max-width:100%}.kinetic-stage{inset:13% -35% -15% 20%}.v4 .cinema-shade{background:linear-gradient(90deg,#080c0df5,#080c0d66 65%,#080c0d11)}.v4 .cinema-caption{display:none}.v4 .proof-inner{gap:20px}.v4 .proof-inner>div>.proof-channels{font-size:1.1rem}.v4 .section-heading{grid-template-columns:1fr;gap:22px}.v4 .section-heading h2{font-size:3.2rem}.v4 .tech-grid{grid-template-columns:1fr 1fr}.v4 .tech-device{grid-column:1/-1;min-height:340px}.v4 .tech-device img{object-fit:contain}.v4 .tech-environments{grid-template-columns:1fr 1fr}.v4 .story-grid{gap:45px}.v4 .story blockquote{font-size:1.7rem}.v4 .market-section{gap:45px}.v4 .market-section h2{font-size:2.1rem}.v4 .games.section,.v4 .technology,.v4 .story,.v4 .market-section,.v4 .certification{padding-block:80px}}
@media(max-width:650px){.v4 .wrap{width:calc(100% - 40px)}.v4 .header-inner{height:76px}.v4 .brand strong{font-size:1.13rem}.v4 .brand>svg{width:29px}.v4 .brand small{font-size:.38rem}.v4 .header-controls{gap:15px}.v4 .region-picker summary{font-size:.67rem;gap:6px}.v4 .selected-market{max-width:100px}.v4 .cinema{height:810px;max-height:none}.v4 .cinema-inner{padding-top:48px;min-height:100%}.v4 .cinema h1{font-size:clamp(3rem,12.4vw,4.9rem);line-height:1.06;letter-spacing:-.065em}.v4 .cinema .eyebrow{font-size:.57rem;letter-spacing:.13em;margin-bottom:25px}.v4 .cinema-intro{font-size:.92rem;line-height:1.75;max-width:310px;margin-top:24px}.v4 .cinema .hero-actions{gap:20px;align-items:flex-start;flex-direction:column;margin-top:26px}.v4 .cinema .button{font-size:.8rem;min-height:49px;padding:14px 20px}.v4 .cinema .text-link{font-size:.79rem}.kinetic-stage{inset:33% -38% -9% -12%}.v4 .cinema-shade{background:linear-gradient(180deg,#080c0d 2%,#080c0de8 33%,#080c0d15 64%,#080c0d00 83%,#080c0d90)}.v4 .market-cue{bottom:26px;min-width:230px;padding-top:16px;font-size:.7rem;gap:10px}.motion-control{bottom:26px}.v4 .proof-inner{gap:23px 16px;padding-block:28px}.v4 .proof-inner>div+div{padding-left:20px}.v4 .proof-inner>div:nth-child(3){padding:20px 0 0;border-color:#ffffff25}.v4 .proof-inner>div>strong{font-size:2.6rem}.v4 .proof-inner>div>span{font-size:.68rem}.v4 .proof-inner>div>.proof-channels{font-size:1.05rem}.v4 .games.section,.v4 .technology,.v4 .story,.v4 .market-section,.v4 .certification{padding-block:60px}.v4 .section-heading h2{font-size:2.55rem}.v4 .section-heading>.eyebrow{font-size:.61rem}.v4 .section-heading>div>p{font-size:.92rem}.v4 .catalog-bar{margin-top:30px;padding-bottom:22px}.v4 .filters button{font-size:.75rem;padding:9px 13px}.v4 .game-grid{gap:15px}.v4 .game-card{min-height:270px;padding:23px}.v4 .game-card-body{margin-top:30px}.v4 .game-card h3{font-size:1.9rem}.v4 .game-card p{font-size:.92rem}.v4 .game-index{font-size:3.3rem}.v4 .tech-grid{grid-template-columns:1fr;margin-top:35px;gap:22px}.v4 .tech-block{padding:25px 0 12px}.v4 .tech-acronym{font-size:4.5rem;margin-bottom:25px}.v4 .tech-block p{font-size:.94rem;max-width:100%}.v4 .tech-device{min-height:260px}.v4 .tech-environments{grid-template-columns:1fr;gap:25px}.v4 .story-grid{gap:40px}.v4 .story h2{font-size:2.7rem}.v4 .story p:not(.eyebrow){font-size:.92rem}.v4 .large-mark{width:88px}.v4 .story blockquote{font-size:1.65rem}.v4 .market-name{font-size:3.3rem}.v4 .market-section h2{font-size:2.5rem}.v4 .market-section{gap:35px}.v4 .certification .section-heading h2{font-size:2.45rem}.v4 .cert-steps{gap:25px;margin-top:40px}.v4 .cert-steps h3{margin-top:0;font-size:1.12rem}.v4 .cert-steps p{font-size:.88rem}.v4 .contact{padding-block:65px}.v4 .contact h2{font-size:2.9rem;overflow-wrap:break-word;hyphens:auto}.footer-monogram{font-size:17.8vw;padding-bottom:30px}.v4 .footer{padding-top:40px}.v4 .footer-main{padding-top:25px}.v4 .footer .brand strong{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .reveal-item{opacity:1;transform:none;transition:none}.motion-control{display:none}.kinetic-stage canvas{transition:none}}
/* Each family has an original product illustration. */
.v4 .game-card{background:#132630;color:#eef2ec;padding:24px 26px 29px;border:0;min-height:390px}
.v4 .game-card.tone-1{background:#1e3540}
.v4 .game-card.tone-2{background:#293a3e}
.v4 .game-card:hover{background:#1c3844}
.v4 .game-top{color:#b0c4c9;font-size:.66rem}
.game-art{width:100%;height:180px;margin-top:10px;transition:transform .6s ease}
.v4 .game-card:hover .game-art{transform:translateY(-3px)}
.v4 .game-card-body{margin-top:12px;padding-top:20px;border-top:1px solid #b9cfd321}
.v4 .game-card h3{font-size:1.65rem;color:#eff2ed}
.v4 .game-card p{color:#b0c3c9;font-size:.84rem;line-height:1.75;margin-top:13px}
@media(max-width:650px){.v4 .game-card{min-height:380px;padding:22px 24px 28px}.game-art{height:177px}.v4 .game-card h3{font-size:1.7rem}.v4 .game-card p{font-size:.9rem}}
