.ob-about-hero__frame{position:relative;height:var(--hero-height-mobile, 52rem);max-height:var(--ob-fit-height-top);overflow:hidden;border-radius:var(--ob-radius-banner-mobile);background:var(--ob-surface-2);isolation:isolate}.ob-about-hero__media,.ob-about-hero__media picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.ob-about-hero__image{display:block;width:100%;height:100%;object-fit:cover}.ob-about-hero__scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--ob-shadow-rgb),var(--hero-scrim, .5)),rgba(var(--ob-shadow-rgb),calc(var(--hero-scrim, .5) * .85)) 45%,rgba(var(--ob-shadow-rgb),0) 85%);pointer-events:none}.ob-about-hero__content{position:absolute;left:2.4rem;right:2.4rem;bottom:2.8rem;display:flex;flex-direction:column;gap:1.2rem;color:var(--ob-white)}.ob-about-hero__eyebrow{margin:0;color:var(--ob-white);font-size:calc(1.1rem * var(--ob-fs-text));letter-spacing:.3em;text-transform:uppercase}.ob-about-hero__heading{max-width:82rem;margin:0;color:inherit}.ob-about-hero__text{max-width:52rem;margin:0;color:color-mix(in srgb,var(--ob-white) 92%,transparent);font-size:calc(1.5rem * var(--ob-fs-text));font-weight:var(--font-body-weight-light, 300);line-height:1.7}@media screen and (min-width:750px){.ob-about-hero__frame{height:var(--hero-height, 64rem);border-radius:var(--ob-radius-banner)}.ob-about-hero__scrim{background:linear-gradient(to right,rgba(var(--ob-shadow-rgb),var(--hero-scrim, .5)),rgba(var(--ob-shadow-rgb),calc(var(--hero-scrim, .5) * .9)) 38%,rgba(var(--ob-shadow-rgb),0) 66%),linear-gradient(to top,rgba(var(--ob-shadow-rgb),calc(var(--hero-scrim, .5) * .9)),rgba(var(--ob-shadow-rgb),0) 60%)}.ob-about-hero__content{left:4.8rem;right:4.8rem;bottom:4.8rem;gap:1.6rem}.ob-about-hero__eyebrow{font-size:calc(1.3rem * var(--ob-fs-text))}.ob-about-hero__text{font-size:calc(1.6rem * var(--ob-fs-text))}}@media screen and (min-width:990px){.ob-about-hero__content{left:6.4rem;right:6.4rem;bottom:6.4rem}}.ob-about-hero--full .ob-about-hero__frame{border-radius:0}.ob-about-hero--full .ob-about-hero__content{left:var(--ob-full-pad);right:var(--ob-full-pad)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-about-hero.css.map */