.storefront-hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:0;background:#000;align-items:stretch}.storefront-hero>slideshow-component{min-width:0;padding:0;width:100%}.storefront-card{position:relative;overflow:hidden;background:#000;color:#fff;min-width:0}.storefront-card__photo{position:absolute;inset:0 0 auto;overflow:hidden}.storefront-card__photo img{display:block;width:100%;height:auto;transition:transform .45s ease}.storefront-card__photo:after{content:"";position:absolute;top:65%;right:0;bottom:-2px;left:0;background:linear-gradient(transparent,#000)}.storefront-card__content{position:absolute;inset:auto 0 0;padding:clamp(18px,2.2vw,38px)}.storefront-card h2{color:#fff;margin:0 0 10px;font-size:clamp(20px,2.1vw,34px);line-height:1.12}.storefront-card__address{margin:0;font-size:13px;line-height:1.5;color:#ded7d0}.storefront-card__hit-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;cursor:pointer}.storefront-card:has(.storefront-card__hit-area:focus-visible) .storefront-card__photo img{transform:scale(1.035)}@media(hover:hover)and (pointer:fine){.storefront-card:has(.storefront-card__hit-area:hover) .storefront-card__photo img{transform:scale(1.035)}}@media(prefers-reduced-motion:reduce){.storefront-card .storefront-card__photo img{transition:none;transform:none!important}}.storefront-card__hit-area:focus-visible,.storefront-hero .slider-float-arrow:focus-visible{outline:2px solid #fff;outline-offset:-4px}.storefront-hero>slideshow-component .slideshow__controls{display:none!important}.storefront-hero .slideshow__text-wrapper.banner__content{padding:30px 55px}.storefront-hero .banner__heading{font-size:clamp(24px,3.2vw,52px)}@media screen and (max-width:989px){.storefront-hero{grid-template-columns:minmax(0,1fr)}.storefront-hero>slideshow-component{grid-row:1}.storefront-card{display:grid;grid-template-columns:45% 55%}.storefront-card__photo{position:relative;align-self:center}.storefront-card__photo:after{display:none}.storefront-card__content{position:static;align-self:center;padding:clamp(16px,3vw,28px)}.storefront-card h2{font-size:clamp(20px,3vw,28px)}}@media screen and (max-width:399px){.storefront-card__address{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/storefront-hero.css.map */