.band-image-link{border-radius:3px;min-width:0;transition:box-shadow .22s,transform .32s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden;box-shadow:0 10px 28px #0002}.band-preview-video{object-fit:cover;opacity:0;pointer-events:none;background:#080b10;width:100%;height:100%;transition:opacity .22s;position:absolute;inset:0}.game-band.is-preview-playing .band-preview-video{opacity:1}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.game-band:hover .band-image-link,.game-band:focus-within .band-image-link{box-shadow:0 16px 36px #0004, 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.band-image-link{transition:none;transform:none}.band-preview-video{display:none}}.catalogue-opening{color:#fff;background:linear-gradient(#111b26,var(--feature-color));padding:38px 0 52px}.catalogue-wrap{width:min(1280px,100% - 96px);margin:auto}.catalogue-title-row{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.catalogue-title-row h1{letter-spacing:-.04em;font-size:64px;font-weight:800;line-height:1}.catalogue-title-row h1:before{content:"";background:#58b8e3;width:44px;height:4px;margin-bottom:19px;display:block;box-shadow:44px 0 #ffd956,88px 0 #e33d4e}.catalogue-title-row p{color:#b8c6d4;padding-bottom:5px;font-size:14px}.capsule-feature{background:color-mix(in srgb,var(--feature-color) 65%,#10151e);border:1px solid #ffffff20;grid-template-columns:minmax(0,2.25fr) minmax(320px,1fr);display:grid;box-shadow:0 18px 52px #050a1533}.feature-gallery{background:#0b1420;flex-direction:column;min-width:0;display:flex}.feature-stage{aspect-ratio:1232/706;isolation:isolate;background:#0b1420;position:relative}.feature-stage>img{object-fit:contain;width:100%;height:100%;display:block}.feature-details{flex-direction:column;gap:20px;min-width:0;padding:28px;display:flex}.feature-campaign{color:var(--feature-accent);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;line-height:1.4;display:flex}.feature-campaign:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.feature-details h2{letter-spacing:-.025em;font-size:34px;font-weight:800;line-height:1.03}.feature-details .feature-description{color:#e1e7ee;font-size:14px;line-height:1.65}.feature-facts{color:#b9c9d7;flex-wrap:wrap;gap:7px;font-size:11px;display:flex}.feature-facts span+span:before{content:"·";color:var(--feature-accent);margin-right:7px}.feature-actions{gap:10px;margin-top:auto;display:grid}.feature-primary{background:var(--feature-accent);color:#101b26;text-align:center;border-radius:3px;justify-content:center;align-items:center;gap:12px;min-height:58px;padding:13px 16px;font-size:14px;font-weight:700;line-height:1.3;display:flex}.feature-primary img{filter:brightness(0);width:26px;height:26px}.feature-primary:hover{filter:brightness(1.1)}.feature-secondary{border:1px solid #fff5;border-radius:3px;justify-content:space-between;align-items:center;min-height:48px;padding:13px 17px;font-size:14px;font-weight:600;display:flex}.feature-secondary:hover{background:#ffffff0c}.feature-secondary span{font-size:20px;line-height:1}.feature-extras{gap:8px;display:grid}.feature-extras:empty{display:none}@media (width>=701px) and (width<=1100px){.catalogue-wrap{width:calc(100% - 64px)}.capsule-feature{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}.feature-details{gap:16px;padding:24px}.feature-details h2{font-size:29px}.feature-gallery{align-self:center}.catalogue-title-row h1{font-size:54px}}@media (width<=700px){.catalogue-opening{padding:25px 0 30px}.catalogue-wrap{width:calc(100% - 32px)}.catalogue-title-row{margin-bottom:22px;padding:0 4px;display:block}.catalogue-title-row h1{letter-spacing:-.035em;font-size:44px}.catalogue-title-row h1:before{width:24px;height:3px;margin-bottom:14px;box-shadow:24px 0 #ffd956,48px 0 #e33d4e}.catalogue-title-row p{margin-top:11px;padding:0;font-size:12px}.capsule-feature{box-shadow:none;grid-template-columns:1fr}.feature-gallery{grid-row:1}.feature-details{gap:15px;padding:23px 20px 24px}.feature-campaign{font-size:10px}.feature-details h2{font-size:30px}.feature-details .feature-description{font-size:14px;line-height:1.65}.feature-facts{font-size:11px}.feature-actions{margin-top:6px}.feature-primary{min-height:54px;font-size:14px}.feature-secondary{min-height:48px}}.catalogue-opening{isolation:isolate;background:var(--feature-color);padding-bottom:58px;position:relative;overflow:hidden}.catalogue-opening:before,.catalogue-opening:after{content:"";pointer-events:none;z-index:-1;position:absolute;inset:0}.catalogue-opening:before{background-image:var(--feature-art);opacity:.58;background-position:50% 48%;background-size:cover}.catalogue-opening:after{background:linear-gradient(180deg,#111b26 0%,#111b265c 27%,transparent 65%,color-mix(in srgb,var(--feature-color) 82%,transparent) 100%)}.catalogue-title-row{text-shadow:0 2px 16px #0008;position:relative}.catalogue-title-row p{color:#d3dce5}.capsule-feature{background:color-mix(in srgb,var(--feature-color) 88%,transparent);backdrop-filter:blur(10px);border-color:#ffffff30;align-items:center;position:relative;box-shadow:0 24px 70px #0007,0 2px 12px #0004}.feature-gallery{background:0 0;align-self:center}.feature-stage.band-image-link{box-shadow:none;aspect-ratio:1232/706;border-radius:0;margin:0;transition:none;transform:none}.feature-stage .feature-cover{object-fit:contain;width:100%;height:100%;display:block}.feature-details{background:#0a101826;align-self:stretch;gap:15px;padding:24px}.feature-details h2{font-size:32px;line-height:1.06}.feature-details .feature-description{line-height:1.6}.feature-actions{gap:8px}.feature-primary{min-height:54px;padding:12px 14px}.feature-secondary{min-height:46px;padding:11px 16px}.feature-trailer{color:#e2eaf2;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.feature-trailer svg{border:1px solid #ffffff65;border-radius:50%;flex:none;width:22px;height:22px}.feature-trailer:hover{color:#fff;background:#ffffff0d;border-color:#ffffff25}.band-preview-video{display:block}.capsule-feature.is-preview-playing .band-preview-video{opacity:1}.trailer-dialog{color:#fff;background:#101822;border:1px solid #ffffff35;border-radius:6px;width:min(1120px,100vw - 48px);max-height:calc(100dvh - 40px);margin:auto;padding:0;overflow:auto;box-shadow:0 24px 90px #000b}.trailer-dialog::backdrop{backdrop-filter:blur(7px);background:#030810dc}.dialog-top{justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.dialog-top p{text-transform:uppercase;letter-spacing:.13em;color:#b8c6d4;margin-bottom:5px;font-size:10px}.dialog-top h2{font-size:21px;font-weight:750;line-height:1.2}.dialog-close{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff40;border-radius:3px;flex:none;place-items:center;width:42px;height:42px;display:grid}.dialog-close:hover{background:#ffffff1c}.dialog-close svg{width:23px;height:23px}.dialog-player{aspect-ratio:16/9;background:#000;max-height:calc(100dvh - 180px)}.dialog-player iframe{border:0;width:100%;height:100%;display:block}.dialog-youtube{color:#c6d7e8;text-underline-offset:4px;width:fit-content;margin:12px 20px;font-size:12px;text-decoration:underline;display:block}body.has-trailer-open{overflow:hidden}@media (width>=701px) and (width<=1100px){.feature-details{gap:13px;padding:22px}.feature-details h2{font-size:28px}.feature-details .feature-description{font-size:13px}}@media (width<=700px){.catalogue-opening{padding-bottom:32px}.catalogue-opening:before{opacity:.5;background-position:55% 0;background-repeat:no-repeat;background-size:auto 660px}.catalogue-opening:after{background:linear-gradient(180deg,#111b26 0%,#111b2640 20%,color-mix(in srgb,var(--feature-color) 45%,transparent) 55%,var(--feature-color) 100%)}.capsule-feature{box-shadow:0 12px 36px #0005}.feature-details{gap:15px;padding:23px 20px 20px}.feature-details h2{font-size:30px}.feature-actions{margin-top:5px}.feature-trailer{min-height:44px;font-size:13px}.trailer-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}.dialog-top{gap:12px;padding:14px 12px}.dialog-top h2{font-size:17px}.dialog-top p{font-size:9px}.dialog-close{width:38px;height:38px}.dialog-player{max-height:none}.dialog-youtube{margin:12px;font-size:11px}}@media (prefers-reduced-motion:reduce){.band-preview-video{display:none}}
