:root{--brand:#195d50;--brand-dark:#123f38;--accent:#d7aa60;--text:#243d36;--muted:#63716b;--bg:#faf9f5;--light:#f0f2e9;--border:#dce3d9;--radius:16px;--shadow:0 12px 36px #183c3010}
body{font-family:'Segoe UI',Arial,sans-serif}a{color:var(--brand)}
.top-bar{background:var(--brand-dark);padding:9px max(4vw,20px);font-size:12px;letter-spacing:.2px;gap:14px}
header{padding:18px 4vw;border-bottom:1px solid var(--border);gap:20px;box-shadow:0 3px 18px #123f3806}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.logo img{height:62px;width:62px;object-fit:contain}.school-name{font-family:Georgia,serif;font-weight:bold;font-size:20px;line-height:1.25;color:var(--brand-dark)}.school-name small{display:block;font-family:'Segoe UI',sans-serif;font-size:9px;letter-spacing:2.1px;margin-top:7px}
nav>ul{gap:3px}nav ul li a{font-size:13px;padding:10px 9px;white-space:nowrap;display:block}nav ul li a:hover,nav ul li a:focus-visible{color:var(--brand-dark);background:#edf2e9}.dropdown-content{top:100%;border-color:var(--border);border-radius:10px;max-height:70vh;overflow:auto}.dropdown:focus-within>.dropdown-content,.dropdown.open>.dropdown-content{display:block}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:normal;line-height:1.15}h3{line-height:1.35}p{line-height:1.8}
.home-hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:530px;padding:55px 4vw 45px;gap:50px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.8px;color:var(--brand);margin-bottom:22px}.hero-copy h1{font-size:clamp(38px,4.4vw,66px);letter-spacing:-1.8px;color:var(--brand-dark);margin-bottom:24px}.hero-copy>p:not(.eyebrow){max-width:430px;font-size:16px;color:var(--muted)}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.read-more{padding:13px 22px;border:0;border-radius:5px;font-size:14px;cursor:pointer}.read-more:hover{color:var(--brand-dark)}.text-link{font-size:14px;font-weight:600;text-underline-offset:6px}.hero-location{font-size:12px;letter-spacing:1px;color:var(--muted);margin-top:40px}.hero-photo{position:relative;align-self:stretch;min-height:420px}.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;border-radius:100px 12px 12px 12px}.photo-label{position:absolute;bottom:22px;left:22px;right:22px;background:#fffdf5ee;padding:14px 20px;border-radius:4px;color:var(--brand-dark);font-family:Georgia,serif;font-size:17px}
.quick-links{display:grid;grid-template-columns:repeat(3,1fr);padding:0 4vw;max-width:1440px;margin:0 auto 30px}.quick-links a{padding:22px 20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-decoration:none;font-size:14px;font-weight:600}.quick-links a+a{border-left:1px solid var(--border)}.quick-links span{font-size:11px;color:#84958a;margin-right:18px}.quick-links a:hover{background:var(--light)}
main{padding:55px 5vw}main h1{font-size:38px}.welcome{max-width:900px;margin:auto;padding:60px 24px 70px}.welcome h1{font-size:34px}.welcome p{font-size:16px}
.about-us{padding:65px 5vw!important}.about-container{gap:55px;align-items:center}.about-image{flex:1;min-width:0}.about-image img{max-width:100%;width:100%;max-height:390px;object-fit:cover;box-shadow:none;border-radius:12px}.about-content{min-width:0}.about-content h2{font-size:35px}.about-content p{text-align:left;color:var(--muted)}
.infrastructure{padding:70px 5vw;background:var(--bg)}.infrastructure h2{font-size:38px}.infra-gallery{gap:25px}.infra-gallery img{height:225px;box-shadow:none}.facility-card{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .2s}.facility-card:hover{transform:translateY(-4px)}.facility-card img{border-radius:0;object-fit:cover}.facility-card img:hover{transform:none}.facility-card>div{padding:22px}.facility-card span{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}.facility-card h3{margin-top:8px;font-family:Georgia,serif;font-size:21px;font-weight:normal}
.page-banner{background-image:linear-gradient(90deg,#123f38e8,#123f3860),url('../images/slide1.jpg');max-height:none;height:225px;aspect-ratio:auto;justify-content:flex-start;padding:30px max(5vw,20px);margin-bottom:0}.page-banner .banner-overlay{background:none;padding:0;border-radius:0}.page-banner h1{text-align:left;font-size:44px;letter-spacing:-.5px}
footer{background:var(--brand-dark);padding:35px 20px;margin-top:0;font-size:13px}.footer-links{display:flex;gap:25px;justify-content:center;flex-wrap:wrap}.footer-links a{color:#e3c38e;text-decoration:none}.footer-links a:hover{text-decoration:underline}
.event-card,.award-card,.video-card,.faculty-card{border:1px solid var(--border);box-shadow:var(--shadow)!important}.event-cover,.video-thumb{height:220px!important}.lightbox,.video-lightbox{z-index:3000!important}.event-title,.video-title,.award-card .title{color:var(--brand)!important}.faculty-card img{object-fit:contain!important;background:#f0eee3}.faculty-section{padding:50px 5vw}iframe{max-width:100%;border-radius:12px}input,textarea,button{font:inherit}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:3px solid #b58030!important;outline-offset:4px}input:focus,textarea:focus{outline:2px solid var(--brand)}
@media(max-width:1150px){header{flex-wrap:wrap;gap:12px}nav{width:100%}nav>ul{justify-content:space-between}.home-hero{gap:30px}.school-name{font-size:19px}}
@media(max-width:768px){.top-bar{padding:8px 20px;justify-content:center;flex-wrap:wrap;gap:2px}.contact-info{font-size:10px;text-align:center}header{padding:12px 20px;min-height:84px;flex-wrap:nowrap}.logo img{width:48px;height:48px}.school-name{font-size:16px}.school-name small{font-size:8px;letter-spacing:1.2px}.menu-toggle{display:block;right:15px;background:none;border:0}.logo{gap:8px}nav{width:auto}nav>ul{display:none;position:absolute;top:100%;right:0;width:100%;height:auto;max-height:75vh;overflow:auto;padding:14px 20px;background:var(--brand-dark);align-items:stretch;gap:0;visibility:visible}nav>ul.active{display:flex}nav ul li a{color:white;padding:11px 14px}nav ul li a.active{background:#ffffff18}.dropdown .dropdown-content{position:static;top:auto;right:auto;width:auto;height:auto;max-height:none;margin:0;display:none;overflow:visible;padding:3px 0 3px 14px;background:#ffffff0a;visibility:visible}.dropdown:hover>.dropdown-content,.dropdown:focus-within>.dropdown-content{display:none}.dropdown.open>.dropdown-content{display:block}.home-hero{grid-template-columns:1fr;padding:35px 22px 25px;gap:28px}.hero-copy h1{font-size:43px}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-location{margin-top:22px}.hero-photo{min-height:310px}.hero-photo>img{border-top-left-radius:65px}.hero-actions{gap:18px}.quick-links{grid-template-columns:1fr;padding:0 22px}.quick-links a{padding:16px 4px;border-bottom:0}.quick-links a+a{border-left:0}.quick-links a:last-child{border-bottom:1px solid var(--border)}.welcome{padding:35px 22px 45px}.welcome h1{font-size:29px}.about-us{padding:38px 22px!important}.about-container{flex-direction:column;gap:28px;align-items:stretch}.about-content h2{font-size:30px}.about-image img{max-height:300px}.infrastructure{padding:45px 22px}.infra-gallery{grid-template-columns:1fr}.page-banner{height:180px;padding:24px}.page-banner h1{font-size:34px;padding:0}.infrastructure h2{font-size:32px}main{padding:35px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}