.back-of-box{--vi-scale:4;--back-of-box-title-size:min(calc(18vw / var(--vi-scale)),calc(2560px * 0.18 / var(--vi-scale)));--back-of-box-body-size:min(calc(10vw / var(--vi-scale)),calc(2560px * 0.1 / var(--vi-scale)));--back-of-box-row-gap:min(calc(6vw / var(--vi-scale)),calc(2560px * 0.06 / var(--vi-scale)));--back-of-box-title-offset:275lvh;z-index:0;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:[intro-start] calc(100lvh - var(--back-of-box-title-size) * 1.1 - var(--back-of-box-row-gap)) [title-start] calc(var(--back-of-box-title-size) * 1.1 + var(--back-of-box-row-gap)) [intro-end] min-content [title-end];width:100vw;max-width:none;margin-top:-85lvh;margin-inline:calc(50% - 50vw);padding-bottom:min(calc(24vw / var(--vi-scale)),calc(2560px * .24 / var(--vi-scale)))}.back-of-box-intro{grid-area:intro/1;position:relative;z-index:-1;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none}.back-of-box-scrollmation{isolation:isolate;position:absolute;inset:0}.back-of-box-video{z-index:3;position:relative;opacity:0;visibility:hidden;pointer-events:none}.back-of-box-canvas,.back-of-box-video{object-fit:cover;object-position:center;width:100%;height:100%}.back-of-box-canvas{z-index:2;position:absolute;inset:0;display:block;will-change:transform}.back-of-box-poster{z-index:1;position:absolute;inset:0;pointer-events:none}.back-of-box-poster-image{width:100%;height:100%;object-fit:cover;object-position:center}.back-of-box-copy{position:relative;z-index:2;display:flex;flex-direction:column;row-gap:calc(var(--back-of-box-body-size) / 1.5);grid-area:title/1;width:100%;margin-top:var(--back-of-box-title-offset);padding-inline:min(calc(10vw / var(--vi-scale)),calc(2560px * .1 / var(--vi-scale)));background-image:linear-gradient(0deg,#99743d -10%,#ad4556 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.back-of-box-backdrop{content:"";z-index:-1;position:absolute;top:50%;left:50%;width:250%;height:200%;border-radius:1000px;opacity:.5;pointer-events:none;transform:translate(-50%,-20%);background:radial-gradient(100% 50% at 50% 60%,rgba(152,139,208,.35) 0,transparent 80%)}.back-of-box-title{font-family:var(--font-art-deco-bold);font-size:var(--back-of-box-title-size);letter-spacing:-.02em}.back-of-box-body,.back-of-box-title{margin:0;grid-column:1/-1;font-weight:500;text-transform:none;line-height:1.1;text-wrap:balance}.back-of-box-body{font-family:var(--font-art-deco-medium);font-size:var(--back-of-box-body-size);letter-spacing:-.0125em}@media (max-width:767.98px){.back-of-box{--vi-scale:2;--back-of-box-title-offset:225lvh;--back-of-box-title-size:min(calc(20vw / var(--vi-scale)),calc(2560px * 0.2 / var(--vi-scale)))}}@media (min-width:1440px){.back-of-box-copy{padding-inline:min(calc(13vw / var(--vi-scale)),calc(2560px * .13 / var(--vi-scale)))}}@media (min-width:1920px){.back-of-box-copy{padding-inline:min(calc(64vw / var(--vi-scale)),calc(2560px * .64 / var(--vi-scale)))}}.promocards{--vi-scale:4;--promocard-gap:min(calc(8vw / var(--vi-scale)),calc(2560px * 0.08 / var(--vi-scale)));--promocard-padding:min(calc(13vw / var(--vi-scale)),calc(2560px * 0.13 / var(--vi-scale)));--promocard-padding-inline:var(--promocard-padding);--promocard-radius:min(calc(7vw / var(--vi-scale)),calc(2560px * 0.07 / var(--vi-scale)));--promocard-title-lg:min(calc(18vw / var(--vi-scale)),calc(2560px * 0.18 / var(--vi-scale)));--promocard-title-md:min(calc(15vw / var(--vi-scale)),calc(2560px * 0.15 / var(--vi-scale)));--promocard-sub-lg:min(calc(4.5vw / var(--vi-scale)),calc(2560px * 0.045 / var(--vi-scale)));--promocard-sub-md:min(calc(4vw / var(--vi-scale)),calc(2560px * 0.04 / var(--vi-scale)));--promocard-tag-lg:min(calc(5vw / var(--vi-scale)),calc(2560px * 0.05 / var(--vi-scale)));--promocard-tag-md:min(calc(4.5vw / var(--vi-scale)),calc(2560px * 0.045 / var(--vi-scale)));--promocard-content-width:min(calc(92vw / var(--vi-scale)),calc(2560px * 0.92 / var(--vi-scale)));--promocard-mask-x:-5%;--promocard-mask-y:140%;--promocard-mask-left:radial-gradient(100% 200% at var(--promocard-mask-x) var(--promocard-mask-y),rgb(0 0 0/0.28) 0%,rgb(0 0 0/0.48) 52%,rgb(0 0 0) 87%);--promocard-mask-right:radial-gradient(100% 200% at calc(100% + var(--promocard-mask-x)) var(--promocard-mask-y),rgb(0 0 0/0.28) 0%,rgb(0 0 0/0.48) 52%,rgb(0 0 0) 87%);display:flex;flex-direction:column;row-gap:var(--promocard-gap);width:100vw;max-width:none;margin-inline:calc(50% - 50vw);padding-inline:var(--vi-page-padding);padding-bottom:min(calc(16vw / var(--vi-scale)),calc(2560px * .16 / var(--vi-scale)))}.promocard{--promocard-mask:var(--promocard-mask-left);position:relative;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;width:100%;overflow:hidden;padding:var(--promocard-padding);border:0;border-radius:var(--promocard-radius);background:rgb(44,56,104);color:inherit;text-align:left;text-decoration:none;cursor:pointer;outline-offset:4px;transition:outline-color 1s ease-out}.promocard--align-end{justify-content:flex-end;text-align:right}.promocard--align-end .promocard-cta{margin-left:auto}.promocard--mask-right{--promocard-mask:var(--promocard-mask-right)}.promocard--featured{aspect-ratio:37/20}.promocard:not(.promocard--featured){aspect-ratio:5/2}.promocard--media{background:rgb(36,49,82)}.promocard:focus-visible{outline:4px solid rgba(255,255,255,.35)}.promocard-content{z-index:2;position:relative;display:flex;flex-direction:column;width:var(--promocard-content-width);max-width:100%;transition:filter 1s ease-out}.promocard:focus-visible .promocard-content,.promocard:hover .promocard-content{filter:drop-shadow(0 0 10px rgb(255 255 255/.08)) drop-shadow(0 20px 70px rgb(0 0 0/.35))}.promocard-tag{quotes:none;margin:0 0 .35em;font-family:var(--font-art-deco-medium);font-size:var(--promocard-tag-md);font-weight:500;line-height:1.1;letter-spacing:-.0125em;color:rgb(217,243,254);text-wrap:balance}.promocard--featured .promocard-tag{font-size:var(--promocard-tag-lg)}.promocard--media .promocard-tag{color:rgb(184,240,234)}.promocard-title{margin:0;font-family:var(--font-art-deco-condensed-bold);font-size:var(--promocard-title-md);font-weight:700;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;color:rgb(255,249,203);text-wrap:balance}.promocard--featured .promocard-title{font-size:var(--promocard-title-lg)}.promocard-subtitle{margin:.65em 0 0;font-family:var(--font-art-deco-medium);font-size:var(--promocard-sub-md);font-weight:500;line-height:1.1;letter-spacing:-.0125em;color:rgb(255,255,255);text-wrap:balance}.promocard--featured .promocard-subtitle{font-size:var(--promocard-sub-lg)}.promocard-cta{display:inline-flex;align-items:center;gap:.5em;margin-top:1.25em;font-family:var(--font-art-deco-medium);font-size:var(--promocard-sub-md);font-weight:500;line-height:1.1;letter-spacing:-.0125em;color:rgb(255,255,255)}.promocard-cta-icon{width:1.15em;height:1.15em;flex-shrink:0}.promocard-media{z-index:1;position:absolute;inset:0;opacity:.8;pointer-events:none;transform-origin:center;transition:opacity 1s ease-out;-webkit-mask-image:var(--promocard-mask);mask-image:var(--promocard-mask)}.promocard:focus-visible .promocard-media,.promocard:hover .promocard-media{opacity:1}.promocard-image{width:100%;height:100%;object-fit:cover;object-position:top}@media (max-width:767.98px){.promocards{--vi-scale:2}}@media (max-width:767.98px) and (orientation:portrait){.promocards{--promocard-padding-inline:min(calc(16vw / var(--vi-scale)),calc(2560px * 0.16 / var(--vi-scale)));--promocard-title-lg:min(calc(24vw / var(--vi-scale)),calc(2560px * 0.24 / var(--vi-scale)));--promocard-title-md:min(calc(20vw / var(--vi-scale)),calc(2560px * 0.2 / var(--vi-scale)));--promocard-sub-lg:min(calc(8vw / var(--vi-scale)),calc(2560px * 0.08 / var(--vi-scale)));--promocard-sub-md:min(calc(8vw / var(--vi-scale)),calc(2560px * 0.08 / var(--vi-scale)));--promocard-tag-lg:min(calc(8vw / var(--vi-scale)),calc(2560px * 0.08 / var(--vi-scale)));--promocard-tag-md:min(calc(8vw / var(--vi-scale)),calc(2560px * 0.08 / var(--vi-scale)))}.promocard--featured{--promocard-mask:linear-gradient(180deg,rgb(0 0 0),rgb(0 0 0) 50cqw,rgb(0 0 0/0.44) 100cqw,rgb(0 0 0/0.1))}.promocard:not(.promocard--featured){--promocard-mask:linear-gradient(180deg,rgb(0 0 0),rgb(0 0 0) calc(100cqw / 3),rgb(0 0 0/0.44) calc(100cqw / 3 * 2),rgb(0 0 0/0.1))}.promocard{flex-direction:column;align-items:stretch;justify-content:flex-start;aspect-ratio:auto!important;min-height:auto;padding:0;container-type:inline-size}.promocard:before{content:"";display:block;width:100%;height:auto}.promocard--featured:before{aspect-ratio:1}.promocard:not(.promocard--featured):before{aspect-ratio:3/2}.promocard-content{width:100%;padding:0 var(--promocard-padding-inline) var(--promocard-padding-inline)}.promocard--align-end{text-align:left}.promocard--align-end .promocard-cta{margin-left:0}.promocard-media .promocard-image{object-position:top}}@media (max-width:767.98px) and (orientation:landscape){.promocard{min-height:auto}}@media (min-width:768px){.promocard--featured,.promocard:not(.promocard--featured){min-height:0}}@media (min-width:1440px){.promocards{padding-inline:var(--vi-page-padding)}}.hero-root{z-index:1;position:relative;display:grid;place-content:center;justify-items:center;width:100vw;max-width:none;height:100svh;overflow:hidden}.hero-backdrop{z-index:0;position:absolute;inset:0;background:#0c0d1b;pointer-events:none;will-change:opacity}html:has(.hero-root){overscroll-behavior:none}.hero-viewport{z-index:1;grid-column:main-start/main-end;width:min(100%,120svh);pointer-events:none}.hero-content,.hero-viewport{will-change:transform,scale,opacity}.hero-content{display:flex;flex-direction:column;align-items:center;gap:var(--vi-hero-gap)}html:not([data-app-ready=true]) .hero-content{opacity:0;visibility:hidden}.hero-fob{position:relative;width:100%;aspect-ratio:16/9;justify-self:center}.hero-canvas{pointer-events:none;z-index:-1;position:absolute;top:50%;left:50%;display:block;width:100vw;height:150svh;transform:translate(-50%,-50%);will-change:transform,opacity}.hero-layer-source{width:0;height:0;overflow:hidden}.hero-layer-source,.hero-logo,.hero-poster{position:absolute;opacity:0;pointer-events:none}.hero-logo,.hero-poster{inset:0;z-index:1;will-change:transform,opacity}.hero-logo-image,.hero-poster-image{width:100%;height:100%;object-fit:cover}.hero-header{display:none}.hero-footer,.hero-header{width:100%;opacity:0;will-change:transform,opacity}.hero-footer{display:block}.hero-preorder-title{margin-bottom:0;text-align:center;font-family:var(--font-art-deco-condensed);font-size:var(--vi-hero-title-size);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-vi-purple-light);text-shadow:0 0 28px rgba(152,139,208,.45);text-wrap:balance}.hero-footer-inner{flex-direction:column;width:100%}.hero-footer-inner,.hero-platform-row{display:flex;align-items:center;justify-content:center;gap:var(--vi-hero-platform-gap)}.hero-platform-row{flex-direction:row}.hero-platform-button{border:none;background:transparent;padding:0;color:var(--color-vi-purple-light);cursor:pointer;transition:color .2s ease}.hero-platform-button:hover{color:white}.hero-platform-icon{display:block}.hero-platform-icon,.hero-platform-icon.xbox-icon{height:var(--vi-hero-platform-icon-height);width:auto}.hero-scroll-indicator{z-index:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;color:var(--color-vi-purple-light);pointer-events:none;will-change:transform,opacity}.hero-scroll-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (min-aspect-ratio:0.6) and (max-aspect-ratio:1){.hero-viewport{width:min(80%,60svh)}.hero-fob{aspect-ratio:1}}@media (max-aspect-ratio:0.6){.hero-fob{aspect-ratio:160/177}}@media (min-aspect-ratio:2.25){.hero-viewport{width:min(100%,150svh)}.hero-fob{aspect-ratio:64/27}.hero-footer{min-width:max-content}}@media (max-width:767.98px) and (orientation:portrait){.hero-header{display:block;width:100%}.hero-header .hero-preorder-title{line-height:1}.hero-footer .hero-preorder-title{display:none}.hero-footer-inner{gap:0}}@media (max-width:767.98px) and (min-aspect-ratio:0.6) and (max-aspect-ratio:1){.hero-viewport{width:min(100%,45svh)}}