@font-face{font-family:Space;src:url(assets/space-grotesk.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{color-scheme:dark;--paper:#f7f5ff;--ink:#080916;--muted:#c5c6dc;--line:#eceaff34;--pop:#ff824d;--gutter:clamp(22px,6vw,110px);--mono:ui-monospace,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:0}
body{margin:0;background:var(--ink);color:var(--paper);font:400 16px/1.55 Space,system-ui,sans-serif}
h1,h2,h3,h4,p,dl,dd{margin:0}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
img{display:block;max-width:100%;object-fit:cover}
ul{list-style:none;margin:0;padding:0}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--pop);outline-offset:5px}
.skip{position:fixed;top:10px;left:12px;z-index:15;translate:0 -150%;padding:10px 15px;color:var(--ink);background:var(--pop)}
.skip:focus{translate:none}
.world{display:none;position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.has-world .world{display:block}
.site-header{
  position:fixed;z-index:8;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  gap:clamp(11px,3vw,42px);padding:14px var(--gutter);background:linear-gradient(#080916ed,#080916ad 65%,#08091600);
}
.brand{display:inline-flex;align-items:center;gap:8px;justify-self:start;white-space:nowrap}
.brand span{font-size:.68rem;font-weight:700;letter-spacing:.08em}
.site-header nav{display:flex;align-items:center;gap:clamp(13px,2vw,30px);font-size:.84rem}
.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--pop)}
.menu-toggle,.motion-toggle{min-height:42px;border:1px solid #eceaff60;background:#0c0d20c7;color:#fff;border-radius:32px;padding:6px 11px;font-size:.74rem;white-space:nowrap}
.motion-toggle{justify-self:end}
.motion-toggle:hover,.motion-toggle[aria-pressed=true],.menu-toggle:hover{background:#fff;color:var(--ink)}
.screen-index{display:none;position:fixed;right:18px;top:50%;translate:0 -50%;z-index:6;flex-direction:column;align-items:center;gap:9px;color:#e9e6f8;font:600 .58rem/1 var(--mono);pointer-events:none}
.motion-enabled .screen-index{display:flex}
.screen-track{width:1px;height:85px;background:#ffffff4a;position:relative}
.screen-track::after{content:"";position:absolute;inset:0;background:var(--pop);transform:scaleY(var(--page-progress,0));transform-origin:top}
.scene{
  position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;
  background:radial-gradient(ellipse at 80% 34%,#17275b,transparent 68%),#0b1027;
}
.has-world .scene{background:transparent}
.scene-inner{width:100%;min-width:0;padding:clamp(96px,13vh,150px) var(--gutter) clamp(62px,10vh,125px)}
.scene+.scene{border-top:1px solid #eceaff1c}
.scene-copy{position:relative;z-index:2;min-width:0}
.eyebrow,.kicker,.art-label,.home-coordinate small,.service>span,.player-tag,.site-footer,.contact-details dt{
  font:600 .68rem/1.4 var(--mono);letter-spacing:.105em;text-transform:uppercase;
}
.eyebrow{display:flex;align-items:center;gap:8px;color:#e3dfff;margin-bottom:18px}
.eyebrow i{width:7px;height:7px;background:var(--pop);border-radius:50%;flex:none;box-shadow:0 0 14px #ff824d91}
.accent{color:var(--pop)}
h1,h2{font-weight:700;letter-spacing:-.07em;line-height:.86;text-wrap:balance}
h1{font-size:clamp(120px,14.3vw,285px)}
h1>span{display:block}
h2{font-size:clamp(69px,10.1vw,171px)}
.scene-copy>p:not(.eyebrow):not(.subhead){max-width:42ch;color:var(--muted);margin-top:21px;font-size:clamp(.99rem,1.3vw,1.23rem)}
.home .scene-copy{width:max-content;max-width:100%}
.home-layout{padding-top:clamp(92px,15vh,168px);padding-bottom:clamp(90px,13vh,140px)}
.home-deck{display:flex;align-items:center;gap:22px;margin-top:30px}
.home-deck p{max-width:31ch;color:var(--muted);font-size:clamp(.92rem,1.2vw,1.15rem)}
.home-coordinate{position:absolute;right:var(--gutter);bottom:6%;display:flex;align-items:center;gap:10px;color:#e7e9ff}
.home-coordinate>span{font-size:27px;color:var(--pop)}
.home-coordinate small{font-size:.57rem}
.scene-cue{position:absolute;bottom:6%;left:var(--gutter);display:flex;align-items:center;gap:9px;font-size:.76rem;font-weight:700}
.scene-cue span{border:1px solid #fff6;width:33px;height:33px;border-radius:50%;display:grid;place-items:center}
.scene-cue:hover span{background:#fff;color:var(--ink)}
.button{display:inline-flex;min-height:47px;align-items:center;justify-content:center;gap:13px;padding:9px 15px;border:1px solid #fff9;border-radius:40px;font-size:.89rem;font-weight:700}
.button:hover{background:#fff;color:var(--ink)}
.primary{background:var(--pop);color:#181321;border-color:var(--pop)}
.primary:hover{border-color:#fff}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:19px}
.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:.87rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.split{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:clamp(22px,5vw,90px)}
.release-layout{grid-template-columns:.78fr 1.22fr}
.release h2{font-size:clamp(68px,8.1vw,151px)}
.subhead{font-weight:700;font-size:clamp(1.05rem,2vw,1.7rem);margin-top:13px;color:#ffbb9a}
.release-art{position:relative;isolation:isolate;aspect-ratio:1.18;perspective:850px}
.release-frame{position:absolute;inset:15% 7% 17% 5%;border:1px solid #ffd1d098;overflow:hidden;border-radius:11px;rotate:-7deg;box-shadow:0 24px 50px #080916a8}
.release-frame img{width:100%;height:100%}
.release-phone{position:absolute;width:16.5%;height:auto;bottom:2%;border:2px solid #ffc9aa;border-radius:8px;box-shadow:0 14px 30px #080916c5}
.phone-one{left:1%;rotate:-15deg}
.phone-two{right:0;rotate:13deg}
.art-label{position:absolute;right:4%;top:2%;color:#ffe2d5;font-size:.62rem}
.art-label span{color:var(--pop);margin-left:8px}

.catalog-layout{padding-inline:var(--gutter) 0}
.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:29px;padding-right:var(--gutter)}
.catalog h2,.people h2{font-size:clamp(59px,8.5vw,145px)}
.gallery-controls{display:flex;align-items:center;gap:8px}
.gallery-count{white-space:nowrap}
.round{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #fff7;border-radius:50%;background:#11152cd9;font-size:1.1rem}
.round:hover,a:hover .round{color:var(--ink);background:var(--pop);border-color:var(--pop)}
.round:disabled{opacity:.38;cursor:default}
.game-track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(190px,24vw,360px);gap:14px;padding:6px var(--gutter) 19px 5px;margin-left:-5px;overflow:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:5px var(--gutter);scrollbar-color:#b57dd7 #1c1536}
.game-card{min-width:0;scroll-snap-align:start;perspective:700px}
.game-card a{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--line);background:#121429e8;border-radius:10px;transform:rotateY(var(--fan,0deg));transition:transform .32s ease}
.game-card a:hover,.game-card a:focus-visible{transform:none;border-color:#ffa782;outline-offset:-3px}
.game-visual{aspect-ratio:1.12;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 35% 23%,#ffffff35,transparent 70%),var(--card-color)}
.game-visual img{width:68%;height:auto;aspect-ratio:1;border-radius:16%;box-shadow:0 12px 30px #060719a0}
.card-index{position:absolute;left:9px;top:9px;background:#151328dc;padding:4px 6px;border-radius:3px;font-size:.55rem}
.game-monogram{font-weight:700;font-size:clamp(49px,9vw,110px);letter-spacing:-.08em}
.game-info{display:flex;justify-content:space-between;align-items:center;flex:1;gap:6px;padding:12px}
.game-info h3{font-size:clamp(1rem,2vw,1.6rem);line-height:1.05;margin-top:6px;letter-spacing:-.045em}
.game-info p{color:var(--muted);font-size:.56rem}
.game-info .round{width:32px;height:32px}

.studio-layout .scene-copy{max-width:min(100%,75ch)}
.studio h2{font-size:clamp(67px,9vw,155px)}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;border-block:1px solid var(--line);background:#11172a85}
.stat-grid>div{display:flex;flex-direction:column-reverse;gap:6px;padding:13px 12px;border-right:1px solid var(--line)}
.stat-grid>div:last-child{border-right:0}
.stat-grid dd{font-weight:700;font-size:clamp(33px,4.7vw,70px);line-height:.92;letter-spacing:-.095em}
.stat-grid dt{font:600 .63rem/1.4 var(--mono);color:var(--muted);text-transform:uppercase}
.stat-suffix{color:var(--pop)}
.capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}
.capabilities article,.service{background:#0d1025a8;border-top:1px solid var(--line);padding:12px}
.capabilities h3,.service h3,.member h3,.news-list h3{font-size:clamp(1.12rem,2.25vw,2.3rem);line-height:1;letter-spacing:-.055em;margin:9px 0 7px}
.capabilities article p,.service p,.member p,.news-list article>p:last-child{color:var(--muted);font-size:.88rem}
.capabilities .kicker,.service>span,.news-list .kicker,.player-tag{color:#ffb89c}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:27px;max-width:900px}
.service{padding:clamp(14px,2.8vw,34px);border:1px solid var(--line);border-radius:9px;background:#0c1024d9}

.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:1050px;margin-top:29px;perspective:900px}
.member{background:#11152be8;border:1px solid var(--line);border-radius:10px;overflow:hidden;transform-origin:center bottom}
.portrait{aspect-ratio:1.6;overflow:hidden}
.portrait img{width:100%;height:100%;object-position:50% 25%}
.monogram{display:grid;place-items:center;background:radial-gradient(circle at 45% 20%,#6645a5,#26214f);font-weight:700;font-size:clamp(57px,9vw,157px);letter-spacing:-.11em}
.member:last-child .monogram{background:radial-gradient(circle at 45% 24%,#7d473f,#311e45)}
.member-text{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:12px}
.member h3{margin:3px 0}
.player-tag{font-size:.54rem}
.news-list{background:#0b1025c9;border-top:1px solid var(--line)}
.news-list article{border-bottom:1px solid var(--line);padding:17px 16px}
.news-list h3{font-size:clamp(1.27rem,2.45vw,2.55rem)}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}
.tags li{padding:5px 9px;border:1px solid #fff7;border-radius:23px;font-size:.73rem;background:#131329b8}
.contact-layout{grid-template-columns:1fr .8fr}
.contact h2{font-size:clamp(52px,7.5vw,143px)}
.contact-details{margin-top:24px;max-width:37ch}
.contact-details div{display:grid;grid-template-columns:66px 1fr;gap:6px;padding:8px 0;border-top:1px solid var(--line)}
.contact-details dd{overflow-wrap:anywhere}
.contact-details a{text-decoration:underline;text-underline-offset:4px}
.contact-form{padding:clamp(15px,3vw,40px);border:1px solid var(--line);background:#0d1027de;border-radius:12px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.contact-form label{display:grid;gap:3px;font-size:.81rem;font-weight:700;margin-bottom:10px;min-width:0}
.contact-form :is(input,select,textarea){min-width:0;width:100%;border:1px solid #e7e8ff55;background:#0b1022;border-radius:6px;padding:8px}
.contact-form textarea{resize:vertical}
.form-note{font-size:.78rem;color:var(--muted);margin-bottom:10px}
.site-footer{position:absolute;inset:auto var(--gutter) 0;display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid var(--line);font-size:.58rem;color:#dddff5}

.motion-enabled .home h1>span:first-child{translate:calc(var(--scroll,0) * -19%) 0}
.motion-enabled .home h1>span:nth-child(2){translate:calc(var(--scroll,0) * 14%) 0}
.motion-enabled .release-frame{rotate:calc(-7deg + var(--scroll,0) * 17deg);translate:0 calc(var(--scroll,0) * -19%);scale:calc(1 + var(--scroll,0) * .14)}
.motion-enabled .phone-one{translate:calc(var(--scroll,0) * -30%) calc(var(--scroll,0) * 37%);rotate:calc(-15deg + var(--scroll,0) * -15deg)}
.motion-enabled .phone-two{translate:calc(var(--scroll,0) * 31%) calc(var(--scroll,0) * -38%);rotate:calc(13deg + var(--scroll,0) * 13deg)}
.motion-enabled .member:first-child{rotate:calc(var(--scroll,0) * 10deg);translate:0 calc(var(--scroll,0) * -11%)}
.motion-enabled .member:last-child{rotate:calc(var(--scroll,0) * -10deg);translate:0 calc(var(--scroll,0) * 11%)}
.motion-enabled .team-grid:focus-within .member{rotate:none;translate:none}
.motion-enabled .news-list article:nth-child(odd){translate:calc(var(--scroll,0) * 4%) 0}
.motion-enabled .news-list article:nth-child(even){translate:calc(var(--scroll,0) * -4%) 0}
html.motion-paused{scroll-behavior:auto}
.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation:none!important;transition:none!important}
@media(max-width:900px){
  :root{--gutter:clamp(18px,5vw,42px)}
  .site-header{grid-template-columns:1fr auto auto;gap:8px}
  .site-header nav{position:absolute;top:100%;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);padding:12px var(--gutter);background:#0d1027;border-bottom:1px solid var(--line)}
  .site-header nav a{min-height:42px;display:flex;align-items:center;gap:5px}
  .site-header .menu-toggle:not([hidden])[aria-expanded=false] + nav{display:none}
  .brand img{width:37px;height:auto}
  .brand span{font-size:.6rem;letter-spacing:0}
  h1{font-size:clamp(90px,16vw,160px)}
  h2{font-size:clamp(56px,10vw,112px)}
  .screen-index{right:7px}
  .site-header:has(.menu-toggle[hidden]){position:relative;grid-template-columns:1fr}
  .site-header:has(.menu-toggle[hidden]) nav{position:static;padding:6px 0;background:none;border:0}
}
@media(max-width:690px){
  .split,.contact-layout{grid-template-columns:1fr;gap:24px}
  .scene-inner{padding-block:96px 66px}
  .home-layout{padding-top:clamp(160px,32vh,320px);padding-bottom:106px}
  .home-coordinate,.screen-index,.motion-enabled .screen-index{display:none}
  .home-deck{flex-direction:column;align-items:start;gap:12px;margin-top:23px}
  .home-deck p{max-width:30ch}
  .home .scene-cue{bottom:26px}
  .release h2,.studio h2,.contact h2{font-size:clamp(52px,11vw,85px)}
  .release-art{aspect-ratio:1.43}
  .catalog-head{align-items:start;flex-direction:column;margin-bottom:18px}
  .capabilities{grid-template-columns:repeat(2,1fr)}
  .stat-grid dt{font-size:.55rem}
  .team-grid{gap:8px}
  .portrait{aspect-ratio:1}
  .member-text{padding:8px;flex-wrap:wrap}
  .member h3{font-size:1rem}
  .member p{font-size:.72rem}
  .member .round{width:30px;height:30px}
  .site-footer{font-size:.51rem}
}
@media(max-width:370px){
  .brand span{display:none}
  h1{font-size:clamp(71px,21vw,92px)}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .service-grid{grid-template-columns:1fr}
}
@media(max-height:610px) and (min-width:691px){
  .home-layout{padding-block:89px}
  h1{font-size:clamp(77px,19vh,125px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

body.has-world{isolation:isolate}

/* A different colour and collectible illustration for each full-screen world. */
:root{--ink:#180e35;--paper:#fff9ff;--muted:#eee7ff;--pop:#ffc75b;--line:#fff8}
body{background:var(--ink)}
.site-header{background:linear-gradient(#180e35f5,#180e35ba 62%,#180e3500)}
.site-header nav a{position:relative;font-weight:700}
.site-header nav a::after{
  content:"";position:absolute;inset:auto 0 -4px;height:2px;background:#ffc75b;transform:scaleX(0);transform-origin:left;
}
.site-header nav a:is(:hover,:focus-visible,[aria-current])::after{transform:scaleX(1)}
.scene{
  --pop:#ffc75b;--accent-2:#ff83cb;--glass:#24124aca;--fallback:#38248c;
  background:radial-gradient(ellipse at 81% 29%,var(--fallback),transparent 76%),#1b103b;
}
.release{--pop:#ffb36c;--accent-2:#ff76bc;--glass:#422050df;--fallback:#bd408c}
.catalog{--pop:#dcff87;--accent-2:#b990ff;--glass:#281651dd;--fallback:#6242bb}
.studio{--pop:#ffd387;--accent-2:#ffa8cc;--glass:#582238df;--fallback:#cb6535}
.publishing{--pop:#daff87;--accent-2:#fca5ff;--glass:#3c2358eb;--fallback:#8335b1}
.people{--pop:#ffc4e6;--accent-2:#ffa869;--glass:#452258e6;--fallback:#a63b9a}
.newsroom{--pop:#ffc996;--accent-2:#fd86cc;--glass:#4d1e55e8;--fallback:#c44788}
.careers{--pop:#ffd68e;--accent-2:#88fbe2;--glass:#154f63;--fallback:#10847f}
.contact{--pop:#ffd1a9;--accent-2:#dcb3ff;--glass:#35246ae6;--fallback:#6145c1}
.scene-inner{position:relative;isolation:isolate}
.eyebrow{color:var(--accent-2)}
.eyebrow i{box-shadow:0 0 16px var(--pop)}
.accent{text-shadow:0 0 30px #ffc75b30}
.home h1{font-size:clamp(118px,13vw,248px);text-shadow:0 14px 38px #251245a0}
.home-deck{max-width:580px}
.home-coordinate{display:none}
.scene-image{
  margin:0;position:absolute;z-index:0;right:var(--gutter);top:50%;translate:0 -50%;
  width:clamp(225px,35vw,565px);aspect-ratio:1;isolation:isolate;border-radius:27px;
  border:1px solid #ffeefcb3;box-shadow:0 22px 66px #1b0b4880;
}
.scene-image img{width:100%;height:100%;border-radius:inherit}
.scene-image::after{
  content:"";position:absolute;inset:9px;border:1px solid #fff8;border-radius:19px;pointer-events:none;
}
.scene-image figcaption{
  position:absolute;z-index:2;bottom:19px;left:19px;right:19px;color:#fff8ec;
  font:700 .62rem/1.25 var(--mono);letter-spacing:.12em;text-shadow:0 2px 7px #170e38;
}
.hero-image{right:calc(var(--gutter) + 2vw);width:clamp(275px,39vw,655px);rotate:8deg}
.home-sticker{
  position:absolute;z-index:1;display:grid;place-items:center;width:clamp(48px,8vw,116px);aspect-ratio:1;border-radius:50%;
  font-size:clamp(32px,5vw,78px);line-height:1;color:#331649;box-shadow:0 12px 27px #1b0c4f54;
}
.sticker-one{right:calc(var(--gutter) - 1vw);top:21%;background:#ff9bd8;rotate:12deg}
.sticker-two{right:calc(var(--gutter) + 37vw);bottom:12%;background:#dbfb92;rotate:-16deg}
.studio-image{top:35%;width:clamp(200px,29vw,466px);rotate:7deg}
.publishing-image{top:38%;width:clamp(200px,30vw,483px);rotate:-7deg}
.publishing .service-grid{position:relative;z-index:2;max-width:min(900px,80%)}
.careers-image{rotate:8deg}
.careers .scene-copy{max-width:58%}
.contact-image{position:relative;right:auto;top:auto;translate:none;margin-top:22px;width:clamp(88px,13vw,180px);border-radius:12px;rotate:-8deg}
.contact-image::after{inset:4px;border-radius:8px}
.release-art .release-frame{border:3px solid #ffd0bf}
.release-phone{border-color:#ffcfb8}
.game-card a,.stat-grid,.capabilities article,.service,.member,.news-list,.contact-form{background:var(--glass)}
.game-visual{background:radial-gradient(ellipse at 48% 32%,#f4baff8a,transparent 82%),var(--card-color)}
.game-card:nth-child(4n+1){--frame:#ff9dcc}
.game-card:nth-child(4n+2){--frame:#a6edfa}
.game-card:nth-child(4n+3){--frame:#e6ff94}
.game-card:nth-child(4n){--frame:#ffcc90}
.game-card a{border-top:3px solid var(--frame)}
.game-card a:is(:hover,:focus-visible){border-color:var(--frame)}
.capabilities article,.service,.member{border-top:2px solid var(--accent-2)}
.capability-icon{
  display:inline-grid;place-items:center;margin:0 8px 5px 0;width:29px;height:29px;border-radius:8px;
  background:var(--pop);color:#371e54;font-weight:700;vertical-align:middle;
}
.monogram{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#a245ba,#5c37b1)}
.member:last-child .monogram{background:linear-gradient(135deg,#d65886,#943e6e)}
.monogram::before,.monogram::after{content:"";position:absolute;z-index:-1;border:1px solid #fce3ffb0;border-radius:50%;inset:6% 13%;rotate:-28deg}
.monogram::after{inset:17% 4%;rotate:28deg;border-style:dashed}
.news-list{border-radius:12px;overflow:hidden}
.news-list article{display:grid;grid-template-columns:clamp(55px,9vw,137px) 1fr;align-items:center;gap:clamp(8px,2vw,22px)}
.news-image{width:100%;height:auto;aspect-ratio:1.08;border:1px solid #ffd3eb82;border-radius:10px}
.news-list article>div>p:last-child{color:var(--muted);font-size:.88rem}
.news-list h3{font-size:clamp(1rem,2.3vw,2.12rem)}
.contact-form :is(input,select,textarea){background:#251942}
.draft-status{font-size:.78rem;color:var(--pop);margin-top:8px}
.draft-status:empty{display:none}

/* All effects share the existing Pause Motion and system preference gate. */
.motion-enabled :is(.button,.round,.text-link,.scene-cue,.motion-toggle,.menu-toggle,.brand,.tags li,.contact-details div,.contact-form label,.game-info,.capabilities article,.service,.member,.news-list article,.art-label,.site-footer a){
  transition:transform .29s cubic-bezier(.22,1,.36,1),background-color .24s,border-color .24s,color .24s,box-shadow .24s;
}
.motion-enabled .site-header nav a::after{transition:transform .25s ease}
.motion-enabled .site-header nav a:is(:hover,:focus-visible){translate:0 -2px;transition:translate .22s ease}
.motion-enabled :is(.button,.round,.text-link,.scene-cue,.motion-toggle,.menu-toggle,.brand,.tags li,.site-footer a):is(:hover,:focus-visible){transform:translateY(-3px)}
.motion-enabled :is(.button,.round,.motion-toggle,.menu-toggle):active{transform:translateY(1px) scale(.96)}
.motion-enabled :is(.button,.text-link,.scene-cue)>span{transition:translate .23s,rotate .23s}
.motion-enabled :is(.button,.text-link,.scene-cue):is(:hover,:focus-visible)>span{translate:3px -2px;rotate:-7deg}
.motion-enabled .brand img{transition:rotate .22s,scale .22s}
.motion-enabled .brand:is(:hover,:focus-visible) img{rotate:-8deg;scale:1.08}
.motion-enabled .game-card a:hover .game-info{background:#ffffff1c}
.motion-enabled .game-visual img,.motion-enabled .portrait img,.motion-enabled .monogram span,.motion-enabled .news-image{transition:transform .45s cubic-bezier(.22,1,.36,1)}
.motion-enabled .game-card a:is(:hover,:focus-visible) img,.motion-enabled .member:is(:hover,:focus-within) .portrait img,
.motion-enabled .member:hover .monogram span,.motion-enabled .news-list article:hover .news-image{transform:scale(1.09) rotate(-3deg)}
.motion-enabled :is(.capabilities article,.service,.member,.news-list article):hover{transform:translateY(-4px);box-shadow:0 13px 29px #160c4558}
.motion-enabled .capability-icon{transition:transform .3s}
.motion-enabled .capabilities article:hover .capability-icon{transform:rotate(-16deg) scale(1.13)}
.motion-enabled .contact-details div:hover{transform:translateX(4px)}
.motion-enabled .contact-form label:focus-within{color:var(--pop);transform:translateY(-2px)}
.motion-enabled .contact-form :is(input,textarea,select){transition:border-color .2s,box-shadow .2s}
.motion-enabled .contact-form :is(input,textarea,select):focus{border-color:var(--pop);box-shadow:0 0 0 3px #ffc75b2b}
.motion-enabled .draft-status:not(:empty){animation:feature-arrive .48s both}
.motion-enabled .scene-image{rotate:calc(var(--art-tilt,8deg) + var(--scroll,0) * 15deg)}
.motion-enabled :is(.hero-image,.studio-image,.publishing-image,.careers-image){
  translate:calc(var(--scroll,0) * 7%) calc(-50% + var(--scroll,0) * -16%);
  scale:calc(1 + var(--scroll,0) * .07);
}
.publishing-image,.contact-image{--art-tilt:-8deg}
.motion-enabled .contact-image{translate:calc(var(--scroll,0) * 12%) calc(var(--scroll,0) * -13%)}
.motion-enabled .home-sticker{translate:0 calc(var(--scroll,0) * -36%);rotate:calc(var(--scroll,0) * 55deg)}
.motion-enabled .scene-image img{animation:art-breathe 5.5s ease-in-out infinite alternate;animation-play-state:paused}
.motion-enabled .scene-image.in-view img{animation-play-state:running}
.motion-enabled .feature-motion.in-view{animation:feature-arrive .7s cubic-bezier(.22,1,.36,1) var(--feature-delay,0ms) both}
.motion-enabled .scene-image.in-view{animation:art-arrive .9s cubic-bezier(.22,1,.36,1) both}
.motion-enabled .feature-motion:is(:hover,:focus-within){animation-fill-mode:none}
@keyframes feature-arrive{from{opacity:.80;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
@keyframes art-arrive{from{opacity:.70;filter:saturate(.8);scale:.92}to{opacity:1;filter:none}}
@keyframes art-breathe{from{transform:scale(1)}to{transform:scale(1.027)}}
@media(max-width:900px){
  .home h1{font-size:clamp(88px,15vw,155px)}
  .site-header nav{background:#281653}
  .motion-enabled .menu-toggle[aria-expanded=true]+nav{animation:menu-open .26s cubic-bezier(.22,1,.36,1) both}
  @keyframes menu-open{from{opacity:.4;translate:0 -9px}to{opacity:1;translate:none}}
}
@media(max-width:690px){
  .home-layout{padding-top:clamp(300px,46vh,420px)}
  .hero-image{top:98px;right:var(--gutter);width:min(57vw,315px);translate:none;rotate:9deg}
  .motion-enabled .hero-image{translate:calc(var(--scroll,0) * 8%) calc(var(--scroll,0) * -17%)}
  .sticker-one{top:15%;right:var(--gutter)}
  .sticker-two{top:32%;bottom:auto;right:55%}
  .scene-image figcaption{font-size:.5rem;bottom:14px;left:13px}
  .studio-image,.publishing-image,.careers-image{
    position:relative;top:auto;right:auto;width:min(70%,315px);margin:22px 7% 27px auto;translate:none;
  }
  .motion-enabled :is(.studio-image,.publishing-image,.careers-image){translate:calc(var(--scroll,0) * 7%) calc(var(--scroll,0) * -8%)}
  .publishing .service-grid{max-width:none;margin-top:7px}
  .careers .scene-copy{max-width:100%}
  .contact-image{margin-bottom:8px}
}
@media(max-width:370px){.home h1{font-size:clamp(69px,21vw,87px)}}
.motion-paused .scene-image img{animation:none}

.orbit-scene{display:block;background:#231445!important}
.orbit-scene iframe{display:block;width:100%;height:100svh;border:0;background:#231445}