.hero{position:relative;overflow:hidden;min-height:100svh;display:flex;align-items:flex-end}.hero--full{min-height:100svh;height:100svh}.hero--large{min-height:82svh;height:82svh}.hero--medium{min-height:64svh;height:64svh}.hero--small{min-height:48svh;height:48svh}@supports (height:100dvh){.hero{min-height:100dvh}.hero--full{min-height:100dvh;height:100dvh}.hero--large{min-height:82dvh;height:82dvh}.hero--medium{min-height:64dvh;height:64dvh}.hero--small{min-height:48dvh;height:48dvh}}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero__media img,.hero__media video,.hero__media picture{width:100%;height:100%;object-fit:cover;display:block}.hero__media picture img{width:100%;height:100%;object-fit:cover}.hero__media>img,.hero__media>video,.hero__poster img{aspect-ratio:16/9}.hero__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:1;transition:opacity .6s var(--ease-out)}.hero__poster img{width:100%;height:100%;object-fit:cover;display:block}.hero__poster.is-hidden{opacity:0}.hero__media video{position:relative;z-index:0}.hero__fallback-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-surface-warm,#f7f4ef),var(--color-surface,#efefec));color:var(--color-text-muted)}.hero__fallback-media .placeholder-svg{width:min(42vw,520px);height:auto;opacity:.22}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 60%);pointer-events:none}.hero__click-target{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;text-decoration:none;color:inherit}.hero__video-controls{position:absolute;bottom:var(--space-xl);right:var(--space-xl);z-index:5;display:flex;align-items:center;gap:12px}.hero__video-control,.hero__sound-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff;cursor:pointer;width:auto;height:auto;padding:6px;transition:opacity var(--duration-fast)}.hero__video-control:hover,.hero__sound-toggle:hover{background:transparent;opacity:.75}.hero__video-control svg,.hero__sound-toggle svg{width:24px;height:24px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.65))}.hero__play-toggle .hero__play-icon{display:none}.hero__play-toggle .hero__pause-icon,.hero__play-toggle.is-paused .hero__play-icon{display:block}.hero__play-toggle.is-paused .hero__pause-icon,.hero__sound-toggle .hero__sound-on{display:none}.hero__sound-toggle .hero__sound-off,.hero__sound-toggle.is-unmuted .hero__sound-on{display:block}.hero__sound-toggle.is-unmuted .hero__sound-off{display:none}.hero__content{position:relative;z-index:3;padding:0 var(--container-padding) var(--space-5xl);max-width:var(--container-max);margin:0 auto;width:100%;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center}.hero__content--align-left{align-items:flex-start;text-align:left}.hero__content--align-center{align-items:center;text-align:center}.hero__content--align-right{align-items:flex-end;text-align:right}.hero--pos-top{align-items:flex-start}.hero--pos-middle{align-items:center}.hero--pos-bottom{align-items:flex-end}.hero__content--pos-top{padding-top:max(var(--space-5xl),var(--header-height));padding-bottom:0}.hero__content--pos-middle{padding-top:0;padding-bottom:0}.hero__eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;margin-bottom:var(--space-sm);opacity:.85}.hero__title{font-family:var(--font-heading);font-size:clamp(2rem,5.5vw,4.5rem);font-weight:var(--font-weight-light);line-height:1.05;max-width:900px;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);white-space:pre-line}.hero__subtitle{font-size:var(--font-size-base);margin-top:var(--space-sm);max-width:500px;opacity:.85;line-height:1.7}.hero__cta{margin-top:var(--space-md);display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.hero__cta-link{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:4px;transition:border-color var(--duration-fast),opacity var(--duration-fast)}.hero__cta-link:hover{border-color:#fff;opacity:.8}.hero__cta-link{color:var(--hero-button-text,#fff);border-color:var(--hero-button-border,rgba(255,255,255,.6))}.hero__cta-link:hover{color:var(--hero-button-text,#fff);border-color:var(--hero-button-hover-border,var(--hero-button-border,#fff));opacity:.82;font-weight:var(--font-weight-bold)}.hero__cta-link--boxed{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 22px;border:1px solid var(--hero-button-border,currentColor);background:var(--hero-button-bg,transparent);color:var(--hero-button-text,#fff);text-decoration:none}.hero__cta-link--boxed:hover{background:var(--hero-button-bg,rgba(255,255,255,.12));border-color:var(--hero-button-hover-border,var(--hero-button-border,currentColor));color:var(--hero-button-text,#fff);opacity:.88;font-weight:var(--font-weight-bold);filter:brightness(1.08)}.hero__cta-link--secondary{opacity:.88}.hero__scroll-next{position:relative;z-index:6;margin-top:var(--hero-scroll-arrow-gap,14px);width:var(--hero-scroll-arrow-size,22px);height:var(--hero-scroll-arrow-size,22px);display:inline-flex;align-items:center;justify-content:center;padding:2px;border:0;background:transparent;color:#fff;opacity:.78;cursor:pointer;filter:drop-shadow(0 2px 10px rgba(0,0,0,.55));transition:opacity var(--duration-fast),transform var(--duration-fast),filter var(--duration-fast)}.hero__scroll-next:hover{opacity:1;transform:translateY(2px);filter:drop-shadow(0 4px 12px rgba(0,0,0,.68))}.hero__scroll-next:focus-visible{opacity:1;outline:1px solid currentColor;outline-offset:6px;transform:translateY(2px)}.hero__scroll-next svg{width:100%;height:100%}.hero:not(.hero--scroll-arrow-static) .hero__scroll-next svg{animation:heroScrollArrow 1.65s var(--ease-out) infinite}@keyframes heroScrollArrow{0%,to{transform:translateY(-1px)}50%{transform:translateY(2px)}}.hero--carousel{display:block}.hero__slides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;opacity:0;visibility:hidden;transition:opacity .78s var(--ease-out),visibility .78s var(--ease-out)}.hero__slide.is-active{opacity:1;visibility:visible;z-index:1}.hero__slide--initial.is-active{opacity:1;visibility:visible;transition:none}.hero__media--lcp,.hero__media--lcp picture,.hero__media--lcp img{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.hero__slide .hero__media{z-index:0}.hero__slide .hero__content{align-self:flex-end}.hero__slide .hero__content--pos-top{align-self:flex-start}.hero__slide .hero__content--pos-middle{align-self:center}.hero__carousel-arrow{position:absolute;top:50%;z-index:7;width:42px;height:42px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;color:#fff;opacity:.78;cursor:pointer;transform:translateY(-50%);transition:opacity var(--duration-fast),transform var(--duration-fast)}.hero__carousel-arrow:hover{opacity:1}.hero__carousel-arrow:active{transform:translateY(-50%) scale(.96)}.hero__carousel-arrow svg{width:30px;height:30px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.55))}.hero__carousel-arrow--prev{left:max(22px,env(safe-area-inset-left))}.hero__carousel-arrow--next{right:max(22px,env(safe-area-inset-right))}.hero__carousel-nav{position:absolute;left:max(var(--container-padding),env(safe-area-inset-left));bottom:clamp(30px,6vh,58px);z-index:7;display:grid;gap:var(--hero-nav-gap,8px);width:min(var(--hero-nav-width,200px),30vw);color:#fff}.hero__carousel-name{position:relative;display:none;grid-template-columns:2px minmax(0,1fr);align-items:center;gap:12px;min-height:20px;padding:0;background:transparent;border:0;color:currentColor;text-align:left;opacity:.48;cursor:pointer;transition:opacity var(--duration-fast)}.hero__carousel-name.is-window-visible{display:grid}.hero__carousel-name.is-prev{order:1}.hero__carousel-name.is-active{order:2}.hero__carousel-name.is-next{order:3}.hero__carousel-name:hover,.hero__carousel-name.is-active{opacity:1}.hero__carousel-name-track{position:relative;display:block;width:2px;height:100%;min-height:22px;overflow:hidden;background:#ffffff47}.hero__carousel-name .hero__carousel-progress{position:absolute;left:0;right:0;top:0;width:100%;height:0;background:#fff}.hero__carousel-name-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--hero-nav-text-size,12px);font-weight:var(--font-weight-medium);letter-spacing:.01em;line-height:1.25;text-shadow:0 2px 12px rgba(0,0,0,.62)}.hero__carousel-name.is-active .hero__carousel-name-track{min-height:var(--hero-nav-track-height,32px);background:#ffffff57}.hero__carousel-name.is-active .hero__carousel-name-text{font-size:var(--hero-nav-active-text-size,16px);font-weight:var(--font-weight-bold)}.hero__carousel-name:not(.is-active) .hero__carousel-name-track{background:transparent}.hero--carousel-autoplay .hero__carousel-name.is-active .hero__carousel-progress{animation:heroCarouselProgressVertical var(--hero-slide-interval,3s) linear forwards}.hero:not(.hero--carousel-autoplay) .hero__carousel-name.is-active .hero__carousel-progress{height:100%}.hero__carousel-bars{display:none}.hero__carousel-bar{padding:0;background:transparent;border:0;color:#fff}.hero__carousel-bar-track{position:relative;display:block;overflow:hidden;background:#ffffff59}.hero__carousel-bar .hero__carousel-progress{position:absolute;inset:0 auto 0 0;width:0;background:#fff}.hero--carousel-autoplay .hero__carousel-bar.is-active .hero__carousel-progress{animation:heroCarouselProgress var(--hero-slide-interval,3s) linear forwards}.hero:not(.hero--carousel-autoplay) .hero__carousel-bar.is-active .hero__carousel-progress{width:100%}@keyframes heroCarouselProgress{0%{width:0}to{width:100%}}@keyframes heroCarouselProgressVertical{0%{height:0}to{height:100%}}@media(max-width:768px){.hero__carousel-arrow,.hero__carousel-nav{display:none}.hero__carousel-bars{position:absolute;left:50%;bottom:max(26px,env(safe-area-inset-bottom));z-index:7;display:flex;align-items:center;justify-content:center;gap:var(--hero-mobile-bar-gap,5px);width:min(var(--hero-mobile-bars-width,150px),60vw);transform:translate(-50%)}.hero__carousel-bar{flex:1;min-width:12px;height:10px;display:flex;align-items:center}.hero__carousel-bar-track{width:100%;height:var(--hero-mobile-bar-height,2px);border-radius:999px;background:#ffffff57}.hero__cta-link--boxed{min-height:38px;padding:0 18px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero.css.map */