/* A compact statement of delivery goals replaces the route comparison. */
.delivery-redesign{border-bottom:1px solid var(--line);padding:30px var(--about-inset) 36px}
.delivery-goals-label{margin-bottom:28px}.delivery-goals-label>span{color:var(--blue)}
.delivery-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4.5vw,72px);list-style:none;padding:0;margin:0}
.delivery-goals h3{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.025em;margin-bottom:12px}
.delivery-goals p{font-size:17px;line-height:1.6;max-width:32ch}
@media(max-width:960px){.delivery-goals h3{font-size:20px}.delivery-goals p{font-size:16px}}
@media(max-width:700px){.delivery-goals{grid-template-columns:1fr;gap:25px}.delivery-goals-label{margin-bottom:25px}.delivery-goals h3{margin-bottom:8px}}

.about-life{border-bottom:1px solid var(--line)}
/* About uses one paragraph measure and shared section edges. */
#about{--about-copy:340px;--about-inset:32px;--about-gap:56px}
#about .masthead{grid-template-columns:minmax(0,1fr) var(--about-copy);gap:48px var(--about-gap);padding:36px var(--about-inset) 40px}
#about .mast-label,#about .mast-title,#about .mast-desc{padding:0}
#about .mast-desc p,#about .chapter-desc p{font-size:17px;line-height:1.6;max-width:var(--about-copy)}
#about .chapter{grid-template-columns:minmax(0,1fr) var(--about-copy);column-gap:var(--about-gap);padding-left:var(--about-inset);padding-right:var(--about-inset)}
@media(max-width:1200px){#about{--about-copy:300px;--about-gap:32px}}
@media(max-width:960px){#about{--about-copy:280px;--about-inset:28px;--about-gap:28px}}
@media(max-width:700px){#about{--about-copy:100%;--about-inset:20px}#about .masthead{grid-template-columns:1fr;grid-template-areas:"label" "title" "description";gap:26px;min-height:0;padding:28px 20px 32px}#about .mast-title{padding:0}#about .mast-desc{grid-column:1}#about .mast-desc p,#about .chapter-desc p{font-size:16px;line-height:1.6}#about .chapter{grid-template-columns:1fr;grid-template-areas:"label" "title" "description";gap:24px}}
.about-life img{display:block;width:100%;height:auto;object-fit:cover}
.about-life figcaption{display:flex;justify-content:flex-end;padding:20px 32px;font:11px/1.7 var(--mono);color:var(--muted)}
.about-life figcaption a{display:inline-flex;align-items:baseline;gap:12px}
@media(max-width:650px){.about-life img{height:auto;object-fit:contain}.about-life figcaption{padding:20px;font-size:10px}.about-life figcaption a{gap:8px}}

/* The mission's three points span the section, beyond the headline column. */
.mission-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4.5vw,72px);list-style:none;margin:0;padding:36px var(--about-inset) 42px;border-bottom:1px solid var(--line)}
.mission-points li{min-width:0}
.mission-points h3{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.025em;margin:0 0 14px}
.mission-points p{font-size:17px;line-height:1.6;max-width:36ch}
@media(max-width:960px){.mission-points h3{font-size:20px}.mission-points p{font-size:16px}}
@media(max-width:700px){.mission-points{grid-template-columns:1fr;gap:28px;padding:30px 20px 36px}.mission-points h3{margin-bottom:10px}.mission-points p{max-width:none}}

/* About shares Home's header, art, title and lower-strip stack. */
.about-opening{display:flex;flex-direction:column}
.about-hero.home-hero{height:auto;min-height:100svh;border-bottom:1px solid var(--line)}
/* The hero itself owns the first fold; its content and strip remain in one layout. */
.about-hero .home-content{margin-top:auto;position:relative;z-index:2}
/* Both illustrations fill the same 16:9 stage without cropping. */
.about-hero .about-art{background:var(--paper)}
.about-hero .home-fade{box-sizing:content-box;padding-bottom:2px}
.about-hero .about-art .hv,.about-hero .about-art .hero-canvas{position:absolute;inset:0;width:100%;height:100%;max-width:none;transform:none;object-fit:contain}

.about-hero-label{position:absolute;z-index:2;top:calc(56px + var(--mast-top));left:calc(var(--frame-gutter) + var(--page-inset) + 1px)}
.about-hero-label .eyebrow{color:#f5f5f5;text-shadow:0 1px 3px #26342c}
.about-hero-strip{margin-top:0;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line);background:rgba(245,245,245,.95);padding:24px 56px;min-height:104px}
.about-hero-strip p{font-size:16px;line-height:1.5;max-width:53ch}
.about-hero-strip a{display:flex;align-items:center;gap:24px;font-size:14px;line-height:1.5;flex-shrink:0}
.about-hero-strip a span{font-size:20px}
@media(max-width:960px){
 .about-hero.immunisation-home.home-hero{min-height:100svh;grid-template-rows:auto auto minmax(min-content,1fr) auto}
 .about-hero .home-content{align-self:center;margin-top:-3vw;padding-top:28px}
 .about-hero-strip{grid-area:4/1;padding:24px 32px;gap:24px;flex-wrap:wrap}
}
@media(max-width:650px){
 .about-hero-label{top:calc(140px + var(--mast-top))}
 .about-hero-strip{padding:22px;gap:20px}
 .about-hero-strip p{font-size:15px}
 .about-hero-strip a{width:100%;justify-content:space-between;font-size:13px}
}