.hero-banner{position:relative;width:100vw;min-height:100vh;margin:0;padding:0;overflow:clip;background:#050505;--glow-x: 72%;--glow-y: 40%}.hero-banner__card{position:relative;display:block;min-height:100vh;border-radius:0;overflow:hidden;background:transparent;box-shadow:none;isolation:isolate}.hero-banner__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(800px circle at var(--glow-x) var(--glow-y),color-mix(in srgb,var(--color-primary) 44%,transparent) 0%,color-mix(in srgb,var(--color-accent) 12%,transparent) 40%,transparent 70%);will-change:background;mix-blend-mode:screen}.hero-banner__left{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;min-height:100vh;max-width:42rem;padding:clamp(2rem,4vw,3rem);padding-top:clamp(9.5rem,16vh,11rem)}.hero-banner__copy{display:grid;gap:var(--space-6);margin-top:0;padding-bottom:0}.hero-banner__heading{font-size:var(--display-xl);color:color-mix(in srgb,white 96%,transparent);letter-spacing:-.04em;line-height:.92}.hero-banner__stat{display:inline-flex;align-items:center;gap:var(--space-4);width:fit-content;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:color-mix(in srgb,white 7%,transparent);border:1px solid color-mix(in srgb,white 10%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-banner__stat-number{font-family:var(--font-heading);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1;letter-spacing:-.04em;color:#fff}.hero-banner__stat-label{font-size:var(--font-size-sm);color:color-mix(in srgb,white 65%,transparent);line-height:1.3;max-width:7rem}.hero-banner__body{color:color-mix(in srgb,white 60%,transparent);max-width:26rem;font-size:var(--font-size-base);line-height:1.6}.hero-banner__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-banner__btn-primary{background:#fff;color:#0a0a0a;border-color:#fff}.hero-banner__btn-primary:hover,.hero-banner__btn-primary:focus-visible{background:color-mix(in srgb,white 88%,transparent);border-color:color-mix(in srgb,white 88%,transparent);box-shadow:0 .75rem 2rem color-mix(in srgb,white 20%,transparent)}.hero-banner__btn-ghost{background:color-mix(in srgb,white 9%,transparent);color:#fff;border-color:color-mix(in srgb,white 18%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-banner__btn-ghost:hover,.hero-banner__btn-ghost:focus-visible{background:color-mix(in srgb,white 16%,transparent);border-color:color-mix(in srgb,white 30%,transparent);box-shadow:0 .75rem 2rem color-mix(in srgb,var(--color-primary) 12%,transparent)}.hero-banner__right{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-banner__img-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner__img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.92}.hero-banner__img-placeholder{width:100%;height:100%;background:transparent}.hero-banner__right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#050505 0%,color-mix(in srgb,#050505 60%,transparent) 28%,transparent 52%);pointer-events:none}.hero-banner__product-float{position:absolute;bottom:clamp(1.5rem,3vw,2.5rem);left:clamp(1.25rem,2.5vw,2rem);z-index:4;display:flex;align-items:center;gap:var(--space-3);max-width:17rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb,white 10%,transparent);border:1px solid color-mix(in srgb,white 14%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 1rem 2.5rem color-mix(in srgb,black 36%,transparent);animation:hero-float-card 6s ease-in-out infinite alternate}@keyframes hero-float-card{0%{transform:translateY(0)}to{transform:translateY(-.5rem)}}.hero-banner__product-float-img{flex-shrink:0;width:3.75rem;height:3.75rem;border-radius:var(--radius-sm);overflow:clip;background:color-mix(in srgb,white 8%,transparent)}.hero-banner__product-float-img img{width:100%;height:100%;object-fit:cover}.hero-banner__product-float-info{display:grid;gap:var(--space-2);min-width:0}.hero-banner__product-float-title{font-weight:600;font-size:var(--font-size-sm);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-banner__product-float-price{font-size:var(--font-size-sm);color:color-mix(in srgb,white 60%,transparent)}.hero-banner__product-float-cta{display:inline-flex;align-items:center;justify-content:center;height:1.875rem;padding-inline:var(--space-4);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:700;background:#fff;color:#0a0a0a;transition:background var(--transition-base);white-space:nowrap}.hero-banner__product-float-cta:hover{background:color-mix(in srgb,white 85%,transparent)}@media(max-width:56rem){.hero-banner,.hero-banner__card{min-height:46rem}.hero-banner__left{min-height:46rem;max-width:100%;padding:clamp(1.5rem,5vw,2.5rem);padding-top:clamp(7rem,14vw,8.5rem)}.hero-banner__right:before{background:linear-gradient(180deg,color-mix(in srgb,#050505 88%,transparent) 0%,transparent 45%)}.hero-banner__product-float{bottom:1rem;left:1rem}}@media(max-width:36rem){.hero-banner__heading{font-size:clamp(3rem,14vw,4.5rem)}.hero-banner__stat{gap:var(--space-3);padding:var(--space-3) var(--space-4)}.hero-banner__actions{flex-direction:column}.hero-banner__actions .hero-banner__btn-primary{width:fit-content}.hero-banner__actions .hero-banner__btn-ghost{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-hero-banner.css.map */