.about-narrative { background:var(--paper,#f8f5ef); }
.about-narrative h1,.about-narrative h2,.about-narrative h3 { color:var(--ink); letter-spacing:-.025em; }
.about-narrative h1 { font-size:clamp(32px,3vw,44px); line-height:1.15; margin:0; max-width:740px; }
.about-narrative h2 { font-size:clamp(27px,2.5vw,35px); line-height:1.2; margin:0 0 24px; }
.about-narrative p { line-height:1.75; }
.about-narrative .eyebrow { margin:0 0 20px; color:var(--teal); font-size:12px; }
.an-intro { padding:26px 0 0; }
.an-intro .breadcrumbs { margin-bottom:38px; }
.an-intro-grid { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:72px; padding-bottom:36px; }
.an-intro-copy { border-left:1px solid var(--line); padding-left:32px; }
.an-intro-copy p { margin:0 0 18px; font-size:16px; color:var(--ink-soft); }
.an-text-link { display:inline-flex; align-items:center; gap:20px; color:var(--ink); font-size:13px; font-weight:700; padding:8px 0; text-decoration:underline; text-underline-offset:5px; }
.an-text-link:hover { color:var(--teal); }
.an-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid var(--line); padding:22px 0; gap:30px; }
.an-facts p { display:grid; gap:2px; margin:0; padding-left:22px; border-left:3px solid var(--lime); }
.an-facts strong { font-size:16px; color:var(--ink); }
.an-facts span { font-size:12px; color:var(--ink-soft); }
.an-story { padding:48px 0 56px; scroll-margin-top:130px; }
.an-story-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.an-photo { margin:0; min-width:0; }
.an-photo img { display:block; width:100%; height:auto; border-radius:28px 28px 0 0; }
.an-photo figcaption { padding:20px 24px; border:1px solid var(--line); border-top:0; border-radius:0 0 28px 28px; background:white; display:grid; gap:5px; }
.an-photo figcaption strong { font-size:13px; color:var(--ink); }
.an-photo figcaption span { font-size:11px; line-height:1.65; color:var(--ink-soft); }
.an-story-copy > p:not(.eyebrow) { font-size:15px; margin:0 0 24px; color:var(--ink-soft); }
.an-timeline { padding:0; margin:0 0 12px; list-style:none; }
.an-timeline li { display:grid; grid-template-columns:72px 1fr; gap:18px; padding:16px 0; border-top:1px solid var(--line); }
.an-date { font-size:11px; font-weight:700; color:var(--teal); padding-top:3px; }
.an-timeline h3 { font-size:16px; line-height:1.4; margin:0 0 5px; }
.an-timeline p { font-size:13px; color:var(--ink-soft); margin:0; }
.an-relationship { background:#e9f1ed; border-top:1px solid #d2e1d8; padding:44px 0; }
.an-relationship-head { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding-bottom:32px; }
.an-relationship-head h2 { margin:0; }
.an-values { list-style:none; padding:0; margin:0; }
.an-values li { display:flex; align-items:center; gap:20px; border-bottom:1px solid #c9dbd0; padding:15px 0; font-size:17px; font-weight:700; color:var(--ink); }
.an-values li:last-child { border:0; }
.an-values span { font-size:11px; color:var(--teal); }
.an-next { display:flex; justify-content:space-between; align-items:center; gap:24px; border-top:1px solid #c9dbd0; padding-top:30px; }
.an-next h3 { margin:0 0 5px; font-size:22px; line-height:1.3; }
.an-next p { font-size:14px; margin:0; color:var(--ink-soft); }
.an-next .btn { flex-shrink:0; }
@media(max-width:1000px) {
 .an-intro-grid { gap:32px; grid-template-columns:1fr; }
 .an-intro-copy { border:0; padding:0; max-width:680px; }
 .an-intro .breadcrumbs { margin-bottom:28px; }
 .an-story-grid { gap:32px; align-items:start; }
 .an-relationship-head { gap:32px; }
 .an-timeline li { grid-template-columns:1fr; gap:4px; }
}
@media(max-width:700px) {
 .an-intro { padding-top:20px; }
 .an-intro-grid { gap:20px; padding-bottom:26px; }
 .an-intro-copy p { font-size:15px; }
 .an-facts { grid-template-columns:1fr; gap:16px; padding:22px 0; }
 .an-facts p { padding-left:14px; }
 .an-story { padding:32px 0; }
 .an-story-grid { grid-template-columns:1fr; gap:28px; }
 .an-story-copy { grid-row:1; }
 .an-timeline li { grid-template-columns:64px 1fr; gap:12px; }
 .an-relationship { padding:32px 0; }
 .an-relationship-head { grid-template-columns:1fr; gap:16px; padding-bottom:24px; }
 .an-next { align-items:flex-start; flex-direction:column; padding-top:24px; }
 .an-next .btn { width:100%; justify-content:center; }
}