/* ══════════════════════════════════════════════════════════════
   ABOUT.CSS — about.html-specific styles
   ══════════════════════════════════════════════════════════════ */

/* MISSION BAR */
.mb{background:#E67817;padding:16px 0}
.mbi{max-width:1200px;margin:0 auto;padding:0 24px;text-align:center}
.mbi p{color:#fff;font-size:15px;font-weight:500;font-style:italic;margin:0}

/* STORY */
.sg{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.siw{position:relative}
.sy{position:absolute;top:-16px;left:-16px;background:#E67817;color:#fff;border-radius:14px;padding:16px 20px;text-align:center;box-shadow:0 4px 20px rgba(230,120,23,.35)}
.sy .n{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;line-height:1}
.sy .l{font-size:10px;opacity:.85;margin-top:2px}

/* STATS */
.sb{background:#1A3D2B;padding:48px 0}
.sgr{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.1);border-radius:12px;overflow:hidden}
.sti{background:#1A3D2B;padding:28px 16px;text-align:center}
.stn{font-family:'Playfair Display',serif;font-size:36px;font-weight:700;color:#E67817;line-height:1;display:block}
.stl{font-size:12px;color:rgba(255,255,255,.6);margin-top:6px;display:block}

/* VISION & MISSION */
.vmg{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.vmc{border-radius:16px;padding:32px;position:relative;overflow:hidden;background:#fff}
.vmc.vis{border:1px solid #E4E0D8;border-left:4px solid #E67817}
.vmc.mis{border:1px solid #E4E0D8;border-left:4px solid #2D6A4F}
.vmc-icon{font-size:36px;margin-bottom:16px}
.vmc h3{margin-bottom:12px}
.vmc p{font-size:14px;line-height:1.8;margin:0}
.vmc .bl{position:absolute;bottom:-10px;right:10px;font-family:'Playfair Display',serif;font-size:120px;font-weight:700;opacity:.06;line-height:1;pointer-events:none}

/* TEAM DOCTORS */
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tc{background:#fff;border:1px solid #E4E0D8;border-radius:16px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.tc:hover{box-shadow:0 8px 32px rgba(0,0,0,.1);transform:translateY(-3px)}
.tp{background:#E67817;height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tpph{display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.5);font-size:11px}
.tb{padding:20px}
.tn{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:#1A1A1A;margin-bottom:4px}
.tr{font-size:12px;color:#E67817;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.tq{font-size:12px;color:#6B6B6B;margin-bottom:12px}
.te{display:inline-flex;align-items:center;gap:5px;background:#F0FAF3;border:1px solid #B7E4C7;border-radius:20px;padding:4px 10px;font-size:11px;color:#2D6A4F;font-weight:600}

/* CERTIFICATIONS */
.cg{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cc{background:#F9F5F0;border:1px solid #E4E0D8;border-radius:14px;padding:24px;text-align:center}
.ci{font-size:36px;margin-bottom:12px;display:block}
.cn{font-size:14px;font-weight:600;color:#1A1A1A;margin-bottom:6px}

/* FACILITIES */
.fg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fc{background:#fff;border:1px solid #E4E0D8;border-radius:12px;padding:20px;display:flex;gap:14px;align-items:flex-start;transition:box-shadow .2s}
.fc:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.fi{width:44px;height:44px;background:#FEF3E8;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.fname{font-size:14px;font-weight:600;color:#1A1A1A;margin-bottom:4px}
.fd{font-size:12px;color:#6B6B6B;line-height:1.55}

/* TIMELINE */
.tl{position:relative;padding-left:32px}
.tl::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#E67817,#52B788)}
.tli{position:relative;padding-bottom:36px}
.tli:last-child{padding-bottom:0}
.tld{position:absolute;left:-32px;top:4px;width:18px;height:18px;background:#E67817;border-radius:50%;border:3px solid #1A3D2B;box-shadow:0 0 0 2px #E67817}
.tly{font-size:11px;font-weight:700;color:#E67817;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.tlt{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px;font-family:'Playfair Display',serif}
.tldesc{font-size:13px;color:rgba(255,255,255,.65);line-height:1.65}

/* RESPONSIVE */
@media(max-width:1000px){.cg{grid-template-columns:repeat(2,1fr)}.sgr{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.sg,.vmg{grid-template-columns:1fr}.tg{grid-template-columns:repeat(2,1fr)}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.tg,.fg,.cg{grid-template-columns:1fr}.sgr{grid-template-columns:repeat(2,1fr)}}