.shop-hero-flavors__intro{max-width:56rem;text-align:center;margin:0 auto}.shop-hero-flavors__eyebrow{margin:0 0 1.2rem;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.65}.shop-hero-flavors__heading{margin:0;font-family:var(--font-heading-family);font-size:3.6rem;line-height:1.08}@media screen and (min-width:990px){.shop-hero-flavors__heading{font-size:4.6rem}}.shop-hero-flavors__subheading{margin:1.6rem auto 0;max-width:46rem;font-family:var(--font-body-family);font-size:1.6rem;line-height:1.6;opacity:.78}.shop-hero-flavors__subheading p{margin:0}.shop-hero-flavors__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin-top:4rem}@media screen and (min-width:750px){.shop-hero-flavors__tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:2rem}}.shop-hero-flavors__tile{position:relative;display:block;border-radius:var(--media-radius, 1.2rem);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 10px 30px rgba(var(--color-shadow),.08);transition:transform .35s ease,box-shadow .35s ease}.shop-hero-flavors__tile:hover,.shop-hero-flavors__tile:focus-visible{transform:translateY(-4px);box-shadow:0 16px 36px rgba(var(--color-shadow),.16)}.shop-hero-flavors__tile-media{aspect-ratio:4 / 5;background:rgba(var(--color-foreground),.04)}.shop-hero-flavors__tile-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.shop-hero-flavors__tile:hover .shop-hero-flavors__tile-media img,.shop-hero-flavors__tile:focus-visible .shop-hero-flavors__tile-media img{transform:scale(1.05)}.shop-hero-flavors__tile-content{position:absolute;inset:auto 0 0 0;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:1.6rem 1.4rem;background:linear-gradient(180deg,#0000,#0000008c)}.shop-hero-flavors__tile-name{font-family:var(--font-heading-family);font-size:1.6rem;line-height:1.2;color:#fdfbf7}.shop-hero-flavors__tile-cta{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;flex-shrink:0;border-radius:50%;background:#fdfbf7;color:var(--flavor-accent, rgb(var(--color-button)))}.shop-hero-flavors__tile-cta svg{width:1.4rem;height:1.4rem}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-shop-hero-flavors.css.map */