/* Approved Darukai family: original artwork, lossless sources and logo-only controls. */
.u-brand-studios{--brand-rgb:150,183,225;--brand-accent:#c8dcf7;--brand-base:#090c10}
.u-brand-comics{--brand-rgb:222,50,63;--brand-accent:#f3adb4;--brand-base:#150b0f}
.u-brand-store{--brand-rgb:190,199,216;--brand-accent:#dee5f2;--brand-base:#111318}
.u-brand-games{--brand-rgb:83,142,233;--brand-accent:#b5d0fa;--brand-base:#0a101b}
.u-universe-hubs{max-width:1060px;margin:65px auto 0}
.u-hubs-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:26px}
.u-hubs-heading .u-kicker{font:650 9px/1.6 var(--body);letter-spacing:.2em;color:#99a2af;margin-bottom:11px}
.u-hubs-heading h2{font:650 clamp(28px,3vw,39px)/1.15 var(--body);letter-spacing:-.045em;margin:0;color:#f3f4f7}
.u-hubs-heading>p{font:450 11px/1.7 var(--body);color:#929ba9;margin:0 0 2px;text-align:right}
.u-brand-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.u-brand-tile{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;min-width:0;aspect-ratio:2/1;padding:12px;border:1px solid #a7b6ca66;border-radius:16px;background:linear-gradient(155deg,#171b20,#080a0e 45%,#08090c);box-shadow:inset 0 1px 0 #fff4,inset 0 -1px 0 #fff1,0 10px 24px #0005;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}
.u-brand-studios{background-color:#07090c}
.u-brand-tile:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 3px #0005;transition:box-shadow .3s}
.u-tile-logo{display:block;width:100%;height:auto;max-height:100%;overflow:hidden;mix-blend-mode:screen}
.u-brand-store .u-tile-logo{width:94%}
.u-approved-lockup image{image-rendering:auto}
@media(hover:hover){.u-brand-tile:hover{transform:translateY(-5px);border-color:var(--brand-accent);box-shadow:inset 0 1px 0 #fff6,0 17px 32px #0008,0 0 20px rgba(var(--brand-rgb),.15)}.u-brand-tile:hover:after{box-shadow:inset 0 0 0 3px #ffffff0b}}
.u-brand-tile:focus-visible{outline:3px solid var(--brand-accent);outline-offset:5px}
.u-brand-tile:active{transform:translateY(-1px)}
@media(max-width:1000px){.u-brand-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.u-brand-tile{aspect-ratio:2.7/1;padding:20px}}
@media(max-width:600px){.u-brand-tiles{gap:12px}.u-brand-tile{aspect-ratio:1.85/1;padding:10px 8px;border-radius:12px}}
/* Every launch page has a real destination and unmistakable availability. */
.u-launch-page{max-width:1240px;margin:0 auto;color:#eff1f6}
.u-launch-breadcrumb{display:flex;align-items:center;gap:14px;margin:0 0 20px;font:500 11px/1.5 var(--body);color:#8a95a6}
.u-launch-breadcrumb>a{display:flex;align-items:center;gap:8px;color:#c1cad8;min-height:30px}
.u-launch-breadcrumb>a:hover{color:#fff}
.u-launch-breadcrumb .u-arrow-icon{width:12px;height:12px}
.u-launch-hero{position:relative;isolation:isolate;overflow:hidden;min-height:625px;display:flex;align-items:center;border:1px solid #ffffff27;border-radius:25px;background:var(--brand-base);box-shadow:inset 0 1px 0 #ffffff20,0 25px 65px #0004}
.u-launch-art{position:absolute;inset:0;z-index:-4;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015)}
.u-launch-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#05080df5 0%,#06090de8 25%,#06090db5 44%,#06090d23 70%,#06090d03),linear-gradient(0deg,#04060bea 0%,#04060b00 25%,#04060b00 75%,#04060b33)}
.u-launch-hero:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff29,inset 0 0 40px #0002}
.u-launch-copy{position:relative;z-index:1;padding:48px 0 80px 55px;width:55%;max-width:640px}
.u-launch-logo{display:block;width:390px;max-width:94%;height:auto;max-height:145px;mix-blend-mode:screen;object-fit:contain;object-position:left center;margin-bottom:23px;filter:none}
.u-launch-status{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(var(--brand-rgb),.45);border-radius:4px;font:750 10px/1.4 var(--body);letter-spacing:.19em;color:var(--brand-accent);background:rgba(var(--brand-rgb),.08);margin-bottom:20px}
.u-launch-status>span{width:5px;height:5px;border-radius:50%;background:var(--brand-accent);box-shadow:0 0 12px rgba(var(--brand-rgb),.65)}
.u-launch-copy h1{font:650 clamp(43px,5.4vw,70px)/1.02 var(--body);letter-spacing:-.055em;margin:0 0 23px;color:#f7f7f8;text-wrap:balance}
.u-launch-copy>p{font:450 13px/1.9 var(--body);color:#b7bfcc;margin:0;max-width:38ch}
.u-launch-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:29px}
.u-launch-button{display:inline-flex;align-items:center;justify-content:center;gap:19px;background:#edf0f5;color:#111721;padding:13px 17px;border:1px solid #fff9;border-radius:7px;font:700 11px/1.5 var(--body);min-height:46px;box-shadow:0 2px 0 #ffffff3a inset,0 7px 20px #0004;transition:transform .25s,background .25s}
.u-launch-button:hover{background:#fff;transform:translateY(-3px)}
.u-launch-button .u-arrow-icon{width:14px;height:14px}
.u-launch-return{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#d1d8e2;font:550 10px/1.5 var(--body)}
.u-launch-return:hover{color:#fff}
.u-launch-return .u-arrow-icon{width:13px;height:13px}
.u-launch-foot{position:absolute;left:55px;right:35px;bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:18px;border-top:1px solid #ffffff25;font:500 8px/1.6 var(--body);letter-spacing:.17em;color:#a9b3c2}
.u-launch-foot>span:last-child{font-size:7px;color:#8792a5}
.u-launch-story{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:65px 20px 60px}
.u-launch-story .u-kicker{font:650 8px/1.7 var(--body);letter-spacing:.19em;color:var(--brand-accent);margin-bottom:15px}
.u-launch-story h2{font:550 clamp(29px,3.3vw,43px)/1.13 var(--body);letter-spacing:-.045em;margin:0;color:#e5e9f0}
.u-launch-story p{font:400 13px/1.95 var(--body);color:#a9b3c4;max-width:46ch;margin:0 0 22px}
.u-launch-topics{display:flex;flex-wrap:wrap;gap:9px 16px}
.u-launch-topics>span{font:500 9px/1.5 var(--body);color:#c1cbd9;display:flex;align-items:center;gap:8px}
.u-launch-topics>span:before{content:"";height:3px;width:3px;background:var(--brand-accent);border-radius:50%}
.u-launch-next{padding-top:30px;border-top:1px solid #ffffff16;margin-bottom:55px}
.u-launch-next-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:20px}
.u-launch-next-heading .u-kicker{font:650 8px/1.5 var(--body);letter-spacing:.2em;color:#8c98a9}
.u-launch-next-heading h2{font:500 19px/1.4 var(--body);letter-spacing:-.03em;margin:0}
.u-launch-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.u-launch-next-card{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:210px;padding:32px;border:1px solid #ffffff20;border-radius:16px;background:#111925;transition:border-color .25s,transform .25s}
.u-launch-next-card>img{position:absolute;z-index:-3;inset:0 0 0 auto;width:58%;height:100%;object-fit:cover;object-position:50% 45%;opacity:.75;transition:transform .6s}
.u-launch-next-card:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#101721,#101721ed 30%,#10172140)}
.u-launch-next-card>div:not(.u-next-news-art){position:relative;z-index:1}
.u-launch-next-card>div>span:first-child{display:block;font:600 7px/1.6 var(--body);letter-spacing:.15em;color:#aab8cb;margin-bottom:15px}
.u-launch-next-card h3{font:550 25px/1.13 var(--body);letter-spacing:-.04em;margin:0 0 20px;color:#edf2f8}
.u-next-link{display:flex;align-items:center;gap:10px;font:600 10px/1.5 var(--body);color:#d6dfec}
.u-next-link .u-arrow-icon{width:13px;height:13px}
.u-launch-next-card:hover{transform:translateY(-4px);border-color:#ffffff60}
.u-launch-next-card:hover>img{transform:scale(1.07)}
.u-launch-news{background:radial-gradient(ellipse at 100% 40%,#53263155,transparent 70%),#111622}
.u-next-news-art{position:absolute;right:7%;top:50%;transform:translateY(-50%) rotate(-8deg);width:155px;text-align:center;opacity:.28;z-index:-1}
.u-next-news-art>svg{display:block;width:100%;mix-blend-mode:screen}
.u-next-news-art>span{font:800 29px/1.4 var(--body);letter-spacing:.11em;color:#bdbbca}
/* Studios keeps its approved logo and available work, with a stronger stage. */
body[data-page=studios] .u-studio-hero{min-height:590px;border-radius:25px;border-color:#ffffff29;padding:60px;background:#0c121c;box-shadow:0 25px 65px #0004}
body[data-page=studios] .u-studio-hero-bg{width:74%;object-position:center 40%;opacity:.9}
body[data-page=studios] .u-studio-hero:before{background:linear-gradient(90deg,#080d16 4%,#080d16ed 30%,#080d1685 60%,#080d1600),linear-gradient(0deg,#080d1677,transparent 55%)}
body[data-page=studios] .u-studio-hero>div{max-width:600px;width:56%}
body[data-page=studios] .u-studio-hero .u-kicker{font:600 9px/1.5 var(--body);letter-spacing:.2em;color:#9caac0}
body[data-page=studios] .u-studio-hero .u-studio-logo{width:290px;margin:28px 0 35px}
body[data-page=studios] .u-studio-hero h1{font:650 clamp(46px,5.3vw,70px)/1.02 var(--body);letter-spacing:-.055em;margin:0 0 24px}
body[data-page=studios] .u-studio-hero h1 em{color:#bacde3}
body[data-page=studios] .u-studio-hero p{font:450 13px/1.9 var(--body);color:#aebacc}
body[data-page=studios] .u-studio-hero .u-button{background:#eef2f8;border-color:#fff6;color:#121821;font-size:11px;border-radius:7px}
body[data-page=studios] .u-process .u-section-heading h2,body[data-page=studios] .u-bts .u-section-heading h2{font:550 clamp(28px,3vw,40px)/1.15 var(--body);letter-spacing:-.04em}
body[data-page=studios] .u-process-frame>img{aspect-ratio:16/9;object-fit:cover}
@media(max-width:1000px){
 .u-launch-hero{min-height:590px}.u-launch-copy{padding-left:36px;width:64%}.u-launch-copy h1{font-size:54px}.u-launch-logo{width:270px}.u-launch-foot{left:36px}.u-launch-story{gap:35px}.u-launch-next-card{padding:25px}.u-launch-next-card h3{font-size:23px}
 body[data-page=studios] .u-studio-hero{padding:40px;min-height:550px}body[data-page=studios] .u-studio-hero>div{width:70%;max-width:600px}
}
@media(max-width:600px){
 .u-universe-hubs{margin-top:42px}.u-hubs-heading{margin-bottom:21px}.u-hubs-heading .u-kicker{font-size:7px;letter-spacing:.15em;margin-bottom:9px}.u-hubs-heading h2{font-size:28px}.u-hubs-heading>p{display:none}
 /* Let the artwork, copy and footer size themselves instead of overlapping. */
 .u-launch-breadcrumb{font-size:10px;margin:0 0 14px;gap:10px}
 .u-launch-hero{display:block;min-height:0;border-radius:18px}
 .u-launch-art{position:relative;inset:auto;z-index:auto;display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:70% center;transform:none;opacity:1}
 .u-launch-shade{display:none}
 .u-launch-copy{padding:26px 22px 22px;width:100%;max-width:none;min-width:0}
 .u-launch-logo{width:260px;max-width:100%;height:auto;max-height:none;margin-bottom:22px}
 .u-launch-status{font-size:9px;padding:7px 10px;margin-bottom:18px}
 .u-launch-copy h1{font-size:clamp(32px,9.8vw,44px);line-height:1.07;margin-bottom:17px;overflow-wrap:break-word}
 .u-launch-copy>p{font-size:12px;line-height:1.85;max-width:none}
 .u-launch-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin-top:22px}
 .u-launch-button{font-size:11px;padding:12px 14px;min-height:46px;gap:14px}
 .u-launch-return{justify-content:center;font-size:10px;min-height:44px;gap:8px}
 .u-launch-foot{position:static;margin:0 22px 20px;padding-top:15px;display:grid;gap:6px;font-size:7px;letter-spacing:.1em}
 .u-launch-foot>span:last-child{font-size:6px;letter-spacing:.12em;color:#788496}
 .u-launch-story{grid-template-columns:1fr;gap:23px;padding:40px 4px}.u-launch-story h2{font-size:34px}.u-launch-story .u-kicker{font-size:7px;margin-bottom:12px}.u-launch-story p{font-size:12px;line-height:1.9;margin-bottom:20px}.u-launch-topics{gap:9px 14px}.u-launch-topics>span{font-size:8px}
 .u-launch-next{margin-bottom:35px;padding-top:25px}.u-launch-next-heading{display:block;margin-bottom:18px}.u-launch-next-heading .u-kicker{font-size:7px;margin-bottom:8px}.u-launch-next-heading h2{font-size:21px}.u-launch-next-grid{grid-template-columns:1fr;gap:13px}.u-launch-next-card{min-height:195px;padding:26px 22px;border-radius:14px}.u-launch-next-card h3{font-size:25px}.u-next-news-art{width:130px;right:8%}
 body[data-page=studios] .u-studio-hero{padding:260px 24px 35px;min-height:610px;border-radius:18px}body[data-page=studios] .u-studio-hero-bg{width:100%;height:70%;object-position:50% 28%}body[data-page=studios] .u-studio-hero:before{background:linear-gradient(0deg,#080d16 2%,#080d16fa 34%,#080d1666 72%,#080d1610)}body[data-page=studios] .u-studio-hero>div{width:100%;max-width:none}body[data-page=studios] .u-studio-hero .u-studio-logo{width:240px;max-width:100%;margin:20px 0 24px}body[data-page=studios] .u-studio-hero h1{font-size:47px}body[data-page=studios] .u-studio-hero .u-kicker{font-size:7px}body[data-page=studios] .u-studio-hero p{font-size:12px}
}
@media(max-width:365px){.u-launch-copy{padding-left:18px;padding-right:18px}.u-launch-foot{margin-left:18px;margin-right:18px}}
@media(prefers-reduced-motion:reduce){.u-brand-tile,.u-tile-logo,.u-launch-button,.u-launch-next-card,.u-launch-next-card>img{transition:none}.u-brand-tile:after{animation:none!important}}