.hero-products__heading{margin:0 0 2rem}.hp{display:grid;grid-template-columns:1fr;gap:var(--hp-gap, 10px);padding:0 1.5rem}.hp__products{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:var(--hp-gap, 10px)}@media screen and (min-width:750px){.hp{grid-template-columns:1fr 1fr;align-items:stretch;padding:0;column-gap:clamp(1.5rem,3vw,3rem)}.hp--hero-left{padding-right:2rem}.hp--hero-left .hp__hero{grid-column:1}.hp--hero-left .hp__products{grid-column:2}.hp--hero-right{padding-left:2rem}.hp--hero-right .hp__hero{grid-column:2}.hp--hero-right .hp__products{grid-column:1;grid-row:1}}.hp__hero{position:relative;overflow:hidden;aspect-ratio:var(--hp-ratio, 3 / 4);border-radius:var(--media-radius, 0)}.hp__hero-media{position:absolute;top:0;right:0;bottom:0;left:0}.hp__hero-image{display:block;width:100%;height:100%;object-fit:cover}.hp__placeholder{background:rgba(var(--color-foreground),.06)}.hp__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,#0000008c,#0000 45%)}.hp__hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:1.6rem;padding:3rem}.hp__hero-overlay--light{color:#fff}.hp__hero-overlay--dark{color:#121212}.hp__hero-overlay .hp__hero-title{margin:0}.hp__hero-overlay--light .hp__hero-title{color:#fff}.hp__hero-overlay--dark .hp__hero-title{color:#121212}.hp__hero-text{display:flex;flex-direction:column;gap:.8rem;max-width:46ch}.hp__hero-subhead{font-family:var(--font-heading-family);font-size:1.4rem;letter-spacing:.02em}.hp__hero-body{font-size:1.4rem;line-height:1.5}.hp__hero-body>:first-child{margin-top:0}.hp__hero-body>:last-child{margin-bottom:0}.hp__hero-link{align-self:flex-start;font-size:1.3rem;text-transform:uppercase;letter-spacing:.08em;color:inherit;text-decoration:underline;text-underline-offset:.4rem}.hp__hero-link:hover{text-decoration-thickness:2px}.hp__hero-overlay--light .hp__hero-title,.hp__hero-overlay--light .hp__hero-subhead,.hp__hero-overlay--light .hp__hero-body,.hp__hero-overlay--light .hp__hero-link{text-shadow:0 1px 2px rgba(0,0,0,.25)}.hp-card{display:flex;flex-direction:column;align-self:start}.hp-card__media{display:block;overflow:hidden;border-radius:var(--media-radius, 0)}.hp-card__image{display:block;width:100%;height:auto}.hp-card__swatches{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem;margin-top:1rem;min-height:1.6rem}.hp-card__swatch{width:2.8rem;height:1rem;padding:0;border:1px solid rgba(var(--color-foreground),.18);border-radius:2px;background-color:rgba(var(--color-foreground),.06);cursor:pointer;transition:height .18s ease,box-shadow .18s ease}.hp-card__swatch:hover,.hp-card__swatch:focus-visible,.hp-card__swatch.is-active{height:1.6rem;box-shadow:0 2px 6px #00000026;outline:none}.hp-card__info{display:flex;flex-direction:column;gap:.2rem;padding-top:.8rem}.hp-card__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 1.2rem);letter-spacing:calc(var(--font-heading-scale) * .06rem);line-height:calc(1 + .3/max(1,var(--font-heading-scale)));color:inherit;text-decoration:none}@media screen and (min-width:750px){.hp-card__title{font-size:calc(var(--font-heading-scale) * 1.3rem)}}.hp-card__title:hover{text-decoration:underline;text-underline-offset:.3rem}.hp-card__price{font-size:1.3rem;font-weight:400;letter-spacing:0;color:rgba(var(--color-foreground),.7)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero-products.css.map */