.about-story, .about-team { padding-block:64px; max-width:1120px; }
.about-story h2, .about-team h2, .about-operations h2, .about-purpose h2 { font-size:26px; letter-spacing:0; overflow-wrap:anywhere; margin:0 0 14px; }
.about-copy { white-space:pre-line; overflow-wrap:anywhere; line-height:1.85; }
.about-kicker { margin:0 0 8px; color:#b88618; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.about-operations { background:#f3f7f4; border-block:1px solid #dfe8e2; padding-block:56px; }
.about-operations .container { max-width:1120px; }
.about-timeline { background:#f7f8fa; color:#34376f; padding-block:56px; border-block:1px solid #e3e6ed; }
.about-timeline .container { max-width:1040px; }
.about-timeline h2 { color:#34376f; font-size:30px; letter-spacing:0; margin:0 0 12px; }
.about-timeline .about-kicker { color:#927018; }
.about-timeline__intro { color:#62728a; max-width:720px; margin:0; }
.about-timeline__list { list-style:none; margin:32px 0 0; padding:0; display:grid; gap:0; }
.about-timeline__item { position:relative; display:grid; grid-template-columns:180px minmax(0,1fr); gap:28px; padding:24px 0; border-bottom:1px solid #dfe4eb; }
.about-timeline__item:last-child { border-bottom:0; }
.about-timeline__year { color:#4b7048; font-size:17px; font-weight:700; margin:0; }
.about-timeline__body { padding-left:24px; border-left:3px solid #cba243; }
.about-timeline__body h3 { color:#34376f; font-size:20px; letter-spacing:0; margin:0 0 8px; overflow-wrap:anywhere; }
.about-timeline__body p { color:#62728a; line-height:1.7; margin:0; overflow-wrap:anywhere; }
.about-purpose { border-block:1px solid #dfe5e2; background:#f5f8f6; padding-block:44px; }
.about-purpose .container { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:40px; }
.about-heading { padding-block:52px 28px; background:#fff; text-align:center; }
.about-heading .container { max-width:960px; }
.about-heading h1 { font-size:clamp(28px,3.2vw,44px); line-height:1.18; margin:0 auto 20px; max-width:820px; overflow-wrap:anywhere; letter-spacing:-.025em; }
.about-heading h1::after { content:""; display:block; width:72px; height:4px; margin:22px auto 0; border-radius:4px; background:linear-gradient(90deg,#4b7048 65%,#cba243 65%); }
.about-heading p { white-space:pre-line; overflow-wrap:anywhere; margin:0; }
.about-purpose [hidden] { display:none; }
.about-media-section { padding-block:24px 56px; }
.about-media-section--nested { padding-block:30px 0; }
.about-media-gallery { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; }
.about-media-card { grid-column:span 6; overflow:hidden; border:1px solid #dfe5e2; border-radius:16px; background:#fff; box-shadow:0 8px 24px #24344b08; }
.about-media-card--wide { grid-column:span 6; }
.about-media-card:only-child { grid-column:1 / -1; }
.about-media-card--square { grid-column:span 4; }
.about-media-card--portrait { grid-column:span 3; }
.about-media-card__visual { position:relative; background:#172434; aspect-ratio:16/9; }
.about-media-card--square .about-media-card__visual { aspect-ratio:1; }
.about-media-card--portrait .about-media-card__visual { aspect-ratio:3/4; }
.about-media-card img, .about-media-card video { display:block; width:100%; height:100%; object-fit:cover; background:#172434; }
.about-media-card video { object-fit:contain; }
.about-media-card__content { padding:14px 16px 16px; }
.about-media-card__content h3 { margin:0 0 6px; font-size:17px; letter-spacing:0; overflow-wrap:anywhere; }
.about-media-card__content p { margin:0; white-space:pre-line; overflow-wrap:anywhere; }
.about-media-admin { border-top:1px solid var(--admin-border,#e5e7eb); margin-top:28px; padding-top:24px; }
.about-media-admin-list { display:grid; gap:14px; }
.about-media-admin-card { display:grid; grid-template-columns:minmax(160px,220px) minmax(0,1fr); gap:16px; border:1px solid var(--admin-border,#e5e7eb); padding:14px; background:#fff; }
.about-media-admin-card__preview { aspect-ratio:16/9; background:#172434; overflow:hidden; align-self:start; }
.about-media-admin-card__preview img, .about-media-admin-card__preview video { display:block; width:100%; height:100%; object-fit:contain; }
.about-media-admin-card__actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
@media(max-width:700px) { .about-media-gallery { grid-template-columns:1fr; } .about-media-card,.about-media-card--wide,.about-media-card--square,.about-media-card--portrait { grid-column:1; } .about-media-admin-card { grid-template-columns:1fr; } }
@media(max-width:700px) { .about-timeline__list { grid-template-columns:1fr; gap:25px; } }
.about-story.about-has-media { display:grid; grid-template-columns:1fr 1fr; gap:0 40px; align-items:start; }
.about-story.about-has-media h2, .about-story.about-has-media > p { grid-column:1; }
.about-story.about-has-media > .about-media-section { grid-column:2; grid-row:1 / span 2; padding-top:0; }
.about-story .about-media-card { grid-column:1 / -1; }
.about-custom-section { border-top:1px solid #e3e6ed; }
.about-copy { max-width:850px; }
.about-heading p { max-width:760px; margin-inline:auto; }
@media(max-width:800px) { .about-story.about-has-media { display:block; } .about-story.about-has-media > .about-media-section { padding-top:24px; } }
@media(max-width:600px) { .about-timeline__item { grid-template-columns:1fr; gap:12px; padding:16px 0; } }
@media(max-width:600px) { .about-heading h1 { font-size:26px; } .about-story, .about-team, .about-operations, .about-timeline { padding-block:32px; } .about-timeline h2 { font-size:26px; } }