.about-draft { padding-top:84px; color:#243e51; font-family:'Open Sans',sans-serif; }
.about-draft * { box-sizing:border-box; }
.about-wrap { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.about-draft h1,.about-draft h2,.about-draft h3 { font-family:'Poppins',sans-serif; color:inherit; letter-spacing:-.035em; padding:0; font-weight:600; }
.about-draft h1 { font-size:clamp(36px,4vw,56px); line-height:1.13; margin:0 0 24px; }
.about-draft h2 { font-size:clamp(28px,3vw,38px); line-height:1.25; margin:0 0 24px; }
.about-draft h3 { font-size:21px; line-height:1.35; margin:20px 0 14px; }
.about-draft p { font-size:16px; line-height:1.8; margin:0 0 20px; }
.about-draft .about-label { font-size:11px; font-weight:600; letter-spacing:.14em; color:#58738b; margin:0 0 18px; }
.about-new-hero { padding:72px 0 80px; background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,.25) 32%,transparent 58%),url('about-final-jpg-web.webp') center/cover; border-bottom:1px solid #d7e0e6; }
.about-hero-copy { max-width:580px; }
.about-hero-copy > p:not(.about-label) { max-width:445px; margin-bottom:28px; }
.about-draft .about-button { display:inline-flex; padding:16px 24px; background:#203f60; color:white; text-decoration:none; font-size:14px; font-weight:600; transition:background .2s ease; }
.about-draft .about-button:hover { background:#142e49; }
.about-story { position:relative; display:grid; grid-template-columns:1fr 1.2fr; gap:80px; padding-block:88px; }
.about-accent { position:absolute; left:-30px; top:45px; height:calc(100% - 90px); width:auto; opacity:.045; pointer-events:none; }
.about-story-heading,.about-story-copy { position:relative; }
.about-story-heading { padding-left:30px; }
.about-draft .about-lead { font-size:21px; line-height:1.6; color:#587082; }
.about-story-copy p:last-child { margin:0; }
.about-history { background:#203f60; color:#fff; padding:64px 0; }
.about-history-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:80px; }
.about-history .about-label { color:#b9cfdf; }
.about-milestones > div { display:grid; align-items:center; grid-template-columns:95px 1fr; gap:24px; padding:22px 0; border-top:1px solid #ffffff35; }
.about-milestones > div:first-child { padding-top:0; border:0; }
.about-milestones span { font:600 27px 'Poppins',sans-serif; }
.about-milestones p { margin:0; color:#d7e3ec; font-size:15px; }
.about-approach { padding-block:80px; }
.about-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; margin:36px 0 24px; }
.about-principles article { border-top:1px solid #c9d5dd; padding-top:22px; }
.about-number { font-size:12px; color:#58738b; letter-spacing:.12em; }
.about-principles p { font-size:15px; }
.about-draft .about-inline-link { color:#203f60; text-decoration:none; border-bottom:1px solid #849bad; padding-bottom:8px; font-size:14px; font-weight:600; }
.about-contact { background:#e8eff5; padding:48px 0; }
.about-contact > div { display:flex; justify-content:space-between; align-items:center; gap:32px; }
.about-contact p:last-child { margin:0; }
.about-contact .about-button { flex-shrink:0; }
.about-draft a:focus-visible { outline:3px solid #547a9b; outline-offset:5px; }
.about-draft + footer { background:#203f60; color:#e3ecf3; }
.about-draft + footer a,.about-draft + footer button,.about-draft + footer p { color:#e3ecf3; }
@media(max-width:900px) { .about-story,.about-history-grid { gap:36px; } .about-principles { gap:24px; } }
@media(max-width:700px) {
.about-draft { padding-top:70px; }
.about-wrap { width:calc(100% - 32px); }
.about-new-hero { padding:44px 0 52px; position:relative; isolation:isolate; overflow:hidden; background:#f1f3f4; }
.about-new-hero::before { content:''; position:absolute; inset:0; z-index:-2; background:url('about-final-jpg-web.webp') 57% center/cover; }
.about-new-hero::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(255,255,255,.82),rgba(255,255,255,.64) 65%,rgba(255,255,255,.42)); }
.about-new-hero .about-label { color:#405e74; }
.about-story,.about-history-grid,.about-principles { grid-template-columns:1fr; gap:24px; }
.about-story { padding-block:48px; }
.about-accent { left:0; top:32px; height:210px; }
.about-story-heading { padding-left:20px; }
.about-history { padding-block:44px; }
.about-milestones > div { grid-template-columns:75px 1fr; gap:16px; }
.about-approach { padding-block:48px; }
.about-contact > div { flex-direction:column; align-items:flex-start; gap:24px; }
}
@media(prefers-reduced-motion:reduce) { .about-draft .about-button { transition:none; } }

/* V2: grounded environmental examples and community sponsorship. */
.about-resources { padding-block:64px; margin-bottom:64px; background:#f2f5f7; }
.about-resources .about-section-heading { max-width:740px; }
.about-resources .about-principles article { display:flex; flex-direction:column; align-items:flex-start; }
.about-resources .about-principles { margin-bottom:0; }
.about-resources .about-principles h3 { margin-top:0; }
.about-resources .site-discovery { margin-top:auto; }
.about-community { display:grid; grid-template-columns:1fr 1.2fr; gap:80px; padding:48px; background:#e8eff5; margin-bottom:72px; }
.about-community h2 { margin-bottom:0; }
.about-community h3 { margin-top:0; }
@media(max-width:900px){.about-community { grid-template-columns:1fr; gap:24px; padding:32px; }}
@media(max-width:700px){.about-resources { padding-block:40px; margin-bottom:40px; }.about-community { padding:24px; margin-bottom:48px; }}
.about-community { scroll-margin-top:110px; }

/* Community: compact sponsorship identity. */
.about-community { grid-template-columns:1fr 1.05fr; gap:56px; padding:24px 0; background:transparent; align-items:start; }
.about-community h2 { margin-bottom:0; }
.about-club-detail { display:grid; grid-template-columns:88px 1fr; gap:28px; align-items:start; padding-left:40px; border-left:1px solid #d5dee3; }
.about-club-crest { display:block; width:88px; height:88px; object-fit:contain; }
.about-club-detail h3 { margin:0 0 12px; }
.about-club-detail p { font-size:15px; }
@media(max-width:900px) { .about-community { gap:32px; } .about-club-detail { gap:20px; padding-left:24px; } }
@media(max-width:700px) { .about-community { grid-template-columns:1fr; gap:28px; padding:0; } .about-club-detail { grid-template-columns:64px 1fr; padding:24px 0 0; border-left:0; border-top:1px solid #d5dee3; } .about-club-crest { width:64px; height:64px; } }

.about-resources .about-resource-title { display:flex; align-items:center; gap:10px; }
.about-resources .about-principles article:first-child .about-resource-title { gap:4px; }
.about-resource-icon { display:block; flex:0 0 24px; color:#203f60; }

/* Keep the services link connected to the approach copy. */
.about-approach .about-principles article p:last-child { margin-bottom:0; }