.brand-story{--bs-gap: clamp(4rem, 6vw, 9rem);display:flex;flex-direction:column;gap:3.2rem}.brand-story__lead{display:flex;flex-direction:column;align-items:flex-start;gap:1.8rem}.brand-story__eyebrow{margin:0;color:#6b705c;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.18em;line-height:1;text-transform:uppercase}.brand-story__heading{margin:0;max-width:20ch;color:#1c2817;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(calc(var(--font-heading-scale) * 3.2rem),4.4vw,calc(var(--font-heading-scale) * 5.6rem));line-height:1.05;letter-spacing:-.015em}.brand-story__media-frame{position:relative;overflow:hidden;background-color:rgba(var(--color-foreground),.05)}.brand-story__media--portrait .brand-story__media-frame{aspect-ratio:4 / 5}.brand-story__media--square .brand-story__media-frame{aspect-ratio:1 / 1}.brand-story__media--landscape .brand-story__media-frame{aspect-ratio:3 / 2}.brand-story__picture{display:block;width:100%;height:100%}.brand-story__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.brand-story__image--placeholder{display:flex;align-items:center;justify-content:center}.brand-story__image--placeholder svg{width:100%;height:100%}.brand-story__body{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;max-width:52rem}.brand-story__text{color:rgba(var(--color-foreground),.7);font-family:var(--font-body-family);font-size:1.6rem;line-height:1.8}.brand-story__text>*{margin:0}.brand-story__text--lead{color:rgba(var(--color-foreground),.85);font-size:1.9rem;line-height:1.7}.brand-story__cta{display:inline-flex;align-items:center;gap:1rem;margin:1.2rem 0 0;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.3rem;font-weight:600;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}.brand-story__cta-label{position:relative;padding-bottom:.6rem}.brand-story__cta-label:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:.1rem;background:currentColor;opacity:.35;transform-origin:left;transition:opacity .45s ease,transform .45s cubic-bezier(.22,.61,.36,1)}a.brand-story__cta:hover .brand-story__cta-label:after{opacity:1}.brand-story__cta-arrow{display:inline-block;transition:transform .45s cubic-bezier(.22,.61,.36,1)}a.brand-story__cta:hover .brand-story__cta-arrow{transform:translate(.5rem)}a.brand-story__cta:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.6rem}.brand-story__cta--static{color:rgba(var(--color-foreground),.6)}@media screen and (min-width:990px){.brand-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--bs-gap);row-gap:0}.brand-story__media{grid-row:1 / span 2}.brand-story--media-left .brand-story__media{grid-column:1}.brand-story--media-left .brand-story__lead,.brand-story--media-left .brand-story__body,.brand-story--media-right .brand-story__media{grid-column:2}.brand-story--media-right .brand-story__lead,.brand-story--media-right .brand-story__body{grid-column:1}.brand-story__lead{grid-row:1;align-self:end;padding-bottom:2.8rem}.brand-story__body{grid-row:2;align-self:start}}@media screen and (min-width:750px)and (max-width:989px){.brand-story{gap:4rem}.brand-story__body{max-width:60rem}}@media screen and (max-width:749px){.brand-story{gap:2.8rem}.brand-story__heading{max-width:16ch;font-size:clamp(calc(var(--font-heading-scale) * 2.8rem),9vw,calc(var(--font-heading-scale) * 3.8rem))}.brand-story--bleed-mobile .brand-story__media{margin-inline:-2rem}.brand-story__media--portrait .brand-story__media-frame{aspect-ratio:5 / 6}.brand-story__media--landscape .brand-story__media-frame{aspect-ratio:4 / 3}.brand-story__body{gap:1.6rem}.brand-story__text--lead{font-size:1.7rem}.brand-story__text{font-size:1.5rem;line-height:1.75}.brand-story__cta{margin-top:.8rem}}@media(prefers-reduced-motion:no-preference){.brand-story__media.scroll-trigger .brand-story__image{opacity:.01;transform:scale(1.06)}.brand-story__media.scroll-trigger:not(.scroll-trigger--offscreen) .brand-story__image{animation:brandStoryReveal var(--duration-extra-longer, .75s) var(--ease-out-slow, ease) forwards}.brand-story__media.scroll-trigger.scroll-trigger--design-mode .brand-story__image{opacity:1;transform:none;animation:none}@keyframes brandStoryReveal{0%{opacity:.01;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-brand-story.css.map */