/* ==== OUR STORY v3.2 (managed block) START ====
   v3.2 fixes:
   ① Stats → infinite horizontal marquee ticker
   ② Quote band → revert to espresso dark (user confirmed)
   ③ Awards grid → wider gap (was too cramped)
   ============================================================ */

/* ── 01 IMAGE SHOWCASE ─────────────────── */
/* Negative top-margin eats into .page-content padding-top
   so the image band sits flush against the dark hero.     */
.story-hero-img{
  margin:calc(-5rem - 1px) calc(-1 * (50vw - 50%)) 0;
  width:auto;max-width:none;
  padding:4.5rem 5vw;background:var(--ivory-2);text-align:center;
}
.story-hero-img img{
  display:inline-block;max-width:min(1200px,90vw);height:auto;
  box-shadow:0 40px 80px -40px rgba(27,22,17,.35);
}
.story-hero-img figcaption{
  display:block;margin-top:1.4rem;font-size:.74rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--muted);
}

/* ── 02 NARRATIVE ──────────────────────── */
.story-narrative{
  max-width:660px;margin:0 auto;padding:5rem 2rem 4rem;text-align:center;
}
.story-body{margin-top:1.8rem;text-align:left}
.story-body p{font-size:.98rem;line-height:1.9;color:var(--muted)}

/* ── 03 STATS STRIP — INFINITE MARQUEE ──── */
/* Overflow-hidden wrapper with duplicated inner for seamless loop.
   Items scroll left at ~40s per cycle, pause on hover.        */
.story-stats-band{
  margin:0 calc(-1 * (50vw - 50%));width:auto;
  background:linear-gradient(180deg, var(--ivory-2) 0%, #efe8dc 100%);
  padding:4.5rem 0 5rem;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  overflow:hidden;
  position:relative;
}
.story-stats-band::before,
.story-stats-band::after{
  content:"";
  position:absolute;top:0;bottom:0;width:120px;z-index:2;
  pointer-events:none;
}
.story-stats-band::before{left:0;background:linear-gradient(90deg,var(--ivory-2),transparent)}
.story-stats-band::after{right:0;background:linear-gradient(-90deg,#efe8dc,transparent)}

.story-stats-band__track{
  display:flex;width:max-content;
  animation:statsMarquee 40s linear infinite;
}
.story-stats-band:hover .story-stats-band__track{
  animation-play-state:paused;
}
@keyframes statsMarquee{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}

.stat-pill{
  flex:0 0 auto;display:flex;flex-direction:column;align-items:center;
  padding:0 5rem;position:relative;white-space:nowrap;
}
.stat-pill + .stat-pill::before{
  content:"";position:absolute;left:0;top:20%;height:60%;
  width:1px;background:var(--line);
}
.stat-pill__num{
  font-family:var(--serif);font-size:3.2rem;font-weight:600;
  color:var(--gold);line-height:1;letter-spacing:-.03em;
}
.stat-pill__num small{font-size:1.4rem;font-weight:400;margin-left:.12em}
.stat-pill__label{
  font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted);margin-top:.65rem;
}

/* ── 04 PILLARS ENHANCEMENTS ────────────── */
.values-grid .value-card{
  border-top:2px solid var(--gold);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
.values-grid .value-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px -22px rgba(27,22,17,.25);
}

/* ── 05 QUOTE BAND — DARK (user confirmed) ─ */
.story-quote-band{
  margin:0 calc(-1 * (50vw - 50%));width:auto;
  background:var(--espresso);
  padding:5rem 5vw;text-align:center;
}
.story-quote-band blockquote{
  font-family:var(--serif);
  font-size:clamp(1.75rem,3.2vw,2.6rem);
  color:var(--ivory);font-style:italic;line-height:1.5;
  max-width:700px;margin:0 auto;opacity:.92;
}
.story-quote-band blockquote::after{
  content:"";display:block;width:48px;height:2px;
  background:var(--gold);margin:1.6rem auto 0;
}

/* ── 06 AWARDS — IVORY HONOR BAND ───── */
.story-awards-band{
  margin:0 calc(-1 * (50vw - 50%));width:auto;
  background:var(--ivory);
  padding:5.5rem 5vw 6rem;
  text-align:center;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.story-awards-band__inner{
  max-width:1200px;margin:0 auto;
}
.story-awards-band .eyebrow--light{
  color:var(--gold);
  margin-bottom:1rem;
}
.story-awards-band .section-title{
  color:var(--espresso);
  margin-bottom:2.8rem;
}
.story-awards__figure{
  margin:0 0 3.2rem;
  padding:1.4rem;
  background:var(--ivory-2);
  border:1px solid var(--line);
  border-radius:2px;
}
.story-awards__figure img{
  width:100%;height:auto;display:block;
  box-shadow:0 28px 80px -30px rgba(27,22,17,.30);
}
.awards-list--featured{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:1.2rem !important;
}
.awards-list--featured .award-item{
  background:var(--ivory-2);
  border:1px solid var(--line);
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:.35rem !important;
  padding:1.3rem 1.4rem !important;
  text-align:left;
  transition:border-color .3s var(--ease),background .3s var(--ease),transform .3s var(--ease);
}
.awards-list--featured .award-item:hover{
  background:#fff;
  border-color:rgba(176,137,79,.55);
  transform:translateY(-3px);
}
.awards-list--featured .award-item strong{
  color:var(--gold);
  font-size:1.35rem;
}
.awards-list--featured .award-item span{
  color:var(--muted);
  font-size:.88rem;
  line-height:1.55;
}

/* ── RESPONSIVE ─────────────────────────── */
@media(max-width:768px){
  .story-hero-img{padding:2.5rem 4vw;margin-left:-1.5rem;margin-right:-1.5rem}
  .story-narrative{padding:3.5rem 1.5rem 1rem}
  .story-stats-band{padding:2.4rem 0;margin-left:-1.5rem;margin-right:-1.5rem}
  .stat-pill{padding:0 3rem}
  .stat-pill__num{font-size:2.4rem}
  .story-quote-band{padding:3.5rem 4vw;margin-left:-1.5rem;margin-right:-1.5rem}
  .story-awards-band{padding:3.5rem 4vw 4rem}
  .story-awards__figure{padding:.8rem;margin-bottom:2rem}
  .awards-list--featured{grid-template-columns:1fr 1fr !important;gap:1rem !important}
  .awards-list--featured .award-item{padding:1rem !important}
  .awards-list--featured .award-item strong{font-size:1.15rem}
  .awards-list--featured .award-item span{font-size:.82rem}
}
@media(max-width:480px){
  .stat-pill{padding:0 2rem}
  .stat-pill + .stat-pill::before{display:none}
  .awards-list--featured{grid-template-columns:1fr !important;gap:.9rem !important}
}

/* ==== OUR STORY v3.2 (managed block) END ==== */