@property --logo-tint{syntax: "<color>"; inherits: true; initial-value: rgba(245,229,185,.28);}.hero__slide{transition:--logo-tint .45s ease-out}.hero-section{position:relative;max-width:var(--container-max-width);margin:0 auto;padding:var(--space-page-top) var(--gutter) var(--space-section-y-tight);background:transparent;touch-action:pan-y}.hero-wrap{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;isolation:isolate;background:radial-gradient(120% 80% at 0% 0%,#2a4d59 0%,transparent 55%),radial-gradient(90% 70% at 100% 100%,#1a3540 0%,transparent 60%),var(--gradient-hero)}.hero-wrap:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:radial-gradient(40% 50% at 18% 30%,rgba(245,229,185,.18),transparent 60%),radial-gradient(50% 60% at 85% 75%,rgba(218,199,149,.14),transparent 65%),radial-gradient(35% 45% at 60% 10%,rgba(245,229,185,.08),transparent 70%);pointer-events:none;z-index:0;filter:blur(2px);animation:hero-drift 18s ease-in-out infinite alternate}.hero-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(115deg,rgba(245,229,185,.05) 0 1px,transparent 1px 3px);pointer-events:none;z-index:0;opacity:.5}@keyframes hero-drift{0%{transform:translate(0) scale(1);opacity:.95}50%{transform:translate(2%,-1%) scale(1.04);opacity:1}to{transform:translate(-1%,2%) scale(1.02);opacity:.92}}.hero__slides{position:relative;z-index:1}.hero__slide{display:none}.hero__slide[aria-hidden=false]{display:grid;grid-template-columns:1.2fr 1fr;gap:0;height:560px;overflow:hidden}.hero__meta{padding:44px 48px 64px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;position:relative;overflow:hidden}.hero__meta>*{position:relative;z-index:1}.hero__meta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 90% at 78% 50%,var(--logo-tint, rgba(245, 229, 185, .1)),transparent 75%),radial-gradient(40% 60% at 92% 50%,var(--logo-tint, rgba(245, 229, 185, .1)),transparent 70%);pointer-events:none;z-index:0;transition:background .5s ease}.hero__game-logo{position:absolute;top:50%;right:-10%;transform:translateY(-50%);width:75%;max-height:130%;object-fit:contain;opacity:.14;filter:grayscale(.5) blur(.6px) drop-shadow(0 0 60px rgba(0,0,0,.5));-webkit-mask-image:radial-gradient(70% 80% at 60% 50%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 80% at 60% 50%,#000 30%,transparent 80%);pointer-events:none;z-index:0}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-alt);align-self:flex-start;margin-bottom:18px}.hero__eyebrow:before{content:"";width:24px;height:1px;background:var(--color-accent-alt)}.hero__title{font-family:var(--font-display);font-size:52px;line-height:1.05;letter-spacing:-.03em;font-weight:700;margin:0 0 18px;text-wrap:balance;color:var(--color-text)}.hero__title-main{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero__title-accent{display:block;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.hero__desc{color:var(--color-text-muted);font-size:15px;max-width:460px;margin:0;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero__stats{display:flex;gap:22px;padding-top:14px;border-top:1px dashed var(--color-border-strong);margin-top:18px;flex-wrap:wrap}.hero__stat{display:flex;flex-direction:column;gap:4px}.hero__stat strong{font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--color-text);letter-spacing:-.01em;line-height:1}.hero__stat span{font-family:var(--font-body);font-weight:500;font-size:10px;color:var(--color-text-subtle);letter-spacing:.14em;text-transform:uppercase}.hero__shipping{padding-right:18px;border-right:1px dashed var(--color-border-strong);margin-right:4px;display:flex;flex-direction:column;justify-content:center;gap:8px}.hero__shipping-label{font-weight:600;color:var(--color-text-muted);letter-spacing:.06em;font-size:11px;text-transform:none}.hero__shipping-logos{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.hero__shipping-logo{display:block;border-radius:3px;box-shadow:0 2px 8px #0000004d}@media(max-width:480px){.hero__shipping-logo{width:38px;height:auto}}.hero__price{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-body)}.hero__price-pct{display:inline-flex;align-items:center;background:var(--color-success);color:var(--color-success-on);font-size:12px;font-weight:700;padding:5px 8px;border-radius:3px;letter-spacing:.04em;line-height:1}.hero__price-pct--pre{background:var(--gradient-accent);color:var(--color-accent-on);letter-spacing:.08em}.hero__price-old{color:var(--color-text-subtle);text-decoration:line-through;font-size:14px;font-weight:500;line-height:1}.hero__price-now{font-family:var(--font-display);color:var(--color-success-text);font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1}.hero__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:28px}.hero__atc{display:inline-flex;flex-direction:column;align-items:flex-start}.hero__atc-form{display:inline-flex;margin:0;padding:0}.hero__atc .product-form__error-message-wrapper{color:var(--color-error, #c33);font-size:13px;margin-bottom:8px}.hero__atc .product-form__error-message-wrapper[hidden]{display:none}.hero__atc .btn{position:relative}.hero__atc .btn.loading>span{visibility:hidden}.hero__atc .btn.loading>.loading__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;display:flex;align-items:center}.hero__atc .btn .loading__spinner .path{stroke:currentColor}.hero__art{position:relative;border-left:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(60% 80% at 50% 40%,rgba(245,229,185,.08),transparent 70%),repeating-linear-gradient(45deg,rgba(245,229,185,.04) 0 1px,transparent 1px 14px),linear-gradient(160deg,var(--color-surface-raised) 0%,var(--color-bg-elevated) 60%,var(--color-bg) 100%)}.hero__art-stage{position:relative;width:min(85%,460px);height:min(90%,460px);display:flex;align-items:center;justify-content:center;transform:scale(calc(var(--art-scale, 100) / 100));transform-origin:center}a.hero__art-stage{text-decoration:none;color:inherit}a.hero__art-stage:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:8px}.hero__art-glow{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--logo-tint, rgba(245, 229, 185, .28)) 0%,transparent 62%);filter:blur(28px);z-index:0;pointer-events:none}.hero__art-shadow{position:absolute;left:50%;bottom:6%;width:64%;height:28px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0%,rgba(0,0,0,.28) 45%,transparent 78%);filter:blur(10px);z-index:1;pointer-events:none;transform:translate(-50%) scale(.92,.85);animation:hero-art-shadow 6s ease-in-out infinite}.hero__art-image{position:relative;z-index:2;width:92%;height:92%;object-fit:contain;animation:hero-art-bob 6s ease-in-out infinite;will-change:transform;-webkit-mask-image:radial-gradient(ellipse 80% 88% at 50% 48%,#000 55%,transparent 92%);mask-image:radial-gradient(ellipse 80% 88% at 50% 48%,#000 55%,transparent 92%)}.hero__art-stage--cutout .hero__art-image{-webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 18px 24px rgba(0,0,0,.35))}.hero__art-glyph{position:relative;z-index:2;font-family:var(--font-body);font-weight:500;font-size:11px;color:var(--color-text-subtle);letter-spacing:.16em;padding:8px 14px;border:1px dashed var(--color-border-strong);border-radius:3px}@keyframes hero-art-bob{0%,to{transform:translateY(-8px)}50%{transform:translateY(8px)}}@keyframes hero-art-shadow{0%,to{transform:translate(-50%) scale(.82,.72);opacity:.38}50%{transform:translate(-50%) scale(1.06,.94);opacity:.58}}.hero__dots{position:absolute;bottom:22px;left:48px;z-index:2;display:flex;gap:8px;align-items:center}.hero__dot{position:relative;width:32px;height:var(--touch-min);background:transparent;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center}.hero__dot:before{content:"";display:block;width:100%;height:3px;border-radius:2px;background:#f5e5b92e;transition:background .15s}.hero__dot:hover:before{background:#f5e5b966}.hero__dot:after{content:"";position:absolute;left:0;top:calc(50% - 1.5px);width:100%;height:3px;border-radius:2px;background:var(--color-accent);pointer-events:none;transform:scaleX(0);transform-origin:left center}.hero__dot[aria-current=true]:after{transform:scaleX(1)}.hero-section[data-auto-rotate=true] .hero__dot[aria-current=true]:after{transform:scaleX(0);animation:hero-dot-fill var(--rotation-duration, 6s) linear forwards}@media(hover:hover){.hero-section[data-auto-rotate=true]:hover .hero__dot[aria-current=true]:after{animation-play-state:paused}}@keyframes hero-dot-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:var(--touch-min);height:var(--touch-min);border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}.hero__arrow:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-on)}.hero__arrow:active{transform:translateY(-50%) scale(.95)}.hero__arrow--prev{left:4px}.hero__arrow--next{right:4px}.hero__arrow svg{display:block}@media(max-width:980px){.hero__slide[aria-hidden=false]{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:970px}.hero__art{order:1}.hero__meta{order:2}.hero__meta{padding:28px 28px 48px;gap:24px}.hero__title{font-size:38px}.hero__art{border-left:none;border-top:none;min-height:470px;padding:28px 16px 16px}.hero__art-stage{width:min(90%,440px);height:min(95%,420px)}.hero__dots{left:28px;bottom:16px}}@media(max-width:720px){.hero__arrow{display:none}.hero__title{font-size:32px}.hero__meta{padding:28px 20px 56px}.hero__stats{gap:14px 22px}.hero__shipping{border-right:none;padding-right:0;margin-right:0;padding-bottom:12px;border-bottom:1px dashed var(--color-border-strong);width:100%}}@media(max-width:480px){.hero__title{font-size:28px}.hero__price-now{font-size:22px}.hero__actions .btn{flex:1;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/section-hero.css.map */