.story-hero{
  padding:8rem 0 3rem;
  border-bottom:1px solid var(--rule);
}
.story-hero .eyebrow{margin-bottom:1.2rem;}
.story-hero h1{
  font-size:clamp(2.6rem, 6vw, 4.4rem);
  line-height:1.05;
  max-width:820px;
}
.story-hero h1 em{font-style:italic; color:var(--moss);}
.story-hero .hero-sub{
  max-width:460px;
  margin-top:1.6rem;
  font-size:1.05rem;
  line-height:1.55;
  color:var(--muted);
}
.story-section{
  padding:4.5rem 0;
  border-bottom:1px solid var(--rule);
}
.story-section .wrap{
  display:grid; grid-template-columns:0.9fr 1.1fr; gap:6vw; align-items:start;
}
.story-section.reverse .wrap{grid-template-columns:1.1fr 0.9fr;}
.story-section.reverse .story-copy{order:2;}
.story-section .eyebrow{margin-bottom:1rem;}
.story-section h2{
  font-size:clamp(1.6rem, 3vw, 2.2rem);
  font-weight:400;
  line-height:1.3;
  max-width:480px;
}
.story-section p{
  margin-top:1.2rem; color:var(--muted); line-height:1.75; font-size:0.98rem; max-width:480px;
}
.story-visual{
  display:flex; align-items:center; justify-content:center; padding:1.5rem 0;
}
.story-visual img{width:50%; max-width:260px; opacity:0.92;}
.story-quote{
  background:var(--moss-2); color:var(--bone);
  padding:5rem 6vw; text-align:center;
}
.story-quote p{
  font-family:'Fraunces',serif; font-style:italic; font-weight:400;
  font-size:clamp(1.6rem, 4vw, 2.6rem); max-width:760px; margin:0 auto; line-height:1.4;
}
.story-values{padding:5rem 0;}
.values-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:2.5rem; margin-top:2.5rem;
}
.value-card .num{
  font-family:'Fraunces',serif; font-style:italic; font-size:1.6rem; color:var(--moss);
}
.value-card h3{font-size:1.15rem; font-weight:500; margin-top:0.6rem;}
.value-card p{color:var(--muted); font-size:0.9rem; line-height:1.6; margin-top:0.6rem;}
.story-cta{
  padding:5rem 0 6rem; text-align:center;
}
.story-cta h2{font-size:clamp(1.8rem,3.4vw,2.6rem); font-weight:400; max-width:600px; margin:0 auto;}
.story-cta .hero-cta{justify-content:center; margin-top:2rem;}
@media (max-width: 880px){
  .story-section .wrap{grid-template-columns:1fr;}
  .story-section.reverse .story-copy{order:0;}
  .story-section .story-visual{order:-1;}
  .values-grid{grid-template-columns:1fr;}
}