.principal-card{background:linear-gradient(135deg,var(--sky),#0D47A1);border-radius:var(--radius-xl);padding:40px;display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;color:#fff;}
.principal-img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.3);}
.principal-msg{font-size:15px;color:rgba(255,255,255,.8);line-height:1.8;font-style:italic;}
.principal-name{font-family:'Baloo 2',cursive;font-size:20px;color:#fff;font-weight:700;margin-top:12px;}
.principal-title{font-size:13px;color:rgba(255,255,255,.6);}
.facility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;}
.facility-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--grey-mid);transition:all .3s;}
.facility-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.facility-img{height:160px;overflow:hidden;}
.facility-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.facility-card:hover .facility-img img{transform:scale(1.06);}
.facility-body{padding:18px;}
.facility-title{font-family:'Baloo 2',cursive;font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px;}
.facility-desc{font-size:13.5px;color:var(--text-mid);line-height:1.6;}
.staff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;}
.staff-card{background:#fff;border-radius:var(--radius-lg);padding:24px;text-align:center;border:1px solid var(--grey-mid);transition:all .3s;}
.staff-card:hover{border-color:var(--sky);box-shadow:var(--shadow);transform:translateY(-4px);}
.staff-avatar{width:70px;height:70px;border-radius:50%;background:var(--sky-pale);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 12px;}
.staff-name{font-family:'Nunito',sans-serif;font-size:15px;font-weight:800;color:var(--text);margin-bottom:4px;}
.staff-role{font-size:13px;color:var(--text-mid);}
.staff-sub{font-size:12px;color:var(--text-light);margin-top:3px;}
.timeline{position:relative;padding-left:32px;}
.timeline::before{content:'';position:absolute;left:10px;top:0;bottom:0;width:2px;background:var(--grey-mid);}
.tl-item{position:relative;margin-bottom:28px;}
.tl-dot{position:absolute;left:-26px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--sky);border:3px solid #fff;box-shadow:0 0 0 2px var(--sky);}
.tl-year{font-family:'Baloo 2',cursive;font-size:14px;font-weight:800;color:var(--sky);margin-bottom:4px;}
.tl-text{font-size:14px;color:var(--text-mid);line-height:1.6;}
@media(max-width:900px){.facility-grid{grid-template-columns:1fr 1fr;}.staff-grid{grid-template-columns:repeat(2,1fr);}.principal-card{grid-template-columns:1fr;text-align:center;}}
@media(max-width:600px){.facility-grid{grid-template-columns:1fr;}.staff-grid{grid-template-columns:1fr 1fr;}}