/* =========================================================
   Greater Than Us — Stories pages  (site/css/stories.css)
   Shared by: stories/index.html, foundation/talent/frontier listings,
   and every story page  stories/<slug>.html
   ---------------------------------------------------------
   OWNER: Talent-stories builder. Foundation/Frontier builder: APPEND
   your own rules at the END of this file (prefix `.st2-…`) — never
   rewrite the file. Everything documented here is shared and stable.
   =========================================================

   SHARED STORY-PAGE STRUCTURE (matches Figma "Story NN" frames)
   ------------------------------------------------------------
   <div class="subnav">…</div>              (style.css; .is-active on pillar)
   <div class="breadcrumb">…</div>          (style.css; peach)

   <section class="st-hero">
     <div class="container">
       <h1 class="st-hero__title">Headline</h1>
       <p class="st-hero__eyebrow">PROGRAMME NAME</p>       brick, spaced caps
       <p class="st-hero__intro">One–two line intro…</p>    36px regular
     </div>
   </section>

   Coloured band — two variants, pillar colour via modifier
   (--gold Talent · --olive Foundation · --rose Frontier):
   a) full-width band, then full-bleed photo below
     <section class="st-band st-band--gold">
       <div class="container st-band__inner"><h2 class="st-band__title">…</h2><p>…</p></div>
     </section>
     <div class="st-photo"><img …></div>                    full-bleed, 630px tall
   b) band + photo side by side (text 66% / photo 34%)
     <section class="st-band st-band--gold st-band--split">
       <div class="st-band__inner"><h2 class="st-band__title">…</h2><p>…</p></div>
       <div class="st-band__media"><img …></div>
     </section>

   Body blocks (all use .st-h for the brick uppercase section heading
   and plain <p> for 20px paragraphs):
   - <section class="st-section">          white, container
   - <section class="st-section st-section--peach">  peach full-width band
   - <section class="st-split">            icon (left col, 470px) + text (right)
       <div class="container st-split__inner">
         <div class="st-split__icon"><img …></div>
         <div class="st-split__text"><h2 class="st-h">…</h2><p>…</p></div>
       </div>
   - <section class="st-feature [st-feature--flip]">  photo half + brown text half
       <div class="st-feature__media"><img …></div>
       <div class="st-feature__text"><h2 class="st-h st-h--white">…</h2><p>…</p></div>
   - <blockquote class="st-quote">  pull quote (brick quote mark, 32px)
       <p>…</p><footer class="st-quote__by">Name, role</footer>
   - <div class="st-portrait">  donor portrait + caption
       <img …><div class="st-portrait__cap"><b>Name</b><span>Role</span></div>

   <section class="st-cta st-cta--gold">   "Support Talent" + white TALK TO US
     <div class="container"><h2 class="st-cta__title">Support Talent</h2>
       <a class="btn st-cta__btn" href="…">Talk to us</a></div>

   <section class="st-more">               READ MORE STORIES → + 3 cards
     <div class="container">
       <a class="st-more__link" href="../stories/index.html">Read more stories <svg…></a>
       <div class="st-more__grid">
         <a class="st-card" href="…"><div class="st-card__img"><img></div>
           <div class="st-card__body"><p class="st-card__eyebrow">…</p><h3 class="st-card__title">…</h3></div></a>
   ------------------------------------------------------------
   LISTING PAGES share: .stories-hero, .stories-intro, .story-card (+ modifiers
   .story-card--feature / --dark / --peach / --row / --grid), .stories-band,
   .stories-grid-2 / -3, .stories-load  — see below.
   ========================================================= */

