.hero-panels{position:relative;--hero-height: 75svh;color:#fff}.hero-panels--small{--hero-height: 55svh}.hero-panels--medium{--hero-height: 75svh}.hero-panels--large{--hero-height: 90svh}.hero-panels--full{--hero-height: calc( 100svh - var(--hero-header-offset, var(--header-height, 0px)) - var(--announcement-height, 0px) )}.hero-panels__track{display:grid;grid-template-columns:repeat(var(--panel-count),minmax(0,1fr));min-height:max(var(--hero-height),26rem);background:#0a0a0a}.hero-panels__track--gap{gap:4px}.hero-panels__slider{display:block;position:relative}.hero-panels__track[data-slider-track]:focus-visible{outline:2px solid #fff;outline-offset:-4px}.hero-panels__dots,.hero-panels__arrow{display:none}.hero-panels__dots{position:absolute;left:50%;bottom:.5rem;z-index:3;transform:translate(-50%)}.hero-panels__dots .slider-dot:before{background:#fff6}.hero-panels__dots .slider-dot[aria-current=true]:before{background:#fff}.hero-panels__arrow{position:absolute;top:50%;z-index:3;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:#00000059;color:#fff;transform:translateY(-50%);transition:background-color var(--dur-fast),opacity var(--dur-fast)}.hero-panels__arrow:hover:not(:disabled){background:#0009}.hero-panels__arrow:disabled{opacity:0;pointer-events:none}.hero-panels__arrow .icon{width:1rem;height:1rem}.hero-panels__arrow--prev{left:clamp(.75rem,2vw,1.5rem)}.hero-panels__arrow--next{right:clamp(.75rem,2vw,1.5rem)}@media(min-width:750px){.hero-panels--desktop-carousel .hero-panels__track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.hero-panels--desktop-carousel .hero-panels__panel{scroll-snap-align:start;scroll-snap-stop:always}.hero-panels--desktop-carousel .is-scrollable .hero-panels__dots:not([hidden]){display:flex}.hero-panels--desktop-carousel .is-scrollable{--hero-dots-room: 1.75rem}.hero-panels--desktop-carousel .is-scrollable .hero-panels__arrow{display:grid}}@media(max-width:749px){.hero-panels--mobile-carousel .hero-panels__track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;min-height:max(var(--hero-height),26rem)}.hero-panels--mobile-carousel .hero-panels__panel{scroll-snap-align:start;scroll-snap-stop:always}.hero-panels--mobile-carousel .is-scrollable .hero-panels__dots:not([hidden]){display:flex}.hero-panels--mobile-carousel .is-scrollable{--hero-dots-room: 1.75rem}}.hero-panels__track::-webkit-scrollbar{display:none}.hero-panels__panel{position:relative;display:block;overflow:hidden;color:#fff;text-decoration:none;isolation:isolate}.hero-panels__media{position:absolute;top:0;right:0;bottom:0;left:0;background:#111}.hero-panels__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#0000 45%),rgba(0,0,0,var(--overlay-opacity, 0));pointer-events:none}.hero-panels__image,.hero-panels__video,.hero-panels__placeholder,.hero-panels__media picture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 2.4s var(--ease-luxe)}.hero-panels__placeholder{fill:#ffffff40;background:#1a1a1a}@media(hover:hover){a.hero-panels__panel:hover .hero-panels__image,a.hero-panels__panel:hover .hero-panels__video,a.hero-panels__panel:hover .hero-panels__placeholder{transform:scale(1.04)}}.hero-panels__caption{position:absolute;left:clamp(1rem,2.5vw,2rem);bottom:calc(clamp(4.25rem,5vw,5rem) + var(--hero-dots-room, 0px));z-index:1;display:inline-flex;align-items:center;gap:.5rem;font-size:clamp(.72rem,.85vw,.82rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 1px 12px rgba(0,0,0,.35)}.hero-panels__caption:after{content:"";position:absolute;left:0;right:0;bottom:-.4rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--dur-base) var(--ease-luxe)}@media(hover:hover){a.hero-panels__panel:hover .hero-panels__caption:after{transform:scaleX(1)}}.hero-panels__caption-arrow .icon{width:.85rem;height:.85rem;transition:transform var(--dur-base) var(--ease-luxe)}a.hero-panels__panel:hover .hero-panels__caption-arrow .icon{transform:translate(4px)}.hero-panels__overlay{position:absolute;inset:var(--section-pt, 0px) 0 var(--section-pb, 0px);z-index:2;display:grid;padding:clamp(1.5rem,5vw,4rem);pointer-events:none;text-align:center}.hero-panels__overlay--center{place-items:center}.hero-panels__overlay--bottom{place-items:end center;padding-bottom:clamp(3.5rem,8vw,6rem)}.hero-panels__content{display:grid;justify-items:center;gap:1.25rem;max-width:48rem;text-shadow:0 2px 24px rgba(0,0,0,.25)}.hero-panels__button{--button-bg: #fff;--button-fg: #0a0a0a;--button-border: #fff;pointer-events:auto;text-shadow:none}.hero-panels__panel-content{position:absolute;left:clamp(1.25rem,3.35vw,3rem);right:clamp(1.25rem,3.35vw,3rem);bottom:calc(clamp(1.25rem,3.35vw,3rem) + var(--hero-dots-room, 0px));z-index:1;display:grid;justify-items:start;gap:.3rem;text-align:start;text-shadow:0 1px 14px rgb(0 0 0 / .3)}.hero-panels__eyebrow{font-size:clamp(.7rem,.66rem + .1vw,.78rem);font-weight:500;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}.hero-panels__panel-heading{margin-bottom:clamp(.85rem,1.5vw,1.4rem);font-family:var(--font-heading--family);font-size:clamp(1.15rem,1rem + .55vw,1.6rem);font-weight:700;letter-spacing:.05em;line-height:1.1;text-transform:uppercase}.hero-panels__panel-button{display:inline-flex;align-items:center;justify-content:center;min-width:8.5rem;min-height:2.75rem;padding:.7rem 1.75rem;border:1px solid #0a0a0a;background:#fff;color:#0a0a0a;box-shadow:2px 2px #00000047;font-family:var(--font-body--family);font-size:.78rem;font-weight:600;letter-spacing:.14em;line-height:1;text-transform:uppercase;text-shadow:none;transition:background-color var(--dur-base) var(--ease-luxe),color var(--dur-base) var(--ease-luxe),box-shadow var(--dur-base) var(--ease-luxe)}@media(hover:hover){a.hero-panels__panel:hover .hero-panels__panel-button{background:#0a0a0a;color:#fff;box-shadow:0 0 0 1px #fff}}a.hero-panels__panel:focus-visible{outline:2px solid #fff;outline-offset:-4px}@media(max-width:749px){.hero-panels{--hero-height: var(--hero-mobile-height, 65svh)}.hero-panels--mobile-swipe .hero-panels__track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:3px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;min-height:max(var(--hero-height),26rem)}.hero-panels--mobile-swipe .hero-panels__track::-webkit-scrollbar{display:none}.hero-panels--mobile-swipe .hero-panels__panel{scroll-snap-align:start}.hero-panels--mobile-swipe .hero-panels__panel:only-child{grid-column:1 / -1}.hero-panels--mobile-stack .hero-panels__track{grid-template-columns:1fr;grid-auto-rows:max(calc(var(--hero-height) * .7),22rem);min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero-panels.css.map */