/* ============================================================
   Casa de Bloom — V3 "Garden Immersive"
   Tokens + section styles. Visual source of truth:
   casa_de_bloom_v3/Casa de Bloom V2 - 1 Garden Immersive.dc.html
   Embed-safety: no vh/svh/dvh (px/vw clamp only), eager images,
   videos muted+autoplay, reduced-motion pauses motion.
   Hero block is reused verbatim from v2.
   ============================================================ */

:root {
  --cream:#FAF6EF;  --ink:#2A2622;  --muted:#6B6256;  --muted-2:#8a8276;  --muted-3:#5e564b;
  --pink:#f53f82;   --pink-deep:#bf5b80; --pink-link:#b3325f;
  --green-deep:#7da600;
  --gold:#E7C77E;   --gold-deep:#B08948; --gold-link:#a8761e;
  --blush:#FBF1F5;
  --maxw:1180px;
  --font-display:"Jost", sans-serif;
  --font-body:"Hanken Grotesk", sans-serif;
}

/* ---------- resets ---------- */
* { box-sizing:border-box; }
html, body { margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
  background:var(--cream);
  color:var(--ink);
  font-family:var(--font-body);
  overflow-x:hidden;
}
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
video { display:block; }
::selection { background:var(--pink); color:#fff; }
.page { background:var(--cream); color:var(--ink); overflow-x:hidden; }

/* ---------- load-in animation (no scroll triggers — embed safe) ---------- */
@keyframes fadeUp { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
.fade-up { animation:fadeUp .8s cubic-bezier(.2,.6,.2,1) both; }
.d1 { animation-delay:.05s; } .d2 { animation-delay:.15s; }
.d3 { animation-delay:.25s; } .d4 { animation-delay:.35s; }

/* ============================================================
   Shared building blocks
   ============================================================ */
.center { text-align:center; }
.sec { padding:clamp(70px,9vw,140px) clamp(20px,5vw,64px); }
.container        { max-width:1180px; margin:0 auto; }
.container--wide  { max-width:1280px; margin:0 auto; }
.container--narrow{ max-width:820px;  margin:0 auto; }
.container--copy  { max-width:860px;  margin:0 auto; }

/* section backgrounds */
.sec--blush     { background:var(--blush); }
.sec--lime      { background:linear-gradient(180deg,#F4FAEA 0%,#FBF4E6 100%); }
.sec--goldblush { background:linear-gradient(180deg,#FBF4E6 0%,#FDEFF4 100%); }
.sec--final     { background:linear-gradient(180deg,#FDEFF4 0%,#FBF4E6 100%); }

.head { margin-bottom:clamp(40px,5vw,64px); }

.eyebrow {
  font-size:clamp(15px,3.6vw,22px); letter-spacing:.28em; line-height:1.25;
  text-transform:uppercase; margin-bottom:16px;
}
.eyebrow--pink    { color:var(--pink-deep); }
.eyebrow--gold    { color:var(--gold-deep); }
.eyebrow--gold2   { color:var(--gold-link); }
.eyebrow--lime    { color:var(--green-deep); }
.eyebrow--magenta { color:var(--pink); }

.h2 {
  font-family:var(--font-display); font-weight:200; line-height:1.05; margin:0; color:var(--ink);
  font-size:clamp(32px,5vw,62px);
}

.lead {
  font-family:var(--font-display); font-weight:300;
  font-size:clamp(19px,2.2vw,27px); line-height:1.5; color:var(--ink); margin:0;
  text-wrap:pretty;
}
.lead--narrow { max-width:760px; margin-left:auto; margin-right:auto; }

.body { font-size:16px; line-height:1.8; color:var(--muted); margin:0; }
.mb14 { margin-bottom:14px; } .mb18 { margin-bottom:18px; } .mb22 { margin-bottom:22px; }
.mb24 { margin-bottom:24px; } .mb26 { margin-bottom:26px; } .mb28 { margin-bottom:28px; } .mb30 { margin-bottom:30px; }

.accent {
  font-family:var(--font-display); font-weight:400; font-style:italic;
  font-size:clamp(18px,2vw,24px); line-height:1.45; color:var(--pink); margin:0;
  text-wrap:pretty;
}
.accent--lg { font-weight:300; font-size:clamp(21px,2.6vw,32px); }

.caption { font-size:12.5px; letter-spacing:.04em; margin:0; }
.caption--gold { color:var(--gold-link); }

/* gold diamond accents */
.dia { width:6px; height:6px; transform:rotate(45deg); background:var(--gold); flex:none; }
.dia--sm { width:5px; height:5px; }

/* split two-column grid (auto-collapses on narrow screens) */
.split { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:clamp(36px,6vw,80px); }
.split--center { align-items:center; }

/* ---------- buttons ---------- */
.btn {
  display:inline-flex; align-items:center; justify-content:center;
  font-size:12px; letter-spacing:.18em; text-transform:uppercase;
  padding:17px 34px; border-radius:2px;
  transition:transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.btn:hover { transform:translateY(-2px); }
.btn-pink  { color:#fff; background:var(--pink); }
.btn-light { color:var(--ink); background:rgba(255,253,248,.94); }
.btn-sm    { padding:15px 30px; }
.btn-block { display:block; text-align:center; padding:16px; }

/* golden glowing hero button (reused from v2) */
.btn-gold {
  color:#fff; font-weight:600;
  background:linear-gradient(135deg, #E6AF55 0%, #C8852F 38%, #9A5A1C 72%, #7A4513 100%);
  text-shadow:0 1px 2px rgba(60,32,4,.6);
  animation:goldGlow 3.6s ease-in-out infinite alternate;
}
.btn-gold:hover {
  animation:none;
  box-shadow:
    inset 0 1px 0 rgba(255,236,200,.45),
    0 12px 30px rgba(122,69,19,.55),
    0 0 38px rgba(196,127,46,.8);
}
@keyframes goldGlow {
  from { box-shadow:
    inset 0 1px 0 rgba(255,236,200,.4),
    0 6px 18px rgba(122,69,19,.42),
    0 0 14px rgba(176,113,40,.4); }
  to   { box-shadow:
    inset 0 1px 0 rgba(255,236,200,.5),
    0 10px 26px rgba(122,69,19,.55),
    0 0 32px rgba(196,127,46,.72); }
}

/* underline text link */
.ulink {
  display:inline-block;
  font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--pink-link); border-bottom:1px solid var(--pink);
  padding-bottom:5px;
}

/* outline / gold pills */
.pill {
  font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink);
  border:1px solid rgba(42,38,34,.3); padding:12px 22px; border-radius:40px;
}
.pill--gold { color:#241d15; background:var(--gold); border-color:var(--gold); }

/* ============================================================
   1. HERO  (reused verbatim from v2 — embed-safe heights)
   ============================================================ */
.hero {
  position:relative;
  min-height:clamp(640px, 92vw, 900px);
  display:flex; flex-direction:column; align-items:center;
  text-align:center; overflow:hidden;
  padding:clamp(60px,12vw,150px) clamp(20px,5vw,40px) 0;
}
.hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.hero__scrim {
  position:absolute; inset:0;
  background:linear-gradient(180deg,
    rgba(34,24,12,.6) 0%, rgba(34,24,12,.3) 24%, rgba(34,24,12,0) 46%,
    rgba(34,24,12,0) 62%, rgba(250,246,239,.72) 88%, #FAF6EF 100%);
}
.hero__inner { position:relative; z-index:3; max-width:1040px; }
.hero__mark {
  width:12px; height:12px; transform:rotate(45deg); background:var(--gold);
  margin:0 auto clamp(18px,2.4vw,26px); box-shadow:0 0 18px rgba(231,199,126,.7);
}
.hero__title {
  font-family:var(--font-display); font-weight:200;
  font-size:clamp(44px,8.5vw,124px); line-height:.98; letter-spacing:.04em;
  color:#FFFDF8; margin:0; text-shadow:0 2px 30px rgba(20,12,4,.35);
}
.hero__eyebrow {
  font-size:clamp(10px,1.3vw,13px); letter-spacing:.38em; text-transform:uppercase;
  color:#F4E4C4; margin-top:clamp(16px,2vw,24px);
}
.hero__divider { display:flex; align-items:center; justify-content:center; gap:14px; margin:clamp(20px,2.6vw,30px) auto; }
.hero__divider span:first-child, .hero__divider span:last-child {
  width:clamp(40px,8vw,96px); height:1px; background:rgba(242,230,201,.6);
}
.hero__divider .gem { width:7px; height:7px; transform:rotate(45deg); background:var(--gold); }
.hero__tagline {
  font-family:var(--font-display); font-weight:300; font-style:italic;
  font-size:clamp(18px,2.6vw,34px); color:#FCF4E3; margin:0; text-shadow:0 2px 20px rgba(20,12,4,.35);
}
.hero__cta { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-top:clamp(30px,4vw,46px); }

/* ============================================================
   2. TOUR
   ============================================================ */
.sec--tour { padding-bottom:clamp(44px,6vw,72px); }
.videocard {
  position:relative; border-radius:4px; overflow:hidden;
  box-shadow:0 26px 60px rgba(191,91,128,.2);
}
.videocard video { width:100%; height:clamp(300px,46vw,600px); object-fit:cover; }
.sec--tour .lead { margin-top:clamp(34px,4vw,52px); color:var(--ink); }

/* ============================================================
   3. UPCOMING EVENTS
   ============================================================ */
.sec--events { padding-top:clamp(50px,7vw,90px); }
.eventscard {
  max-width:1080px; margin:0 auto; background:#fff; border-radius:8px;
  box-shadow:0 24px 60px rgba(191,91,128,.14); overflow:hidden;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
}
.eventscard__left  { padding:clamp(32px,4vw,56px); }
.eventscard__right { padding:clamp(32px,4vw,56px); background:linear-gradient(165deg,#FDEFF4,#FBF4E6); }
.eventscard .eyebrow { margin-bottom:22px; }
.eventrow {
  display:flex; justify-content:space-between; align-items:baseline; gap:18px;
  padding-bottom:18px; border-bottom:1px solid #F0E2E8; margin-bottom:20px;
}
.eventrow--last { border-bottom:0; padding-bottom:0; margin-bottom:0; }
.eventrow__name { font-family:var(--font-display); font-weight:300; font-size:clamp(20px,2.2vw,26px); color:var(--ink); }
.eventrow__date { font-size:13px; letter-spacing:.04em; color:var(--pink-deep); white-space:nowrap; }
.detaillist { display:flex; flex-direction:column; gap:13px; font-size:15px; color:var(--muted-3); margin-bottom:26px; }
.detailrow { display:flex; align-items:center; gap:12px; }
.note { font-size:13.5px; line-height:1.6; color:var(--muted-2); font-style:italic; margin:0 0 26px; }
.eventscard__right .caption { margin-top:16px; }

/* ============================================================
   4. MORE THAN AN EVENT  (vertical video + text)
   ============================================================ */
.feel { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:clamp(36px,6vw,72px); align-items:center; margin-top:clamp(40px,5vw,60px); }
.feel__video { position:relative; justify-self:center; width:100%; max-width:360px; }
.feel__video video { width:100%; aspect-ratio:9/16; object-fit:cover; border-radius:10px; box-shadow:0 26px 60px rgba(191,91,128,.2); display:block; background:#1a1410; }
.feel__sound {
  position:absolute; right:14px; bottom:14px;
  width:44px; height:44px; border-radius:50%; border:0; cursor:pointer;
  background:rgba(42,38,34,.55); color:#fff;
  display:flex; align-items:center; justify-content:center;
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
  transition:background .2s ease, transform .2s ease;
}
.feel__sound:hover { background:var(--pink); transform:translateY(-2px); }
.feel__sound svg { width:20px; height:20px; display:block; }
.feel__sound .icon-on { display:none; }
.feel__sound.is-on .icon-off { display:none; }
.feel__sound.is-on .icon-on { display:block; }
.bignot { font-family:var(--font-display); font-weight:300; font-size:clamp(20px,2.4vw,30px); line-height:1.6; color:var(--muted); }
.feel__text .accent--lg { margin:clamp(24px,3vw,34px) 0 clamp(26px,3vw,36px); }

/* ============================================================
   5. WHAT MAKES US DIFFERENT
   ============================================================ */
.meetlist { display:flex; flex-direction:column; gap:11px; font-family:var(--font-display); font-weight:300; font-size:clamp(18px,2vw,23px); color:var(--muted); margin-bottom:26px; }
.meetlist .c-pink  { color:var(--pink); font-weight:400; }
.meetlist .c-green { color:var(--green-deep); font-weight:400; }
.meetlist .c-gold  { color:var(--gold-deep); font-weight:400; }
.becomelist { display:flex; flex-direction:column; gap:6px; font-size:15px; color:var(--muted); margin-bottom:24px; }
.collage { display:grid; grid-template-columns:1fr 1fr; grid-auto-rows:1fr; gap:12px; }
.collage img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:4px; }
.collage__tall { grid-row:span 2; height:100%; }

/* ============================================================
   6. A DAY HERE
   ============================================================ */
.framed { position:relative; }
.framed img { width:100%; height:clamp(380px,52vw,580px); object-fit:cover; border-radius:3px; box-shadow:0 22px 54px rgba(191,91,128,.2); }
.framed__hairline { position:absolute; inset:-1px; border:1px solid rgba(245,63,130,.3); border-radius:3px; pointer-events:none; margin:14px; }
.daygrid {
  display:grid; grid-template-columns:1fr 1fr; gap:11px 24px;
  font-family:var(--font-display); font-weight:300; font-size:clamp(16px,1.7vw,20px);
  color:var(--ink); margin-bottom:30px;
}
.daygrid > div { display:flex; align-items:center; gap:10px; }

/* ============================================================
   7. MARKETPLACE
   ============================================================ */
.mkt-media { max-width:1000px; margin:clamp(40px,5vw,64px) auto 0; border-radius:6px; overflow:hidden; box-shadow:0 22px 54px rgba(191,91,128,.18); }
.mkt-media img { width:100%; height:auto; }
.steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:clamp(14px,1.6vw,20px); margin:clamp(44px,5vw,64px) 0 clamp(40px,5vw,56px); }
.step { background:#fff; border-radius:6px; padding:clamp(22px,2.2vw,30px); box-shadow:0 6px 18px rgba(191,91,128,.08); display:flex; flex-direction:column; gap:14px; }
.step__icon { width:48px; height:48px; border-radius:50%; background:#FDEFF4; display:flex; align-items:center; justify-content:center; }
.step__icon svg { width:24px; height:24px; }
.step__n { font-family:var(--font-display); font-weight:300; font-size:13px; letter-spacing:.2em; text-transform:uppercase; color:var(--pink); }
.step__label { font-family:var(--font-display); font-weight:300; font-size:clamp(16px,1.7vw,19px); line-height:1.3; color:var(--ink); }

/* ============================================================
   8. GIVE & TAKE  +  10. FEATURED  (feature images)
   ============================================================ */
.feature { width:100%; height:clamp(360px,48vw,540px); object-fit:cover; border-radius:3px; }
.feature--gold { box-shadow:0 22px 54px rgba(176,137,72,.18); }
.feature--dark { height:clamp(360px,48vw,560px); box-shadow:0 22px 54px rgba(0,0,0,.4); }
.chips { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:28px; }
.chip { font-size:13px; letter-spacing:.04em; color:var(--muted); border:1px solid rgba(176,137,72,.4); border-radius:40px; padding:9px 18px; }

/* ============================================================
   9. UPCOMING EXPERIENCES  +  13. ECOSYSTEM (cards)
   ============================================================ */
.expgrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:clamp(18px,2vw,26px); }
.expcard { background:#fff; border-radius:8px; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 10px 28px rgba(191,91,128,.1); }
.expcard__media { position:relative; height:200px; overflow:hidden; }
.expcard__media img { width:100%; height:100%; object-fit:cover; }
.datepill { position:absolute; top:14px; left:14px; background:rgba(255,253,248,.94); color:var(--ink); font-size:11px; letter-spacing:.12em; text-transform:uppercase; padding:7px 13px; border-radius:40px; }
.expcard__body { padding:clamp(22px,2.2vw,30px); display:flex; flex-direction:column; flex:1; }
.expcard__title { font-family:var(--font-display); font-weight:300; font-size:clamp(19px,2vw,24px); line-height:1.2; margin:0 0 12px; color:var(--ink); }
.expcard__blurb { font-size:14.5px; line-height:1.65; color:var(--muted); margin:0 0 22px; flex:1; }
.expcard__body .ulink { align-self:flex-start; }

.ecogrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:clamp(18px,2vw,26px); }
.ecocard { background:#fff; border-radius:8px; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 10px 28px rgba(191,91,128,.1); }
.ecocard img { width:100%; height:240px; object-fit:cover; }
.ecocard__body { padding:clamp(26px,2.4vw,36px); display:flex; flex-direction:column; flex:1; }
.ecocard__title { font-family:var(--font-display); font-weight:300; font-size:clamp(20px,2.2vw,27px); letter-spacing:.1em; color:var(--ink); margin-bottom:14px; }
.ecocard__blurb { font-size:15px; line-height:1.7; color:var(--muted); margin:0 0 24px; flex:1; }
.ecocard__body .ulink { align-self:flex-start; }

/* ============================================================
   11. REAL STORIES
   ============================================================ */
.storygrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:clamp(18px,2vw,26px); }
.story { margin:0; background:var(--blush); border-radius:8px; padding:clamp(30px,3vw,44px); display:flex; flex-direction:column; gap:20px; }
.story__quote { font-family:var(--font-display); font-weight:300; font-size:40px; line-height:.5; color:var(--gold); }
.story blockquote { margin:0; font-family:var(--font-display); font-weight:300; font-size:clamp(19px,2vw,25px); line-height:1.4; color:var(--ink); text-wrap:pretty; }

/* ============================================================
   12. GALLERY MARQUEE
   ============================================================ */
.sec--gallery { padding:clamp(60px,8vw,120px) 0 clamp(70px,9vw,130px); overflow:hidden; }
.gallery__head { padding:0 clamp(20px,5vw,64px); }
.marquee { position:relative; }
@keyframes cdbMarquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }
.marquee__track { display:flex; width:max-content; gap:clamp(14px,1.6vw,22px); animation:cdbMarquee 60s linear infinite; }
.marquee:hover .marquee__track { animation-play-state:paused; }
.marquee__track img { flex:none; width:clamp(280px,32vw,440px); height:clamp(280px,30vw,400px); object-fit:cover; border-radius:4px; }

/* ============================================================
   15. FINAL CTA
   ============================================================ */
.sec--final { padding:clamp(90px,13vw,180px) clamp(20px,5vw,64px); }
.pillnav { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:clamp(34px,4vw,48px); }

/* ============================================================
   FAQ accordion
   ============================================================ */
.faq { display:flex; flex-direction:column; gap:14px; }
.faq__item { background:#fff; border-radius:8px; box-shadow:0 6px 18px rgba(176,137,72,.08); overflow:hidden; }
.faq__q {
  width:100%; border:0; background:none; cursor:pointer; text-align:left;
  display:flex; justify-content:space-between; align-items:center; gap:18px;
  padding:clamp(22px,2.4vw,30px) clamp(22px,2.6vw,34px);
  font-family:var(--font-display); font-weight:400; font-size:clamp(17px,1.9vw,22px); color:var(--ink);
}
.faq__sign { font-size:22px; color:var(--pink); line-height:1; flex:none; font-family:var(--font-body); }
.faq__a { display:none; padding:0 clamp(22px,2.6vw,34px) clamp(22px,2.4vw,30px); }
.faq__item.is-open .faq__a { display:block; }
.faq__a p { font-size:15.5px; line-height:1.75; color:var(--muted); margin:0; max-width:680px; }

/* ============================================================
   Footer (social) — carried over from v2
   ============================================================ */
.site-footer { background:var(--blush); border-top:1px solid #EADFCD; padding:clamp(30px,4.5vw,46px) 24px; }
.footer__inner { max-width:1240px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; gap:clamp(28px,5vw,72px); }
.footer__col { display:flex; flex-direction:column; align-items:center; gap:13px; }
.footer__name { font-family:var(--font-display); font-weight:300; font-size:clamp(15px,1.7vw,17px); letter-spacing:.04em; color:var(--ink); }
.footer__icons { display:flex; gap:14px; }
.footer__icon {
  display:flex; align-items:center; justify-content:center;
  width:38px; height:38px; border-radius:50%;
  background:rgba(42,38,34,.05); border:1px solid rgba(42,38,34,.14);
  color:var(--muted);
  transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.footer__icon svg { width:19px; height:19px; fill:currentColor; }
.footer__icon:hover { background:var(--pink); border-color:var(--pink); color:#fff; transform:translateY(-2px); }

/* ============================================================
   Mobile
   ============================================================ */
@media (max-width:600px) {
  .hero { min-height:clamp(680px, 128vw, 760px); }
  .hero__inner { display:flex; flex-direction:column; align-items:stretch; flex:1 1 auto; width:100%; }
  .hero__cta {
    margin-top:auto; margin-bottom:clamp(70px, 19vw, 130px);
    flex-wrap:nowrap; align-items:stretch; gap:10px; width:100%; padding:0 2px;
  }
  .hero__cta .btn {
    flex:1 1 0; min-width:0; padding:13px 12px;
    font-size:14.5px; font-weight:600; letter-spacing:.05em; line-height:1.25;
    white-space:normal; text-align:center;
  }
  .hero__title { font-size:clamp(40px, 9vw, 124px); }
  .hero__eyebrow { letter-spacing:.22em; }

  /* keep the day-here checklist comfortably 2-up; collage stays 2-up */
  .footer__inner { gap:26px 40px; }
}

/* ============================================================
   Reduced motion
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  .fade-up { animation:none; }
  .marquee__track { animation:none; transform:translateX(-50%); }
  .btn-gold {
    animation:none;
    box-shadow:
      inset 0 1px 0 rgba(255,236,200,.45),
      0 8px 22px rgba(122,69,19,.5),
      0 0 22px rgba(196,127,46,.55);
  }
}

.hero__intro {
  max-width: 760px;
  margin: 18px auto 0;
  font-size: clamp(17px, 1.5vw, 22px);
  line-height: 1.7;
  color: rgba(255, 250, 244, 0.92);
  text-align: center;
}

.hero__intro--small {
  max-width: 620px;
  margin-top: 10px;
  font-size: clamp(15px, 1.2vw, 18px);
  color: rgba(255, 250, 244, 0.82);
}

.hero__cta {
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 700px) {
  .hero__intro {
    max-width: 92%;
  }

  .hero__cta {
    gap: 12px;
  }

  .hero__cta .btn {
    width: 100%;
    max-width: 280px;
  }
}

.cb-youtube-card {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  padding: 0;
}

.cb-youtube-card iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

.cb-section-cta {
  margin-top: 28px;
}

@media (max-width: 700px) {
  .cb-section-cta .btn {
    width: 100%;
    max-width: 280px;
  }
}

.cb-story-section {
  background: #fffaf4;
  padding: 110px 6vw;
}

.cb-split {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 64px;
  align-items: center;
}

.cb-split__media {
  width: 100%;
}

.cb-video-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(88, 58, 35, 0.14);
  background: #eadcc8;
}

.cb-video-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.cb-split__content {
  color: #2c2118;
}

.cb-kicker {
  margin-bottom: 16px;
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #b28a4a;
}

.cb-split__content h2 {
  margin: 0 0 28px;
  font-size: clamp(38px, 5vw, 72px);
  line-height: 0.96;
  font-weight: 400;
  letter-spacing: -0.04em;
}

.cb-split__content p {
  font-size: clamp(17px, 1.4vw, 21px);
  line-height: 1.75;
  margin: 0 0 14px;
  color: rgba(44, 33, 24, 0.78);
}

.cb-accordion {
  margin-top: 34px;
  border-top: 1px solid rgba(178, 138, 74, 0.35);
  border-bottom: 1px solid rgba(178, 138, 74, 0.35);
  padding: 18px 0;
}

.cb-accordion summary {
  cursor: pointer;
  list-style: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  min-height: 48px;
  padding: 0 28px;
  border-radius: 999px;
  background: #d8a75f;
  color: #fffaf4;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.cb-accordion summary::-webkit-details-marker {
  display: none;
}

.cb-accordion__content {
  margin-top: 26px;
}

.cb-accordion__content p {
  margin-bottom: 8px;
}

@media (max-width: 850px) {
  .cb-story-section {
    padding: 76px 22px;
  }

  .cb-split {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .cb-split__content h2 {
    font-size: clamp(36px, 12vw, 54px);
  }

  .cb-accordion summary {
    width: 100%;
  }
}

/* ===== SECTION 4: CELEBRATE GENEROSITY ===== */
.cb-generosity {
  background: #fffaf4;
  padding: 110px 0;
}

.cb-generosity__head {
  max-width: 780px;
  margin: 0 auto 52px;
  text-align: center;
}

.cb-generosity__title {
  margin: 14px 0 22px;
  font-size: clamp(38px, 5.6vw, 74px);
  line-height: 1.02;
}

.cb-generosity__intro {
  margin: 0 0 12px;
  font-size: clamp(18px, 1.6vw, 24px);
  line-height: 1.7;
  color: #3c342f;
}

.cb-generosity__lead {
  margin: 0;
  font-size: clamp(20px, 2vw, 30px);
  line-height: 1.5;
  color: #b88945;
  font-style: italic;
}

.cb-generosity__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  align-items: stretch;
}

.cb-generosity__card {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  min-height: 390px;
  background: #eadcc8;
  box-shadow: 0 20px 55px rgba(80, 54, 36, 0.12);
}

.cb-generosity__card img {
  width: 100%;
  height: 100%;
  min-height: 390px;
  display: block;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.cb-generosity__card:hover img {
  transform: scale(1.04);
}

.cb-generosity__label {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  padding: 14px 18px;
  border-radius: 999px;
  background: rgba(255, 250, 244, 0.9);
  color: #8f642e;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.cb-generosity__bottom {
  max-width: 760px;
  margin: 48px auto 0;
  text-align: center;
}

.cb-generosity__bottom > p {
  margin: 0 0 26px;
  font-size: clamp(18px, 1.5vw, 23px);
  line-height: 1.8;
  color: #4d443e;
}

.cb-accordion--center {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.cb-accordion--center summary {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 900px) {
  .cb-generosity {
    padding: 82px 0;
  }

  .cb-generosity__grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .cb-generosity__card,
  .cb-generosity__card img {
    min-height: 320px;
  }
}

@media (max-width: 640px) {
  .cb-generosity__head {
    margin-bottom: 36px;
  }

  .cb-generosity__card,
  .cb-generosity__card img {
    min-height: 260px;
  }

  .cb-generosity__label {
    font-size: 11px;
    letter-spacing: 0.12em;
  }
}
/* SECTION 5 - BLOOM CREDITS */
.sec--credits {
  background: #f8f3f4;
  padding: 100px 20px;
}

.credits-kicker {
  font-size: 13px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: #9a7b53;
  margin-bottom: 10px;
}

.credits-title {
  font-size: clamp(34px, 4.8vw, 64px);
  font-weight: 300;
  margin-bottom: 40px;
  color: #2b2b2b;
}

.credits-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
  align-items: start;
  margin-bottom: 35px;
}

.credit-item {
  text-align: center;
}

.credit-toptext {
  font-size: 15px;
  color: #7f6f64;
  margin-bottom: 14px;
  min-height: 40px;
}

.credit-item img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 8px;
  display: block;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.credit-label {
  margin-top: 12px;
  font-size: 18px;
  color: #2d2d2d;
  font-weight: 500;
}

.credits-actions {
  margin-top: 10px;
  margin-bottom: 18px;
}

.credits-more {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.credits-more summary {
  cursor: pointer;
  list-style: none;
  font-size: 16px;
  color: #c9892b;
  font-weight: 500;
}

.credits-more summary::-webkit-details-marker {
  display: none;
}

.credits-more__content {
  margin-top: 18px;
  color: #5c5148;
  line-height: 1.8;
  font-size: 16px;
}

@media (max-width: 991px) {
  .credits-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .credits-grid {
    grid-template-columns: 1fr;
  }

  .credits-title {
    margin-bottom: 28px;
  }
}

/* ===== FIXED SECTION 5: BLOOM CREDITS SKETCH LAYOUT ===== */
.cb-credits-sketch {
  background: #fbf7f0 !important;
  padding: 110px 20px !important;
}

.cb-credits-sketch__head {
  text-align: center !important;
  margin-bottom: 44px !important;
}

.cb-credits-sketch__chapter {
  font-size: 13px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: #a97735 !important;
  margin-bottom: 12px !important;
}

.cb-credits-sketch__head h2 {
  font-size: clamp(38px, 5vw, 70px) !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  margin: 0 !important;
  color: #29231f !important;
}

.cb-credits-sketch__grid {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
  margin: 0 auto 40px !important;
}

.cb-credit-box {
  text-align: center !important;
}

.cb-credit-box p {
  min-height: 42px !important;
  margin: 0 0 14px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  color: #746457 !important;
}

.cb-credit-box img {
  width: 100% !important;
  height: 230px !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 35px rgba(54, 38, 26, 0.12) !important;
  background: #eadcc8 !important;
}

.cb-credit-box h3 {
  margin: 14px 0 0 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #2d2622 !important;
}

.cb-credits-sketch__footer {
  text-align: center !important;
  margin-top: 32px !important;
}

.cb-credits-readmore {
  max-width: 820px !important;
  margin: 22px auto 0 !important;
  text-align: center !important;
}

.cb-credits-readmore summary {
  cursor: pointer !important;
  list-style: none !important;
  color: #c8879a !important;
  font-size: 14px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.cb-credits-readmore summary::-webkit-details-marker {
  display: none !important;
}

.cb-credits-readmore div {
  margin-top: 22px !important;
}

.cb-credits-readmore p {
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #5b514b !important;
  margin: 0 0 12px !important;
}

@media (max-width: 1000px) {
  .cb-credits-sketch__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .cb-credit-box img {
    height: 260px !important;
  }
}

@media (max-width: 640px) {
  .cb-credits-sketch {
    padding: 80px 18px !important;
  }

  .cb-credits-sketch__grid {
    grid-template-columns: 1fr !important;
  }

  .cb-credit-box img {
    height: 280px !important;
  }
}

/* ===== SECTION 5: BLOOM CREDITS ===== */
.cb-bloom-credits {
  background: #fffaf4 !important;
  padding: 110px 20px !important;
}

.cb-bloom-credits__head {
  max-width: 820px !important;
  margin: 0 auto 52px !important;
  text-align: center !important;
}

.cb-bloom-credits__chapter {
  margin-bottom: 18px !important;
  font-size: 13px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: #b88945 !important;
}

.cb-bloom-credits__head h2 {
  margin: 0 0 18px !important;
  font-size: clamp(42px, 5.6vw, 76px) !important;
  font-weight: 300 !important;
  line-height: 1.02 !important;
  color: #2d2926 !important;
}

.cb-bloom-credits__subtitle {
  margin: 0 auto 18px !important;
  max-width: 700px !important;
  font-size: clamp(20px, 2vw, 30px) !important;
  line-height: 1.45 !important;
  color: #b88945 !important;
  font-style: italic !important;
}

.cb-bloom-credits__intro {
  margin: 0 auto !important;
  max-width: 760px !important;
  font-size: clamp(17px, 1.35vw, 21px) !important;
  line-height: 1.8 !important;
  color: #4d443e !important;
}

.cb-bloom-credits__grid {
  max-width: 1120px !important;
  margin: 0 auto 46px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

.cb-bloom-card {
  text-align: center !important;
}

.cb-bloom-card__top {
  min-height: 42px !important;
  margin: 0 0 14px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #7a6859 !important;
}

.cb-bloom-card__image {
  overflow: hidden !important;
  border-radius: 22px !important;
  background: #eadcc8 !important;
  box-shadow: 0 20px 55px rgba(80, 54, 36, 0.12) !important;
}

.cb-bloom-card__image img {
  width: 100% !important;
  height: 245px !important;
  display: block !important;
  object-fit: cover !important;
  transition: transform 0.6s ease !important;
}

.cb-bloom-card:hover .cb-bloom-card__image img {
  transform: scale(1.04) !important;
}

.cb-bloom-card h3 {
  margin: 16px 0 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #8f642e !important;
}

.cb-bloom-credits__bottom {
  max-width: 760px !important;
  margin: 42px auto 0 !important;
  text-align: center !important;
  border-top: 1px solid rgba(178, 138, 74, 0.3) !important;
  padding-top: 28px !important;
}

.cb-bloom-credits__bottom .btn {
  border-radius: 999px !important;
  min-width: 230px !important;
}

.cb-bloom-more {
  max-width: 720px !important;
  margin: 24px auto 0 !important;
  text-align: center !important;
  border-top: 1px solid rgba(178, 138, 74, 0.3) !important;
  padding-top: 18px !important;
}

.cb-bloom-more summary {
  cursor: pointer !important;
  list-style: none !important;
  color: #b88945 !important;
  font-size: 13px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.cb-bloom-more summary::-webkit-details-marker {
  display: none !important;
}

.cb-bloom-more__content {
  margin-top: 22px !important;
}

.cb-bloom-more__content p {
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #5b514b !important;
  margin: 0 0 12px !important;
}

@media (max-width: 1000px) {
  .cb-bloom-credits__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .cb-bloom-card__image img {
    height: 270px !important;
  }
}

@media (max-width: 640px) {
  .cb-bloom-credits {
    padding: 82px 18px !important;
  }

  .cb-bloom-credits__head {
    margin-bottom: 38px !important;
  }

  .cb-bloom-credits__grid {
    grid-template-columns: 1fr !important;
  }

  .cb-bloom-card__image img {
    height: 280px !important;
  }

  .cb-bloom-credits__bottom .btn {
    width: 100% !important;
    max-width: 280px !important;
  }
}

/* ===== SECTION 5: BLOOM CREDITS FINAL ===== */
.cb-section-five {
  background: #fffaf4 !important;
  padding: 110px 0 !important;
}

.cb-section-five__head {
  max-width: 840px !important;
  margin: 0 auto 54px !important;
  text-align: center !important;
}

.cb-section-five__chapter {
  margin-bottom: 18px !important;
  font-size: 13px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: #b88945 !important;
}

.cb-section-five__head h2 {
  margin: 0 0 20px !important;
  font-size: clamp(42px, 5.6vw, 76px) !important;
  font-weight: 300 !important;
  line-height: 1.02 !important;
  color: #2d2926 !important;
}

.cb-section-five__subtitle {
  margin: 0 auto 18px !important;
  max-width: 720px !important;
  font-size: clamp(20px, 2vw, 30px) !important;
  line-height: 1.45 !important;
  color: #b88945 !important;
  font-style: italic !important;
}

.cb-section-five__intro {
  margin: 0 auto !important;
  max-width: 780px !important;
  font-size: clamp(17px, 1.35vw, 21px) !important;
  line-height: 1.8 !important;
  color: #4d443e !important;
}

.cb-section-five__grid {
  max-width: 1180px !important;
  margin: 0 auto 48px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.cb-section-five__card {
  text-align: center !important;
}

.cb-section-five__top {
  min-height: 42px !important;
  margin: 0 0 14px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #7a6859 !important;
}

.cb-section-five__image {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  min-height: 320px !important;
  background: #eadcc8 !important;
  box-shadow: 0 20px 55px rgba(80, 54, 36, 0.12) !important;
}

.cb-section-five__image img {
  width: 100% !important;
  height: 320px !important;
  display: block !important;
  object-fit: cover !important;
  transition: transform 0.6s ease !important;
}

.cb-section-five__card:hover img {
  transform: scale(1.04) !important;
}

.cb-section-five__image span {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
  padding: 14px 16px !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 244, 0.92) !important;
  color: #8f642e !important;
  text-align: center !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.cb-section-five__bottom {
  max-width: 760px !important;
  margin: 44px auto 0 !important;
  text-align: center !important;
  border-top: 1px solid rgba(178, 138, 74, 0.3) !important;
  border-bottom: 1px solid rgba(178, 138, 74, 0.3) !important;
  padding: 26px 0 18px !important;
}

.cb-section-five__bottom .btn {
  border-radius: 999px !important;
  min-width: 230px !important;
}

.cb-section-five__more {
  max-width: 720px !important;
  margin: 22px auto 0 !important;
  text-align: center !important;
}

.cb-section-five__more summary {
  cursor: pointer !important;
  list-style: none !important;
  color: #b88945 !important;
  font-size: 13px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.cb-section-five__more summary::-webkit-details-marker {
  display: none !important;
}

.cb-section-five__more-content {
  margin-top: 24px !important;
}

.cb-section-five__more-content p {
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #5b514b !important;
  margin: 0 0 12px !important;
}

@media (max-width: 1000px) {
  .cb-section-five__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .cb-section-five__image,
  .cb-section-five__image img {
    height: 300px !important;
    min-height: 300px !important;
  }
}

@media (max-width: 640px) {
  .cb-section-five {
    padding: 82px 0 !important;
  }

  .cb-section-five__grid {
    grid-template-columns: 1fr !important;
  }

  .cb-section-five__image,
  .cb-section-five__image img {
    height: 300px !important;
    min-height: 300px !important;
  }

  .cb-section-five__bottom .btn {
    width: 100% !important;
    max-width: 280px !important;
  }
}

/* ===== FINAL FIX FOR SECTION 5: BLOOM CREDITS UNIFORM STYLE ===== */

/* Section 5 spacing and background */
.cb-section-five {
  background: #fffaf4 !important;
  padding: 110px 0 !important;
}

/* Chapter 05 same style as other sections */
.cb-section-five__chapter {
  margin-bottom: 18px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  color: #b88945 !important;
  font-weight: 500 !important;
}

/* Heading same luxury size and feel */
.cb-section-five__head h2 {
  margin: 0 0 22px !important;
  font-size: clamp(48px, 5.8vw, 78px) !important;
  font-weight: 300 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.03em !important;
  color: #2d2926 !important;
}

/* Subtitle */
.cb-section-five__subtitle {
  margin: 0 auto 20px !important;
  max-width: 720px !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 1.45 !important;
  color: #b88945 !important;
  font-style: italic !important;
}

/* Paragraph */
.cb-section-five__intro {
  margin: 0 auto !important;
  max-width: 780px !important;
  font-size: clamp(18px, 1.35vw, 21px) !important;
  line-height: 1.8 !important;
  color: #4d443e !important;
}

/* Cards should feel like Section 4 */
.cb-section-five__grid {
  max-width: 1180px !important;
  margin: 0 auto 52px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 26px !important;
}

.cb-section-five__top {
  min-height: 42px !important;
  margin: 0 0 14px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #7a6859 !important;
}

.cb-section-five__image {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background: #eadcc8 !important;
  box-shadow: 0 20px 55px rgba(80, 54, 36, 0.12) !important;
}

.cb-section-five__image img {
  width: 100% !important;
  height: 320px !important;
  display: block !important;
  object-fit: cover !important;
}

.cb-section-five__image span {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
  padding: 14px 16px !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 244, 0.92) !important;
  color: #8f642e !important;
  text-align: center !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

/* Bottom area like the Read The Story section */
.cb-section-five__bottom {
  max-width: 760px !important;
  margin: 48px auto 0 !important;
  text-align: center !important;
  border-top: 1px solid rgba(178, 138, 74, 0.35) !important;
  border-bottom: 1px solid rgba(178, 138, 74, 0.35) !important;
  padding: 28px 0 !important;
}

/* Main button: gold rectangle with shadow like your image */
.cb-section-five__bottom .btn,
.cb-section-five__bottom .btn-gold {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 330px !important;
  min-height: 58px !important;
  padding: 0 34px !important;
  border-radius: 2px !important;
  background: linear-gradient(90deg, #e0a348 0%, #9a5518 100%) !important;
  color: #fffaf4 !important;
  border: 0 !important;
  box-shadow: 0 18px 34px rgba(154, 85, 24, 0.36) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Read More wrapper */
.cb-section-five__more {
  max-width: 720px !important;
  margin: 24px auto 0 !important;
  text-align: left !important;
}

/* Read More button like the Read The Story pill */
.cb-section-five__more summary {
  cursor: pointer !important;
  list-style: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 190px !important;
  min-height: 48px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  background: #d8a75f !important;
  color: #fffaf4 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.cb-section-five__more summary::-webkit-details-marker {
  display: none !important;
}

/* Expanded content */
.cb-section-five__more-content {
  margin-top: 26px !important;
  text-align: center !important;
}

.cb-section-five__more-content p {
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #5b514b !important;
  margin: 0 0 12px !important;
}

/* Mobile */
@media (max-width: 1000px) {
  .cb-section-five__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .cb-section-five__image img {
    height: 300px !important;
  }
}

@media (max-width: 640px) {
  .cb-section-five {
    padding: 82px 0 !important;
  }

  .cb-section-five__grid {
    grid-template-columns: 1fr !important;
  }

  .cb-section-five__image img {
    height: 300px !important;
  }

  .cb-section-five__bottom .btn,
  .cb-section-five__bottom .btn-gold {
    width: 100% !important;
    max-width: 330px !important;
    min-width: 0 !important;
  }

  .cb-section-five__more {
    text-align: center !important;
  }
}
/* ===== FINAL ALIGNMENT FIX FOR SECTION 5 ===== */

/* Make Chapter 05 match Chapter 03 and 04 */
.cb-section-five__chapter {
  text-align: center !important;
  font-size: 16px !important;
  line-height: 1 !important;
  letter-spacing: 0.34em !important;
  text-transform: uppercase !important;
  color: #b88945 !important;
  font-weight: 500 !important;
  margin-bottom: 22px !important;
}

/* Make Bloom Credits heading same size style as other big headings */
.cb-section-five__head h2 {
  text-align: center !important;
  font-size: clamp(56px, 6vw, 88px) !important;
  font-weight: 300 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.04em !important;
  color: #2d2926 !important;
  margin: 0 0 24px !important;
}

/* Keep the whole Section 5 header centered */
.cb-section-five__head {
  text-align: center !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Center the whole bottom area */
.cb-section-five__bottom {
  max-width: 760px !important;
  margin: 48px auto 0 !important;
  padding: 28px 0 !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-top: 1px solid rgba(178, 138, 74, 0.35) !important;
  border-bottom: 1px solid rgba(178, 138, 74, 0.35) !important;
}

/* Discover Bloom Credits button, centered and same gold style */
.cb-section-five__bottom .btn,
.cb-section-five__bottom .btn-gold {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 330px !important;
  max-width: 100% !important;
  min-height: 58px !important;
  padding: 0 34px !important;
  margin: 0 auto !important;
  border-radius: 2px !important;
  background: linear-gradient(90deg, #e0a348 0%, #9a5518 100%) !important;
  color: #fffaf4 !important;
  border: 0 !important;
  box-shadow: 0 18px 34px rgba(154, 85, 24, 0.36) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Read More wrapper must be centered */
.cb-section-five__more {
  width: 100% !important;
  max-width: 720px !important;
  margin: 24px auto 0 !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Read More button centered and same as Read The Story */
.cb-section-five__more summary {
  cursor: pointer !important;
  list-style: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 190px !important;
  min-height: 48px !important;
  padding: 0 28px !important;
  margin: 0 auto !important;
  border-radius: 999px !important;
  background: #d8a75f !important;
  color: #fffaf4 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.cb-section-five__more summary::-webkit-details-marker {
  display: none !important;
}

/* Expanded Read More text centered */
.cb-section-five__more-content {
  width: 100% !important;
  margin-top: 26px !important;
  text-align: center !important;
}
/* ===== FINAL CHAPTER LABEL RHYME FIX ===== */

/* Make Chapter 03, Chapter 04, Chapter 05 use the same style */
.cb-story-section .cb-kicker,
.cb-generosity .eyebrow,
.cb-section-five__chapter {
  font-size: 16px !important;
  line-height: 1 !important;
  letter-spacing: 0.34em !important;
  text-transform: uppercase !important;
  color: #b88945 !important;
  font-weight: 500 !important;
  font-style: normal !important;
  margin-bottom: 22px !important;
}

/* Keep Section 5 chapter centered because Section 5 is centered */
.cb-section-five__chapter {
  text-align: center !important;
  display: block !important;
}

/* Keep Section 4 chapter centered */
.cb-generosity .eyebrow {
  text-align: center !important;
  display: block !important;
}

/* Keep Section 3 chapter aligned with its text block */
.cb-story-section .cb-kicker {
  display: block !important;
}
/* ===== SECTION 6: MARKETPLACE ===== */
.cb-section-six {
  background: #fffaf4 !important;
  padding: 110px 0 !important;
}

.cb-section-six__grid {
  max-width: 1180px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 0.9fr 1.1fr !important;
  gap: 64px !important;
  align-items: center !important;
}

.cb-section-six__content {
  color: #2d2926 !important;
}

.cb-section-six__chapter {
  margin-bottom: 22px !important;
  font-size: 16px !important;
  line-height: 1 !important;
  letter-spacing: 0.34em !important;
  text-transform: uppercase !important;
  color: #b88945 !important;
  font-weight: 500 !important;
}

.cb-section-six__content h2 {
  margin: 0 0 28px !important;
  font-size: clamp(48px, 5.8vw, 82px) !important;
  font-weight: 300 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.04em !important;
  color: #2d2926 !important;
}

.cb-section-six__content p {
  margin: 0 0 16px !important;
  font-size: clamp(18px, 1.35vw, 21px) !important;
  line-height: 1.8 !important;
  color: #4d443e !important;
}

.cb-section-six__actions {
  margin-top: 32px !important;
  border-top: 1px solid rgba(178, 138, 74, 0.35) !important;
  border-bottom: 1px solid rgba(178, 138, 74, 0.35) !important;
  padding: 28px 0 !important;
}

.cb-section-six__actions .btn,
.cb-section-six__actions .btn-gold {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 330px !important;
  min-height: 58px !important;
  padding: 0 34px !important;
  border-radius: 2px !important;
  background: linear-gradient(90deg, #e0a348 0%, #9a5518 100%) !important;
  color: #fffaf4 !important;
  border: 0 !important;
  box-shadow: 0 18px 34px rgba(154, 85, 24, 0.36) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.cb-section-six__more {
  margin-top: 24px !important;
}

.cb-section-six__more summary {
  cursor: pointer !important;
  list-style: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 190px !important;
  min-height: 48px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  background: #d8a75f !important;
  color: #fffaf4 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.cb-section-six__more summary::-webkit-details-marker {
  display: none !important;
}

.cb-section-six__more-content {
  margin-top: 26px !important;
}

.cb-section-six__more-content p {
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #5b514b !important;
  margin: 0 0 12px !important;
}

.cb-section-six__media {
  overflow: hidden !important;
  border-radius: 28px !important;
  background: #eadcc8 !important;
  box-shadow: 0 24px 70px rgba(80, 54, 36, 0.14) !important;
}

.cb-section-six__media img {
  width: 100% !important;
  height: 620px !important;
  display: block !important;
  object-fit: cover !important;
}

@media (max-width: 950px) {
  .cb-section-six__grid {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  .cb-section-six__media img {
    height: 460px !important;
  }
}

@media (max-width: 640px) {
  .cb-section-six {
    padding: 82px 0 !important;
  }

  .cb-section-six__content h2 {
    font-size: 44px !important;
  }

  .cb-section-six__actions .btn,
  .cb-section-six__actions .btn-gold {
    width: 100% !important;
    max-width: 330px !important;
    min-width: 0 !important;
  }

  .cb-section-six__media img {
    height: 330px !important;
  }
}
/* ===== SECTION 7: KIWI SPA ===== */
.cb-section-seven {
  background: #fffaf4 !important;
  padding: 110px 0 !important;
}

.cb-section-seven__grid {
  max-width: 1180px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1.05fr 0.95fr !important;
  gap: 64px !important;
  align-items: center !important;
}

.cb-section-seven__media {
  display: grid !important;
  gap: 22px !important;
}

.cb-section-seven__video,
.cb-section-seven__video--large {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  background: #252525 !important;
  box-shadow: 0 24px 70px rgba(80, 54, 36, 0.14) !important;
  aspect-ratio: 16 / 9 !important;
}

.cb-section-seven__video iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

.cb-section-seven__video-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 22px !important;
}

.cb-section-seven__chapter {
  margin-bottom: 22px !important;
  font-size: 16px !important;
  line-height: 1 !important;
  letter-spacing: 0.34em !important;
  text-transform: uppercase !important;
  color: #b88945 !important;
  font-weight: 500 !important;
}

.cb-section-seven__content h2 {
  margin: 0 0 22px !important;
  font-size: clamp(56px, 6vw, 88px) !important;
  font-weight: 300 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.04em !important;
  color: #2d2926 !important;
}

.cb-section-seven__subtitle {
  margin: 0 0 22px !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 1.45 !important;
  color: #b88945 !important;
  font-style: italic !important;
}

.cb-section-seven__content p {
  margin: 0 0 16px !important;
  font-size: clamp(18px, 1.35vw, 21px) !important;
  line-height: 1.8 !important;
  color: #4d443e !important;
}

.cb-section-seven__actions {
  margin-top: 32px !important;
  border-top: 1px solid rgba(178, 138, 74, 0.35) !important;
  border-bottom: 1px solid rgba(178, 138, 74, 0.35) !important;
  padding: 28px 0 !important;
}

/* Gold main button */
.cb-section-seven__actions .btn,
.cb-section-seven__actions .btn-gold {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 330px !important;
  min-height: 58px !important;
  padding: 0 34px !important;
  border-radius: 2px !important;
  background: linear-gradient(90deg, #e0a348 0%, #9a5518 100%) !important;
  color: #fffaf4 !important;
  border: 0 !important;
  box-shadow: 0 18px 34px rgba(154, 85, 24, 0.36) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Read More */
.cb-section-seven__more {
  margin-top: 24px !important;
}

.cb-section-seven__more summary {
  cursor: pointer !important;
  list-style: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 190px !important;
  min-height: 48px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  background: #d8a75f !important;
  color: #fffaf4 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.cb-section-seven__more summary::-webkit-details-marker {
  display: none !important;
}

.cb-section-seven__more-content {
  margin-top: 26px !important;
}

.cb-section-seven__more-content p {
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #5b514b !important;
  margin: 0 0 12px !important;
}

@media (max-width: 950px) {
  .cb-section-seven__grid {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }
}

@media (max-width: 640px) {
  .cb-section-seven {
    padding: 82px 0 !important;
  }

  .cb-section-seven__content h2 {
    font-size: 48px !important;
  }

  .cb-section-seven__video-row {
    grid-template-columns: 1fr !important;
  }

  .cb-section-seven__actions .btn,
  .cb-section-seven__actions .btn-gold {
    width: 100% !important;
    max-width: 330px !important;
    min-width: 0 !important;
  }
}
/* ===== SECTION 9: UPCOMING EXPERIENCES ===== */
.cb-upcoming {
  background: #f7f2ec;
  padding: 110px 0;
}

.cb-upcoming__head {
  max-width: 760px;
  margin: 0 auto 54px;
  text-align: center;
}

.cb-upcoming__chapter {
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  color: #b88945;
  font-weight: 500;
}

.cb-upcoming__title {
  margin: 0;
  font-size: clamp(54px, 6vw, 86px);
  line-height: 1.02;
  font-weight: 300;
  letter-spacing: -0.04em;
  color: #2d2926;
}

.cb-upcoming__intro {
  margin: 24px auto 0;
  max-width: 620px;
  font-size: 20px;
  line-height: 1.8;
  color: #5d534c;
}

.cb-upcoming__list {
  display: grid;
  gap: 34px;
  max-width: 1180px;
  margin: 0 auto;
}

.cb-upcoming__card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 0;
  background: #fffaf4;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(84, 58, 39, 0.10);
}

.cb-upcoming__image {
  height: 100%;
  min-height: 430px;
}

.cb-upcoming__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cb-upcoming__content {
  padding: 56px 54px;
}

.cb-upcoming__date {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #b88945;
}

.cb-upcoming__event-title {
  margin: 0 0 16px;
  font-size: clamp(34px, 3vw, 50px);
  line-height: 1.08;
  font-weight: 300;
  color: #2d2926;
}

.cb-upcoming__tagline {
  margin: 0 0 20px;
  font-size: 28px;
  line-height: 1.35;
  font-style: italic;
  color: #b88945;
}

.cb-upcoming__text {
  margin: 0 0 30px;
  font-size: 18px;
  line-height: 1.9;
  color: #5d534c;
  max-width: 460px;
}

.cb-upcoming__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 240px;
  min-height: 54px;
  padding: 0 28px;
  border-radius: 999px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}

.cb-upcoming__btn--green {
  background: #88b04b;
}

.cb-upcoming__btn--pink {
  background: #ec4f8f;
}

@media (max-width: 900px) {
  .cb-upcoming__card {
    grid-template-columns: 1fr;
  }

  .cb-upcoming__image {
    min-height: 320px;
  }

  .cb-upcoming__content {
    padding: 38px 28px;
  }
}
/* ===== SECTION 9 FINAL CARD FIX ===== */
.cb-s9 {
  background: #fffaf4 !important;
  padding: 110px 0 !important;
}

.cb-s9__head {
  max-width: 780px !important;
  margin: 0 auto 54px !important;
  text-align: center !important;
}

.cb-s9__chapter {
  margin-bottom: 18px !important;
  font-size: 16px !important;
  line-height: 1 !important;
  letter-spacing: 0.34em !important;
  text-transform: uppercase !important;
  color: #b88945 !important;
  font-weight: 500 !important;
}

.cb-s9__head h2 {
  margin: 0 0 22px !important;
  font-size: clamp(56px, 6vw, 88px) !important;
  font-weight: 300 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.04em !important;
  color: #2d2926 !important;
}

.cb-s9__head p {
  margin: 0 auto !important;
  max-width: 620px !important;
  font-size: clamp(18px, 1.35vw, 21px) !important;
  line-height: 1.8 !important;
  color: #4d443e !important;
}

.cb-s9__cards {
  max-width: 1180px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 34px !important;
}

.cb-s9-card {
  overflow: hidden !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 70px rgba(80, 54, 36, 0.14) !important;
}

.cb-s9-card__image {
  height: 390px !important;
  overflow: hidden !important;
  background: #eadcc8 !important;
}

.cb-s9-card__image img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

.cb-s9-card__body {
  padding: 38px 36px 42px !important;
  text-align: center !important;
}

.cb-s9-card__date {
  display: block !important;
  margin-bottom: 18px !important;
  font-size: 14px !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  color: #b88945 !important;
}

.cb-s9-card__body h3 {
  margin: 0 0 16px !important;
  font-size: clamp(30px, 3vw, 46px) !important;
  font-weight: 300 !important;
  line-height: 1.08 !important;
  color: #2d2926 !important;
}

.cb-s9-card__tag {
  margin: 0 0 28px !important;
  font-size: 24px !important;
  line-height: 1.4 !important;
  font-style: italic !important;
  color: #b88945 !important;
}

.cb-s9-card__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 230px !important;
  min-height: 54px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #fffaf4 !important;
}

.cb-s9-card__btn--green {
  background: #88b04b !important;
}

.cb-s9-card__btn--pink {
  background: #ec4f8f !important;
}

@media (max-width: 900px) {
  .cb-s9__cards {
    grid-template-columns: 1fr !important;
  }

  .cb-s9-card__image {
    height: 340px !important;
  }
}

@media (max-width: 640px) {
  .cb-s9 {
    padding: 82px 0 !important;
  }

  .cb-s9-card__body {
    padding: 32px 24px 36px !important;
  }

  .cb-s9-card__image {
    height: 280px !important;
  }

  .cb-s9-card__btn {
    width: 100% !important;
    max-width: 280px !important;
  }
}
/* ===== VERSION 5 HERO FINAL ===== */
.text-pink {
  color: #d94f8c !important;
}

.text-green {
  color: #7fae4d !important;
}

.text-gold {
  color: #b88945 !important;
}

.hero__intro {
  max-width: 760px !important;
  margin: 18px auto 0 !important;
  font-size: clamp(17px, 1.5vw, 22px) !important;
  line-height: 1.7 !important;
  color: rgba(255, 250, 244, 0.92) !important;
  text-align: center !important;
}

.hero__intro--wide {
  max-width: 900px !important;
}

.hero__season {
  max-width: 620px !important;
  margin: 16px auto 0 !important;
  font-size: clamp(13px, 1.1vw, 16px) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(255, 250, 244, 0.86) !important;
  text-align: center !important;
}

.hero__cta {
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 14px !important;
}

.hero__featured-btn {
  min-width: 430px !important;
}

@media (max-width: 760px) {
  .hero__intro,
  .hero__intro--wide,
  .hero__season {
    max-width: 92% !important;
  }

  .hero__featured-btn {
    min-width: 0 !important;
  }

  .hero__cta .btn {
    width: 100% !important;
    max-width: 330px !important;
  }
}
/* ===== CASA DE BLOOM VERSION 5 MASTER SECTION STYLE ===== */
.v5-section {
  background: #fffaf4 !important;
  padding: 110px 0 !important;
}

.v5-container {
  width: min(1120px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
}

.v5-section--center .v5-container {
  max-width: 900px !important;
  text-align: center !important;
}

.v5-kicker {
  margin-bottom: 22px !important;
  font-size: 16px !important;
  line-height: 1 !important;
  letter-spacing: 0.34em !important;
  text-transform: uppercase !important;
  color: #b88945 !important;
  font-weight: 500 !important;
}

.v5-title {
  margin: 0 0 30px !important;
  font-size: clamp(54px, 6vw, 88px) !important;
  font-weight: 300 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.04em !important;
  color: #2d2926 !important;
}

.v5-copy {
  max-width: 780px !important;
  margin: 0 auto !important;
}

.v5-copy p {
  margin: 0 0 16px !important;
  font-size: clamp(18px, 1.35vw, 22px) !important;
  line-height: 1.8 !important;
  color: #4d443e !important;
}

.v5-readmore {
  max-width: 720px !important;
  margin: 36px auto 0 !important;
  padding-top: 26px !important;
  border-top: 1px solid rgba(178, 138, 74, 0.35) !important;
  text-align: center !important;
}

.v5-readmore summary {
  cursor: pointer !important;
  list-style: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 190px !important;
  min-height: 48px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  background: #d8a75f !important;
  color: #fffaf4 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.v5-readmore summary::-webkit-details-marker {
  display: none !important;
}

.v5-readmore__content {
  margin-top: 26px !important;
}

.v5-readmore__content p {
  margin: 0 0 14px !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #5b514b !important;
}

.text-pink {
  color: #d94f8c !important;
}

.text-green {
  color: #7fae4d !important;
}

.text-gold {
  color: #b88945 !important;
}

@media (max-width: 700px) {
  .v5-section {
    padding: 82px 0 !important;
  }

  .v5-title {
    font-size: clamp(42px, 12vw, 58px) !important;
  }

  .v5-copy p {
    font-size: 17px !important;
  }
}
/* ===== FIX SECTION 3 MOBILE RESPONSIVENESS ===== */
@media (max-width: 900px) {
  #process > .container > div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 38px !important;
    align-items: center !important;
  }

  /* video should come first */
  #process > .container > div > div:first-child {
    order: 1 !important;
    width: 100% !important;
  }

  /* text should come after video */
  #process > .container > div > div:last-child {
    order: 2 !important;
    width: 100% !important;
  }

  #process iframe {
    width: 100% !important;
    height: 100% !important;
  }

  #process h2 {
    font-size: clamp(44px, 12vw, 62px) !important;
    line-height: 1.05 !important;
  }
}

@media (max-width: 640px) {
  #process {
    padding: 82px 0 !important;
  }

  #process > .container {
    width: calc(100% - 36px) !important;
    max-width: 100% !important;
  }

  #process > .container > div {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  #process > .container > div > div:first-child > div {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 22px !important;
  }

  #process h2 {
    font-size: 46px !important;
    line-height: 1.06 !important;
    letter-spacing: -0.04em !important;
  }

  #process h3 {
    font-size: 24px !important;
    line-height: 1.35 !important;
  }

  #process p {
    font-size: 17px !important;
    line-height: 1.75 !important;
  }

  #process details summary {
    width: 100% !important;
    max-width: 300px !important;
    min-width: 0 !important;
  }
}
/* ===== GLOBAL SECTION SPACING REDUCTION ===== */

/* Reduce section top/bottom spacing on desktop */
#story,
#process,
.ba-section-4,
.ba-section-5,
.ba-section-6,
.ba-section-7,
.ba-section-8,
.ba-section-9,
.ba-section-10 {
  padding-top: 78px !important;
  padding-bottom: 78px !important;
}

/* Reduce big gaps inside section headers */
.ba-section-4__head,
.ba-section-6__head,
.ba-section-7__head,
.ba-section-9__head,
.ba-section-10__head {
  margin-bottom: 38px !important;
}

/* Reduce image/card grid gaps */
.ba-section-4__grid,
.ba-section-6__grid {
  margin-top: 38px !important;
  margin-bottom: 34px !important;
}

.ba-section-7__image {
  margin-bottom: 38px !important;
}

.ba-section-9__head {
  margin-bottom: 38px !important;
}

.ba-section-10__head {
  margin-bottom: 38px !important;
}

/* Reduce footer spacing */
.ba-footer {
  padding-top: 68px !important;
  padding-bottom: 46px !important;
}

/* Reduce mobile spacing */
@media (max-width: 700px) {
  #story,
  #process,
  .ba-section-4,
  .ba-section-5,
  .ba-section-6,
  .ba-section-7,
  .ba-section-8,
  .ba-section-9,
  .ba-section-10 {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }

  .ba-section-4__head,
  .ba-section-6__head,
  .ba-section-7__head,
  .ba-section-9__head,
  .ba-section-10__head {
    margin-bottom: 28px !important;
  }

  .ba-section-4__grid,
  .ba-section-6__grid {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }

  .ba-section-7__image {
    margin-bottom: 28px !important;
  }

  .ba-footer {
    padding-top: 54px !important;
    padding-bottom: 38px !important;
  }
}
/* ===== BALANCED HEADING ACCENT COLORS ===== */
/* Rule: one accent color per heading, but not every section must be the same color */

/* Section 2: Green */
#story .h2 span {
  color: #7fae4d !important;
}

/* Section 3: Hot Pink */
#process h2 span {
  color: #d94f8c !important;
}

/* Section 4: Hot Pink */
.ba-section-4__title span {
  color: #d94f8c !important;
}

/* Section 5: Green */
.ba-section-5__title span {
  color: #7fae4d !important;
}

/* Section 6: Hot Pink */
.ba-section-6__title span {
  color: #d94f8c !important;
}

/* Section 7: Green */
.ba-section-7__title span {
  color: #7fae4d !important;
}

/* Section 8: Green */
.ba-section-8__title span {
  color: #7fae4d !important;
}

/* Section 9: Hot Pink */
.ba-section-9__title span {
  color: #d94f8c !important;
}

/* Section 10: Green */
.ba-section-10__title span {
  color: #7fae4d !important;
}

/* Footer: Hot Pink */
.ba-footer__title span {
  color: #d94f8c !important;
}