/* ---------- Stories sub-nav sizing (Figma: 70px bar, 335×40 search) ---------- */
.subnav .container { min-height: 70px; }
.subnav__link { padding: 25px 0; font-size: 14px; letter-spacing: .02em; white-space: nowrap; }
.subnav__link.is-active::after { bottom: 0; left: -20px; right: -20px; height: 3px; }
.subnav__link.is-active { color: var(--brick); }
.subnav__link.is-active::after { background: var(--brick); }
.subnav--foundation .subnav__link.is-active { color: var(--olive); }
.subnav--foundation .subnav__link.is-active::after { background: var(--olive); }
.subnav--talent .subnav__link.is-active { color: var(--gold); }
.subnav--talent .subnav__link.is-active::after { background: var(--gold); }
.subnav--frontier .subnav__link.is-active { color: var(--rose); }
.subnav--frontier .subnav__link.is-active::after { background: var(--rose); }
.subnav__search { width: 335px; height: 40px; padding: 0 12px; border-radius: 3px; border: 1px solid #d7c9bd; }
.subnav__search svg { width: 20px; height: 20px; }

/* ---------- Listing hero ---------- */
.stories-hero { position: relative; display: grid; place-items: center; min-height: 372px; background: var(--brick); color: var(--white); text-align: center; overflow: hidden; isolation: isolate; }
.stories-hero__media { position: absolute; inset: 0; z-index: -2; }
.stories-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.stories-hero__overlay { position: absolute; inset: 0; z-index: -1; background: rgba(66,30,24,.28); }
.stories-hero__icon { position: absolute; left: 50%; top: 50%; width: 118px; transform: translate(-50%,-50%); opacity: 1; z-index: -1; }
.stories-hero__title { position: relative; font-size: 72px; font-weight: 700; line-height: 1.05; }

/* ---------- Listing intro ---------- */
.stories-intro { padding: 96px 0 70px; text-align: center; }
.stories-intro p { max-width: 830px; margin: 0 auto; font-size: 24px; line-height: 1.3; }
.stories-intro--pillar { padding: 70px 0 80px; }
.stories-intro__icon { width: 140px; height: 110px; margin: 0 auto 40px; object-fit: contain; }
.stories-intro__title { font-size: 40px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.stories-intro--pillar p { max-width: 1240px; margin-top: 34px; font-size: 20px; line-height: 1.45; }

/* ---------- Story cards (listing) ---------- */
.story-card { display: block; position: relative; border-radius: 12px; overflow: hidden; background: var(--chip); transition: transform .2s, box-shadow .2s; }
.story-card:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(66,30,24,.14); }
.story-card__img { overflow: hidden; border-radius: 12px; }
.story-card__img img { width: 100%; height: 100%; object-fit: cover; }
.story-card__bar { display: block; width: 40px; height: 4px; background: var(--gold); margin-bottom: 18px; }
.story-card__bar--olive { background: var(--olive); }
.story-card__bar--gold { background: var(--gold); }
.story-card__bar--rose { background: var(--rose); }
.story-card__eyebrow { font-size: 14px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.story-card__title { margin-top: 12px; font-size: 28px; font-weight: 700; line-height: 1.15; }
.story-card__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 28px; margin-top: 28px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; border: 1px solid var(--brown); border-radius: 4px; color: var(--brown); transition: background .2s, color .2s; }
.story-card:hover .story-card__btn { background: var(--brown); color: var(--white); }

/* feature card: big image + text column (All Stories) */
.story-card--feature { display: grid; grid-template-columns: 734px 1fr; gap: 57px; align-items: center; padding: 40px 30px; background: var(--peach); }
.story-card--feature .story-card__img { height: 612px; }
.story-card--feature .story-card__title { font-size: 40px; line-height: 1.05; }
.story-card--feature .story-card__btn { min-height: 38px; }
.story-card--dark { background: var(--brown); color: var(--white); }
.story-card--dark .story-card__btn { border-color: var(--white); color: var(--white); }
.story-card--dark:hover .story-card__btn { background: var(--white); color: var(--brown); }
.story-card--feature.story-card--flip { grid-template-columns: 1fr 734px; gap: 18px; padding: 36px 34px 36px 78px; }
.story-card--feature.story-card--flip .story-card__img { order: 2; }
.story-card--feature.story-card--flip .story-card__title { font-size: 40px; }

/* grid card: image on top (2-up / 3-up) */
.story-card--grid { padding: 26px 30px 32px; }
.story-card--grid .story-card__img { aspect-ratio: 398 / 261; }
.story-card--grid .story-card__body { padding-top: 34px; }
.stories-grid-2 .story-card--grid .story-card__img { aspect-ratio: 558 / 322; }
.stories-grid-2 .story-card--grid .story-card__title { font-size: 30px; }
.stories-grid-3 .story-card--grid { padding: 0 0 22px; }
.stories-grid-3 .story-card--grid .story-card__img { border-radius: 12px 12px 0 0; }
.stories-grid-3 .story-card--grid .story-card__body { padding: 30px 26px 0; }
.stories-grid-3 .story-card__bar { margin-bottom: 14px; }
.stories-grid-3 .story-card__title { margin-top: 8px; }
.stories-grid-3 .story-card__btn { margin-top: 22px; }
.stories-grid-3 .story-card__title { font-size: 27px; letter-spacing: -.01em; }
.stories-grid-3 .story-card__btn { padding: 0 28px; min-height: 34px; font-size: 12px; }

/* row card (pillar listings): image 350px + text panel, alternating */
.story-card--row { display: grid; grid-template-columns: 350px 1fr; gap: 20px; align-items: stretch; background: transparent; overflow: visible; }
.story-card--row .story-card__img { height: 230px; border-radius: 12px; }
.story-card--row .story-card__body { min-height: 230px; }
.story-card--row .story-card__body { display: flex; flex-direction: column; justify-content: center; padding: 40px; background: var(--chip); border-radius: 12px; }
.story-card--row .story-card__eyebrow { font-size: 18px; }
.story-card--row .story-card__title { margin-top: 14px; font-size: 32px; }
.story-card--row .story-card__btn { align-self: flex-start; margin-top: 30px; min-height: 40px; padding: 0 30px; border: 0; color: var(--white); background: var(--gold); }
.story-card--row.story-card--flip { grid-template-columns: 1fr 350px; }
.story-card--row.story-card--flip .story-card__img { order: 2; }
.story-card--row .story-card__btn--olive { background: var(--olive); }
.story-card--row .story-card__btn--gold { background: var(--gold); }
.story-card--row .story-card__btn--rose { background: var(--rose); }
.story-card--row:hover .story-card__btn { background: var(--brown); color: var(--white); }
.stories-rows { display: grid; gap: 64px; padding-bottom: 100px; }

/* listing layout helpers */
.stories-list { padding-bottom: 0; }
.stories-list .container { display: grid; gap: 74px; }
.stories-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 42px; }
.stories-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; }
.stories-band { background: var(--peach); padding: 90px 0 74px; }
.stories-band .container { display: grid; gap: 56px; }
.stories-band--white { background: var(--white); }
.stories-load { display: flex; justify-content: center; }
.stories-load .btn { min-height: 64px; padding: 0 64px; margin-top: 60px; }
.is-hidden { display: none !important; }

