*{box-sizing:border-box}
:root{--green:#167a4b;--deep:#0d5f3a;--blue:#145ea8;--ink:#18352b;--muted:#60736b;--paper:#f7faf8;--white:#fff}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
img{display:block;max-width:100%}
.about-header{background:var(--white);border-bottom:1px solid #dce8e2;box-shadow:0 2px 12px rgba(21,67,48,.06)}
.about-header-inner{max-width:1180px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.about-brand{display:flex;align-items:center;gap:16px}
.about-brand img{width:66px;height:66px;object-fit:contain}
.eyebrow{margin:0;color:var(--green);font-size:12px;font-weight:700;letter-spacing:1.3px}
.about-brand h1{margin:2px 0 0;color:var(--blue);font-size:30px;line-height:1.15}
.about-brand p:last-child{margin:2px 0 0;color:var(--muted);font-size:14px}
.back-home{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;background:var(--green);padding:10px 16px;border-radius:8px;font-weight:700;order:2}
.back-home img{width:18px;height:18px;filter:brightness(0) invert(1)}
.about-hero{max-width:1180px;margin:34px auto 0;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:stretch}
.about-hero-copy{padding:48px 10px 48px 0}
.kicker{color:var(--green);font-weight:700;letter-spacing:1.5px;font-size:13px;margin:0 0 10px}
.about-hero h2{font-size:42px;line-height:1.12;margin:0 0 20px;color:var(--blue)}
.lead{font-size:19px;color:#425c51;max-width:650px}
.about-hero-image{min-height:330px;border-radius:20px;overflow:hidden;background:#e9f1ed}
.about-hero-image img{width:100%;height:100%;object-fit:cover}
.content-section,.welfare-section,.principles{max-width:1180px;margin:0 auto;padding:72px 24px}
.section-heading{display:flex;align-items:center;gap:18px;justify-content:center;margin-bottom:35px}
.section-heading h2{margin:0;text-align:center;color:var(--green);font-size:30px}
.line{height:2px;width:65px;background:#b9d7c8}
.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}
.text-card{background:var(--white);border:1px solid #e0ebe6;border-radius:18px;padding:32px;box-shadow:0 8px 24px rgba(24,65,48,.05)}
.text-card p{margin:0 0 18px;color:#445b52;font-size:17px}
.text-card p:last-child{margin-bottom:0}
.image-card{margin:0;border-radius:18px;overflow:hidden;min-height:300px}
.image-card img{width:100%;height:100%;object-fit:cover}
.welfare-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;background:#edf6f1;max-width:none;padding-left:max(24px,calc((100% - 1132px)/2));padding-right:max(24px,calc((100% - 1132px)/2))}
.welfare-image{border-radius:18px;overflow:hidden;min-height:310px}
.welfare-image img{width:100%;height:100%;object-fit:cover}
.welfare-copy h2{margin:0 0 18px;color:var(--blue);font-size:30px}
.welfare-copy p{color:#445b52;font-size:17px}
.leadership-section{max-width:1180px;margin:0 auto;padding:0 24px 72px}
.leadership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.leader-card{background:var(--white);border:1px solid #dfeae5;border-radius:18px;padding:18px;text-align:center;box-shadow:0 8px 24px rgba(24,65,48,.05)}
.leader-photo{width:100%;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:#e9f1ed}
.leader-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.leader-card h2{margin:14px 0 2px;color:var(--green);font-size:23px;line-height:1.2}
.principles{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.principles-card{background:var(--white);border:1px solid #dfeae5;border-radius:18px;padding:30px;text-align:center}
.principle-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#e5f3eb;color:var(--green);font-size:24px}
.principles-card h2{color:var(--green);font-size:23px;margin:0 0 10px}
.principles-card p{margin:0;color:#536960}
.about-footer{background:#0b4e32;color:#fff;text-align:center;padding:28px 20px}
.about-footer p{margin:4px 0}
@media(max-width:800px){
 .about-header-inner{padding:15px 18px;align-items:flex-start}
 .about-brand h1{font-size:24px}
 .about-brand img{width:54px;height:54px}
 .about-hero{grid-template-columns:1fr;margin-top:15px}
 .about-hero-copy{padding:30px 0 10px}
 .about-hero h2{font-size:34px}
 .intro-grid,.welfare-section,.principles{grid-template-columns:1fr}
 .leadership-grid{grid-template-columns:1fr 1fr}
 .welfare-section{padding-left:24px;padding-right:24px}
 .back-home{order:0}
}
@media(max-width:520px){
 .about-header-inner{flex-direction:column}
 .about-brand{order:2}
 .about-brand h1{font-size:21px}
 .about-hero h2{font-size:29px}
 .lead{font-size:17px}
 .content-section,.welfare-section,.principles{padding-top:48px;padding-bottom:48px}
 .leadership-section{padding-bottom:48px}
 .leadership-grid{grid-template-columns:1fr}
 .section-heading h2{font-size:25px}
 .line{width:35px}
}