.homepage-retail-hero{background:rgb(var(--color-background));margin-top:0}.template-index .section:has(.homepage-retail-hero){margin-top:0}body.template-index:has(.homepage-retail-hero) .section-header{margin-bottom:0}.slideshow-layout--retail-mobile-fallback{display:none}.homepage-retail-hero__inner.page-width{max-width:none;padding-left:0;padding-right:0}.homepage-retail-hero__grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(28rem,1fr);gap:1.2rem}.homepage-retail-hero__tile{position:relative;display:block;min-height:22rem;overflow:hidden;border-radius:0;background:rgba(var(--color-foreground),.04);isolation:isolate;color:inherit;text-decoration:none}.homepage-retail-hero__tile--primary,.homepage-retail-hero__tile:nth-child(3){background:rgba(var(--color-foreground),.04)}.homepage-retail-hero__tile--primary{grid-row:span 2;min-height:44rem}.homepage-retail-hero__media,.homepage-retail-hero__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.homepage-retail-hero__tile--primary .homepage-retail-hero__media{left:0;width:100%}.homepage-retail-hero__tile:nth-child(3) .homepage-retail-hero__media{left:58%;width:42%}.homepage-retail-hero__image,.homepage-retail-hero__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.homepage-retail-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#00000094,#00000038 45%,#0000000a)}.homepage-retail-hero__tile:not(.homepage-retail-hero__tile--primary) .homepage-retail-hero__shade{background:linear-gradient(180deg,#0000000f,#0000009e)}.homepage-retail-hero__tile--primary .homepage-retail-hero__shade,.homepage-retail-hero__tile:nth-child(3) .homepage-retail-hero__shade{background:linear-gradient(90deg,#080d14ad,#080d146b 38%,#080d141f 68%,#080d1405)}.homepage-retail-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:min(56rem,100%);height:100%;min-height:inherit;padding:3.2rem;color:#fff}.homepage-retail-hero__content>*{max-width:100%}.homepage-retail-hero__tile--primary .homepage-retail-hero__content,.homepage-retail-hero__tile:nth-child(3) .homepage-retail-hero__content{color:#fff}.homepage-retail-hero__tile--primary .homepage-retail-hero__content{justify-content:center;width:min(44rem,38%);max-width:min(44rem,38%);height:auto;min-height:auto;margin:4.4rem 0 4.4rem 4.4rem;padding:2.4rem;border-radius:.8rem;background:#ffffffe0;color:#17202b;box-shadow:0 1.4rem 3.2rem #00000029;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.homepage-retail-hero__tile:nth-child(3) .homepage-retail-hero__content{max-width:54%}.homepage-retail-hero__badge{display:inline-flex;align-items:center;min-height:2.6rem;margin-bottom:1.2rem;padding:.4rem .8rem;border-radius:.3rem;background:#ffffffeb;color:#1d252f;font-size:1.2rem;font-weight:700;letter-spacing:0;line-height:1;text-transform:uppercase}.homepage-retail-hero__heading{max-width:62rem;margin:0;color:inherit;letter-spacing:0;line-height:1.04}.homepage-retail-hero__tile:not(.homepage-retail-hero__tile--primary) .homepage-retail-hero__heading{font-size:clamp(2.1rem,2vw,3rem);line-height:1.08}.homepage-retail-hero__tile--primary .homepage-retail-hero__heading{max-width:40rem}.homepage-retail-hero__text{max-width:46rem;margin-top:1.2rem;color:#ffffffeb;font-size:1.6rem;line-height:1.45}.homepage-retail-hero__tile--primary .homepage-retail-hero__text,.homepage-retail-hero__tile:nth-child(3) .homepage-retail-hero__text{font-weight:600}.homepage-retail-hero__tile--primary .homepage-retail-hero__text{color:#17202bc7}.homepage-retail-hero__tile:nth-child(3) .homepage-retail-hero__text{color:#ffffffe6}.homepage-retail-hero__tile:not(.homepage-retail-hero__tile--primary) .homepage-retail-hero__text{font-size:1.35rem;line-height:1.35}.homepage-retail-hero__text p{margin:0}.homepage-retail-hero__button{z-index:5;margin-top:2rem;min-height:4.4rem}@media screen and (min-width:990px){.homepage-retail-hero__tile:hover .homepage-retail-hero__image{transform:scale(1.025)}.homepage-retail-hero__image{transition:transform .28s ease}}@media screen and (max-width:989px){.homepage-retail-hero{display:none}.slideshow-layout--retail-mobile-fallback{display:block}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-homepage-retail-hero.css.map */