/* Our Story Skeleton 01: story first, isolated page styles; approved pages untouched. */
.our-story-main { background:#eee9df; color:#192126; }
.our-story-main .reading { width:var(--shell); max-width:none; margin-inline:auto; font-size:1.025rem; line-height:1.7; }
.narrative-chapter { scroll-margin-top:90px; }
.narrative-chapter > .reading { padding-block:42px; }
.narrative-chapter + .narrative-chapter > .reading { border-top:1px solid #19212625; }
.narrative-chapter h2 { font-family:var(--display); font-weight:900; font-size:clamp(1.65rem,2.5vw,2.25rem); line-height:1.16; letter-spacing:-.025em; margin:0 0 22px; max-width:1000px; }
.narrative-chapter p { margin:0; max-width:none; }
.narrative-chapter p + p { margin-top:17px; }
.narrative-chapter p.story-closing-thought { margin-top:28px; }
.narrative-chapter p.story-signoff { margin-top:20px; line-height:0; }
.story-signoff img { display:block; width:145px; max-width:45vw; height:auto; }
.our-story-hero { position:relative; background:#10171b; color:var(--ivory); height:clamp(432px,43.2vw,621px); margin-top:72px; }
.our-story-hero-photo { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 50%; filter:brightness(.85); }
.our-story-hero .hero-title { position:absolute; top:44px; left:0; right:0; text-shadow:0 1px 3px rgba(0,0,0,.45); }
.our-story-hero h1 { font-family:var(--display); font-size:clamp(3rem,5.5vw,5rem); font-weight:900; line-height:1.05; margin:0; }
.our-story-hero h1 span { color:var(--amber-bright); }
/* Roger-authorized heading-depth comparison only; approved geometry unchanged. */
.our-story-hero h1 { text-shadow:0 2px 1px rgba(0,0,0,.85),0 5px 12px rgba(0,0,0,.65); }
#beginnings h2 { text-shadow:0 2px 1px rgba(25,33,38,.14),0 4px 8px rgba(25,33,38,.22); }
.hero-placeholder-label { position:absolute; bottom:30px; left:0; right:0; margin-block:0; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ivory-muted); }
.story-visual { margin-block:0; }
.childhood-placeholder { min-height:300px; display:flex; align-items:center; justify-content:center; padding:28px; background:#e1dbcf; }
.placeholder-label { font-size:.7rem; line-height:1.6; color:#62696c; letter-spacing:.08em; text-transform:uppercase; text-align:center; }
.editorial-image img,.harbour-image img { display:block; width:100%; height:auto; }
.our-story-main .tools-support { margin-top:12px; }
@media (max-width:860px) {
  .narrative-chapter > .reading { padding-block:32px; }
  .narrative-chapter h2 { font-size:clamp(1.65rem,5.4vw,2.15rem); }
  .our-story-hero { margin-top:64px; height:414px; }
  .our-story-hero:has(.our-story-hero-photo) { height:clamp(220px,56.4vw,414px); }
  .our-story-hero-photo { object-position:50% 50%; }
  .our-story-hero .hero-title { top:28px; }
  .our-story-hero h1 { font-size:clamp(3rem,10vw,4.3rem); }
  .childhood-placeholder { min-height:190px; padding:20px; }
}