.brand-story{background:var(--surface);padding:100px 0}.brand-story__container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.brand-story__grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.brand-story__grid--flip{direction:rtl}.brand-story__grid--flip>*{direction:ltr}.brand-story__media{aspect-ratio:4 / 5;overflow:hidden;background:var(--surface2)}.brand-story__img{width:100%;height:100%;object-fit:cover;object-position:center}.brand-story__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--surface2) 0%,var(--surface) 100%);border:.5px solid var(--border)}.brand-story__body{display:flex;flex-direction:column;gap:var(--space-5);max-width:460px}.brand-story__eyebrow{font-family:var(--font-body);font-weight:300;font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin:0;line-height:1}.brand-story__heading{font-family:var(--font-display);font-weight:300;font-size:clamp(28px,3.6vw,36px);line-height:1.15;letter-spacing:-.01em;color:var(--ivory);margin:0}.brand-story__text{font-family:var(--font-body);font-weight:300;font-size:14px;line-height:1.7;color:#f5f1e8b8}.brand-story__text p{margin:0}.brand-story__text p+p{margin-top:var(--space-3)}.brand-story__cta{align-self:flex-start;display:inline-flex;padding:14px 32px;margin-top:var(--space-3);font-family:var(--font-body);font-weight:400;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);background:transparent;border:1px solid var(--gold);text-decoration:none;transition:background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.brand-story__cta:hover{background:var(--gold);color:var(--black)}@media(max-width:900px){.brand-story{padding:64px 0}.brand-story__grid{grid-template-columns:1fr;gap:var(--space-6)}.brand-story__grid--flip{direction:ltr}.brand-story__media{aspect-ratio:4 / 3}}.brand-story--text-only .brand-story__body--centered{max-width:640px;margin:0 auto;align-items:center;text-align:center}.brand-story--text-only .brand-story__body--centered .brand-story__cta{align-self:center}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-brand-story.css.map */