.homepage{--ink:#131326;--cream:#fff9e9;color:var(--ink);background:var(--cream);overflow:hidden}.homepage h1,.homepage h2,.homepage h3,.homepage .button,.comic-callout,.ticker{font-family:var(--font-display)}.homepage h2{font-size:clamp(25px,3.1vw,43px);line-height:1.18;letter-spacing:-1px}.homepage .eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700}.homepage .section-pad{padding:72px max(24px,calc((100vw - 1240px)/2));scroll-margin-top:90px}.homepage .hero{color:#fff;background:#211646;background-image:radial-gradient(circle,#ffffff10 1px,transparent 1.5px);background-size:9px 9px;border-bottom:4px solid var(--ink)}.hero-inner{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;min-height:610px;position:relative}.hero-copy{padding:28px 24px 35px 100px;z-index:2;align-self:center}.studio-credit{color:#cebcf5}.game-logo{width:440px;max-width:100%;height:auto;margin:8px 0 15px;filter:drop-shadow(0 10px 24px #0b052e)}.homepage h1{font-size:clamp(21px,2.25vw,32px);line-height:1.25}.homepage h1 span{color:#ffdb56}.hero-intro{font-size:18px;margin:15px 0 21px;line-height:1.45;color:#eee6ff}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.homepage .button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 19px;font-size:12px;line-height:1.3;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .16s,box-shadow .16s}.homepage .button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.homepage .yellow{color:var(--ink);background:#ffdb56}.homepage .outline{color:#fff;border-color:#a796c8;background:#35275a;box-shadow:4px 4px #0d0b22}.availability{font-size:12px;margin-top:23px;display:flex;gap:9px;align-items:center;color:#e1d8ef}.status-dot{display:inline-block;width:7px;height:7px;background:#a9ef79;border-radius:50%;flex:none}.divider{padding:0 4px;color:#9985b8}.hero-art{position:relative;min-width:0;overflow:hidden;transform:skew(-5deg);margin-right:-40px;border-left:5px solid var(--ink)}.hero-art img{position:absolute;width:115%;max-width:none;height:100%;object-fit:cover;object-position:center 46%;transform:skew(5deg) translate(-4%)}.comic-callout{position:absolute;left:45%;top:39%;width:clamp(150px,16.3vw,235px);aspect-ratio:5/3;color:var(--ink);transform:skew(5deg) rotate(-9deg);filter:drop-shadow(3px 5px 0 #fff9e9) drop-shadow(2px 2px 0 #131326)}.comic-callout svg{position:absolute;inset:0;width:100%;height:100%}.comic-callout>span{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:clamp(14px,1.53vw,22px);line-height:1.05;font-style:italic;letter-spacing:-.7px;padding-bottom:3px;transform:rotate(2deg)}.comic-callout strong{font-size:clamp(20px,2.22vw,32px);font-weight:inherit;line-height:1.05}.art-caption{position:absolute;bottom:15px;right:65px;font-size:10px;background:#131326cf;color:#fff;padding:4px 8px;transform:skew(5deg)}.ticker{display:flex;justify-content:space-around;gap:32px;white-space:nowrap;padding:13px 24px;background:#b6f37c;border-bottom:3px solid var(--ink);font-size:13px;letter-spacing:1px}.ticker b{font-size:17px}.homepage .section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.homepage .section-heading .eyebrow{margin-bottom:10px;color:#64418b}.homepage .section-heading>p{font-size:14px;line-height:1.55;flex-shrink:0}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mode-card{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--mode-color);min-width:0;scroll-margin-top:90px}.mode-image{height:226px;position:relative;overflow:hidden;border-bottom:3px solid var(--ink)}.mode-image img{width:100%;height:100%;object-fit:cover}.mode-image>span{position:absolute;bottom:8px;left:8px;background:#131326de;color:#fff;padding:3px 6px;font-size:9px}.mode-number{position:absolute;right:10px;top:9px;background:var(--mode-color);border:2px solid var(--ink);padding:3px 9px;font-family:var(--font-display);font-size:20px;transform:rotate(5deg)}.mode-copy{padding:24px 22px 20px}.mode-copy .eyebrow{font-size:9px;letter-spacing:1px}.mode-copy h3{font-size:23px;line-height:1.2;margin:10px 0 15px}.mode-description{font-size:15px;line-height:1.6;min-height:120px}.beta-label{display:flex;align-items:center;gap:8px;padding-top:17px;margin-top:14px;border-top:1px solid #13132640;font-size:12px;font-weight:700}.beta-label .status-dot{background:var(--ink)}.mode-note{text-align:center;font-size:12px;color:#5a5264;margin-top:29px}.homepage .characters{background:#171329;color:#fff;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:25px;align-items:center;border-block:4px solid var(--ink)}.character-intro{padding-right:18px}.character-intro .eyebrow{color:#b7ee82;margin-bottom:18px}.character-intro h2{font-size:32px}.character-intro h2 span{color:#c5acee}.character-intro>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#d4cbe3;margin:21px 0}.homepage .text-link{display:inline-block;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:6px;line-height:1.6}.character-intro .art-note{font-size:10px!important;margin-bottom:0!important;color:#afa4c0!important}.character-card{position:relative;height:380px;border:2px solid #756499;overflow:hidden;transition:transform .2s}.character-card:hover{transform:translateY(-5px)}.character-card img{width:100%;height:100%;object-fit:cover}.character-card>div{position:absolute;inset:auto 0 0;padding:70px 20px 22px;background:linear-gradient(transparent,#101021 60%)}.character-card h3{font-size:19px;margin:7px 0 10px}.character-card span{font-size:12px}.defender .eyebrow{color:#74caff}.collector .eyebrow{color:#b6f37c}.homepage .gameplay{background:#eee7f8}.feature-footage{display:grid;grid-template-columns:1.7fr 1fr;background:#211637;color:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.feature-footage video{width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;background:#080912}.feature-footage>div{padding:30px;align-self:center}.footage-tag{font-size:10px;letter-spacing:1.5px;color:#b5ef80}.feature-footage h3{font-size:clamp(20px,2.3vw,32px);line-height:1.25;margin:15px 0}.feature-footage p{font-size:14px;line-height:1.6;color:#dfd5ed;margin-bottom:20px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.video-grid article{background:#fff9e9;border:2px solid var(--ink);border-radius:0}.video-grid article p{color:var(--ink);font-size:13px}.homepage .studio{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#ffdc59;border-top:3px solid var(--ink)}.studio h2{margin:12px 0}.studio p:not(.eyebrow){max-width:650px;font-size:16px;line-height:1.6}.studio .button{flex-shrink:0;background:#fff9e9}.homepage :is(a,button,video):focus-visible{outline:4px solid #fa3fa1;outline-offset:5px}@media(max-width:1250px){.hero-copy{padding-left:28px}}@media(max-width:1000px){.hero-inner{min-height:580px}.game-logo{width:380px}.hero-actions{gap:10px}.homepage .button{font-size:10px;padding:12px}.mode-copy{padding:20px 16px}.mode-copy h3{font-size:19px}.mode-description{min-height:145px}.homepage .characters{gap:15px}.character-intro h2{font-size:27px}.character-card{height:350px}.homepage .section-heading>p{max-width:230px}.mode-image{height:185px}}@media(max-width:760px){.homepage .section-pad{padding:45px 22px}.hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{padding:26px 22px 28px;text-align:center}.game-logo{width:350px;margin:10px auto 16px}.homepage .studio-credit{font-size:9px}.homepage h1{font-size:24px}.hero-intro{font-size:16px}.hero-actions,.availability{justify-content:center}.homepage .button{font-size:11px;padding:13px 15px}.hero-art{height:230px;transform:none;margin:0;border-left:0;border-top:3px solid var(--ink)}.hero-art img{transform:none;width:100%;object-position:center 43%}.comic-callout{left:43%;top:39%;width:132px;height:79px;transform:rotate(-9deg)}.comic-callout>span{font-size:14px}.comic-callout strong{font-size:20px}.art-caption{right:14px;transform:none}.ticker{justify-content:flex-start;font-size:10px;gap:20px;padding:11px 18px}.homepage .section-heading{display:block;margin-bottom:25px}.homepage .section-heading>p{margin-top:15px;max-width:none}.homepage .section-heading h2{font-size:29px}.mode-grid{grid-template-columns:1fr;gap:25px}.mode-image{height:auto;aspect-ratio:16/9}.mode-copy h3{font-size:26px}.mode-copy{padding:22px}.mode-description{min-height:0;font-size:15px}.mode-copy .eyebrow{font-size:10px}.homepage .characters{grid-template-columns:1fr 1fr;gap:13px}.character-intro{grid-column:1/-1;padding:0 0 13px}.character-intro h2{font-size:29px}.character-card{height:280px}.character-card>div{padding:60px 12px 16px}.character-card h3{font-size:16px}.character-card .eyebrow{font-size:8px;letter-spacing:1px}.character-card span{font-size:10px}.feature-footage{grid-template-columns:1fr}.feature-footage>div{padding:25px}.feature-footage h3{font-size:27px}.video-grid{grid-template-columns:1fr;gap:18px}.homepage .studio{display:block}.studio .button{margin-top:25px}.availability{font-size:10px;gap:6px}.mode-note{line-height:1.6}}@media(prefers-reduced-motion:reduce){.homepage *{transition:none!important;scroll-behavior:auto!important}}.hero-art{height:680px;width:auto;aspect-ratio:941 / 1672;justify-self:center;margin:0;transform:none;border:0;border-inline:3px solid var(--ink)}.hero-art img{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;transform:none}.comic-callout{left:45%;top:41.5%;width:34%;height:auto;transform:rotate(-9deg)}.comic-callout>span{font-size:14px}.comic-callout strong{font-size:21px}.art-caption{right:12px;transform:none}@media(min-width:761px)and (max-width:1000px){.hero-art{height:580px}.comic-callout>span{font-size:12px}.comic-callout strong{font-size:18px}}@media(max-width:760px){.hero-art{width:100%;height:auto;max-width:420px;border:0;border-top:3px solid var(--ink)}.hero-art img{object-position:center}.comic-callout{left:45%;top:41.5%;width:34%;height:auto}.comic-callout>span{font-size:clamp(12px,3.6vw,15px)}.comic-callout strong{font-size:clamp(18px,5.3vw,22px)}}.hero-art{width:min(100%,560px);height:auto;aspect-ratio:941 / 1450}.hero-art img{object-fit:cover;object-position:center top}.comic-callout{top:47.85%}.comic-callout>span{font-size:clamp(14px,1.4vw,20px)}.comic-callout strong{font-size:clamp(21px,2.1vw,30px)}.studio-lockup{display:flex;align-items:center;gap:16px;margin-bottom:12px}.studio-lockup img{width:100px;height:auto}.studio-lockup .studio-credit{line-height:1.7}.studio-lockup .studio-credit span{color:#ffdb56;font-size:10px;letter-spacing:3px}.homepage .ticker{max-width:1240px;width:calc(100% - 48px);margin-inline:auto;border-inline:3px solid var(--ink)}@media(max-width:760px){.hero-art{width:100%;max-width:480px;height:auto}.hero-art img{object-position:center top}.comic-callout{top:47.85%}.comic-callout>span{font-size:clamp(12px,3.6vw,17px)}.comic-callout strong{font-size:clamp(18px,5.3vw,25px)}.studio-lockup{justify-content:center;gap:12px;text-align:left}.studio-lockup img{width:86px}.studio-lockup .studio-credit{font-size:9px;letter-spacing:1px}.homepage .ticker{width:calc(100% - 44px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;white-space:normal;text-align:center;align-items:center;padding:12px}.homepage .ticker b,.homepage .ticker span:last-child{display:none}}