/* Real archive photographs, a short support journey, and one video panel at a time. */
.support-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,6vw,80px);align-items:center}
.support-story-without-image{grid-template-columns:1fr;max-width:760px;margin-inline:auto}
.support-story-media{margin:0;min-width:0}
.support-story-media>img{display:block;width:100%;max-height:530px;aspect-ratio:.92;object-fit:cover;object-position:center 48%;border-radius:8px}
.support-story-media figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}
.support-story-copy>.eyebrow{font-size:11px;margin-bottom:20px;letter-spacing:.09em}
.support-story-copy h2{font-size:clamp(37px,4vw,54px);line-height:1.12;letter-spacing:-.025em;margin-bottom:20px}
.support-story-lead{font-size:17px;line-height:1.75;color:var(--muted);max-width:42ch}
.support-purpose-list{list-style:none;padding:0;margin:24px 0 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.support-purpose-list>li{border-top:1px solid var(--line);padding-top:13px;min-width:0}
.support-purpose-list h3{font-size:25px;line-height:1.25;margin-bottom:7px}
.support-purpose-list p{font-size:15px;line-height:1.7;color:var(--muted);max-width:25ch}
.support-story-copy>.button{font-size:14px;min-height:52px}
.support-story-film-link{display:flex;width:fit-content;font-size:14px;min-height:48px;margin-top:10px}
.film-selector[hidden],.event-film[hidden]{display:none!important}
.film-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.film-selector-button{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;min-height:70px;padding:14px 18px;background:transparent;border:1px solid var(--line);border-radius:6px;cursor:pointer;color:var(--ink);text-align:left;font:500 16px/1.5 var(--sans)}
.film-selector-button>span:not(.film-selector-number){min-width:0;overflow-wrap:anywhere}
.film-selector-button[aria-selected=true]{background:var(--dark);color:var(--white);border-color:var(--dark)}
.film-selector-button small{font-size:12px;font-weight:400;margin-left:auto;white-space:nowrap}
.film-selector-number{font-size:11px;opacity:.8}
.film-selector-button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.film-viewer.is-ready .event-films-grid{display:block}
.film-viewer.is-ready .event-film{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:center;padding:28px 40px}
.film-viewer.is-ready .event-film-screen{width:min(100%,270px)}
.film-viewer.is-ready .event-film-copy{margin:0;max-width:520px}
.film-viewer.is-ready .event-film h3{font-size:36px;line-height:1.15}
.event-gallery{margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}
.event-gallery>.eyebrow{font-size:11px;margin-bottom:16px}
.event-gallery-heading{display:flex;justify-content:space-between;gap:36px;align-items:center;margin-bottom:26px}
.event-gallery-heading h2{font-size:clamp(33px,3.5vw,46px);line-height:1.15;max-width:19ch}
.event-gallery-heading>p{font-size:16px;line-height:1.75;max-width:39ch;color:var(--muted)}
.event-gallery-strip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 4px 18px;scrollbar-width:thin;scrollbar-color:var(--olive) var(--paper-deep)}
.event-gallery-image{position:relative;flex:0 0 calc((100% - 36px)/3);min-width:0;scroll-snap-align:start;display:block;background:var(--paper-deep);border-radius:6px}
.event-gallery-image img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;border-radius:6px}
.event-gallery-image>span{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;min-width:36px;min-height:36px;border-radius:50%;background:var(--dark);color:var(--white);font-size:22px}
@media(max-width:900px){.support-story{gap:36px}.film-selector-button{gap:8px;padding:12px}.film-selector-number{display:none}.film-viewer.is-ready .event-film{padding:24px;gap:24px}.film-viewer.is-ready .event-film h3{font-size:31px}}
@media(max-width:760px){
 .support-story{grid-template-columns:1fr;gap:28px}.support-story-media>img{aspect-ratio:1.45;max-height:320px;object-position:center 46%}.support-story-media figcaption{font-size:11px;margin-top:8px}
 .support-story-copy>.eyebrow{font-size:10px;margin-bottom:16px}.support-story-copy h2{font-size:clamp(35px,9.4vw,41px);margin-bottom:16px}.support-story-lead{font-size:16px;line-height:1.7}
 .support-purpose-list{gap:18px 20px;margin-block:22px 24px}.support-purpose-list h3{font-size:24px}.support-purpose-list p{font-size:15px;line-height:1.7}
 .support-story-copy>.button{width:100%;justify-content:space-between}.support-story-film-link{margin-top:12px;font-size:14px}
 .film-selector{gap:7px}.film-selector-button{flex-direction:column;justify-content:center;text-align:center;gap:3px;padding:10px 6px;min-height:72px;font-size:14px}.film-selector-button small{margin:0;font-size:11px}
 .film-viewer.is-ready .event-film{grid-template-columns:1fr;gap:24px;padding:20px}.film-viewer.is-ready .event-film-screen{width:min(100%,250px,31.5svh)}.film-viewer.is-ready .event-film h3{font-size:30px}.film-viewer.is-ready .event-film-copy{max-width:none}
 .event-gallery{margin-top:40px;padding-top:30px}.event-gallery-heading{display:block;margin-bottom:22px}.event-gallery-heading h2{font-size:34px;margin-bottom:14px}.event-gallery-heading>p{font-size:16px;line-height:1.7}
 .event-gallery-strip{gap:14px}.event-gallery-image{flex-basis:78%}
}
@media(prefers-reduced-motion:reduce){.event-gallery-strip{scroll-behavior:auto}}
@media(max-width:360px){.support-purpose-list{grid-template-columns:1fr;gap:14px}}
