.hero{position:relative;overflow:visible}.hero__grid{display:grid;grid-template-columns:1fr;align-items:center;gap:4rem}@media screen and (min-width:990px){.hero__grid{grid-template-columns:minmax(0,5.5fr) minmax(0,4.5fr);gap:6rem}}.hero__content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero__eyebrow{color:#b3141d;font-family:var(--font-body-family);font-weight:700;font-size:1.3rem;letter-spacing:.18em;text-transform:uppercase;margin:0 0 1.6rem}.hero__heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);text-transform:uppercase;letter-spacing:.01em;color:rgb(var(--color-foreground));font-size:4rem;line-height:1.06;margin:0 0 2rem;max-width:16ch}@media screen and (min-width:750px){.hero__heading{font-size:6.4rem;line-height:1.0625}}.hero__body{font-family:var(--font-body-family);font-size:1.8rem;line-height:1.6;color:rgba(var(--color-foreground),.85);max-width:48ch;margin:0 0 3.2rem}@media screen and (min-width:750px){.hero__body{font-size:2rem}}.hero__actions{display:flex;flex-wrap:wrap;gap:1.6rem;width:100%}@media screen and (max-width:749px){.hero__actions{flex-direction:column;align-items:stretch}.hero__actions .button{width:100%}}.hero__media-wrapper{position:relative;width:100%}.hero__media{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:.4rem;background:#f4ecdc}.hero__media img{width:100%;height:100%;object-fit:cover;display:block}.hero__media--placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;border:.1rem dashed rgb(217,207,188);color:#555a69;text-align:center;padding:2rem}.hero__media--placeholder svg{width:4rem;height:4rem;opacity:.6}.hero__media--placeholder .hero__placeholder-label{font-family:var(--font-body-family);font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase}@media screen and (max-width:989px){.hero__media-wrapper--badge{display:none}}.hero__media--badge{background:none;border-radius:0;overflow:visible}.hero__media--badge img{object-fit:contain;filter:drop-shadow(0 .6rem 1.6rem rgba(14,22,51,.2))}.hero__badge{position:absolute;left:1.125rem;bottom:1.125rem;width:9rem;height:9rem;filter:drop-shadow(0 .4rem 1rem rgba(14,22,51,.25))}@media screen and (min-width:750px){.hero__badge{left:1.375rem;bottom:1.375rem;width:11rem;height:11rem}}.hero__badge img{width:100%;height:100%;display:block}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero.css.map */