:root { --wine:#55181c; --orange:#ef8b12; --sun:#ffc916; --rose:#df3970; --ink:#172338; --mist:#fff8ee; --blue:#0d82c8; }
    * { box-sizing: border-box; }
    body { font-family:"DM Sans",sans-serif; color:var(--ink); background:#fff; }
    h1,h2,h3,.serif { font-family:"Playfair Display",serif; }
    .tiny { font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; font-weight:700; }
    .topbar { background:var(--wine); color:#fff; font-size:.85rem; }
    .topbar a { color:#fff; text-decoration:none; }
    .navbar { min-height:86px; }
    .brand-mark {width: 58px;height: 58px;object-fit: contain;border-radius: 50%;}
    .navbar-brand small { display:block; color:var(--orange); font:700 .62rem/1 "DM Sans",sans-serif; letter-spacing:.15em; }
    .nav-link { color:var(--ink)!important; font-weight:600; padding:.75rem 1rem!important; }
    .nav-link.active,.nav-link:hover { color:var(--orange)!important; }
    .btn-admission { background:var(--orange); color:#fff; border-radius:0; font-weight:700; padding:.75rem 1.1rem; }
    .btn-admission:hover { color:#fff; background:var(--wine); }
    .hero { min-height:590px; display:flex; align-items:center; position:relative; overflow:hidden; color:#fff; background:linear-gradient(90deg,rgba(45,15,20,.93) 0%,rgba(45,15,20,.76) 45%,rgba(45,15,20,.1) 100%),url('https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&w=1800&q=85') center/cover; }
    .hero:after { content:""; position:absolute; right:-115px; bottom:-150px; width:470px; height:470px; border:48px solid rgba(255,201,22,.82); border-radius:50%; }
    .hero-content { position:relative; z-index:1; }
    .hero h1 { font-size:clamp(2.8rem,6vw,5.5rem); line-height:.98; max-width:780px; }
    .hero .accent { color:var(--sun); }
    .hero-card { background:#fff; color:var(--ink); border-left:5px solid var(--orange); box-shadow:0 18px 40px rgba(0,0,0,.2); }
    .hero-card strong { color:var(--wine); }
    .section-pad { padding:100px 0; }
    .section-kicker { color:var(--orange); font-weight:700; letter-spacing:.12em; text-transform:uppercase; font-size:.78rem; }
    .title-rule { width:62px; height:4px; background:var(--orange); margin:1rem 0 1.4rem; }
    .about-visual { min-height:430px; position:relative; background:url('https://images.unsplash.com/photo-1497633762265-9d179a990aa6?auto=format&fit=crop&w=1000&q=85') center/cover; }
    .about-visual:before { content:""; position:absolute; inset:24px -24px -24px 24px; border:3px solid var(--sun); z-index:-1; }
    .years { position:absolute; bottom:0; left:0; padding:24px; background:var(--wine); color:#fff; }
    .years b { font:700 3.5rem/1 "Playfair Display",serif; color:var(--sun); }
    .feature { padding:28px 22px; height:100%; border:1px solid #eee7de; transition:.25s; }
    .feature:hover { transform:translateY(-7px); border-color:var(--orange); box-shadow:0 12px 30px rgba(85,24,28,.09); }
    .icon { width:55px; height:55px; display:grid; place-items:center; color:white; background:var(--wine); font-size:1.4rem; margin-bottom:20px; }
    .feature:nth-child(2n) .icon { background:var(--orange); }
    .programs { background:var(--mist); }
    .program-card { background:#fff; overflow:hidden; box-shadow:0 8px 25px rgba(47,35,18,.06); }
    .program-card img { height:210px; width:100%; object-fit:cover; }
    .program-card .stage { color:var(--orange); font-weight:700; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; }
    .campus-banner { background:linear-gradient(100deg,var(--wine),#812827); color:#fff; position:relative; overflow:hidden; }
    .campus-banner:after { content:"✦"; position:absolute; color:rgba(255,201,22,.15); font-size:22rem; right:5%; top:-110px; }
    .stat { position:relative; z-index:1; }
    .stat b { display:block; font:700 3rem/1 "Playfair Display",serif; color:var(--sun); }
    .notice { background:#fff5d9; border-left:5px solid var(--orange); }
    .gallery-img { width:100%; height:270px; object-fit:cover; transition:transform .35s ease; }
    .gallery-item { overflow:hidden; position:relative; }
    .gallery-item:hover .gallery-img { transform:scale(1.06); }
    .gallery-caption { position:absolute; inset:auto 0 0; padding:30px 22px 18px; color:#fff; font-weight:700; background:linear-gradient(transparent,rgba(19,29,44,.85)); }
    .principal { background:linear-gradient(135deg,#fff6e5,#fff); }
    .principal-photo { width:100%; max-width:390px; aspect-ratio:1/1.08; object-fit:cover; border-radius:50% 50% 0 0; border:12px solid #fff; box-shadow:22px 22px 0 var(--sun); }
    .teacher { background:#fff; text-align:center; height:100%; box-shadow:0 6px 22px rgba(30,30,30,.06); overflow:hidden; }
    .teacher img { width:100%; height:250px; object-fit:contain; }
    .teacher h4 { color:var(--wine); margin-bottom:.2rem; }
    .footer { background:#131d2c; color:#dce1e9; }
    .footer h5 { color:#fff; font-family:"DM Sans",sans-serif; font-weight:700; }
    .footer a { color:#dce1e9; text-decoration:none; display:block; margin:.55rem 0; }
    .footer a:hover { color:var(--sun); }
    @media (min-width: 992px) {.teacher-col {width: 20%;flex: 0 0 20%;}}
    @media (max-width:991px){ .hero { min-height:auto; padding:100px 0; } .about-visual{margin-bottom:48px;} }