.sl-hero{--sl-hero-ink: #fff;--sl-hero-soft: #cfcfcf;--sl-hero-quiet: #9b9b9b;--sl-hero-ground: #000;--sl-hero-ease: cubic-bezier(.22, .7, .2, 1);--sl-hero-interval: 5s;--sl-hero-inset: 40px;position:relative;display:grid;grid-template-columns:minmax(0,11fr) minmax(0,13fr);container-type:inline-size;min-height:clamp(640px,calc(100svh - var(--sl-hero-top, 0px)),1040px);background:var(--sl-hero-ground);color:var(--sl-hero-ink);overflow:hidden;isolation:isolate}.sl-hero__media{position:relative;grid-column:2;grid-row:1;min-height:100%;overflow:hidden;background:#111}.sl-hero__media:after{content:"";position:absolute;inset:0 0 auto 0;height:32%;z-index:2;pointer-events:none;background:linear-gradient(to bottom,#00000080,#0000)}.sl-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transition:opacity 1.4s ease}.sl-hero__slide.is-active{opacity:1;z-index:1}.sl-hero__slide picture{display:block;width:100%;height:100%}.sl-hero__img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transform-origin:60% 40%;transition:transform 9s cubic-bezier(.16,.6,.3,1)}.sl-hero__slide.is-active .sl-hero__img{transform:scale(1)}.sl-hero__img--placeholder{background:#1a1a1a;fill:#333}.sl-hero__content{position:relative;z-index:3;grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:flex-end;gap:28px;padding:200px 56px 56px var(--sl-hero-inset)}@supports (width: 1cqw){.sl-hero__content{--sl-hero-inset: max(40px, calc((100cqw - 1500px)/2 + 40px) )}@media only screen and (min-width:1101px){.sl-hero{grid-template-columns:minmax(0,calc(max(40px,(100cqw - 1500px) / 2 + 40px) + min(100cqw * 11 / 24 - 40px,640px))) minmax(0,1fr)}}}.sl-hero__title{margin:0;max-width:11ch;font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-weight:400;font-size:clamp(44px,4.7vw,76px);line-height:1;letter-spacing:.01em;text-transform:uppercase;color:var(--sl-hero-ink);text-wrap:balance}.sl-word{display:inline-block;overflow:hidden;vertical-align:top;padding-top:.16em;margin-top:-.16em}.sl-word__inner{display:inline-block;will-change:transform}.sl-hero__text{margin:0;max-width:38ch;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:18px;line-height:1.55;letter-spacing:0;color:var(--sl-hero-soft)}.sl-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}.sl-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 32px;background:var(--sl-hero-ink);color:var(--sl-hero-ground);font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:14px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background-color .2s ease,color .2s ease;touch-action:manipulation}.sl-hero__button:hover{background:#e6e6e6;color:var(--sl-hero-ground)}.sl-hero__link{display:inline-flex;align-items:center;min-height:44px;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:16px;color:var(--sl-hero-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.sl-hero__link:hover{color:var(--sl-hero-soft)}.sl-hero__button:focus-visible,.sl-hero__link:focus-visible,.sl-hero__choice:focus-visible,.sl-hero__pause:focus-visible{outline:2px solid var(--sl-hero-ink);outline-offset:4px}.sl-hero__index{margin-top:20px}.sl-hero__choices{display:flex;flex-wrap:wrap;gap:8px 32px;margin:0;padding:0;list-style:none}.sl-hero__choice{position:relative;display:inline-flex;align-items:baseline;gap:8px;min-height:44px;padding:0 0 10px;border:0;background:none;color:var(--sl-hero-quiet);font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-size:18px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sl-hero__choice:hover,.sl-hero__choice[aria-current=true]{color:var(--sl-hero-ink)}.sl-hero__choice-count{font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:14px;letter-spacing:0;font-variant-numeric:tabular-nums}.sl-hero__progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left center}.sl-hero__choice[aria-current=true] .sl-hero__progress{transform:scaleX(1)}.sl-hero[data-playing=true] .sl-hero__choice[aria-current=true] .sl-hero__progress{transform:scaleX(0);animation:sl-hero-progress var(--sl-hero-interval) linear forwards}.sl-hero[data-paused=true] .sl-hero__choice[aria-current=true] .sl-hero__progress{animation-play-state:paused}@keyframes sl-hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sl-hero__pause{display:inline-flex;flex:none;align-items:center;justify-content:center;position:absolute;right:24px;bottom:24px;z-index:3;width:44px;height:44px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:#00000073;color:var(--sl-hero-ink);cursor:pointer;transition:background-color .2s ease}.sl-hero__pause:hover{background:#000000b3}.sl-hero__pause[hidden],.sl-hero__icon-play{display:none}.sl-hero__pause[aria-pressed=true] .sl-hero__icon-play{display:block}.sl-hero__pause[aria-pressed=true] .sl-hero__icon-pause{display:none}.sl-hero--pre .sl-hero__title,.sl-hero--pre [data-sl-hero-fade]{opacity:0}.sl-hero--pre .sl-hero__media{clip-path:inset(0 0 0 100%)}@media only screen and (min-width:769px)and (max-width:1100px){.sl-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sl-hero__content{padding:180px 32px 40px var(--sl-hero-inset)}.sl-hero__text{font-size:17px}}@media only screen and (max-width:768px){.sl-hero{grid-template-columns:minmax(0,1fr);min-height:0}.sl-hero__media{grid-column:1;grid-row:1;height:56svh;min-height:340px;max-height:640px}.sl-hero__content{grid-column:1;grid-row:2;gap:20px;padding:28px 17px 36px}.sl-hero__title{font-size:clamp(34px,9.6vw,44px);max-width:none}.sl-hero__text{font-size:16px}.sl-hero__actions{flex-direction:column;align-items:stretch;gap:8px}.sl-hero__button{width:100%}.sl-hero__link{justify-content:center}.sl-hero__index{margin-top:8px}.sl-hero__pause{right:16px;bottom:16px}.sl-hero__choices{flex-wrap:nowrap;gap:24px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.sl-hero__choices::-webkit-scrollbar{display:none}.sl-hero__choice{font-size:16px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.sl-hero__slide{transition:opacity .2s linear}.sl-hero__img,.sl-hero__slide.is-active .sl-hero__img{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/sl-hero.css.map */