.hero-grid{display:grid;position:relative;flex:1 1 auto;gap:var(--hero-grid-gap, 8px)}.hero-grid-carousel__track--adapt:not(.slideshow--placeholder) .hero-grid{aspect-ratio:var(--hero-grid-ratio, 3 / 1);flex:0 0 auto;min-height:0;max-height:calc(100svh - var(--header-height, 10rem))}@media screen and (max-width:749px){.hero-grid-carousel__track--adapt:not(.slideshow--placeholder) .hero-grid{aspect-ratio:auto;max-height:none;flex:1 1 auto}}.hero-grid__tile{position:relative;display:flex;flex-direction:column;overflow:hidden;container-type:size;container-name:herotile}@media screen and (min-width:750px){.hero-grid--single{grid-template-columns:1fr;grid-template-areas:"a"}.hero-grid--layout_1{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"a b" "a c"}.hero-grid--layout_2{grid-template-columns:1fr 2fr;grid-template-rows:1fr 1fr;grid-template-areas:"b a" "c a"}.hero-grid--layout_3{grid-template-columns:1fr 1fr;grid-template-rows:1.35fr 1fr;grid-template-areas:"a a" "b c"}.hero-grid__tile--1{grid-area:a}.hero-grid__tile--2{grid-area:b}.hero-grid__tile--3{grid-area:c}}@media screen and (max-width:749px){.hero-grid-carousel__track{height:60svh}.hero-grid{grid-template-columns:1fr;grid-template-areas:none;grid-auto-rows:1fr}.hero-grid__tile--1,.hero-grid__tile--2,.hero-grid__tile--3{grid-area:auto}.hero-grid__tile{justify-content:center}.hero-grid__content,.hero-grid__box{min-height:0}}.hero-grid__media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.hero-grid__media.placeholder{background-color:rgba(var(--color-foreground),.1)}.hero-grid__media .placeholder-svg{height:100%;width:100%}.hero-grid__media--mobile{display:none}@media screen and (max-width:749px){.hero-grid__media--desktop{display:none}.hero-grid__media--mobile{display:block}}.hero-grid__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;z-index:1;pointer-events:none}.hero-grid__media.media>img{object-position:var(--hero-tile-focal, center center)}.hero-grid__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;padding:2rem;align-items:center;justify-content:center}@media screen and (min-width:750px){.hero-grid__content{padding:3rem}}@media screen and (max-width:749px){.hero-grid__content{position:relative;inset:auto;width:100%}}@supports (container-type: size){.hero-grid__content{padding:clamp(1.2rem,6cqi,3rem)}.hero-grid__heading.h2{font-size:clamp(calc(var(--font-heading-scale) * 1.4rem),5cqi,calc(var(--font-heading-scale) * 2.4rem))}.hero-grid__heading.h1{font-size:clamp(calc(var(--font-heading-scale) * 1.8rem),7.5cqi,calc(var(--font-heading-scale) * 4rem))}.hero-grid__heading.h0{font-size:clamp(calc(var(--font-heading-scale) * 2rem),10cqi,calc(var(--font-heading-scale) * 5.2rem))}.hero-grid__heading.hxl{font-size:clamp(calc(var(--font-heading-scale) * 2.2rem),12.5cqi,calc(var(--font-heading-scale) * 6.2rem))}.hero-grid__heading.hxxl{font-size:clamp(calc(var(--font-heading-scale) * 5.6rem),14cqi,calc(var(--font-heading-scale) * 7.2rem))}}@media screen and (max-width:749px){@supports (container-type: size){.hero-grid__content{padding:clamp(2rem,7cqmin,3rem)}.hero-grid__heading.h2{font-size:clamp(calc(var(--font-heading-scale) * 2rem),6.5cqmin,calc(var(--font-heading-scale) * 2.4rem))}.hero-grid__heading.h1{font-size:clamp(calc(var(--font-heading-scale) * 2.6rem),9.5cqmin,calc(var(--font-heading-scale) * 4rem))}.hero-grid__heading.h0{font-size:clamp(calc(var(--font-heading-scale) * 2.9rem),12.5cqmin,calc(var(--font-heading-scale) * 5.2rem))}.hero-grid__heading.hxl{font-size:clamp(calc(var(--font-heading-scale) * 3.2rem),15cqmin,calc(var(--font-heading-scale) * 6.2rem))}.hero-grid__heading.hxxl{font-size:clamp(calc(var(--font-heading-scale) * 5.6rem),14cqmin,calc(var(--font-heading-scale) * 7.2rem))}}}@media screen and (min-width:750px){.hero-grid__content--top-left{align-items:flex-start;justify-content:flex-start}.hero-grid__content--top-center{align-items:flex-start;justify-content:center}.hero-grid__content--top-right{align-items:flex-start;justify-content:flex-end}.hero-grid__content--middle-left{align-items:center;justify-content:flex-start}.hero-grid__content--middle-center{align-items:center;justify-content:center}.hero-grid__content--middle-right{align-items:center;justify-content:flex-end}.hero-grid__content--bottom-left{align-items:flex-end;justify-content:flex-start}.hero-grid__content--bottom-center{align-items:flex-end;justify-content:center}.hero-grid__content--bottom-right{align-items:flex-end;justify-content:flex-end}}.hero-grid__box{max-width:100%;word-wrap:break-word}.hero-grid__box--align-left{text-align:left}.hero-grid__box--align-center{text-align:center}.hero-grid__box--align-right{text-align:right}@media screen and (max-width:749px){.hero-grid__box{width:100%}.hero-grid__box--align-mobile-left{text-align:left}.hero-grid__box--align-mobile-center{text-align:center}.hero-grid__box--align-mobile-right{text-align:right}}.hero-grid__box>*+*{margin-top:1.5rem}@media screen and (max-width:749px){.hero-grid__box>*+*{margin-top:.75rem}}.hero-grid__buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-grid__box--align-center .hero-grid__buttons{justify-content:center}.hero-grid__box--align-right .hero-grid__buttons{justify-content:flex-end}@media screen and (max-width:749px){.hero-grid__box--align-mobile-center .hero-grid__buttons{justify-content:center}.hero-grid__box--align-mobile-right .hero-grid__buttons{justify-content:flex-end}.hero-grid__box--align-mobile-left .hero-grid__buttons{justify-content:flex-start}}.hero-grid-carousel__track:after{pointer-events:none}.hero-grid-carousel .slideshow__controls .slider-counter--dots{display:flex}.hero-grid-carousel .slideshow__controls{position:static}.hero-grid-carousel .slider-button--prev,.hero-grid-carousel .slider-button--next{position:absolute;top:50%;transform:translateY(-50%);z-index:3}.hero-grid-carousel .slider-button--prev{left:1.5rem}.hero-grid-carousel .slider-button--next{right:1.5rem}@media screen and (max-width:749px){.hero-grid-carousel .slider-button--prev,.hero-grid-carousel .slider-button--next{display:none}}
/*# sourceMappingURL=/cdn/shop/t/251/assets/section-hero-grid-carousel.css.map */