@charset "UTF-8";.hero-with-products-wrapper{overflow:hidden}.hero-with-products{--hero-nav-height: var(--cpfc-nav-height, 78px);--hero-products-band-h: 0px;--hero-products-band-bg: var(--bg--colour-darker);--hero-products-anchor: min(95vh, 95%);--grid-content-width: calc(min(100vw, var(--grid--max-width)) - (var(--grid--margins) * 2));--grid-column-width: calc((var(--grid-content-width) - (var(--grid--gutters) * 15)) / 16);--grid-edge-offset: calc((100vw - min(100vw, var(--grid--max-width))) / 2 + var(--grid--margins));position:relative;width:100%}@media screen and (max-width:989px){.hero-with-products{--hero-products-card-h: calc( 4.6875rem + var(--spacing--padding-1) * 2 + var(--border--width-default) * 2 );--hero-products-band-h: calc(var(--hero-products-card-h) + 1.5rem + 1rem + 1rem + 1px)}}.slideshow--cpfc.hero-with-products__slideshow{width:100%;height:auto!important;max-height:min(1200px,110vh)!important;aspect-ratio:4/3}@media screen and (max-width:989px){.slideshow--cpfc.hero-with-products__slideshow{aspect-ratio:unset}}.slideshow--cpfc.hero-with-products__slideshow slideshow-container{width:100%;height:auto!important;max-height:min(1200px,110vh)!important;aspect-ratio:4/3}@media screen and (max-width:989px){.slideshow--cpfc.hero-with-products__slideshow slideshow-container{aspect-ratio:unset}}.slideshow--cpfc.hero-with-products__slideshow slideshow-slides{width:100%;height:auto!important;min-height:unset!important;max-height:min(1200px,110vh)!important;aspect-ratio:4/3}@media screen and (max-width:989px){.slideshow--cpfc.hero-with-products__slideshow slideshow-slides{aspect-ratio:unset;max-height:none!important}}.slideshow--cpfc.hero-with-products__slideshow slideshow-slide{width:100%;height:auto!important;min-height:unset!important;max-height:min(1200px,110vh)!important;aspect-ratio:4/3;overflow:hidden}@media screen and (max-width:989px){.slideshow--cpfc.hero-with-products__slideshow slideshow-slide{aspect-ratio:unset;max-height:none!important}}.hero-with-products__figure{position:absolute;top:0;right:0;bottom:0;left:0}@media screen and (max-width:989px){.hero-with-products__figure{position:relative;inset:auto;width:100%;aspect-ratio:2/3;max-height:900px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding-block-end:6rem}}.hero-with-products__media{position:absolute;top:-4%;bottom:-4%;left:0;right:0;overflow:hidden;will-change:transform;isolation:isolate}.hero-with-products__media picture{display:contents}.hero-with-products__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0000 23.6%,#00000080)}@media screen and (max-width:989px){.hero-with-products__theme-watermark{display:none!important}}@media screen and (min-width:990px){.hero-with-products--themed .hero-with-products__theme-watermark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;clip-path:polygon(100% 0%,100% 100%,72% 100%)}.hero-with-products--themed .hero-with-products__theme-watermark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#004484}.hero-with-products--themed .hero-with-products__theme-watermark svg{position:absolute;left:80%;top:60%;width:128vw;max-width:none;height:auto;transform:translate(-50%,-50%);--fill-0: #0055a5}}.hero-with-products__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.hero-with-products__image--placeholder{background-color:var(--bg--colour-muted)}.slideshow--cpfc.hero-with-products__slideshow slideshow-slide{position:relative!important}@media screen and (max-width:989px){.slideshow--cpfc.hero-with-products__slideshow slideshow-slide{display:flex!important;flex-direction:column}}.hero-with-products__zone{position:absolute;top:40vh;inset-inline-start:calc(var(--grid-edge-offset) + var(--grid-column-width) + var(--grid--gutters));max-width:37.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:3rem;z-index:1}@media screen and (max-width:989px){.hero-with-products__zone{position:static;inset:unset;padding-inline:1rem;padding-block-end:0;max-width:none;gap:1.5rem}}.hero-with-products__content{display:flex;flex-direction:column;align-items:flex-start}@media screen and (max-width:989px){.hero-with-products__content{position:relative;z-index:3}}@media(prefers-reduced-motion:no-preference){.hero-with-products__eyebrow,.hero-with-products__title{animation:load-in-fade-up .5s cubic-bezier(.4,0,.2,1) both;animation-delay:.2s}.hero-with-products__cta{animation:load-in-fade-up .5s cubic-bezier(.4,0,.2,1) both;animation-delay:.35s}.hero-with-products__card{animation:load-in-fade-up .5s cubic-bezier(.4,0,.2,1) backwards;animation-delay:.5s}}.hero-with-products__eyebrow{margin:0 0 2.125rem;font-family:var(--font-body--family);font-size:1rem;font-style:normal;font-weight:var(--fontWeight--fontWeight-medium);line-height:1;color:var(--fg--text-inverse);leading-trim:both;text-edge:cap}@media screen and (max-width:989px){.hero-with-products__eyebrow{margin-block-end:1.5rem;font-size:.875rem;letter-spacing:-.28px}}.hero-with-products__title{margin:0;font-family:var(--font-heading--family);font-size:3rem;font-style:normal;font-weight:var(--fontWeight--fontWeight-regular);line-height:1;letter-spacing:-.15rem;text-transform:uppercase;color:var(--fg--text-inverse);leading-trim:both;text-edge:cap}@media screen and (max-width:989px){.hero-with-products__title{font-size:1.75rem;letter-spacing:-.0875rem}}.hero-with-products__cta{display:inline-flex;align-items:center;height:48px;padding-inline:1.5rem;font-family:var(--font-cta--family);font-weight:var(--font-cta--weight);font-size:var(--font-cta--size);line-height:var(--font-cta--line-height);letter-spacing:var(--font-cta--letter-spacing);text-transform:uppercase;text-decoration:none;color:var(--p--button-primary-fg-colour);background-color:var(--p--button-primary-bg-fill-rest);border:none;border-radius:var(--corner--medium, 4px);cursor:pointer;transition:background-color var(--animation-fast) ease}.hero-with-products__cta:hover{background-color:var(--p--button-primary-bg-fill-hover);color:var(--p--button-primary-fg-colour)}@media screen and (max-width:989px){.hero-with-products__cta{position:absolute;z-index:3;inset-block-end:27px;inset-inline-end:1rem}}@media screen and (min-width:990px){.slideshow--cpfc.hero-with-products__slideshow slideshow-controls[controls-on-media][pagination-position=center]{top:calc(var(--hero-products-anchor) - 60px);bottom:auto;left:0;right:auto;justify-content:flex-start;padding-inline-end:0;padding-inline-start:calc(var(--grid-edge-offset) + var(--grid-column-width) + var(--grid--gutters));z-index:4}}@media screen and (max-width:989px){.slideshow--cpfc.hero-with-products__slideshow slideshow-controls[controls-on-media][pagination-position=center]{bottom:30px}}@media screen and (min-width:990px){.slideshow--cpfc.hero-with-products__slideshow .slideshow-controls__dots.slideshow-controls__dots{margin-inline-end:.5rem}}@media screen and (max-width:989px){.slideshow--cpfc.hero-with-products__slideshow .slideshow-controls__arrows{display:none}}.hero-with-products__products--desktop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}@media screen and (max-width:989px){.hero-with-products__products--desktop{display:none}}.hero-with-products__products-group{--hero-card-stagger: .12s;--hero-card-enter-delay: .24s;position:absolute;top:var(--hero-products-anchor);transform:translateY(-100%);inset-inline-end:calc(var(--grid-edge-offset) + var(--grid-column-width) + var(--grid--gutters));display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing--padding-1);visibility:hidden;pointer-events:none}.hero-with-products__products-group.is-entering,.hero-with-products__products-group.is-active,.hero-with-products__products-group.is-exiting{visibility:visible}.hero-with-products__products-group.is-active{pointer-events:auto}.hero-with-products__products--mobile{display:none}@media screen and (max-width:989px){.hero-with-products__products--mobile{display:block;position:static;width:100%;height:var(--hero-products-band-h);background-color:var(--hero-products-band-bg)}}.hero-with-products__products:not(.hero-with-products__products--desktop):not(.hero-with-products__products--mobile){position:absolute;inset-block-start:9.875rem;inset-inline-end:6.8125rem;width:22.375rem;z-index:3}@media screen and (max-width:989px){.hero-with-products__products:not(.hero-with-products__products--desktop):not(.hero-with-products__products--mobile){position:static;inset:auto;width:100%;height:var(--hero-products-band-h);background-color:var(--hero-products-band-bg)}}.hero-with-products__carousel{display:block}.hero-with-products__products--mobile .hero-with-products__carousel{display:flex;flex-direction:column;height:100%;padding-block:1.5rem 1rem;gap:1rem}@media screen and (max-width:989px){.hero-with-products__products--desktop .hero-with-products__carousel{display:none}}.hero-with-products__track{display:flex;flex-direction:column;gap:1rem}.hero-with-products__products--mobile .hero-with-products__track{flex-direction:row;gap:.5rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding-inline-start:1.5rem;padding-inline-end:1.5rem;scroll-padding-inline-start:1.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hero-with-products__products--mobile .hero-with-products__track::-webkit-scrollbar{display:none}@media screen and (max-width:989px){.hero-with-products__products--desktop .hero-with-products__track{display:none}}.hero-with-products__card{display:flex;gap:1rem;align-items:stretch;box-sizing:border-box;padding:var(--spacing--padding-1);color:var(--fg--text-inverse);text-decoration:none;background-color:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:var(--corner--medium, 4px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .42s cubic-bezier(.22,1,.36,1)}.hero-with-products__card:hover{background-color:#ffffff59}@media screen and (min-width:990px){.hero-with-products__products--desktop .hero-with-products__card{width:calc(var(--grid-column-width) * 4 + var(--grid--gutters) * 3);height:auto;padding:var(--spacing--padding-2);gap:var(--spacing--padding-3)}.hero-with-products__products-group .hero-with-products__card{opacity:0;transform:translate(-.75rem);transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1),background-color .42s cubic-bezier(.22,1,.36,1)}.hero-with-products__products-group.is-active .hero-with-products__card{opacity:1;transform:translate(0)}.hero-with-products__products-group[data-hero-initial].is-active .hero-with-products__card{animation:hero-card-in .42s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--hero-card-enter-delay)}.hero-with-products__products-group[data-hero-initial].is-active .hero-with-products__card:nth-child(2){animation-delay:calc(var(--hero-card-enter-delay) + var(--hero-card-stagger))}.hero-with-products__products-group.is-active .hero-with-products__card:nth-child(2){transition-delay:var(--hero-card-stagger)}.hero-with-products__products-group.is-exiting .hero-with-products__card{opacity:0;transform:translate(.5rem);transition-delay:0ms}.hero-with-products__products-group.is-exiting .hero-with-products__card:nth-child(2){transition-delay:var(--hero-card-stagger)}}.hero-with-products__products--mobile .hero-with-products__card{--mobile-grid-column-width: calc((100vw - (var(--grid--margins) * 2) - (var(--grid--gutters) * 7)) / 8);flex:0 0 calc(var(--mobile-grid-column-width) * 6 + var(--grid--gutters) * 5);height:var(--hero-products-card-h);scroll-snap-align:start}@media screen and (max-width:989px){.hero-with-products__products--desktop .hero-with-products__card{display:none}}@keyframes hero-card-in{0%{opacity:0;transform:translate(-.75rem)}to{opacity:1;transform:translate(0)}}.hero-with-products__card-media{flex:0 0 auto;width:5rem;height:5rem;aspect-ratio:1/1;overflow:hidden;border-radius:2px}.hero-with-products__products--mobile .hero-with-products__card-media{width:4.6875rem;height:4.6875rem}@media screen and (max-width:989px){.hero-with-products__products--desktop .hero-with-products__card-media{width:4.6875rem;height:4.6875rem}}.hero-with-products__card-image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-with-products__card-image--placeholder{background-color:var(--bg--colour-muted)}.hero-with-products__card-body{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-width:0}.hero-with-products__card-info{display:flex;flex-direction:column;gap:var(--spacing--padding-1-5);min-width:0}.hero-with-products__card-title{font-family:var(--font-label-caps--family);font-size:var(--font-label-caps--size);font-style:var(--font-label-caps--style);font-weight:var(--font-label-caps--weight);line-height:var(--font-label-caps--line-height);letter-spacing:var(--font-label-caps--letter-spacing);text-transform:var(--font-label-caps--case);color:var(--fg--text-inverse);text-box-trim:trim-both;text-box-edge:cap alphabetic}@media screen and (max-width:989px){.hero-with-products__card-title{white-space:normal;text-overflow:unset}}.hero-with-products__card-price{font-family:var(--font-label-03--family);font-style:var(--font-label-03--style);font-weight:var(--font-label-03--weight);font-size:var(--font-label-03--size);line-height:var(--font-label-03--line-height);letter-spacing:var(--font-label-03--letter-spacing);color:var(--fg--text-inverse);text-box-trim:trim-both;text-box-edge:cap alphabetic}.hero-with-products__progress{position:relative;width:100%;height:1px;background-color:#ffffff80}@media screen and (min-width:990px){.hero-with-products__products--desktop .hero-with-products__progress{display:none}}.hero-with-products__products--mobile .hero-with-products__progress{display:block;width:calc(100% - 3rem);margin-inline:1.5rem}.hero-with-products__progress-fill{position:absolute;top:0;left:0;height:1px;background-color:var(--border--inverse);transform:translate(0)}@media screen and (prefers-reduced-motion:reduce){.hero-with-products__products-group .hero-with-products__card{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-with-products.css.map */