.hero--photo{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:46rem;border-bottom:.1rem solid var(--mx-hair-page, #17201a)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080b09eb,#080b09d1 55%,#080b099e)}.hero__bg-img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hero-focal, center 40%)}.hero__inner{width:100%;padding-top:5.6rem;padding-bottom:5.6rem}.hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}.hero__content--photo{max-width:56rem;gap:1.4rem}.hero__eyebrow{margin:0}.hero__heading{margin:0;line-height:1.1}.hero__heading--photo{font-size:3.4rem;line-height:1.08;letter-spacing:-.02em;font-weight:700;color:var(--mx-text, #f4f7f5)}.hero__subheading{margin:0;font-size:1.6rem;line-height:1.5;color:var(--mx-text-2, #c4d1c9)}.hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.6rem}.hero__button{margin:0}.hero__note{margin:0;font-size:1.2rem;opacity:.9}@media screen and (min-width:750px){.hero--photo{min-height:var(--hero-min-height, 52rem)}.hero__bg:after{background:linear-gradient(90deg,#080b09f5,#080b09db 42%,#080b094d 72%,#080b090d)}.hero__inner{padding-top:8.4rem;padding-bottom:8.4rem}.hero__heading--photo{font-size:4.6rem}.hero__subheading{font-size:1.7rem}}.hero__grid{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:center}.hero__media{order:-1}.hero__media--panel{background:#fff;border-radius:var(--media-radius, 0);padding:1.5rem}.hero__img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain}.hero__img.placeholder{background:rgba(var(--color-foreground),.04);fill:rgba(var(--color-foreground),.55)}@media screen and (min-width:750px){.hero__grid{grid-template-columns:1fr 1fr;gap:4rem}.hero__media{order:0}.hero__grid--image-left .hero__media{order:-1}.hero__grid .hero__heading{font-size:calc(var(--font-heading-scale) * 4.4rem)}}@media screen and (min-width:990px){.hero__grid .hero__heading{font-size:calc(var(--font-heading-scale) * 5.2rem)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero.css.map */