/* Scoped presentation for the director's original greeting and interview. */
.story-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);margin:0 0 58px;background:#f7f7f1}
.story-navigation a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;font-size:13px;color:var(--green);min-width:0}
.story-navigation a+a{border-left:1px solid var(--line)}
.story-navigation a:hover{background:var(--sage)}
.clinic-story .greeting-section{margin-bottom:84px}
.story-interview{border-top:1px solid var(--line);padding-top:70px}
.story-interview-intro{max-width:780px;margin-bottom:62px}
.story-interview-intro h2{font-size:38px;font-weight:500;line-height:1.45;margin-bottom:24px}
.story-bridge{max-width:650px;font-size:17px;line-height:1.95;color:var(--muted);margin-bottom:18px}
.story-source{font-size:12px;color:var(--muted);margin-bottom:0}
.story-chapter{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:70px;align-items:start;border-top:1px solid var(--line);padding:56px 0 64px;scroll-margin-top:115px}
.story-chapter-heading{position:sticky;top:125px}
.story-number{font-family:Georgia,'Times New Roman',serif;font-size:62px;line-height:1;color:#acb8a8;display:block;margin:0 0 27px}
.story-chapter-heading .eyebrow{font-size:12px;letter-spacing:.07em;margin-bottom:17px}
.story-chapter-heading h3{font-size:27px;font-weight:500;line-height:1.65;letter-spacing:-.05em;margin:0}
.story-chapter-copy{min-width:0;max-width:720px}
.story-chapter-copy>p{font-size:16px;line-height:2.05;color:#535e57;margin-bottom:23px}
.story-chapter-copy>p:first-child{color:var(--ink)}
.story-quote{margin:31px 0 24px;padding:22px 25px;border-left:2px solid var(--green);background:#f1f3ed}
.story-quote p{font-size:19px;line-height:1.8;font-weight:550;letter-spacing:-.035em;color:var(--green);margin:0}
.story-related{font-size:13px}
.story-promise{background:var(--green);color:var(--paper);padding:57px 64px 48px;margin-top:18px}
.story-promise .eyebrow{color:#c3d2bc;font-size:11px}
.story-promise h2{font-size:32px;line-height:1.55;margin-bottom:27px}
.story-promise>p:not(.eyebrow):not(.story-signature){max-width:770px;font-size:16px;line-height:2;color:#e1e8de;margin-bottom:18px}
.story-promise .story-promise-emphasis{font-weight:550;color:var(--paper)}
.story-signature{display:flex;align-items:baseline;gap:18px;margin:31px 0 0}
.story-signature span{font-size:12px;color:#c3d2bc}
.story-signature strong{font-size:23px;font-weight:500;letter-spacing:.12em}
.story-next{display:flex;flex-wrap:wrap;gap:30px;border-top:1px solid #5b7867;padding-top:20px;margin-top:33px}
.story-next .text-link{font-size:13px;border-bottom-color:#8ca391}
@media(max-width:1000px){
  .story-navigation a{padding:16px 14px;font-size:12px}
  .story-chapter{gap:38px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .story-chapter-heading h3{font-size:24px}
  .story-promise{padding:44px 38px}
}
@media(max-width:700px){
  .story-navigation{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:35px}
  .story-navigation a{padding:14px 13px;font-size:12px;gap:6px}
  .story-navigation a:nth-child(3){border-left:0}
  .story-navigation a:nth-child(n+3){border-top:1px solid var(--line)}
  .clinic-story .greeting-section{margin-bottom:52px}
  .story-interview{padding-top:41px}
  .story-interview-intro{margin-bottom:34px}
  .story-interview-intro h2{font-size:29px;margin-bottom:20px}
  .story-bridge{font-size:15px;line-height:1.95}
  .story-source{font-size:11px;line-height:1.8}
  .story-chapter{display:block;padding:35px 0 42px;scroll-margin-top:90px}
  .story-chapter-heading{position:static;margin-bottom:25px}
  .story-number{font-size:44px;margin-bottom:18px}
  .story-chapter-heading .eyebrow{font-size:11px;margin-bottom:12px}
  .story-chapter-heading h3{font-size:25px;line-height:1.6}
  .story-chapter-copy>p{font-size:15px;line-height:2;margin-bottom:21px}
  .story-quote{padding:18px 20px;margin:26px 0 18px}
  .story-quote p{font-size:17px;line-height:1.85}
  .story-related{font-size:12px}
  .story-promise{padding:33px 25px 30px;margin-top:10px}
  .story-promise h2{font-size:25px;line-height:1.65;margin-bottom:22px}
  .story-promise>p:not(.eyebrow):not(.story-signature){font-size:14px;line-height:2}
  .story-next{gap:15px 22px;margin-top:26px}
  .story-next .text-link{font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}