.hero-with-carousel{display:grid;flex-direction:column;margin-inline:auto;max-width:150rem;overflow-x:clip;position:relative}.hero-with-carousel__background{align-items:center;display:flex;grid-column:1;grid-row:1;height:100dvh;justify-content:center;overflow:hidden;pointer-events:none;position:sticky;top:calc(var(--header-height) + var(--announcement-bar-height));z-index:-1}.hero-with-carousel__background .component-video-v2{width:100%}.hero-with-carousel__background:after{background-color:rgba(var(--overlay-colour));content:"";top:0;right:0;bottom:0;left:0;position:absolute}.hero-with-carousel__inner{grid-column:1;grid-row:1}.hero-with-carousel__hero{--padding-block:var(--spacing-16);align-items:center;display:flex;flex-direction:column;height:calc(90svh - var(--announcement-bar-height) - var(--header-height) - var(--padding-block)*2);justify-content:center;padding-block:var(--padding-block);text-align:center}.hero-with-carousel__hero :is(.text-semibold,.text-bold,.text,.subheading,blockquote strong,small,mark,p,ol,ul,li,b,i,em,del,ins,sub,sup){margin-bottom:0}.hero-with-carousel__hero :is(h1,h2,h3,h4,h5,h6,.heading){text-box:trim-both cap alphabetic;line-height:1;margin-bottom:0!important}.hero-with-carousel__hero-line{margin-bottom:0}.hero-with-carousel__hero-line-char{display:inline-block;opacity:0}.is-visible .hero-with-carousel__hero-line-char{animation:char-drop .4s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i)*10ms)}.hero-with-carousel__hero-line-word{white-space:nowrap}@keyframes char-drop{0%{opacity:0;transform:translateY(-5rem)}to{opacity:1;transform:translateY(0)}}.hero-with-carousel__hero-line--small{font-size:var(--font-body-lg)}.hero-with-carousel__hero-line--large{font-size:clamp(12rem,18vw,24rem);line-height:1;text-box:trim-both cap alphabetic;opacity:0}.is-visible .hero-with-carousel__hero-line--large{animation:line-fade 1.5s cubic-bezier(.22,1,.36,1) both;animation-delay:.5s}@keyframes line-fade{0%{filter:blur(1.2rem);opacity:0;transform:scale(1.04)}to{filter:blur(0);opacity:1;transform:scale(1)}}.hero-with-carousel__hero .rte,.hero-with-carousel__hero-description{text-align:justify}.hero-with-carousel__hero .rte>*+*{margin-top:var(--spacing-3)}.hero-with-carousel__carousel{--padding-inline:var(--spacing-5);--padding-block:var(--spacing-16);align-items:flex-start;display:flex;flex-direction:column;margin-inline:auto;max-width:140rem;padding-block-end:var(--padding-block);padding-inline:var(--padding-inline)}.hero-with-carousel__carousel-track{height:100%}.hero-with-carousel__carousel-arrows{align-items:center;display:flex;padding:var(--spacing-5)}.hero-with-carousel__carousel-arrows-arrow{align-items:center;border:.1rem solid var(--color-primary-button);box-sizing:initial;color:var(--color-primary-button);display:flex;height:3.2rem;justify-content:center;transition:opacity .15s ease-out;width:4.6rem}.hero-with-carousel__carousel-arrows-arrow:disabled{cursor:not-allowed;opacity:.4}.hero-with-carousel__slide:not(.is-active) .hero-with-carousel__carousel-arrows{display:none}.hero-with-carousel__slide-inner{background-color:initial;display:block}.hero-with-carousel__slide-inner>:is(.text-semibold,.text-bold,.text,.subheading,blockquote strong,small,mark,p,ol,ul,li,b,i,em,del,ins,sub,sup){font-size:var(--font-body-md);line-height:1.2;margin-bottom:0}.hero-with-carousel__slide-video{grid-column:1;grid-row:1;height:100%;object-fit:cover;transition:opacity .15s ease-out;width:100%}.hero-with-carousel__slide-media{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;position:relative}.hero-with-carousel__slide-media img{grid-column:1;grid-row:1}.hero-with-carousel__slide-media-footer{align-items:end;bottom:0;display:grid;grid-template-columns:1fr auto;left:0;position:absolute;right:0}.hero-with-carousel__slide-media-heading{display:flex;flex-direction:column;justify-content:center;padding-bottom:var(--spacing-8);padding-left:var(--spacing-5)}.hero-with-carousel__slide-media-heading>:is(h1,h2,h3,h4,h5,h6,.heading){text-box:trim-both cap alphabetic;line-height:1}.hero-with-carousel__slide .rte *{text-align:justify}.hero-with-carousel__slide .rte>:is(.text-semibold,.text-bold,.text,.subheading,blockquote strong,small,mark,p,ol,ul,li,b,i,em,del,ins,sub,sup):last-child{margin-bottom:0}@media(min-width:1025px),screen and (min-width:1025px)and (-webkit-min-device-pixel-ratio:1){.hero-with-carousel__hero{max-height:calc(90rem - var(--padding-block)*2)}}@media(max-width:767px),screen and (max-width:767px)and (-webkit-min-device-pixel-ratio:1){.hero-with-carousel__hero>*+*{margin-top:var(--spacing-2)}.hero-with-carousel__hero .rte{padding-inline:var(--spacing-5)}.hero-with-carousel__carousel-track{margin-inline:calc(var(--padding-inline)*-1);max-width:calc(100svw - vaR(--spacing-10));padding-inline:var(--spacing-5)!important}.hero-with-carousel__slide-inner>*+*{margin-top:var(--spacing-6)}.hero-with-carousel__slide-media{aspect-ratio:.75}.hero-with-carousel__slide-media-heading>:is(h1,h2,h3,h4,h5,h6,.heading){max-width:calc(75% - var(--spacing-10))}}@media(min-width:768px),screen and (min-width:768px)and (-webkit-min-device-pixel-ratio:1){.hero-with-carousel__hero>*+*{margin-top:var(--spacing-6)}.hero-with-carousel__hero .rte{max-width:min(600px,min(calc(100svw*(var(--desktop-max-width)*.01)),calc(150rem*(var(--desktop-max-width)*.01))))}.hero-with-carousel__carousel-track{overflow:visible}.hero-with-carousel__slide-inner>*+*{margin-top:var(--spacing-8)}.hero-with-carousel__slide-video{opacity:0}.hero-with-carousel__slide-media{aspect-ratio:1/ .6}.hero-with-carousel__slide-media img{transition:opacity .15s ease-out}.hero-with-carousel__slide-media:has(video):hover .hero-with-carousel__slide-video,.js-has-pseudo [csstools-has-1a-2w-2t-36-33-19-3b-2x-38-2w-19-2r-2p-36-33-39-37-2t-30-2n-2n-37-30-2x-2s-2t-19-31-2t-2s-2x-2p-1m-2w-2p-37-14-3a-2x-2s-2t-33-15-1m-2w-33-3a-2t-36-w-1a-2w-2t-36-33-19-3b-2x-38-2w-19-2r-2p-36-33-39-37-2t-30-2n-2n-37-30-2x-2s-2t-19-3a-2x-2s-2t-33]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist){opacity:1}.hero-with-carousel__slide-media:has(video):hover img,.js-has-pseudo [csstools-has-1a-2w-2t-36-33-19-3b-2x-38-2w-19-2r-2p-36-33-39-37-2t-30-2n-2n-37-30-2x-2s-2t-19-31-2t-2s-2x-2p-1m-2w-2p-37-14-3a-2x-2s-2t-33-15-1m-2w-33-3a-2t-36-w-2x-31-2v]:not(.does-not-exist):not(does-not-exist):not(does-not-exist){opacity:0}.hero-with-carousel__slide-media-heading>:is(h1,h2,h3,h4,h5,h6,.heading){max-width:10ch}}
/*# sourceMappingURL=/cdn/shop/t/198/assets/hero-with-carousel.bundle.css.map */