/* Mission follows Parallax's existing type, colours and navigation. */
.mission-hero { padding-block: clamp(48px,7vw,100px); }
.mission-hero h1 { font-size: clamp(2.6rem,5.5vw,5.5rem); line-height: 1.06; max-width: 1100px; }
.mission-hero .lead { max-width: 850px; margin-top: 30px; }
.mission-boundary { border-left: 3px solid var(--accent); padding: 12px 0 12px 24px; margin-top: 40px; max-width: 850px; }
.mission-boundary p { margin: 0; }
.mission-boundary p + p { margin-top: 12px; }
.mission-boundary strong { color: var(--ink); font-size: clamp(1.15rem,2vw,1.45rem); }
.mission-columns { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(28px,5vw,80px); }
.mission-columns h2 { font-size: clamp(1.8rem,3vw,2.8rem); line-height: 1.15; }
.mission-columns p { max-width: 70ch; }
.mission-sources { font-size: .9rem; color: var(--ink-mute); }
.mission-sources a { text-decoration: underline; text-underline-offset: 4px; }
.mission-page a:focus-visible, .founder-read-more:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.founder-read-more { color: var(--accent); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.founder-summary { display: grid; grid-template-columns: minmax(160px,240px) minmax(0,1fr); gap: clamp(24px,4vw,64px); align-items: center; }
.founder-summary__portrait { margin: 0; }
.founder-summary__portrait img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border: 1px solid var(--line); border-radius: 4px; }
.founder-summary h2 { margin-block: 14px 20px; }
.founder-summary p { max-width: 70ch; }
@media(max-width:600px) { .founder-summary { grid-template-columns: minmax(0,1fr); } .founder-summary__portrait { max-width: 200px; } }
@media(max-width:800px) { .mission-columns { grid-template-columns: minmax(0,1fr); } .mission-boundary { padding-left: 18px; } }
@media(max-width:480px) { .mission-page .btn-row { align-items: stretch; } .mission-page .btn { white-space: normal; text-align: center; max-width: 100%; } }
