.hfg__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--hfg-gap-y) var(--hfg-gap-x);padding:var(--hfg-gap-y) var(--hfg-gap-x)}.hfg__tile{position:relative;display:flex;flex-direction:column;min-width:0;overflow:clip;aspect-ratio:var(--hfg-tile-ratio);background:rgb(var(--color-background-secondary, var(--color-background)))}.hfg__tile--hero{grid-column:1 / -1;aspect-ratio:var(--hfg-hero-ratio-mobile)}@media screen and (min-width:990px){.hfg__grid{grid-template-columns:var(--hfg-hero-cols) var(--hfg-side-cols);grid-auto-flow:dense}.hfg--hero-right .hfg__grid{grid-template-columns:var(--hfg-side-cols) var(--hfg-hero-cols)}.hfg__tile--hero{grid-column:1;grid-row:1 / span 2;aspect-ratio:auto}.hfg--hero-right .hfg__tile--hero{grid-column:3}.hfg--height-screen .hfg__grid{grid-template-rows:repeat(2,minmax(0,1fr));height:100vh;height:100svh}.hfg--height-screen .hfg__tile{aspect-ratio:auto}}.hfg__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hfg__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.165,.84,.44,1)}.hfg__image--mobile{display:none}@media screen and (max-width:575.99px){.hfg__image--desktop{display:none}.hfg__image--mobile{display:block}}.hfg__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--hfg-overlay, 0);pointer-events:none}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.hfg--zoom .hfg__tile:hover .hfg__image{transform:scale(1.04)}}.hfg__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block!important}.hfg__info{--color-foreground: var(--hfg-text);position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;--hfg-info-pad: 1.6rem;padding:var(--hfg-info-pad);max-width:64rem;color:rgb(var(--hfg-text));pointer-events:none}.hfg__info a,.hfg__info .button{pointer-events:all}.hfg__heading{margin:0;color:rgb(var(--hfg-text))}.hfg__text{max-width:36rem}.hfg__text p{margin:0}.hfg__arrow{display:inline-block;margin-left:.15em;transition:transform var(--duration-default, .3s) ease}.hfg__tile:hover .hfg__arrow{transform:translate(.2em)}@media screen and (min-width:750px){.hfg__info{--hfg-info-pad: 2.4rem}.hfg__tile--cat .hfg__info{--hfg-info-pad: 2rem}}.hfg__tile--text-top .hfg__info{position:sticky;top:0}.shopify-section-header:has([data-sticky-type=always])~main .hfg__tile--text-top .hfg__info,.shopify-section-header-sticky:not(.shopify-section-header-hidden)~main .hfg__tile--text-top .hfg__info{top:calc(var(--hfg-sticky-top, var(--header-height, 0px)) - var(--hfg-info-pad, 0px) + 6px)}.hfg__tile--text-center{justify-content:center}.hfg__tile--text-bottom{justify-content:flex-end}.hfg__tile--align-center .hfg__info{align-items:center;text-align:center;margin-inline:auto}@media screen and (max-width:749.98px){.hfg__tile--cat .hfg__info{--hfg-info-pad: 1.2rem;gap:.8rem}.hfg__tile--cat .hfg__heading{font-size:var(--hfg-tile-name-mobile, 1.8rem)}}.hfg__tiles{display:contents}@media screen and (max-width:989.98px){.hfg--mobile-scroll .hfg__tiles{grid-column:1 / -1;display:flex;gap:var(--hfg-gap-x);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--hfg-gap-x);margin-inline:calc(var(--hfg-gap-x) * -1);padding-inline:var(--hfg-gap-x);scrollbar-width:none;-webkit-overflow-scrolling:touch}.hfg--mobile-scroll .hfg__tiles::-webkit-scrollbar{display:none}.hfg--mobile-scroll .hfg__tile--cat{flex:0 0 calc((100% - var(--hfg-gap-x) * (var(--hfg-visible, 2.5) - 1)) / var(--hfg-visible, 2.5));scroll-snap-align:start}.hfg--mobile-scroll .hfg__tile--cat .hfg__info{position:relative;top:0!important}}
/*# sourceMappingURL=/cdn/shop/t/137/assets/custom-hero-feature-grid.css.map */