/* Only the homepage showcase; account, catalog and game UI stay unchanged. */
.hero.premium-showcase{height:740px;min-height:740px;background:#08152b;color:#fff;padding:0}
.premium-showcase .hero-slide-game{color:#fff;transform:none;overflow:hidden;background:#08152b}
.premium-showcase .hero-backdrop{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;filter:none;pointer-events:none}
.premium-showcase .hero-slide-game::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07152ac9,#07152a70 48%,#07152a12),linear-gradient(0deg,#07152a50,transparent 26%);z-index:1;pointer-events:none}
.hero.premium-showcase .hero-grid{position:relative;z-index:2;width:min(1720px,calc(100% - 96px));height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:48px;padding-top:34px;padding-bottom:86px;align-items:center}
.premium-showcase .hero-content{min-width:0;padding:0}
.premium-showcase .eyebrow{padding:0;border:0;border-radius:0;background:transparent;color:#aec3dd;font-size:12px;letter-spacing:.8px;box-shadow:none}
.premium-showcase h1{min-height:0;font-size:clamp(40px,4.2vw,68px);font-weight:950;letter-spacing:-2.4px;line-height:1.17;margin:23px 0 20px;overflow-wrap:normal;word-break:normal;color:#fff}
.premium-showcase .hero-accent{color:#a8d4ff}
.premium-showcase .hero-copy.hero-tagline{min-height:0;font-size:clamp(20px,1.8vw,29px);font-weight:750;line-height:1.5;color:#c5d0de;margin:0 0 24px;max-width:none}
.premium-showcase .hero-howto{font-size:15px;line-height:1.9;color:#b6c6dc;margin:0 0 24px;max-width:580px}
.premium-showcase .hero-actions{gap:14px;margin:0 0 23px;flex-wrap:wrap}
.premium-showcase .hero-actions .btn{border-radius:11px;min-height:50px;font-size:15px;padding:0 23px;gap:15px}
.premium-showcase .btn-primary{background:linear-gradient(100deg,#2456ee,#347eff);box-shadow:0 10px 28px #06368c2e;border:1px solid #4386ff}
.premium-showcase .btn-soft{color:#fff;background:#101f3280;border:1px solid #ffffff58;box-shadow:none}
.premium-showcase .hero-points{display:flex;flex-wrap:wrap;gap:9px 20px;color:#a7bbd4;font-size:12px}
.premium-showcase .hero-visual{position:relative;min-width:0;min-height:0;margin:0;align-self:center}
.premium-showcase .hero-window{position:relative;inset:auto;width:100%;margin:0;padding:0;overflow:visible;border:0;border-radius:10px;background:transparent;box-shadow:none;animation:none;transform:none}
.premium-showcase .hero-artwork{display:block;width:100%;padding:0;border:1px solid #849dbc85;border-radius:10px;background:#071426;box-shadow:0 22px 54px #00000044;overflow:hidden;cursor:pointer;line-height:0;transition:border-color .2s ease}
.premium-showcase .hero-artwork:hover{border-color:#c1daf4}
.premium-showcase .hero-artwork img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;background:#071426;filter:none;opacity:1;border-radius:0}
.premium-showcase .hero-window figcaption{padding:9px 2px 0;color:#bcd0e8;font-size:12px;line-height:1.6;font-weight:700;text-shadow:0 2px 5px #061427}
.premium-showcase .portfolio-primary{padding-left:6%;padding-right:1%}
.premium-showcase .portfolio-main{transform:perspective(1400px) rotateY(-3deg) rotateZ(-1deg);transform-origin:bottom right}
.premium-showcase .portfolio-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.premium-showcase .portfolio-secondary:first-child{transform:rotate(1deg)}
.premium-showcase .portfolio-secondary:last-child{transform:rotate(1.5deg)}
.premium-showcase .hero-feature-panel{transform:perspective(1600px) rotateY(-3deg) rotateZ(-1deg)}
.premium-showcase .carousel-controls{bottom:22px;left:auto;right:max(48px,calc((100% - 1720px)/2));transform:none;max-width:calc(100% - 24px);gap:14px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:5px 0}
.premium-showcase .carousel-arrow{background:#07152955;border:1px solid #ffffff38;color:#d9e8fc;width:34px;height:34px;box-shadow:none}
.premium-showcase .carousel-arrow:hover{background:#ffffff16}
.premium-showcase .carousel-label{display:block;color:#b7cff0;font-size:12px}
.premium-showcase .carousel-dots{gap:3px}
.premium-showcase .carousel-dot{width:24px;height:34px;position:relative;background:none;flex:none;border-radius:5px}
.premium-showcase .carousel-dot::after{content:"";position:absolute;width:5px;height:5px;border:1px solid #9ab3d388;border-radius:20px;top:50%;left:50%;transform:translate(-50%,-50%)}
.premium-showcase .carousel-dot.active{background:transparent}
.premium-showcase .carousel-dot.active::after{width:16px;height:5px;border:0;background:#c8e1ff}
.premium-showcase button:focus-visible{outline:3px solid #a6c7ff;outline-offset:4px}
.premium-showcase .hero-slide[inert]{pointer-events:none}
.nav-actions .contact-chip .contact-text{white-space:nowrap}
@media(min-width:1900px){.hero.premium-showcase{height:820px;min-height:820px}.premium-showcase h1{font-size:76px}.premium-showcase .hero-portfolio{max-width:760px;margin-left:auto}.premium-showcase .hero-feature-panel{max-width:970px;margin-left:auto}}
@media(max-width:1180px){.nav-actions .contact-chip{display:none}.nav-contact-mobile{display:flex}.hero.premium-showcase{height:670px;min-height:670px}.hero.premium-showcase .hero-grid{width:calc(100% - 64px);gap:30px}.premium-showcase h1{font-size:45px;letter-spacing:-1.8px}.premium-showcase .hero-copy.hero-tagline{font-size:22px}.premium-showcase .hero-howto{font-size:14px}.premium-showcase .hero-actions .btn{font-size:14px;padding:0 18px}.premium-showcase .carousel-controls{right:32px}}
@media(max-width:950px) and (min-width:701px){.hero.premium-showcase{height:610px;min-height:610px}.hero.premium-showcase .hero-grid{width:calc(100% - 48px);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px;padding-top:26px;padding-bottom:86px}.premium-showcase h1{font-size:36px;letter-spacing:-1.6px}.premium-showcase .hero-copy.hero-tagline{font-size:19px;margin-bottom:18px}.premium-showcase .hero-howto{font-size:13px;margin-bottom:20px}.premium-showcase .hero-actions .btn{min-height:44px;padding:0 14px;font-size:13px}.premium-showcase .hero-actions{gap:10px;margin-bottom:20px}.premium-showcase .hero-points{gap:8px 12px;font-size:11px}.premium-showcase .carousel-controls{right:24px}.premium-showcase .portfolio-primary{padding-left:0}.premium-showcase .hero-feature-panel,.premium-showcase .portfolio-main,.premium-showcase .portfolio-secondary{transform:none}}
@media(max-width:700px){.hero.premium-showcase{height:auto;min-height:0}.premium-showcase .hero-slides{position:relative}.premium-showcase .hero-slide{position:absolute;inset:0;height:100%}.premium-showcase .hero-slide.active{position:relative;height:auto}.hero.premium-showcase .hero-grid{width:calc(100% - 32px);grid-template-columns:1fr;height:auto;gap:26px;padding-top:30px;padding-bottom:94px}.premium-showcase h1{font-size:39px;letter-spacing:-1.8px;margin:18px 0 14px}.premium-showcase .hero-copy.hero-tagline{font-size:20px;margin-bottom:18px}.premium-showcase .hero-howto{font-size:13px;margin-bottom:21px}.premium-showcase .hero-actions .btn{min-height:46px;font-size:14px;padding:0 17px}.premium-showcase .hero-actions{gap:12px;margin-bottom:18px}.premium-showcase .hero-points{font-size:11px;gap:8px 14px}.premium-showcase .eyebrow{font-size:11px;letter-spacing:0}.premium-showcase .hero-visual{width:100%;max-width:650px;margin:auto}.premium-showcase .hero-window,.premium-showcase .portfolio-main,.premium-showcase .portfolio-secondary,.premium-showcase .hero-feature-panel{transform:none}.premium-showcase .portfolio-primary{padding:0}.premium-showcase .portfolio-pair{gap:10px;margin-top:13px}.premium-showcase .hero-window figcaption{font-size:11px;padding-top:7px}.premium-showcase .carousel-controls{left:50%;right:auto;transform:translateX(-50%);bottom:20px;gap:13px}.premium-showcase .hero-slide-game::before{background:linear-gradient(180deg,#071529e5,#07152999 48%,#0715293d)}.premium-showcase .hero-backdrop{object-position:42% center}}
@media(max-width:360px){.premium-showcase h1{font-size:33px}.premium-showcase .hero-copy.hero-tagline{font-size:18px}.premium-showcase .hero-actions .btn{font-size:13px;padding:0 14px}.premium-showcase .portfolio-pair{gap:8px}.premium-showcase .hero-window figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.premium-showcase .hero-slide,.premium-showcase .hero-artwork{transition:none}}