.hero-carousel{position:relative;width:100%}.hero-carousel--h-small{--hero-h: clamp(360px, 52vh, 560px)}.hero-carousel--h-medium{--hero-h: clamp(440px, 66vh, 700px)}.hero-carousel--h-large{--hero-h: clamp(520px, 80vh, 860px)}.hero-carousel--h-full{--hero-h: 100vh}@supports (height: 100svh){.hero-carousel--h-full{--hero-h: 100svh}}.hero-carousel__viewport{position:relative;overflow:hidden}.hero-carousel__track{position:relative}.hero-banner{position:relative;min-height:var(--hero-h);background:var(--ae-surface, #f6f6f5);isolation:isolate;overflow:hidden}.hero-carousel--fade .hero-banner{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s linear .8s}.hero-carousel--fade .hero-banner.is-active{position:relative;opacity:1;visibility:visible;z-index:1;transition:opacity .8s ease}.hero-carousel--slide .hero-carousel__track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1)}.hero-carousel--slide .hero-banner{flex:0 0 100%;width:100%}.hero-banner__media-col{position:relative}.hero-carousel--overlay .hero-banner__media-col{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-carousel--overlay .hero-banner__content-col{position:relative;z-index:1}.hero-carousel--splitstyle-panel .hero-banner{display:grid;grid-template-columns:1fr 1fr}.hero-carousel--splitstyle-panel .hero-banner__media-col{min-height:var(--hero-h)}.hero-carousel--splitstyle-panel .hero-banner__content-col{display:flex;align-items:center;min-height:var(--hero-h);padding:clamp(28px,5vw,72px);box-sizing:border-box}.hero-carousel--splitstyle-panel.hero-carousel--media-right .hero-banner__media-col{order:2}.hero-carousel--splitstyle-panel.hero-carousel--media-right .hero-banner__content-col{order:1}.hero-carousel--splitstyle-panel.hero-carousel--panel-light .hero-banner__content-col{background:var(--ae-surface, #f6f6f5)}.hero-carousel--splitstyle-panel.hero-carousel--panel-dark .hero-banner__content-col{background:var(--ae-ink, #000)}.hero-carousel--splitstyle-panel.hero-carousel--panel-accent .hero-banner__content-col{background:var(--ae-accent, #970303)}.hero-carousel--splitstyle-full .hero-banner__media-col{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-carousel--splitstyle-full .hero-banner__content-col{position:relative;z-index:1;display:flex;align-items:center;min-height:var(--hero-h);padding:clamp(28px,5vw,72px);box-sizing:border-box}.hero-carousel--splitstyle-full.hero-carousel--media-right .hero-banner__content-col{justify-content:flex-end}.hero-carousel--splitstyle-full .hero-banner__inner{padding:clamp(24px,3vw,40px);border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-carousel--splitstyle-full.hero-carousel--panel-light .hero-banner__inner{background:#ffffffd1}.hero-carousel--splitstyle-full.hero-carousel--panel-dark .hero-banner__inner{background:#00000073}.hero-carousel--splitstyle-full.hero-carousel--panel-accent .hero-banner__inner{background:#97030399}.hero-carousel--panel-light .hero-banner__heading{color:var(--ae-ink, #000)}.hero-carousel--panel-light .hero-banner__eyebrow{color:var(--ae-accent, #970303)}.hero-carousel--panel-light .hero-banner__subheading{color:var(--ae-body, #616161)}.hero-carousel--panel-dark .hero-banner__heading,.hero-carousel--panel-dark .hero-banner__eyebrow,.hero-carousel--panel-accent .hero-banner__heading,.hero-carousel--panel-accent .hero-banner__eyebrow{color:#fff}.hero-carousel--panel-dark .hero-banner__subheading,.hero-carousel--panel-accent .hero-banner__subheading{color:#ffffffdb}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;isolation:isolate;overflow:hidden}.hero-banner__media>picture{display:block;width:100%;height:100%}.hero-banner__img,.hero-banner__placeholder{display:block;width:100%;height:100%;object-fit:cover}.hero-banner__video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.hero-banner__video-embed{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;pointer-events:none}.hero-banner__duotone{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply;pointer-events:none}.hero-carousel--duotone .hero-banner__img,.hero-carousel--duotone .hero-banner__video{filter:grayscale(1) contrast(1.05)}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-carousel--overlay .hero-banner--text-light .hero-banner__media-col:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to top,#00000073,#0000 55%)}.hero-carousel--overlay .hero-banner__container{display:flex;width:100%;min-height:var(--hero-h);box-sizing:border-box;padding-block:56px;padding-inline:var(--desktop-container-gutter, 40px)}.hero-carousel--split .hero-banner__container{width:100%}.hero-banner__inner{display:flex;flex-direction:column;gap:18px;max-width:620px}.hero-carousel--split .hero-banner__inner{max-width:560px}.hero-carousel--align-left .hero-banner__container{align-items:flex-end;justify-content:flex-start}.hero-carousel--align-center .hero-banner__container{align-items:center;justify-content:center}.hero-carousel--align-center .hero-banner__inner{align-items:center;text-align:center;max-width:760px;margin-inline:auto}.hero-carousel--overlay .hero-banner--text-light .hero-banner__heading,.hero-carousel--overlay .hero-banner--text-light .hero-banner__eyebrow{color:#fff}.hero-carousel--overlay .hero-banner--text-light .hero-banner__subheading{color:#ffffffe6}.hero-carousel--overlay .hero-banner--text-dark .hero-banner__heading{color:var(--ae-ink, #000)}.hero-carousel--overlay .hero-banner--text-dark .hero-banner__eyebrow{color:var(--ae-accent, #970303)}.hero-carousel--overlay .hero-banner--text-dark .hero-banner__subheading{color:var(--ae-body, #616161)}.hero-banner__eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0;font-family:var(--brutal-font-mono, "Space Mono", monospace);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero-carousel--align-center .hero-banner__eyebrow{justify-content:center}.hero-banner__eyebrow-line{display:inline-block;width:30px;height:2px;background:currentColor}.hero-banner__heading{margin:0;font-family:var(--b-display, "Avenir-Heavy", sans-serif);font-weight:800;letter-spacing:-.015em;line-height:1.02;font-size:clamp(2.25rem,5.6vw,4.75rem);text-wrap:balance}.hero-carousel--split .hero-banner__heading{font-size:clamp(2.5rem,4vw,5rem)}.hero-banner__subheading{font-family:var(--b-text, "Avenir Next", sans-serif);font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.55;max-width:52ch}.hero-carousel--align-center .hero-banner__subheading{margin-inline:auto}.hero-banner__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.hero-carousel--align-center .hero-banner__actions{justify-content:center}.hero-banner__btn{align-self:flex-start;transition:transform .2s ease,box-shadow .25s ease,background-color .2s ease}.hero-banner__btn:not(.hero-banner__btn--link):hover{transform:translateY(-2px)}.hero-banner__btn.button--primary:hover,.hero-banner__btn.button--secondary:hover{box-shadow:0 10px 24px #0000002e}.hero-banner__btn--has-icon{display:inline-flex;align-items:center;gap:.5em}.hero-banner__btn-icon{display:inline-flex;transition:transform .2s ease}.hero-banner__btn-icon svg{display:block;width:1em;height:1em}.hero-banner__btn--icon-right:hover .hero-banner__btn-icon{transform:translate(3px)}.hero-banner__btn--icon-left:hover .hero-banner__btn-icon{transform:translate(-3px)}.hero-banner__btn--outline{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}.hero-carousel--overlay .hero-banner--text-light .hero-banner__btn--outline{color:#fff}.hero-carousel--overlay .hero-banner--text-dark .hero-banner__btn--outline,.hero-carousel--panel-light .hero-banner__btn--outline{color:var(--ae-ink, #000)}.hero-carousel--panel-dark .hero-banner__btn--outline,.hero-carousel--panel-accent .hero-banner__btn--outline{color:#fff}.hero-banner__btn--outline:hover{background:#7f7f7f24}.hero-banner__btn--link{align-self:center;font-family:var(--brutal-font-mono, "Space Mono", monospace);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px;padding:8px 2px;color:inherit}.hero-banner__btn--link:hover{text-decoration-color:var(--ae-accent, #970303)}.hero-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#00000052;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:background .2s ease,transform .2s ease}.hero-carousel__arrow:hover{background:#0009}.hero-carousel__arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}.hero-carousel__arrow--prev{left:16px}.hero-carousel__arrow--next{right:16px}.hero-carousel__dots{position:absolute;z-index:5;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:8px}.hero-carousel__dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;cursor:pointer;background:#ffffff73;transition:background .2s ease,transform .2s ease}.hero-carousel__dot.is-active{background:#fff;transform:scale(1.25)}.hero-carousel__dot:focus-visible{outline:2px solid #fff;outline-offset:2px}.hero-banner__playpause{position:absolute;z-index:5;right:18px;bottom:18px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:#00000052;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:background .2s ease,transform .2s ease}.hero-banner__playpause:hover{background:#0009;transform:translateY(-1px)}.hero-banner__playpause:focus-visible{outline:2px solid #fff;outline-offset:2px}.hero-banner__playpause-icon{position:relative;width:12px;height:12px}.hero-banner__playpause-icon:before,.hero-banner__playpause-icon:after{content:"";position:absolute;top:0;width:3.5px;height:12px;background:#fff}.hero-banner__playpause-icon:before{left:1px}.hero-banner__playpause-icon:after{right:1px}.hero-carousel.is-paused .hero-banner__playpause-icon:after{display:none}.hero-carousel.is-paused .hero-banner__playpause-icon:before{left:2px;top:-1px;width:0;height:0;background:transparent;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff}.hero-banner__scroll{position:absolute;z-index:5;left:50%;bottom:54px;transform:translate(-50%);width:24px;height:38px;border:2px solid #fff;border-radius:14px;opacity:.7;color:#fff}.hero-banner__scroll span{position:absolute;left:50%;top:7px;width:3px;height:7px;border-radius:2px;background:currentColor;transform:translate(-50%)}@media(prefers-reduced-motion:no-preference){.hero-carousel__slide.is-active .hero-banner__inner>*{animation:hero-rise .8s cubic-bezier(.2,.7,.2,1) both}.hero-carousel__slide.is-active .hero-banner__eyebrow{animation-delay:.05s}.hero-carousel__slide.is-active .hero-banner__heading{animation-delay:.15s}.hero-carousel__slide.is-active .hero-banner__subheading{animation-delay:.28s}.hero-carousel__slide.is-active .hero-banner__actions{animation-delay:.4s}.hero-carousel__slide.is-active .hero-banner__eyebrow-line{width:0;animation:hero-line .7s .25s ease forwards}.hero-carousel--zoom .hero-carousel__slide.is-active .hero-banner__img{animation:hero-kenburns 10s ease-out both;transform-origin:50% 55%}.hero-banner__scroll span{animation:hero-scroll 1.6s ease-in-out infinite}}@keyframes hero-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes hero-line{to{width:30px}}@keyframes hero-kenburns{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes hero-scroll{0%{opacity:0;transform:translate(-50%)}30%{opacity:1}60%{opacity:1;transform:translate(-50%,10px)}to{opacity:0;transform:translate(-50%,12px)}}@media(prefers-reduced-motion:reduce){.hero-banner__video-wrap{display:none}.hero-carousel--fade .hero-banner,.hero-carousel--slide .hero-carousel__track{transition:none}}@media(max-width:900px){.hero-carousel--overlay .hero-banner__container{padding-block:44px}.hero-banner__inner{gap:16px}}@media(max-width:749px){.hero-carousel--splitstyle-panel .hero-banner{grid-template-columns:1fr;min-height:0}.hero-carousel--splitstyle-panel .hero-banner__media-col{order:1!important;min-height:clamp(280px,46vh,460px)}.hero-carousel--splitstyle-panel .hero-banner__content-col{order:2!important;min-height:0;padding:clamp(24px,7vw,40px)}}@media(max-width:640px){.hero-carousel--overlay .hero-banner__container{padding-inline:var(--mobile-container-gutter, 20px)}}@media(max-width:600px){.hero-carousel--h-small{--hero-h: 62vh}.hero-carousel--h-medium{--hero-h: 72vh}.hero-carousel--h-large{--hero-h: 82vh}.hero-banner__inner{max-width:100%}.hero-carousel--overlay .hero-banner__container{align-items:flex-end}.hero-carousel--align-center .hero-banner__container{align-items:center}.hero-banner__heading{font-size:clamp(2rem,9vw,3rem)}.hero-banner__subheading{font-size:1rem}.hero-carousel--mobile-image .hero-banner__video-wrap{display:none}.hero-carousel__arrow{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/section-hero-banner.css.map */
