.hero{--edge: max(var(--pad), calc((100% - var(--page-width)) / 2 + var(--pad)));position:relative;display:block;overflow:hidden;background:var(--fix)}.hero__track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.hero__track::-webkit-scrollbar{display:none}.hero__slide{position:relative;flex:0 0 100%;display:flex;align-items:flex-end;height:min(125vw,calc(100svh - 130px));min-height:500px;color:var(--card);isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always}.hero__media,.hero__media img,.hero__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-2}.hero__media img{object-fit:cover}.hero__media--empty{background:var(--muted)}.hero__media--empty svg{fill:color-mix(in srgb,var(--card) 30%,transparent)}.hero__slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(0deg,color-mix(in srgb,var(--fix) 68%,transparent) 0%,color-mix(in srgb,var(--fix) 22%,transparent) 42%,transparent 62%)}.hero__text{max-width:640px;padding:0 var(--pad) 64px}.hero__label{display:inline-block;margin-bottom:12px;padding:4px 11px;border-radius:var(--radius-pill);background:var(--butter);color:var(--fix);font-size:13px;font-weight:700}.hero__heading{font-size:clamp(42px,11.5vw,92px);line-height:.94;letter-spacing:-.035em;text-shadow:0 2px 24px color-mix(in srgb,var(--fix) 25%,transparent)}.hero__copy{max-width:30em;margin:12px 0 18px;font-size:17px;opacity:.95}.hero__buttons{display:flex;flex-wrap:wrap;gap:8px}.hero__buttons .btn--white{background:var(--card)}.hero__ghost{background:color-mix(in srgb,var(--card) 14%,transparent);color:var(--card);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--card) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero__product{display:none}.hero__controls{position:absolute;left:var(--pad);right:var(--pad);bottom:18px;z-index:3;display:flex;align-items:center;gap:10px}.hero__bars{display:flex;flex:1;gap:6px}.hero__bar{flex:1;height:28px;padding:12px 0;border:0;background:none}.hero__bar i{position:relative;display:block;height:4px;overflow:hidden;border-radius:2px;background:color-mix(in srgb,var(--card) 35%,transparent)}.hero__bar i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card);transform:scaleX(0);transform-origin:left}.hero__bar[aria-current=true] i:after{transform:scaleX(var(--p, 1))}.hero__bar.is-done i:after{transform:scaleX(1)}.hero__toggle{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--fix) 35%,transparent);color:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero__toggle .icon{width:16px;height:16px}.hero__icon-play,.hero[data-paused] .hero__icon-pause{display:none}.hero[data-paused] .hero__icon-play{display:block}.hero__arrow{display:none}hero-slideshow:not(:defined) .hero__toggle,hero-slideshow:not(:defined) .hero__arrow,.hero[data-static] .hero__toggle{display:none!important}@media(min-width:900px){.hero__slide{height:min(78vh,720px);min-height:560px}.hero__media img{object-position:var(--fp-d, 50% 50%)!important}.hero__slide:after{background:linear-gradient(90deg,color-mix(in srgb,var(--fix) 62%,transparent),color-mix(in srgb,var(--fix) 8%,transparent) 55%)}.hero__text{align-self:center;margin-left:var(--edge);padding:0 0 70px}.hero__product{position:absolute;right:var(--edge);bottom:88px;display:flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border-radius:var(--radius-tile);background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 10px 30px color-mix(in srgb,var(--fix) 20%,transparent);color:var(--fix);font-weight:600;text-decoration:none}.hero__product img{width:64px;height:64px;border-radius:12px;background:var(--card);object-fit:contain}.hero__product b{display:block;font-family:var(--display);font-size:17px}.hero__controls{left:var(--edge);right:auto;bottom:30px;width:300px}.hero__arrow{position:absolute;bottom:26px;z-index:4;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--card) 70%,transparent);color:var(--fix);box-shadow:0 4px 14px color-mix(in srgb,var(--fix) 15%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .2s}.hero__arrow:hover{background:var(--card)}.hero__arrow .icon{width:18px;height:18px}.hero__arrow--prev{right:calc(var(--edge) + 54px)}.hero__arrow--next{right:var(--edge)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/hero-slideshow.css.map */