/* The approved personal story, within the existing presentation system. */
.story-hero {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(40px,6vw,90px);align-items:center;max-width:1200px}
.story-hero h1 {font-size:clamp(56px,6.2vw,88px);max-width:9ch;margin:24px 0 32px}
.story-lead {max-width:31em;font-size:clamp(19px,1.65vw,23px);line-height:1.65}
.story-portrait {min-width:0}
.story-portrait .identity-frame {min-height:0;max-width:540px;margin-inline:auto;padding:42px 0 0;border:0;border-top:2px solid var(--intro-accent);background:linear-gradient(140deg,#ffffff08,transparent);gap:24px;--photo-surface:transparent;--ink:var(--intro-ink)}
.story-portrait .identity-photo {width:min(100%,500px)}
.story-portrait .identity-frame figcaption {padding:16px 0 0;border-top:1px solid var(--intro-muted);width:100%;text-align:left;color:var(--intro-muted);background:none;font-size:14px}
.story-chapter {padding-block:clamp(64px,7vw,104px)}
.story-chapter+.story-chapter {border-top:1px solid var(--line)}
.story-chapter-layout {max-width:1200px;display:grid;grid-template-columns:minmax(180px,260px) minmax(0,780px);justify-content:space-between;gap:clamp(40px,6vw,86px);align-items:start}
.story-chapter-heading {padding-top:4px}
.story-chapter-heading h2 {font-size:clamp(31px,3vw,43px);line-height:1.15;letter-spacing:-.035em;margin-top:18px;scroll-margin-top:135px}
.story-chapter-number {color:var(--accent);font:500 13px/1.5 var(--sans);letter-spacing:.1em}
.story-opening .eyebrow {color:var(--accent);line-height:1.8}
.story-opening-rule {display:block;width:65px;height:2px;background:var(--accent);margin-top:26px}
.story-reading {min-width:0;container-type:inline-size;container-name:article-reading}
.story-prose {display:flow-root;font:400 19px/1.85 var(--sans)}
.story-prose>p {max-width:none;margin:0 0 1.25em}
.story-prose>p:last-child {margin-bottom:0}
.story-prose>.story-emphasis {font:600 clamp(25px,2.3vw,32px)/1.4 var(--serif);letter-spacing:-.025em;margin-block:1.35em;color:var(--accent);clear:both;max-width:30em}
.story-prose>.editorial-callout+p {margin-top:0}
.story-prose .editorial-callout--coaching {display:block}
.story-prose .editorial-callout--coaching .editorial-callout-eyebrow {margin-bottom:12px}
.story-prose .editorial-callout--coaching .editorial-callout-title {margin-bottom:10px}
.story-prose .editorial-callout--coaching .editorial-callout-description {margin-bottom:4px}
.story-closing {background:var(--band-bg);color:var(--band-ink);--ink:var(--band-ink);--muted:var(--band-muted);--accent:var(--band-accent);--line:var(--band-line)}
.story-closing .story-prose>p:nth-last-child(-n+2) {font:600 clamp(25px,2.3vw,32px)/1.45 var(--serif);letter-spacing:-.025em;max-width:29em}
.story-closing .story-prose>p:nth-last-child(2) {margin-top:1.6em}
:root[data-presentation=restorative] .story-hero {grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(40px,6.5vw,100px)}
:root[data-presentation=restorative] .story-hero h1 {font-size:clamp(48px,4.8vw,68px);max-width:11ch}
:root[data-presentation=restorative] .story-portrait {padding:22px;background:var(--paper);border:1px solid var(--line)}
:root[data-presentation=restorative] .story-portrait .identity-frame {padding:0;background:none;border:0;--ink:var(--ink)}
:root[data-presentation=restorative] .story-portrait .identity-frame figcaption {border-color:var(--line);color:var(--muted);text-align:center}
:root[data-presentation=restorative] .story-chapter {padding-block:clamp(76px,8vw,120px)}
:root[data-presentation=restorative] .story-chapter-heading h2 {font-size:clamp(29px,2.6vw,37px)}
:root[data-presentation=restorative] .story-chapter-number {color:var(--muted)}
:root[data-presentation=restorative] .story-prose>.story-emphasis {font-size:clamp(24px,2.1vw,29px);color:var(--ink)}
:root[data-presentation=restorative] .story-closing {background:var(--surface);color:var(--ink);--ink:inherit;--muted:inherit;--accent:inherit;--line:inherit}
@media(max-width:1100px) {
 .story-hero h1 {font-size:clamp(48px,6vw,65px)}
 .story-chapter-layout {display:block;max-width:780px}
 .story-chapter-heading {max-width:650px;margin-bottom:36px}
 .story-chapter-heading h2 {font-size:38px;margin-top:14px}
 .story-opening .story-chapter-heading {display:none}
 :root[data-presentation=restorative] .story-chapter-heading h2 {font-size:34px}
}
@media(max-width:680px) {
 .story-hero,:root[data-presentation=restorative] .story-hero {display:flex;flex-direction:column;align-items:stretch;gap:38px}
 .story-hero h1 {font-size:clamp(45px,11.5vw,70px);margin:22px 0 26px;max-width:10ch}
 .story-lead {font-size:19px}
 .story-portrait .identity-frame {padding-top:22px;gap:16px;max-width:440px}
 .story-portrait .identity-photo {max-width:360px}
 :root[data-presentation=restorative] .story-hero h1 {font-size:clamp(42px,10.5vw,62px)}
 :root[data-presentation=restorative] .story-portrait {margin-inline:12px;padding:18px;max-width:400px;align-self:center}
 .story-chapter {padding-block:54px}
 :root[data-presentation=restorative] .story-chapter {padding-block:66px}
 .story-chapter-heading h2 {font-size:34px;max-width:20ch}
 :root[data-presentation=restorative] .story-chapter-heading h2 {font-size:31px}
 .story-prose {font-size:17px;line-height:1.8}
 .story-prose>.story-emphasis {font-size:25px;margin-block:1.4em}
}
.story-journey {display:flow-root;margin-block:42px;padding-block:32px;border-block:1px solid var(--line)}
.story-journey h2 {font-size:clamp(29px,2.5vw,38px);line-height:1.2;max-width:23ch;margin:0 0 28px}
.story-journey figure {float:right;width:min(100%,300px);margin:0 0 20px 28px}
.story-journey img {display:block;width:100%;height:auto}
.story-journey figcaption {font-size:13px;line-height:1.5;color:var(--muted);margin-top:10px}
.story-journey p {margin:0 0 1.25em}
.story-journey p:last-child {margin-bottom:0}
:root[data-presentation=restorative] .story-journey figure {padding:12px;background:var(--paper);border:1px solid var(--line)}
@container article-reading (max-width:600px) {
 .story-journey figure {float:none;margin:0 auto 26px}
}
@media print {
 .story-hero,.story-chapter-layout {display:block}
 .story-portrait {max-width:300px}
 .story-chapter {padding-block:24px}
 .story-chapter-heading {margin-bottom:20px}
 .story-closing {background:none;color:inherit}
}