.brand-story-showcase{display:block;background:rgb(var(--section-background));color:rgb(var(--text-color))}.brand-story-showcase__inner{max-width:var(--brand-story-max-width);margin:0 auto;padding:var(--brand-story-padding-top) var(--container-gutter) var(--brand-story-padding-bottom)}.brand-story-showcase__layout{display:grid;grid-template-columns:minmax(0,var(--brand-story-media-ratio)) minmax(0,var(--brand-story-content-ratio));gap:var(--brand-story-gap);align-items:stretch}.brand-story-showcase--media-right .brand-story-showcase__layout{grid-template-columns:minmax(0,var(--brand-story-content-ratio)) minmax(0,var(--brand-story-media-ratio))}.brand-story-showcase--media-right .brand-story-showcase__media-column{order:2}.brand-story-showcase--media-right .brand-story-showcase__content-column{order:1}.brand-story-showcase.is-reveal-ready .brand-story-showcase__media-column,.brand-story-showcase.is-reveal-ready .brand-story-showcase__content{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.brand-story-showcase.is-reveal-ready .brand-story-showcase__content{transition-delay:.1s}.brand-story-showcase.is-visible .brand-story-showcase__media-column,.brand-story-showcase.is-visible .brand-story-showcase__content{opacity:1;transform:translateY(0)}.brand-story-showcase__media,.brand-story-showcase__content{min-height:430px}.brand-story-showcase__media{position:relative;overflow:hidden;border-radius:var(--brand-story-media-radius);background:#f2f2f2}.brand-story-showcase__image,.brand-story-showcase__placeholder{display:block;width:100%;height:100%}.brand-story-showcase__image{object-fit:cover}.brand-story-showcase__image--mobile{display:none}.brand-story-showcase__placeholder svg{width:100%;height:100%;opacity:.35}.brand-story-showcase__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--brand-story-overlay-color),var(--brand-story-overlay-opacity));pointer-events:none}.brand-story-showcase__content-column{display:flex;min-width:0}.brand-story-showcase__content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding:var(--brand-story-content-padding);background:rgba(var(--brand-story-content-bg),var(--brand-story-content-opacity))}.brand-story-showcase__eyebrow,.brand-story-showcase__heading,.brand-story-showcase__body{margin:0}.brand-story-showcase__eyebrow{color:rgba(var(--text-color),.72);letter-spacing:.14em}.brand-story-showcase__heading{max-width:11em;margin-top:14px;color:rgb(var(--heading-color));font-size:clamp(30px,4vw,58px);line-height:1.02;letter-spacing:0}.brand-story-showcase__body{max-width:620px;margin-top:22px;font-size:15px;line-height:1.65}.brand-story-showcase__body p{margin:0}.brand-story-showcase__button{--primary-button-background: 255, 255, 255;--primary-button-text-color: 17, 17, 17;--button-background: 255, 255, 255;--button-text-color: 17, 17, 17;width:fit-content;min-width:150px;min-height:40px;margin-top:30px;padding:0 24px;border:1px solid var(--brand-story-button-border);border-radius:999px;background:var(--brand-story-button-bg);color:var(--brand-story-button-color);font-size:13px;line-height:40px}.brand-story-showcase__button:hover{border-color:#050505;background:#050505;color:#fff!important}@media screen and (max-width:740px){.brand-story-showcase__inner{padding-right:0;padding-left:0}.brand-story-showcase__layout,.brand-story-showcase--media-right .brand-story-showcase__layout{grid-template-columns:1fr;gap:var(--brand-story-mobile-gap)}.brand-story-showcase--mobile-content-first .brand-story-showcase__media-column{order:2}.brand-story-showcase--mobile-content-first .brand-story-showcase__content-column{order:1}.brand-story-showcase__media{min-height:0;aspect-ratio:4 / 5;border-radius:0}.brand-story-showcase__content{min-height:0;padding:var(--brand-story-mobile-content-padding)}.brand-story-showcase--has-mobile-image .brand-story-showcase__image--desktop{display:none}.brand-story-showcase__image--mobile{display:block}.brand-story-showcase__heading{margin-top:12px;font-size:clamp(28px,9vw,38px)}.brand-story-showcase__body{margin-top:16px;font-size:14px}.brand-story-showcase__button{margin-top:22px}}@media(prefers-reduced-motion:reduce){.brand-story-showcase.is-reveal-ready .brand-story-showcase__media-column,.brand-story-showcase.is-reveal-ready .brand-story-showcase__content{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/section-brand-story-showcase.css.map */