/* Shared rails, flexible tracks and consistent vertical rhythm. */
:root{--page-gutter:clamp(16px,3.5vw,50px);--section-space:clamp(52px,7vw,104px)}
.container{width:min(calc(100% - var(--page-gutter)*2),1320px)}
.section{padding-block:var(--section-space)}
.hero-grid,.intro-grid,.expertise-grid,.world-grid,.footer-top,.project-preview,.mode-grid,.screens,.form-grid,.digital-card{min-width:0}
.hero-grid>*,.intro-grid>*,.expertise-grid>*,.world-grid>*,.footer-top>*,.project-preview>*,.mode-grid>*,.form-grid>*,.digital-card>*{min-width:0}
h1,h2,h3,p,summary,label,.button,.text-link{overflow-wrap:break-word}
h1,h2,h3{text-wrap:balance}.lead{max-width:62ch}.hero-grid{gap:clamp(28px,4vw,64px);padding-block:clamp(40px,6vw,80px);min-height:0}
.hero-grid h1+.lead,.studio-hero h1+.lead{margin-top:28px}.intro-grid h2+p,.section h2+.lead{margin-top:24px}
.intro-grid{align-items:start;gap:clamp(24px,5vw,72px)}.intro-grid>.eyebrow{padding-top:8px}
.section-heading{align-items:start;gap:32px}.section-heading>*{min-width:0}.section-heading h2{max-width:20ch}
.project-faq .faq{max-width:none;margin-inline:0}.faq details{padding-block:20px}.faq summary{line-height:1.45}.faq p{margin-top:18px}
.expertise-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.expertise-card{display:flex;flex-direction:column}.expertise-card p{margin-bottom:0}.world-grid-two{align-items:stretch}.world-grid-two .world-card{display:flex;flex-direction:column;gap:0}.world-grid-two .world-card .text-link{align-self:flex-start;margin-top:auto}.world-card p{margin-block:18px 24px}
.button{max-width:100%;gap:20px;line-height:1.45;text-align:left}.button>span[aria-hidden]{flex-shrink:0}.actions{row-gap:16px}.cta-grid>div{min-width:0}.cta-grid>.button{flex-shrink:0;max-width:40%}
.service-row{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);gap:28px}.service-row .number{padding-top:5px}.service-row p{margin:0}
.screens figure{min-width:0;margin:0}.screens figcaption{line-height:1.5}.footer-top{align-items:start}.footer-top a{overflow-wrap:anywhere}.footer-bottom{align-items:center;row-gap:22px}.footer .tech-site{flex-wrap:wrap}.footer .studio-signature{flex-shrink:0}
.contact-intro,.contact-workspace{max-width:1000px}.contact-workspace .field{min-width:0}.field input,.field select,.field textarea{width:100%;min-width:0;font-size:16px}.contact-card .form-grid{align-items:start}.contact-card label{line-height:1.5}.contact-card small{display:block;line-height:1.5;margin-top:8px}
.card-intro,.digital-card,.card-universes{max-width:1100px}.card-connect{display:flex;flex-direction:column;align-items:center}.card-connect .card-actions{width:100%;margin-top:auto;padding-top:20px}.card-face{padding:clamp(24px,3.5vw,44px)}.card-company{overflow-wrap:anywhere}.card-universes>a{min-width:0}
.language-picker nav{max-height:calc(100dvh - 110px);overflow-y:auto}.nav.open{max-height:calc(100dvh - 80px);overflow-y:auto}.breadcrumbs ol{line-height:1.6}
@media(max-width:1100px){.hero h1{font-size:clamp(2.6rem,5.4vw,4.3rem)}.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{flex-wrap:wrap}.section-heading p{max-width:60ch}.card-company{font-size:clamp(2rem,4vw,3rem)}.cta-grid{align-items:flex-start;flex-wrap:wrap}.cta-grid>.button{max-width:100%}}
@media(min-width:601px) and (max-width:900px){.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.footer-top>div:first-child{grid-column:1/-1}.service-row{grid-template-columns:32px minmax(0,1fr);gap:16px 24px}.service-row p{grid-column:2}.screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.quick-routes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hero-grid,.studio-hero .hero-grid,.game-page .hero-grid{grid-template-columns:minmax(0,1fr);gap:36px}.hero-grid>.hero-art{width:min(100%,480px);justify-self:center}.hero-art>img{max-height:440px;object-fit:contain}.hero-grid h1{max-width:18ch}.hero-grid .lead{max-width:62ch}.hero-grid>.orbit-stage{width:100%;max-width:540px;justify-self:center}.intro-grid,.game-page .intro-grid,.engagement-section .intro-grid{grid-template-columns:1fr;gap:20px}.intro-grid>.eyebrow{padding-top:0}.engagement-section .intro-grid{padding:clamp(24px,4vw,40px)}.project-preview,.split-banner,.game-listing{grid-template-columns:1fr}.digital-card,.card-intro,.card-universes{max-width:650px}.card-intro h1{font-size:clamp(2.3rem,6vw,3.8rem)}.mode-grid{grid-template-columns:1fr}.digital-card{gap:24px}}
@media(max-width:600px){.header-inner{width:calc(100% - 32px)}.hero-grid{padding-block:36px 44px;gap:28px}.hero h1,.studio-hero h1,.page-intro h1{font-size:clamp(2.2rem,9vw,3.3rem);line-height:1.08}.game-page h1{font-size:clamp(3.4rem,15vw,5.5rem)}.hero-grid .lead{font-size:17px;margin-top:24px}.hero-art>img{max-height:330px}.art-caption{left:20px;bottom:18px;font-size:9px}.page-intro{padding-block:36px}.section-heading h2,h2,.game-page .intro-grid h2{font-size:clamp(1.9rem,7.6vw,2.7rem);line-height:1.12}.eyebrow{font-size:11px;letter-spacing:.12em;line-height:1.6;margin-bottom:20px}.eyebrow:before{flex-shrink:0}.actions{align-items:stretch;gap:14px}.actions>.button{width:100%;justify-content:space-between}.expertise-grid,.world-grid-two{grid-template-columns:1fr}.expertise-card,.world-card{padding:24px}.world-grid-two .world-card{min-height:0}.world-grid-two .world-card .text-link{margin-top:8px}.world-icon{justify-content:flex-start}.service-row{grid-template-columns:26px minmax(0,1fr);gap:12px 16px;padding-block:24px}.service-row h3{font-size:25px;line-height:1.2}.service-row p{grid-column:2}.cta-grid{gap:24px}.cta-grid>.button{width:100%;justify-content:space-between}.footer-top{gap:28px}.footer-top h3{line-height:1.3}.footer-bottom{align-items:flex-start;flex-direction:column}.footer .studio-signature{max-width:100%;white-space:normal}.footer .studio-signature a{overflow-wrap:break-word}.footer .tech-site{max-width:100%}.contact-workspace{padding-bottom:52px}.contact-workspace .contact-card{padding:24px 18px}.contact-consent{gap:10px}.card-universes{grid-template-columns:1fr;gap:12px}.card-connect h2{font-size:26px}.card-face{min-height:400px}.card-company{font-size:clamp(1.7rem,8vw,2.4rem)}.accessibility-tools{align-items:flex-start;flex-direction:column;gap:12px}.accessibility-tools button{max-width:100%;text-align:left}.legal dl{overflow-wrap:anywhere}.legal h1{font-size:clamp(2rem,9vw,3rem)}.legal{padding-top:36px}}
@media(max-width:350px){.header-inner{width:calc(100% - 24px)}.quick-routes{grid-template-columns:1fr}.language-picker summary{min-width:54px!important}.header-actions{gap:4px}.header-actions .menu-toggle,.header-contact{width:42px}.screens{gap:20px 12px}}
@media(max-height:500px) and (max-width:1100px){.site-header{position:relative}.nav.open{max-height:75dvh}.language-picker nav{max-height:70dvh}}