/* ---------- Story page: hero ---------- */
.st-hero { padding: 66px 0 64px; }
.st-hero__title { max-width: 860px; font-size: 72px; font-weight: 700; line-height: 1.15; }
.st-hero__eyebrow { margin-top: 36px; font-size: 22px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--brick); }
.st-hero__intro { margin-top: 50px; max-width: 1250px; font-size: 40px; line-height: 1.2; }

/* ---------- Story page: coloured band ---------- */
.st-band { color: var(--white); }
.st-band--gold { background: var(--gold); }
.st-band--olive { background: var(--olive); }
.st-band--rose { background: var(--rose); }
.st-band__inner { padding: 70px var(--gutter) 74px; }
.st-band__title { font-size: 28px; font-weight: 700; text-transform: uppercase; line-height: 1.2; }
.st-band p { font-size: 24px; line-height: 1.3; max-width: 1140px; color: var(--brown); }
.st-band__title + p { margin-top: 30px; }
.st-band--split { display: grid; grid-template-columns: 1fr 488px; }
.st-band--split .st-band__inner { display: flex; flex-direction: column; justify-content: center; padding: 90px 60px 90px var(--gutter); }
.st-band--split p { max-width: 800px; }
.st-band--split .st-band__media img { width: 100%; height: 100%; object-fit: cover; }
.st-photo { height: 630px; }
.st-photo img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- Story page: body sections ---------- */
.st-h { font-size: 28px; font-weight: 700; text-transform: uppercase; line-height: 1.25; color: var(--brick); }
.st-h--white { color: var(--white); }
.st-section { padding: 80px 0 76px; }
.st-section p, .st-split p, .st-feature p, .st-section--peach p { font-size: 24px; line-height: 1.3; }
.st-section p + p, .st-split p + p, .st-feature p + p { margin-top: 32px; }
.st-h + p { margin-top: 34px; }
.st-section--peach { background: var(--peach); padding: 84px 0 90px; }
.st-split { padding: 76px 0 70px; }
.st-split__inner { display: grid; grid-template-columns: 470px 1fr; gap: 80px; align-items: center; }
.st-split__icon { display: grid; place-items: center; }
.st-split__icon img { width: 430px; max-height: 340px; object-fit: contain; }
.st-split__stack { display: grid; grid-template-columns: 1fr; gap: 14px; justify-items: center; }
.st-split__stack img { width: 270px; height: 270px; max-height: none; object-fit: cover; object-position: center top; border-radius: 4px; }
.st-split__text { max-width: 730px; }
.st-feature { display: grid; grid-template-columns: 1fr 1fr; min-height: 680px; background: var(--brown); color: var(--white); }
.st-feature__media img { width: 100%; height: 100%; object-fit: cover; }
.st-feature__text { display: flex; flex-direction: column; justify-content: center; padding: 80px 40px 80px 66px; }
.st-feature--flip .st-feature__media { order: 2; }
.st-feature--flip .st-feature__text { padding: 80px 40px 80px 70px; }
.st-feature--short { min-height: 585px; }

