.hero{position:relative;color:var(--hero-text,#fff);overflow:clip}.hero__carousel{display:block}.hero__viewport{position:relative;aspect-ratio:2800 / 1000;background:var(--off);overflow:hidden}.hero--h-tall .hero__viewport{aspect-ratio:auto;height:calc(85svh - var(--hero-header,73px));min-height:480px}.hero--h-screen .hero__viewport{aspect-ratio:auto;height:calc(100svh - var(--hero-header,73px));min-height:520px}body:has(main>.shopify-section:first-child .hero):has(.site-header-wrap--over) .hero--h-tall .hero__viewport{height:85svh}body:has(main>.shopify-section:first-child .hero):has(.site-header-wrap--over) .hero--h-screen .hero__viewport{height:100svh}.hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--hero-text,#fff);opacity:0;visibility:hidden;transition:opacity .9s cubic-bezier(.4,0,.2,1),visibility 0s linear .9s}.hero__slide.is-active{opacity:1;visibility:visible;transition-delay:0s;z-index:1}.hero__link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;color:inherit}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--off);overflow:hidden}.hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:rgba(0,0,0,calc(var(--hero-overlay,0) * .8));background:linear-gradient(to top,color-mix(in srgb,var(--hero-overlay-color,#000) calc(var(--hero-overlay,0) * 100%),transparent),color-mix(in srgb,var(--hero-overlay-color,#000) calc(var(--hero-overlay,0) * 55%),transparent))}.hero__media img,.hero__media picture,.hero__media video{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hero-fx,50%) var(--hero-fy,50%)}.hero__placeholder,.hero__placeholder svg{width:100%;height:100%}.hero__placeholder svg{background:var(--soft,#eee)}.hero__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);padding-top:clamp(88px,9vw,132px);padding-bottom:clamp(28px,5vw,64px);pointer-events:none}.hero--multi .hero__content{padding-bottom:clamp(68px,7vw,96px)}.hero__content a{pointer-events:auto}.hero__stage{grid-area:1 / 1;align-self:var(--hero-v,end);display:grid;gap:clamp(14px,2vw,26px);width:100%;justify-items:var(--hero-h,start)}.hero__text{display:grid;gap:12px;justify-items:inherit}.hero__eyebrow{margin:0;font-family:var(--hero-font-b,inherit);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.92}.hero__extra{margin:0;font-family:var(--hero-font-x,inherit);font-size:var(--hero-extra-size,20px);font-style:var(--hero-extra-style,normal);line-height:1.2;max-width:28ch}.hero__heading{font-family:var(--hero-font-h,var(--font-heading));font-weight:var(--hero-w-h,inherit);font-size:var(--hero-h1-m,44px);line-height:1.02;letter-spacing:-.025em;max-width:var(--hero-h1-w,16ch);text-transform:var(--hero-case,none);text-wrap:balance;margin:0}.hero__word{display:inline-block;overflow:hidden;vertical-align:bottom;padding:0 .06em .14em;margin:0 -.06em -.14em}.hero__word>span{display:inline-block}.hero__accent--serif .hero__word--accent>span{font-family:var(--accent-font,"Playfair Display",Georgia,"Times New Roman",serif);font-style:var(--accent-style,italic);font-weight:var(--accent-w,400);letter-spacing:-.01em;text-transform:none;color:var(--hero-accent,currentColor)}.hero__accent--italic .hero__word--accent>span{font-style:italic;font-weight:400;color:var(--hero-accent,currentColor)}.hero__accent--color .hero__word--accent>span{color:var(--hero-accent,currentColor)}.hero__aside{display:grid;gap:18px;justify-items:inherit}.hero__sub{margin:0;font-family:var(--hero-font-b,inherit);font-size:clamp(14px,1.3vw,18px);line-height:1.5;max-width:34ch;white-space:pre-line;opacity:.95}.hero__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;justify-content:inherit}.hero__buttons--free{grid-area:1 / 1;align-self:var(--btn-v,end);justify-self:var(--btn-h,start)}.hbtn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 26px;border:1px solid transparent;border-radius:var(--hero-btn-radius,999px);font-family:var(--hero-font-b,inherit);font-size:12px;font-weight:600;letter-spacing:var(--hero-btn-track,.14em);text-transform:var(--hero-btn-caps,uppercase);text-decoration:none;color:inherit;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}.hbtn i{font-style:normal;transition:transform .3s cubic-bezier(.3,1.4,.5,1)}.hbtn:hover i{transform:translate(4px)}.hbtn:active{transform:scale(.98)}.hbtn:focus-visible{outline:2px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px #00000080}.hbtn--solid-light{background:#fff;color:#070707;border-color:#fff}.hbtn--solid-light:hover,.hbtn--solid-dark{background:#070707;color:#fff;border-color:#070707}.hbtn--solid-dark:hover{background:#fff;color:#070707;border-color:#fff}.hbtn--outline{background:transparent;color:inherit;border-color:currentColor}.hbtn--outline:hover{background:#fff;color:#070707;border-color:#fff}.hbtn--link{padding:0;min-height:44px;border:0;border-radius:0;background:none}.hbtn--link span{background:linear-gradient(currentColor,currentColor) 0 100% / 100% 1px no-repeat;padding-bottom:4px;transition:background-size .35s ease}.hbtn--link:hover span{background-size:0 1px;background-position:100% 100%}.hbtn--link:hover{transform:none}@keyframes hero-rise{0%{transform:translateY(112%)}}@keyframes hero-fade{0%{opacity:0;transform:translateY(14px)}}@keyframes hero-settle{0%{transform:scale(1.09)}}@keyframes hero-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero--intro-rise .hero__slide.is-active .hero__word>span{animation:hero-rise 1s cubic-bezier(.2,.75,.2,1) backwards;animation-delay:calc(var(--hero-delay,.2s) + var(--i,0) * var(--hero-stagger,.1s))}.hero--intro-fade .hero__slide.is-active .hero__heading{animation:hero-fade .9s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:var(--hero-delay,.2s)}.hero--intro-rise .hero__slide.is-active :is(.hero__eyebrow,.hero__extra),.hero--intro-fade .hero__slide.is-active :is(.hero__eyebrow,.hero__extra){animation:hero-fade .8s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:var(--hero-delay,.2s)}.hero--intro-rise .hero__slide.is-active :is(.hero__sub,.hero__buttons){animation:hero-fade .9s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--hero-delay,.2s) + var(--hero-words,3) * var(--hero-stagger,.1s) * .7 + .25s)}.hero--intro-rise .hero__slide.is-active .hero__buttons{animation-delay:calc(var(--hero-delay,.2s) + var(--hero-words,3) * var(--hero-stagger,.1s) * .7 + .42s)}.hero--intro-fade .hero__slide.is-active :is(.hero__sub,.hero__buttons){animation:hero-fade .9s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--hero-delay,.2s) + .25s)}.hero--media-settle .hero__slide.is-active .hero__media :is(img,video){animation:hero-settle 1.8s cubic-bezier(.2,.7,.2,1) backwards}.hero__slide--align-center .hero__stage{text-align:center}.hero__slide--align-end .hero__stage{text-align:right}.hero__slide--align-center :is(.hero__buttons,.hero__aside){justify-content:center}.hero__slide--align-end .hero__buttons{justify-content:flex-end}.hero__controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.hero__controls>*{pointer-events:auto}.hero__arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:#00000047;color:#fff;cursor:pointer;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .25s ease,transform .25s ease}.hero__arrow:hover{background:#0000008c;transform:translateY(-50%) scale(1.06)}.hero__arrow--prev{left:clamp(14px,2.2vw,32px)}.hero__arrow--next{right:clamp(14px,2.2vw,32px)}.hero__arrow:focus-visible,.hero__dot:focus-visible,.hero__pause:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #00000080}.hero__dots{position:absolute;left:50%;bottom:6px;transform:translate(-50%);display:flex;align-items:center}.hero__dot{padding:18px 4px;border:0;background:none;cursor:pointer;color:#fff}.hero__dot i{display:block;position:relative;width:34px;height:3px;border-radius:3px;background:#fff6;overflow:hidden}.hero__dot i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;transform:scaleX(0);transform-origin:left}.hero__dot.is-active i:after{transform:scaleX(1)}hoad-hero[data-running=true] .hero__dot.is-active i:after{animation:hero-bar var(--hero-interval,6s) linear forwards}.hero__dots--dots .hero__dot i{width:9px;height:9px;border-radius:50%}.hero__dots--dots .hero__dot i:after{transform:scale(0);border-radius:50%;transform-origin:center}.hero__dots--dots .hero__dot.is-active i:after{transform:scale(1)}hoad-hero[data-running=true] .hero__dots--dots .hero__dot.is-active i:after{animation:none}.hero__pause{position:absolute;right:clamp(14px,2.2vw,32px);bottom:14px;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:#00000047;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero__pause .hero__play-icon,.hero__pause[aria-pressed=true] .hero__pause-icon{display:none}.hero__pause[aria-pressed=true] .hero__play-icon{display:block}@media(min-width:750px){.hero__heading{font-size:clamp(var(--hero-h1-m,44px),7vw,var(--hero-h1,96px))}.hero__arrow{display:grid}.hero__slide--split .hero__stage{grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:end;column-gap:clamp(24px,5vw,80px);justify-items:start;text-align:left}.hero__slide--split .hero__aside{justify-items:start;padding-bottom:.4em}.hero__slide--split .hero__buttons{justify-content:flex-start}}@media(max-width:749px){.hero--hm-ratio .hero__viewport{aspect-ratio:750 / 1000;height:auto;min-height:0}.hero--hm-tall .hero__viewport{aspect-ratio:1080 / 2340;height:auto;min-height:0}.hero--hm-screen .hero__viewport{aspect-ratio:auto;height:calc(100svh - var(--hero-header,61px));min-height:480px}body:has(main>.shopify-section:first-child .hero):has(.site-header-wrap--over) .hero--hm-screen .hero__viewport{height:100svh}.hero__content{padding-top:84px;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr)}.hero__stage{align-self:var(--m-v,end);justify-items:var(--m-h,start)}.hero__buttons--free{align-self:var(--m-btn-v,end);justify-self:var(--m-btn-h,start)}.hero__slide--malign-start .hero__stage{text-align:left}.hero__slide--malign-center .hero__stage{text-align:center}.hero__slide--malign-end .hero__stage{text-align:right}.hero__slide--malign-start :is(.hero__buttons,.hero__aside){justify-content:flex-start}.hero__slide--malign-center :is(.hero__buttons,.hero__aside){justify-content:center}.hero__slide--malign-end :is(.hero__buttons,.hero__aside){justify-content:flex-end}.hero__slide--mfree .hero__aside .hero__buttons,.hero__slide--mfree .hero__aside:has(>.hero__buttons:only-child){display:none}.hero__slide:not(.hero__slide--mfree) .hero__buttons--free{display:none}.hero__dots{bottom:2px}}@media(prefers-reduced-motion:reduce){.hero *,.hero *:before,.hero *:after{animation:none!important}.hero__slide,.hbtn,.hbtn i,.hbtn--link span,.hero__arrow{transition:none}}.hbtn--link i{display:none}@media(min-width:750px){.hero__slide--free .hero__aside .hero__buttons,.hero__slide--free .hero__aside:has(>.hero__buttons:only-child){display:none}.hero__slide:not(.hero__slide--free) .hero__buttons--free{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hero-banner.css.map */