/* A dedicated, readable home for the approved personal story. */
.story-intro{background:var(--ink);color:var(--paper);padding:62px 0 66px}
.story-intro-grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:90px;align-items:center}
.story-intro .eyebrow{color:var(--gold);margin-bottom:25px}
.story-page h1{font-family:var(--serif);font-size:clamp(3.75rem,6vw,5.5rem);line-height:1.06;letter-spacing:-2.5px}
.story-page h1 em{color:var(--gold)}
.story-lead{font-size:1.0625rem;line-height:1.85;color:#c5c7be;max-width:650px}
.story-lead p:first-child{font-size:1.25rem;line-height:1.65;color:var(--paper)}
.story-lead p+p{margin-top:18px}
.story-content{max-width:1120px;padding-top:58px;padding-bottom:65px}
.story-section{display:grid;grid-template-columns:.9fr 1.6fr;gap:65px;padding:0 0 48px;border-bottom:1px solid var(--line)}
.story-section+.story-section{padding-top:48px}
.story-section h2{font-family:var(--serif);font-size:2.25rem;line-height:1.2;letter-spacing:-.8px}
.story-section h2 em{color:#7a776b}
.story-copy{min-width:0;font-size:1.0625rem;line-height:1.85;color:#51574b}
.story-copy p+p{margin-top:18px}
.story-copy em{color:#3e4437}
.story-observation{padding:21px 24px;border-left:3px solid #b08a43;background:#f3ead7;color:#4f4838}
.story-observation strong{font-weight:700;color:#353527}
.story-actions{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:34px}
@media(max-width:950px){
  .story-intro-grid{grid-template-columns:1fr;gap:28px}
  .story-lead{max-width:760px}
  .story-section{grid-template-columns:1fr;gap:23px}
  .story-section h2 br{display:none}
}
@media(max-width:760px){
  .story-intro{padding:39px 0 43px}
  .story-page h1{font-size:3.5rem;line-height:1.08;letter-spacing:-1.8px}
  .story-intro .eyebrow{margin-bottom:21px}
  .story-lead{font-size:1rem;line-height:1.8}
  .story-lead p:first-child{font-size:1.125rem}
  .story-content{padding-top:36px;padding-bottom:43px}
  .story-section{gap:21px;padding-bottom:34px}
  .story-section+.story-section{padding-top:34px}
  .story-section h2{font-size:2rem;line-height:1.2;letter-spacing:-.6px}
  .story-copy{font-size:1rem;line-height:1.8}
  .story-copy p+p{margin-top:16px}
  .story-observation{padding:18px 19px}
  .story-actions{align-items:stretch;flex-direction:column;gap:21px;padding-top:27px}
  .story-actions .text-link{align-self:flex-start}
}