/* pull quote / portrait */
.st-quote { margin: 40px 0; padding: 0 0 0 40px; border-left: 4px solid var(--brick); font-size: 32px; line-height: 1.25; font-weight: 700; }
.st-quote p { font-size: 32px; line-height: 1.25; }
.st-quote__by { margin-top: 20px; font-size: 16px; font-weight: 400; letter-spacing: .04em; text-transform: uppercase; color: var(--brick); }
.st-portrait { display: flex; align-items: center; gap: 30px; margin-top: 40px; }
.st-portrait img { width: 160px; height: 160px; border-radius: 50%; object-fit: cover; }
.st-portrait__cap { display: flex; flex-direction: column; gap: 6px; font-size: 18px; }
.st-portrait__cap b { font-size: 22px; }

/* ---------- Story page: CTA ---------- */
.st-cta { padding: 60px 0 62px; text-align: center; color: var(--white); }
.st-cta--gold { background: var(--gold); }
.st-cta--olive { background: var(--olive); }
.st-cta--rose { background: var(--rose); }
.st-cta__title { font-size: 44px; font-weight: 700; }
.st-cta__btn { margin-top: 40px; min-height: 62px; padding: 0 60px; background: var(--white); color: var(--brown); border-color: var(--white); }
.st-cta__btn:hover { background: var(--brown); color: var(--white); border-color: var(--brown); }

