:root { --about-green:#164e3f; --about-pink:#9b0b62; --about-gold:#d2a94f; --about-ink:#1e293b; --about-muted:#64748b; --about-line:#e2e8f0; }
.about-page { padding:.5rem 0 1rem; }
#history,#mission,#management,#facilities { scroll-margin-top:170px; }
.about-hero { display:flex; min-height:300px; padding:clamp(2rem,5vw,4.5rem); align-items:center; justify-content:space-between; gap:2rem; overflow:hidden; color:#fff; background:var(--about-green); }
.about-hero-copy { max-width:760px; }.about-hero-copy > span,.about-heading > span { font-size:.7rem; font-weight:700; letter-spacing:.16em; }.about-hero h1 { margin:.8rem 0; color:#fff; font-size:clamp(2rem,4.5vw,3.7rem); }.about-hero p { margin:0; color:rgba(255,255,255,.78); font-size:clamp(1rem,2vw,1.25rem); }.about-hero-mark { color:rgba(255,255,255,.12); font-size:clamp(6rem,15vw,11rem); line-height:1; }
.about-jump-nav { display:grid; margin:1.25rem 0 5rem; padding:1rem; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; background:#eef3f1; border:1px solid #dce7e3; }.about-jump-nav a { display:grid; min-width:0; min-height:78px; padding:.85rem 1rem; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:.75rem; color:var(--about-ink); background:#fff; border:1px solid var(--about-line); border-radius:.75rem; font-size:.88rem; font-weight:600; line-height:1.35; text-decoration:none; }.about-jump-nav a:hover { color:var(--about-green); background:#f8fbfa; border-color:#9ebeb3; }.about-jump-nav i { display:grid; width:38px; height:38px; color:#fff; background:var(--about-green); border-radius:.65rem; place-items:center; font-size:1rem; }
.about-history { display:grid; margin-bottom:6rem; grid-template-columns:.85fr 1.15fr; align-items:center; gap:clamp(2rem,6vw,5rem); }.about-logo-panel { display:grid; min-height:430px; padding:3rem; background:#fff; border:1px solid var(--about-line); place-items:center; }.about-logo-panel img { width:min(100%,390px); max-height:360px; object-fit:contain; }.about-heading > span { color:var(--about-pink); }.about-heading h2 { margin:.45rem 0 .7rem; color:var(--about-green); font-size:clamp(1.65rem,3vw,2.35rem); }.about-heading > p,.about-copy > p { color:var(--about-muted); }.about-copy > p { margin-bottom:1rem; line-height:1.9; }
.about-section { margin-bottom:6rem; }.about-section-heading { margin-bottom:1.75rem; }.mission-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }.mission-card { position:relative; min-height:250px; padding:2rem; background:#fff; border:1px solid var(--about-line); }.mission-card > i { display:grid; width:50px; height:50px; margin-bottom:1.5rem; color:#fff; background:var(--about-green); border-radius:.75rem; place-items:center; font-size:1.3rem; }.mission-card > span { position:absolute; top:1.5rem; right:1.5rem; color:#d9e1df; font-size:2rem; font-weight:700; }.mission-card h3 { color:var(--about-ink); font-size:1.1rem; }.mission-card p { margin:0; color:var(--about-muted); font-size:.9rem; line-height:1.75; }
.about-stats { display:grid; margin-bottom:6rem; padding:2.75rem; grid-template-columns:repeat(3,1fr); color:#fff; background:var(--about-green); }.about-stats > div { display:flex; align-items:center; justify-content:center; flex-direction:column; border-right:1px solid rgba(255,255,255,.18); }.about-stats > div:last-child { border-right:0; }.about-stats strong { color:#fff; font-size:clamp(2rem,4vw,3rem); }.about-stats span { color:rgba(255,255,255,.72); font-size:.82rem; }
.management-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; }.management-heading > a { color:var(--about-green); font-weight:700; text-decoration:none; }.management-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.25rem; }.management-card { display:grid; overflow:hidden; grid-template-columns:210px 1fr; background:#fff; border:1px solid var(--about-line); }.management-card img { width:100%; height:270px; object-fit:cover; object-position:top; background:#edf2f0; }.management-card > div { display:flex; padding:1.75rem; justify-content:center; flex-direction:column; }.management-card span { color:var(--about-pink); font-size:.76rem; font-weight:700; }.management-card h3 { margin:.55rem 0; color:var(--about-green); font-size:1.05rem; }.management-card p { margin:0; color:var(--about-muted); font-size:.8rem; line-height:1.7; }.management-note { margin:1.25rem 0 0; padding:1rem 1.25rem; color:var(--about-muted); background:#eef5f2; border:1px solid #dbe9e4; }.management-note i { margin-right:.4rem; color:var(--about-green); }
.about-facilities { display:grid; margin-bottom:5rem; padding:clamp(2rem,5vw,3.5rem); grid-template-columns:.8fr 1.2fr; gap:4rem; background:#fff; border:1px solid var(--about-line); }.about-facilities > div > p { color:var(--about-muted); line-height:1.8; }.about-facilities ul { display:grid; margin:0; padding:0; gap:.7rem; list-style:none; }.about-facilities li { display:grid; padding:.8rem 0; grid-template-columns:42px 1fr; align-items:center; gap:.75rem; border-bottom:1px solid var(--about-line); }.about-facilities li:last-child { border-bottom:0; }.about-facilities li > i { display:grid; width:42px; height:42px; color:#fff; background:var(--about-pink); border-radius:.75rem; place-items:center; }.about-facilities li strong,.about-facilities li span { display:block; }.about-facilities li strong { color:var(--about-ink); font-size:.88rem; }.about-facilities li span { color:var(--about-muted); font-size:.8rem; }
.about-contact { display:flex; padding:2rem 2.5rem; align-items:center; justify-content:space-between; gap:2rem; color:#fff; background:var(--about-pink); }.about-contact > div:first-child > span { color:rgba(255,255,255,.7); font-size:.75rem; }.about-contact h2 { margin:.3rem 0 0; color:#fff; font-size:1.5rem; }.about-contact-links { display:flex; gap:1rem; }.about-contact-links a { display:flex; min-width:230px; padding:.8rem 1rem; align-items:center; gap:.7rem; color:#fff; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); border-radius:.75rem; text-decoration:none; }.about-contact-links a > i { font-size:1.15rem; }.about-contact-links span,.about-contact-links small { display:block; }.about-contact-links small { color:rgba(255,255,255,.65); font-size:.68rem; }
@media(max-width:991.98px){#history,#mission,#management,#facilities{scroll-margin-top:110px}.about-history{grid-template-columns:1fr}.about-logo-panel{min-height:340px}.mission-grid{grid-template-columns:1fr}.management-grid{grid-template-columns:1fr}.about-facilities{grid-template-columns:1fr;gap:2rem}.about-contact{align-items:flex-start;flex-direction:column}.about-contact-links{width:100%}.about-contact-links a{flex:1}}
@media(max-width:767.98px){.about-jump-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:4rem}.about-stats{padding:1.75rem .75rem}.about-stats span{text-align:center}.management-card{grid-template-columns:150px 1fr}.management-card img{height:230px}.about-contact-links{flex-direction:column}.about-contact-links a{width:100%;min-width:0}}
@media(max-width:575.98px){.about-hero{min-height:260px;padding:2rem}.about-hero-mark{display:none}.about-jump-nav{padding:.75rem;gap:.65rem}.about-jump-nav a{min-height:70px;padding:.65rem;grid-template-columns:32px minmax(0,1fr);gap:.55rem;font-size:.78rem}.about-jump-nav i{width:32px;height:32px;font-size:.9rem}.about-logo-panel{min-height:280px;padding:2rem}.management-heading{align-items:flex-start;flex-direction:column}.management-card{grid-template-columns:115px 1fr}.management-card img{height:210px}.management-card>div{padding:1rem}.about-facilities{padding:1.5rem}.about-contact{padding:1.5rem}.about-stats{grid-template-columns:1fr;gap:1.25rem}.about-stats>div{padding-bottom:1.25rem;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.about-stats>div:last-child{padding-bottom:0;border-bottom:0}}

.management-card > a { display:block; min-width:0; background:#edf2f0; text-decoration:none; }
.management-photo-placeholder { display:flex; width:100%; height:270px; align-items:center; justify-content:center; color:#94a3b8; background:#edf2f0; font-size:3rem; }
.management-note a { color:var(--about-green); font-weight:700; }
@media(max-width:767.98px){.management-photo-placeholder{height:230px}}
@media(max-width:575.98px){.management-photo-placeholder{height:210px}}