.on-hero{position:relative;width:100%;aspect-ratio:var(--on-hero-desktop-ratio);overflow:hidden;isolation:isolate;background:#8d3f1e;color:#f8eee6}.on-hero__media,.on-hero__media picture,.on-hero__image,.on-hero__overlay,.on-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.on-hero__media picture{display:block}.on-hero__image{display:block;object-fit:cover;object-position:center}.on-hero__placeholder{background:#8d3f1e}.on-hero__overlay{z-index:1;background:linear-gradient(90deg,transparent 45%,rgba(42,16,7,.18) 100%);pointer-events:none}.on-hero__content{z-index:2;display:flex;align-items:center;justify-content:flex-end;padding-top:clamp(4rem,6vw,9rem);padding-bottom:clamp(4rem,6vw,9rem);pointer-events:none}.on-hero__content-inner{width:min(36rem,30vw);margin-right:clamp(2rem,5vw,8rem);text-align:left;pointer-events:auto}.on-hero__eyebrow{display:flex;align-items:center;gap:1.6rem;margin:0 0 3rem;color:inherit;font-family:var(--font-body-family);font-size:1.3rem;font-weight:500;line-height:1.2;letter-spacing:.28em;text-transform:uppercase}.on-hero__eyebrow:after{width:4.8rem;height:1px;content:"";background:currentColor;opacity:.55}.on-hero__heading{max-width:36rem;margin:0;color:inherit;font-family:var(--on-hero-heading-font);font-size:clamp(4rem,3.6vw,6.4rem);font-style:var(--on-hero-heading-style);font-weight:var(--on-hero-heading-weight);line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.on-hero__description{max-width:35rem;margin:3rem 0 0;color:inherit;font-family:var(--font-body-family);font-size:1.6rem;font-weight:400;line-height:1.55;letter-spacing:.01em}.on-hero__button{display:inline-flex;min-width:17.4rem;min-height:5.4rem;align-items:center;justify-content:center;margin-top:3.6rem;padding:1.2rem 2.8rem;border:1px solid rgba(248,238,230,.72);color:inherit;background:transparent;font-family:var(--font-body-family);font-size:1.4rem;line-height:1.2;letter-spacing:.02em;text-decoration:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.on-hero__button:hover{border-color:#f8eee6;color:#5f2b17;background:#f8eee6}.on-hero__button:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media screen and (max-width:989px)and (min-width:750px){.on-hero__content-inner{width:min(34rem,35vw);margin-right:1rem}.on-hero__heading{font-size:clamp(3.4rem,4.2vw,4.8rem)}}@media screen and (max-width:749px){.on-hero{aspect-ratio:var(--on-hero-mobile-ratio)}.on-hero__image{object-position:center}.on-hero__overlay{background:linear-gradient(180deg,transparent 44%,rgba(48,18,7,.3) 100%)}.on-hero__content{align-items:flex-end;justify-content:center;padding:3rem 2.4rem clamp(3.6rem,8vw,6rem)}.on-hero__content-inner{width:100%;max-width:35rem;margin:0 auto;text-align:center}.on-hero__eyebrow{flex-direction:column;justify-content:center;gap:1.4rem;margin-bottom:2rem;font-size:1.1rem;letter-spacing:.3em}.on-hero__eyebrow:after{width:4rem}.on-hero__heading{max-width:100%;font-size:clamp(2.8rem,7.6vw,3.6rem);line-height:1.12;letter-spacing:-.04em}.on-hero__description{max-width:32rem;margin:2.2rem auto 0;font-size:1.4rem;line-height:1.5}.on-hero__button{min-width:16rem;min-height:5rem;margin-top:2.6rem;font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.on-hero__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/on-hero.css.map */