/* GW Brand Story — Figma 112:4039 (desktop 1440) / 112:4058 (mobile 390).
   Mobile-first: base = mobile 390 exact, >=768 fluid tablet (still stacked),
   >=1025 desktop 1440 exact (2-up row).
   Colours are design literals; every one is overridable through the section's
   scoped <style> via the --gw-bs-* custom properties.
   Order: DOM is text -> CTA -> press strip, which IS the desktop order. Mobile
   moves the CTA last (order:2) and the photo first (order:-1) per the Figma frame.
   Logo sizing is generic, not per-logo: each mark keeps its intrinsic proportions
   and is clamped by max-height (28 mobile / 48 desktop) then by the card's content
   width. That reproduces Charisma and Elijah List exactly at both breakpoints. The
   desktop Forbes mark is the one design size below the shared 48px cap, so it lands
   ~149x43 against the design's 140x40 — no single generic rule reaches all three.
   The 1px card rule is an inset box-shadow, not a border: a border would add 2px to
   the card's 76/96 height, which the design does not carry.
   The desktop columns use flex-basis calc(50% - 16px), NOT flex:1 0 0: a zero basis
   resolves against the CONTENT box, so each column's own padding is added on top of
   its share and the 48px media gutter skews the split to 728/680. A percentage basis
   with border-box keeps both columns at a true 704. */
.gw-brand-story{padding:64px 16px;background-color:var(--gw-bs-bg,#fdfaf4)}
.gw-brand-story__row{display:flex;flex-direction:column;align-items:stretch;gap:32px;width:100%;max-width:1440px;margin-inline:auto}
.gw-brand-story__media{box-sizing:border-box;order:-1;width:100%;min-width:1px;overflow:hidden}
.gw-brand-story__media-img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:358/346;object-fit:cover;object-position:center center}
.gw-brand-story__copy{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;min-width:1px}
.gw-brand-story__text{order:0;display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%}
.gw-brand-story__heading{margin:0;font-family:var(--header-font-stack);font-size:40px;font-weight:400;line-height:normal;letter-spacing:normal;text-transform:capitalize;color:var(--gw-bs-heading,#242424)}
.gw-brand-story__body{width:100%;font-family:var(--body-font-stack);font-size:16px;font-weight:400;line-height:normal;letter-spacing:normal;color:var(--gw-bs-body,#414444)}
.gw-brand-story__body>*{margin:0 0 21px}
.gw-brand-story__body>:last-child{margin-bottom:0}
.gw-brand-story__attribution{margin:0;font-style:italic}
.gw-brand-story__cta-wrap{order:2;width:100%}
.gw-brand-story__cta{display:block;box-sizing:border-box;width:100%;padding:12px 24px;border-radius:0;font-family:var(--body-font-stack);font-size:16px;font-weight:400;line-height:normal;letter-spacing:normal;text-align:center;text-decoration:none;background-color:var(--gw-bs-button-bg,#4a3b1f);color:var(--gw-bs-button-text,#fff);transition:opacity .2s ease}
a.gw-brand-story__cta:hover,a.gw-brand-story__cta:focus-visible{opacity:.88;color:var(--gw-bs-button-text,#fff)}
.gw-brand-story__proof{order:1;display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}
.gw-brand-story__proof-label{margin:0;font-family:var(--body-font-stack);font-size:18px;font-weight:400;line-height:normal;letter-spacing:normal;text-align:center;white-space:nowrap;color:var(--gw-bs-label,#191a1a)}
.gw-brand-story__logos{display:flex;align-items:stretch;gap:8px;width:100%;margin:0;padding:0;list-style:none}
.gw-brand-story__logo-card{box-sizing:border-box;display:flex;flex:1 0 0;margin:0;align-items:center;justify-content:center;min-width:1px;min-height:76px;padding:24px 16px;box-shadow:inset 0 0 0 1px var(--gw-bs-card-border,#e9ded7);border-radius:0;background-color:#fff}
.gw-brand-story__logo-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.gw-brand-story__logo-img{display:block;width:auto;height:auto;max-width:100%;max-height:28px;object-fit:contain}
@media screen and (min-width:768px){
.gw-brand-story{padding:clamp(64px,8vw,96px) clamp(16px,3.3vw,48px)}
.gw-brand-story__media-img{aspect-ratio:656/580}
.gw-brand-story__heading{font-size:clamp(40px,3.33vw,48px)}
.gw-brand-story__cta-wrap{width:auto}
.gw-brand-story__cta{width:auto;min-width:192px}
}
@media screen and (min-width:1025px){
.gw-brand-story{padding:96px 0}
.gw-brand-story__row{flex-direction:row;align-items:center;gap:32px}
.gw-brand-story__media{order:0;flex:1 1 calc(50% - 16px);padding-right:48px}
.gw-brand-story__copy{flex:1 1 calc(50% - 16px);justify-content:center;gap:16px;padding-inline:48px}
.gw-brand-story__text{max-width:592px}
.gw-brand-story__heading{font-size:48px;text-transform:none}
.gw-brand-story__body{max-width:592px;color:var(--gw-bs-body,#3c3c3c)}
.gw-brand-story__cta-wrap{order:1}
.gw-brand-story__proof{order:2;width:100%;max-width:608px}
.gw-brand-story__logo-card{min-height:96px;padding:24px}
.gw-brand-story__logo-img{max-height:48px}
}