.hero-slider{overflow:hidden;background:#17110f;touch-action:pan-y}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .85s ease,visibility .85s;overflow:hidden}.hero-slide.is-current{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.hero-slider .hero-art img{transform:scale(1.035);transition:transform 7s linear;will-change:transform}.hero-slide.is-current .hero-art img{transform:scale(1)}.hero-slider .hero-content{animation:none;top:auto;bottom:150px;max-width:48%;opacity:0;transform:translateY(22px);transition:opacity .6s .2s,transform .7s .2s}.hero-slide.is-current .hero-content{opacity:1;transform:none}.hero-slider .hero-content .eyebrow{font-size:11px;letter-spacing:2.5px}.hero-slider .hero-shade{background:linear-gradient(90deg,#100e0c88,transparent 65%),linear-gradient(0deg,#100d0ac9,transparent 32%),linear-gradient(#0b0e1344,transparent 22%)}.hero-controls{position:absolute;left:4.7%;right:4.7%;bottom:26px;z-index:4;display:flex;align-items:center;gap:28px;color:#fff}.hero-selectors{display:flex;gap:22px}.hero-select{position:relative;display:flex;align-items:center;gap:12px;padding:15px 0 19px;min-width:160px;text-align:left;font-size:11px;font-weight:700;letter-spacing:1px;color:#fff9;transition:color .25s}.hero-select:hover,.hero-select.is-active{color:#fff}.slide-index{font-size:10px;font-weight:400;opacity:.7}.hero-select:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff35}.slide-progress{position:absolute;bottom:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;background:var(--paper);z-index:1}.is-active .slide-progress{animation:hero-progress 7s linear forwards;animation-play-state:paused}.hero-slider.is-running .is-active .slide-progress{animation-play-state:running}.hero-slider.is-paused .is-active .slide-progress{animation:none;transform:scaleX(1)}.hero-arrows{display:flex;gap:8px}.hero-arrows button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;font-size:23px;background:#10101120;transition:background .2s,transform .2s}.hero-arrows button:hover{background:#ffffff22;transform:translateY(-2px)}.hero-arrows [data-pause]{font-size:15px}.hero-scroll{margin-left:auto;font-size:9px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.hero-scroll span{display:inline-block;margin-left:12px;font-size:18px}.hero-mini .hero-art img{object-position:center center}.hero-mini .hero-shade{background:linear-gradient(0deg,#101011e0,transparent 24%),linear-gradient(#10101177,transparent 22%)}.mini-hero-status{position:absolute;left:4.7%;top:130px;padding:10px 14px;background:#101011a6;border:1px solid #ffffff38;text-transform:uppercase;font-size:10px;letter-spacing:1.7px;color:#fff}.hero-mini .hero-content{bottom:112px}.hero-mini .mini-hero-title,.hero-mini .hero-tagline{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.hero-mini .outline-button{background:#10101199;backdrop-filter:blur(5px);margin-top:0}.hero-mini .outline-button:hover{background:var(--paper)}@keyframes hero-progress{to{transform:scaleX(1)}}
@media(min-width:1600px){.hero-slider .hero-content{bottom:175px}.hero-mini .hero-content{bottom:125px}.hero-slider .game-title{font-size:124px}.hero-controls{bottom:28px}.hero-select{min-width:200px;font-size:12px}}
@media(max-width:1000px) and (min-width:701px){.hero-scroll{display:none}.hero-slider .hero-content{bottom:125px}.hero-slider .game-title{font-size:80px}.hero-slider .hero-tagline{font-size:20px}.hero-mini .hero-content{bottom:100px}.mini-hero-status{top:105px}}
@media(max-width:700px){.hero-slider{height:790px;height:min(850px,105svh);min-height:720px}.hero-slider .hero-art img{height:73%;object-position:74% top}.hero-slider .hero-shade{background:linear-gradient(0deg,#17110f 0%,#17110ff0 24%,#17110f45 50%,transparent 73%),linear-gradient(#10101155,transparent 20%)}.hero-slider .hero-content{left:7%;right:7%;bottom:155px;max-width:none}.hero-slider .game-title{font-size:71px}.hero-slider .hero-tagline{font-size:18px;margin-top:22px}.hero-slider .hero-content .eyebrow{font-size:9px;letter-spacing:1.7px}.hero-controls{left:7%;right:7%;bottom:22px;display:grid;grid-template-columns:1fr auto;gap:15px}.hero-selectors{grid-column:1/-1;gap:20px}.hero-select{flex:1;min-width:0;font-size:10px;letter-spacing:.3px;gap:8px;padding:10px 0 12px}.hero-arrows{gap:8px}.hero-arrows button{width:40px;height:40px;font-size:21px}.hero-scroll{font-size:8px;letter-spacing:.4px}.hero-scroll span{margin-left:5px}.hero-mini .hero-art img{height:68%;object-position:100% top}.hero-mini .hero-shade{background:linear-gradient(0deg,#11161b 0%,#11161b 28%,#11161b20 62%,transparent 80%),linear-gradient(#10101155,transparent 20%)}.mini-hero-status{left:7%;right:7%;top:93px;font-size:8px;letter-spacing:1px;width:max-content;max-width:86%}.hero-mini .hero-content{bottom:155px}.hero-mini .mini-hero-title,.hero-mini .hero-tagline{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.mini-hero-title{font:700 64px/.95 Oswald,sans-serif;letter-spacing:-1px;text-transform:uppercase}.mini-hero-title span{display:block}.mini-hero-title span+span{color:#ffcb37;font-size:.78em;margin-top:6px}.hero-mini .hero-tagline{margin:18px 0}.hero-mini .outline-button{background:transparent}.hero-mini .outline-button:hover{background:var(--paper)}}
@media(max-width:360px){.hero-select{font-size:9px}.hero-slider .game-title{font-size:64px}.mini-hero-title{font-size:58px}.hero-slider .hero-content{bottom:160px}}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-art img,.hero-slider .hero-content{transform:none!important;transition:none!important}.hero-slide{transition:none}.slide-progress{animation:none!important}.is-active .slide-progress{transform:scaleX(1)}}
@media(min-width:1001px){.mini-hero-status{top:auto;bottom:124px;left:calc(4.7% + 215px);font-size:9px}}
@media(min-width:1600px){.mini-hero-status{bottom:138px}}
@media(min-width:701px) and (max-width:1000px){.mini-hero-status{top:auto;bottom:112px;left:calc(4.7% + 210px);font-size:8px;letter-spacing:1px}}
.hero-arrows button:disabled{opacity:.45;cursor:default}
@media(max-width:700px){.hero-slider .hero-art img{mask-image:linear-gradient(to bottom,#000 65%,transparent 100%)}.hero-mini{background:#11161b}}

/* The first frame and every later frame share the same slow approach. */
.hero-slider .hero-art img{transform:scale(1);transition:none;animation:none}
.hero-slider .hero-slide.is-current .hero-art img{animation:hero-approach 7s linear both;animation-play-state:paused}
.hero-slider.is-running .hero-slide.is-current .hero-art img{animation-play-state:running}
@keyframes hero-approach{from{transform:scale(1)}to{transform:scale(1.04)}}
.hero-arrows [data-pause]{background:#10101155;border-color:#ffffff70}
.playback-icon{display:block;fill:currentColor;flex-shrink:0}
.playback-icon .play-glyph{display:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.shows-play .playback-icon .pause-glyph{display:none}
.shows-play .playback-icon .play-glyph{display:block}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-slide.is-current .hero-art img{animation:none!important;transform:none!important}}
