.about-hero.section{position:relative;width:100%;min-height:clamp(380px,38vw,750px);padding:0;overflow:hidden;isolation:isolate}.about-hero.section>.about-hero__media,.about-hero.section>.about-hero__overlay{grid-column:1 / -1}.about-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.about-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}.about-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;left:28vw;z-index:1;display:grid;place-items:center;padding:2rem;pointer-events:none}.about-hero__title{margin:0;font-family:var(--font-heading--family);font-size:clamp(1.875rem,4.5vw,2.75rem);font-weight:400;line-height:1.1;letter-spacing:.02em;text-align:center;color:#fff;text-wrap:balance}.about-page{--about-prose-max: 42rem;--about-section-gap: clamp(2rem, 5vw, 3.5rem)}.about-page-content-section{padding-block-start:var(--about-section-gap)}.about-page__body{padding-block:0 var(--about-section-gap)}.about-page__prose{max-width:var(--about-prose-max);margin-inline:auto;text-align:center;font-size:.875rem;line-height:1.65;color:var(--color-foreground);margin:20px 0}.about-page__prose p{margin:0 0 1.25rem}.about-page__prose p:last-child{margin-bottom:0}.about-page__covers{max-width:min(100%,56rem);margin:var(--about-section-gap) auto}.about-page__covers img{display:block;width:100%;height:auto}.about-page__cta-wrap{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;margin-top:20pxs;margin-inline:auto;margin-bottom:0;padding:0;text-align:center}.about-page__cta{min-width:12rem;margin-inline:auto;margin-top:0;text-transform:uppercase;letter-spacing:.06em}.shopify-section:has(.about-hero){overflow:visible}.shopify-section:has(.about-hero) .section.page-width-content,.shopify-section:has(.about-hero) .section.page-width-content>.section-content-wrapper,.shopify-section:has(.about-hero) .section.page-width-content .section-content-wrapper>*{overflow:visible}.shopify-section:has(.about-hero) .about-hero.section{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw)}.shopify-section:has(.about-hero) .section.page-width-content .section-content-wrapper>.text-block:first-of-type{display:none}@media screen and (max-width:749px){.about-hero.section{min-height:clamp(300px,68vw,440px)}.about-hero__image{object-position:center 22%}.about-hero__overlay{padding:2rem 1.25rem}.about-hero__overlay h1{font-size:25px!important}.about-hero__title{font-size:clamp(1.75rem,8vw,2.25rem)}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/about-page.css.map */
