.brand-story{--brand-story-pad-top: 3rem;position:relative;width:100%;max-width:100%;overflow:clip;padding:var(--brand-story-pad-top) var(--side, clamp(16px, 4.83vw, 32px)) 100px;background:var(--color-surface);color:var(--color-text-primary)}.brand-story__stage{position:relative;display:flow-root}.brand-story__media{position:relative;z-index:2;width:clamp(260px,30vw,480px);max-width:100%;margin:0 auto 3rem;aspect-ratio:var(--brand-story-ratio, 3 / 4);overflow:hidden;background:var(--color-surface-alt)}.brand-story__image,.brand-story__placeholder{display:block;width:100%;height:100%;object-fit:cover}.brand-story__wordmark-row{position:relative;z-index:3;width:100%;text-align:center}.brand-story__wordmark{display:inline-block;max-width:100%;margin:0;padding:0;font-family:var(--font-display);font-size:clamp(4rem,15vw,14rem);font-weight:800;line-height:.85;letter-spacing:-.02em;white-space:nowrap;color:var(--color-text-primary)}@media(max-width:767px){.brand-story{--brand-story-pad-top: 2rem;padding-bottom:60px}.brand-story__media{width:clamp(190px,60vw,300px);margin-bottom:2rem}.brand-story__wordmark{font-size:clamp(2.75rem,18vw,6rem)}}.brand-story--has-video{padding-top:0;padding-bottom:clamp(40px,6vw,96px)}.brand-story__media--video{width:auto;max-width:none;margin-left:calc(-1 * var(--side, clamp(16px, 4.83vw, 32px)));margin-right:calc(-1 * var(--side, clamp(16px, 4.83vw, 32px)));margin-bottom:0;aspect-ratio:var(--brand-story-video-ratio, 16 / 9);background:var(--color-surface-alt)}.brand-story__media--video .brand-story__image{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .4s ease}.brand-story__media--video.is-playing .brand-story__image{opacity:0}.brand-story__video{position:absolute;top:50%;left:50%;width:100%;height:100%;max-width:none;transform:translate(-50%,-50%) scale(1.35);border:0;pointer-events:none}.brand-story--has-video .brand-story__wordmark{font-size:clamp(4rem,16vw,15rem)}.brand-story--has-video .brand-story__wordmark-row{padding-top:0;margin-top:calc(-.45*clamp(4rem,16vw,15rem))}@media(max-width:767px){.brand-story--has-video{padding-bottom:40px}.brand-story--has-video .brand-story__wordmark{font-size:clamp(2.5rem,15vw,6rem)}.brand-story--has-video .brand-story__wordmark-row{margin-top:calc(-.45*clamp(2.5rem,15vw,6rem))}}@media(prefers-reduced-motion:reduce){.brand-story__media--video .brand-story__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-brand-story.css.map */