/* ---------- Story page: more stories ---------- */
.st-more { padding: 70px 0 84px; }
.st-more__link { display: inline-flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }
.st-more__link svg { width: 20px; height: 20px; }
.st-more__link:hover { color: var(--brick); }
.st-more__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; margin-top: 40px; }
.st-card { display: block; background: var(--chip); border-radius: 12px; overflow: hidden; transition: transform .2s, box-shadow .2s; }
.st-card:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(66,30,24,.14); }
.st-card__img { aspect-ratio: 398 / 261; }
.st-card__img img { width: 100%; height: 100%; object-fit: cover; }
.st-card__body { padding: 28px 30px 34px; }
.st-card__eyebrow { font-size: 14px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.st-card__title { margin-top: 16px; font-size: 28px; font-weight: 700; line-height: 1.15; }

/* ---------- Responsive ---------- */
@media (max-width: 1240px) {
  .story-card--feature, .story-card--feature.story-card--flip { grid-template-columns: 1fr 1fr; padding: 32px; }
  .story-card--feature .story-card__img { height: 440px; }
  .story-card--feature .story-card__title, .story-card--feature.story-card--flip .story-card__title { font-size: 34px; }
  .st-split__inner { grid-template-columns: 300px 1fr; gap: 48px; }
  .st-split__icon img { width: 280px; }
  .st-split__stack img { width: 230px; height: 230px; }
  .st2-split .st-split__icon img { height: 320px; max-width: 220px; max-height: 320px; }
  .st-hero__title { font-size: 56px; }
  .st-hero__intro { font-size: 28px; }
}

@media (max-width: 960px) {
  .stories-hero { min-height: 260px; }
  .stories-hero__title { font-size: 44px; }
  .stories-hero__icon { width: 80px; }
  .stories-intro { padding: 48px 0 32px; }
  .stories-intro p { font-size: 18px; }
  .stories-intro--pillar { padding: 48px 0; }
  .stories-intro__icon { width: 90px; height: 72px; margin-bottom: 24px; }
  .stories-intro__title { font-size: 24px; letter-spacing: .12em; }
  .stories-intro--pillar p { font-size: 17px; margin-top: 24px; }
  .stories-list .container { gap: 28px; }
  .story-card--feature, .story-card--feature.story-card--flip { grid-template-columns: 1fr; gap: 24px; padding: 20px; }
  .story-card--feature .story-card__img { height: auto; aspect-ratio: 4 / 3; order: 0; }
  .story-card--feature.story-card--flip .story-card__img { order: 0; }
  .story-card--feature .story-card__title, .story-card--feature.story-card--flip .story-card__title { font-size: 28px; }
  .stories-grid-2, .stories-grid-3 { grid-template-columns: 1fr; gap: 24px; }
  .stories-grid-2 .story-card--grid .story-card__title, .stories-grid-3 .story-card__title { font-size: 24px; }
  .story-card--grid { padding: 20px 20px 26px; }
  .story-card--grid .story-card__body { padding-top: 24px; }
  .stories-band { padding: 48px 0; }
  .stories-band .container { gap: 28px; }
  .stories-load .btn { margin-top: 36px; }
  .story-card--row, .story-card--row.story-card--flip { grid-template-columns: 1fr; gap: 12px; }
  .story-card--row.story-card--flip .story-card__img { order: 0; }
  .story-card--row .story-card__body { padding: 24px; }
  .story-card--row .story-card__eyebrow { font-size: 14px; }
  .story-card--row .story-card__title { font-size: 24px; }
  .stories-rows { gap: 32px; padding-bottom: 56px; }
  .story-card__eyebrow { letter-spacing: .14em; }

  .st-hero { padding: 40px 0 36px; }
  .st-hero__title { font-size: 36px; }
  .st-hero__eyebrow { margin-top: 20px; font-size: 15px; letter-spacing: .14em; }
  .st-hero__intro { margin-top: 24px; font-size: 21px; }
  .st-band__inner { padding: 44px var(--gutter); }
  .st-band__title { font-size: 20px; }
  .st-band p, .st-section p, .st-split p, .st-feature p, .st-section--peach p { font-size: 17px; line-height: 1.5; }
  .st-band--split { grid-template-columns: 1fr; }
  .st-band--split .st-band__inner { padding: 44px var(--gutter); }
  .st-band--split .st-band__media img { height: 320px; }
  .st-photo { height: 260px; }
  .st-h { font-size: 19px; }
  .st-h + p { margin-top: 20px; }
  .st-section p + p, .st-split p + p, .st-feature p + p { margin-top: 20px; }
  .st-section { padding: 48px 0 40px; }
  .st-section--peach { padding: 44px 0 48px; }
  .st-split { padding: 40px 0 32px; }
  .st-split__inner { grid-template-columns: 1fr; gap: 28px; }
  .st-split__icon img { width: 140px; max-height: 140px; }
  .st-split__stack { grid-template-columns: 1fr 1fr; gap: 10px; }
  .st-split__stack img { width: 100%; height: auto; aspect-ratio: 1 / 1; }
  .st-feature { grid-template-columns: 1fr; min-height: 0; }
  .st-feature__media img { height: 260px; }
  .st-feature--flip .st-feature__media { order: 0; }
  .st-feature__text, .st-feature--flip .st-feature__text { padding: 40px var(--gutter) 48px; }
  .st-quote, .st-quote p { font-size: 22px; }
  .st-quote { padding-left: 20px; margin: 28px 0; }
  .st-cta { padding: 44px 0 48px; }
  .st-cta__title { font-size: 28px; }
  .st-cta__btn { margin-top: 28px; min-height: 52px; padding: 0 40px; }
  .st-more { padding: 24px 0 56px; }
  .st-more__link { font-size: 15px; }
  .st-more__grid { grid-template-columns: 1fr; gap: 20px; margin-top: 24px; }
  .st-card__body { padding: 20px; }
  .st-card__title { font-size: 21px; }
}

/* ===== APPEND-ONLY ZONE for the Foundation/Frontier builder (.st2-…) below ===== */

/* ---- Foundation / Frontier story pages (.st2-) ---- */
.st2-band { display: grid; grid-template-columns: 1fr 490px; min-height: 460px; }
.st2-band--left { grid-template-columns: 490px 1fr; }
.st2-band--left .st-band__media { order: -1; }
.st2-band .st-band__inner { display: flex; flex-direction: column; justify-content: center; padding: 60px 60px 60px var(--gutter); }
.st2-band--left .st-band__inner { padding: 60px var(--gutter) 60px 70px; }
.st2-band .st-band__media img { width: 100%; height: 100%; object-fit: cover; }
.st2-band p, .st2-band p:first-child { margin-top: 0; color: var(--white); }
.st2-band p + p { margin-top: 30px; }
.st2-band--full { display: block; min-height: 0; }
.st2-band--full .st-band__inner { padding: 76px var(--gutter) 90px; }
.st2-photo--tall { height: 930px; }
.st2-photo { position: relative; }
.st2-dots { position: absolute; left: 50%; bottom: 40px; display: flex; gap: 8px; transform: translateX(-50%); }
.st2-dots span { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.55); }
.st2-dots span:first-child { background: var(--white); }
.st2-gallery { position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 650px; gap: 10px; height: 650px; margin: 0; overflow: hidden; isolation: isolate; }
.st2-gallery--tight { gap: 0; }
.st2-gallery img { display: block; width: 100%; height: 650px; min-height: 0; max-height: 100%; object-fit: cover; }
.st2-feature { min-height: 610px; }
.st2-feature .st-feature__text { padding: 70px 60px 70px 56px; }
.st2-split { position: relative; z-index: 1; background: var(--white); padding: 90px 0 70px; }
.st2-split .st-split__inner { grid-template-columns: 470px 1fr; gap: 76px; }
.st2-split .st-split__icon { align-self: center; }
.st2-split .st-split__icon img { display: block; width: auto; height: 470px; max-width: 340px; max-height: 470px; object-fit: contain; }
.st2-split .st-split__text { max-width: 680px; }
.st2-split .st-split__text p:first-of-type { margin-top: 36px; }
.st-section--peach.st2-peach { padding: 76px 0 84px; }
.st2-more .st-more__grid { margin-top: 36px; }
.st2-cta { padding: 68px 0 70px; }
@media (max-width: 960px) {
  .st2-band, .st2-band--left { grid-template-columns: 1fr; min-height: 0; }
  .st2-band--left .st-band__media { order: 0; }
  .st2-band .st-band__media img { height: 320px; }
  .st2-band .st-band__inner, .st2-band--left .st-band__inner, .st2-band--full .st-band__inner { padding: 40px var(--gutter) 44px; }
  .st2-photo--tall { height: 300px; }
  .st2-gallery { grid-template-columns: 1fr; grid-template-rows: 240px 240px; height: auto; gap: 8px; }
  .st2-gallery img { height: 240px; max-height: none; }
  .st2-dots { bottom: 14px; }
  .st2-feature { min-height: 0; }
  .st2-split { padding: 40px 0 32px; }
  .st2-split .st-split__inner { grid-template-columns: 1fr; gap: 24px; }
  .st2-split .st-split__icon img { height: 160px; max-width: 150px; max-height: 160px; }
  .st2-split .st-split__text p:first-of-type { margin-top: 20px; }
  .st2-cta { padding: 44px 0 48px; }
}
/* .st2 wrapper: Foundation/Frontier story pages */
.st2 figure { margin: 0; }
.st2 .st-band p { color: var(--white); }
.st2 .st-hero__intro { font-size: 36px; line-height: 1.3; }
.st2 .st-hero__title { max-width: none; }
.st2 .st-card__eyebrow { font-size: 13px; letter-spacing: .12em; white-space: nowrap; }
.st2 .st-card__title { font-size: 24px; }
@media (max-width: 600px) { .st2 .st-card__eyebrow { white-space: normal; } }
.st2 .st-section { padding: 70px 0 64px; }
.st2 .st-section--peach { padding: 70px 0 76px; }
.st2 .st-h + p { margin-top: 30px; }
@media (max-width: 960px) { .st2 .st-section { padding: 44px 0 40px; } .st2 .st-section--peach { padding: 44px 0 48px; } .st2 .st-h + p { margin-top: 18px; } }
@media (max-width: 960px) { .st2 .st-hero__intro { font-size: 21px; line-height: 1.35; } .st2-br { display: inline; } }
.st2-br { display: block; height: 0; }
@media (max-width: 960px) { .st2 .st2-br { display: inline; height: auto; } }