.our-story { --story-blue:#4376a3; width:var(--page-width); margin:0 auto; padding:70px 0 40px; }
.story-opening { max-width:800px; margin:0 auto; text-align:center; }
.story-opening h1 { font-size:clamp(40px,6vw,76px); letter-spacing:-.045em; line-height:1.06; margin:24px 0; color:var(--ink); }
.story-lead { font-size:19px; line-height:1.7; max-width:610px; margin:0 auto; color:var(--text); }
.story-origin { display:flex; align-items:center; justify-content:center; gap:18px; margin:36px 0 44px; }
.story-origin img { object-fit:contain; }
.story-origin p { text-align:left; font-size:24px; font-weight:700; }
.story-origin span { display:block; font-size:13px; font-weight:400; margin-top:6px; color:var(--text); }
.story-milestones { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--line); padding:24px 0; gap:20px; }
.story-milestones p { margin:0; text-align:center; }
.story-milestones strong { display:block; font-size:28px; color:var(--story-blue); }
.story-milestones span { display:block; font-size:13px; margin-top:6px; color:var(--text); }
.story-chapter { display:grid; grid-template-columns:160px minmax(0,1fr); gap:32px; padding:58px 0; border-bottom:1px solid var(--line); }
.story-chapter-label { padding-top:9px; font-size:11px; text-transform:uppercase; letter-spacing:2px; color:var(--story-blue); }
.story-prose { max-width:700px; }
.story-prose h2 { font-size:clamp(25px,3vw,35px); line-height:1.22; letter-spacing:-.025em; margin:0 0 25px; }
.story-prose p { font-size:16px; line-height:1.85; margin:0 0 20px; color:var(--text); }
.story-prose p:last-child { margin-bottom:0; }
.story-prose strong { color:var(--ink); font-weight:650; }
.story-next { text-align:center; padding:55px 0 20px; }
.story-next h2 { font-size:32px; line-height:1.2; margin:18px 0 26px; }
.story-next .actions { justify-content:center; flex-wrap:wrap; }
#page-overlay .our-story { width:100%; padding:14px 0; }
#page-overlay .story-opening h1 { font-size:42px; }
#page-overlay .story-chapter { grid-template-columns:1fr; gap:14px; padding:32px 0; }
#page-overlay .story-milestones { gap:12px; }
@media(max-width:700px) {
 .our-story { width:var(--page-width); padding-top:42px; }
 .story-opening h1 { font-size:43px; }
 .story-lead { font-size:16px; }
 .story-chapter { grid-template-columns:1fr; gap:14px; padding:34px 0; }
 .story-prose p { font-size:15px; line-height:1.85; }
 .story-milestones { gap:14px; }
 .story-milestones strong { font-size:24px; }
 .story-milestones span { font-size:11px; line-height:1.5; }
 .story-next h2 { font-size:27px; }
 #page-overlay .story-opening h1 { font-size:34px; }
}

.story-prose a { text-decoration:underline; text-underline-offset:3px; }