:root{--primary:#0f766e;--primary-dark:#0f4f4a;--secondary:#1d4ed8;--gold:#c88719;--ruby:#8f2f16;--ink:#0b1220;--navy:#111827;--muted:#64748b;--line:#e2e8f0;--soft:#f8fafc;--white:#fff;--glass:rgba(255,255,255,.76);--shadow:0 22px 70px rgba(15,23,42,.16);--radius:10px;--container:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter",Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff,#f8fafc 55%,#fff);line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--container),calc(100% - 32px));margin:0 auto}.skip-link{position:absolute;left:16px;top:-48px;z-index:100;background:var(--ink);color:#fff;padding:10px 14px;border-radius:var(--radius)}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(226,232,240,.8);transition:transform .35s ease,box-shadow .35s ease,background .35s ease}.site-header.is-scrolled{background:rgba(255,255,255,.98);box-shadow:0 18px 40px rgba(15,23,42,.12)}.topbar{background:linear-gradient(90deg,#0b1220,#0f766e);color:#e2e8f0;font-size:.88rem}.topbar__inner,.navbar__inner,.footer-bottom .container{display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar__inner{min-height:38px}.topbar__links{display:flex;gap:18px;flex-wrap:wrap}.topbar a:hover,.footer-grid a:hover,.footer-bottom a:hover{color:#bfdbfe}.navbar{padding:12px 0}.brand,.footer-brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand img,.footer-brand img{width:58px;height:58px;filter:drop-shadow(0 10px 16px rgba(15,23,42,.16))}.brand strong,.footer-brand span{display:block;font-weight:900;letter-spacing:0}.brand small{display:block;color:var(--muted);font-weight:800;letter-spacing:.16em}.nav-menu{display:flex;align-items:center;gap:2px;max-width:720px;overflow:auto;scrollbar-width:none}.nav-menu::-webkit-scrollbar{display:none}.nav-menu a{white-space:nowrap;padding:10px 11px;border-radius:var(--radius);color:#334155;font-weight:800;font-size:.9rem;transition:color .2s ease,background .2s ease,transform .2s ease}.nav-menu a:hover,.nav-menu a.active{color:var(--primary-dark);background:#ecfdf5;transform:translateY(-1px)}.nav-actions,.button-row,.footer-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:var(--radius);border:1px solid transparent;font-weight:900;cursor:pointer;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,transparent,rgba(255,255,255,.32),transparent);transform:translateX(-110%);transition:transform .5s ease}.btn:hover:before{transform:translateX(110%)}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.btn--primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.btn--ghost{border-color:var(--line);background:#fff;color:var(--ink)}.btn--light{background:#fff;color:var(--ink)}.btn--outline-light{border-color:rgba(255,255,255,.42);color:#fff}.btn--whatsapp{background:#16a34a;color:#fff}.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px}.nav-toggle span{display:block;height:2px;margin:5px 0;background:var(--ink);transition:transform .2s ease,opacity .2s ease}.hero{min-height:780px;position:relative;display:grid;align-items:center;overflow:hidden;background:#0b1220}.hero__media,.hero__media img,.hero__overlay{position:absolute;inset:0}.hero__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);animation:gentleZoom 18s ease-in-out infinite alternate}.hero__overlay{background:radial-gradient(circle at 80% 22%,rgba(200,135,25,.42),transparent 28%),linear-gradient(90deg,rgba(6,12,24,.92),rgba(15,23,42,.62),rgba(15,23,42,.14))}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:999px;animation:floatOrbit 9s ease-in-out infinite}.orbit-one{width:240px;height:240px;right:9%;top:22%}.orbit-two{width:140px;height:140px;right:24%;bottom:18%;animation-delay:-3s}.hero__content{position:relative;color:#fff;max-width:840px;padding:108px 0 190px}.hero h1,.page-hero h1{margin:12px 0 18px;font-size:clamp(2.7rem,6.6vw,6.7rem);line-height:1.01;letter-spacing:0}.hero h1 span{display:block;opacity:0;transform:translateY(36px);animation:titleRise .85s ease forwards}.hero h1 span:nth-child(2){animation-delay:.18s}.hero p,.page-hero p{max-width:760px;margin:0 0 30px;font-size:clamp(1.05rem,2vw,1.3rem);color:#dbeafe}.eyebrow{color:var(--gold);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.18em}.hero .eyebrow,.page-hero .eyebrow{color:#fde68a}.hero-panel{position:absolute;left:50%;bottom:38px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:16px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(255,255,255,.14);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-panel div{min-height:112px;padding:18px;border-radius:12px;background:rgba(255,255,255,.88)}.hero-panel strong{display:block;font-size:2.1rem;color:var(--primary-dark)}.hero-panel span{color:#475569;font-weight:800}.section{padding:96px 0}.section--soft{background:linear-gradient(180deg,#f8fafc,#eef6ff)}.section--ink{color:#fff;background:radial-gradient(circle at 20% 20%,rgba(15,118,110,.32),transparent 32%),linear-gradient(135deg,#0b1220,#111827 58%,#0f4f4a)}.section--ink p{color:#cbd5e1}.section-heading{max-width:760px;margin-bottom:36px}h2{margin:8px 0 16px;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.08;letter-spacing:0}h3{margin:0 0 10px;font-size:1.18rem}p{color:var(--muted)}.marquee{padding:16px 0;background:#fff;overflow:hidden;border-block:1px solid var(--line)}.marquee__track{display:flex;gap:44px;width:max-content;animation:marquee 26s linear infinite}.marquee span{font-size:1rem;font-weight:900;color:#334155;text-transform:uppercase;letter-spacing:.12em}.split,.form-layout,.contact-grid,.visual-band__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:52px;align-items:center}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cards-3,.cards-4,.gallery-grid,.faculty-grid{display:grid;gap:20px}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-4{grid-template-columns:repeat(4,1fr)}.gallery-grid{grid-template-columns:repeat(4,1fr)}.faculty-grid{grid-template-columns:repeat(3,1fr)}.info-card,.course-card,.program-card,.contact-card,.enquiry-form,.course-row,.timeline,.gallery-item,.testimonial,.event-card,.notice-card,.faculty-card{border:1px solid rgba(226,232,240,.9);border-radius:var(--radius);background:rgba(255,255,255,.88);box-shadow:0 12px 36px rgba(15,23,42,.07);backdrop-filter:blur(12px)}.info-card,.course-card,.program-card,.contact-card,.enquiry-form,.timeline,.testimonial,.event-card,.faculty-card{padding:28px}.info-card,.course-card,.program-card,.course-row,.gallery-item,.event-card,.notice-card,.faculty-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.info-card:hover,.course-card:hover,.program-card:hover,.course-row:hover,.gallery-item:hover,.event-card:hover,.notice-card:hover,.faculty-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(15,118,110,.34)}.card-icon{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:var(--radius);background:linear-gradient(135deg,#ecfdf5,#dbeafe);color:var(--primary-dark);font-weight:900}.program-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}.program-card span{color:#fde68a;font-weight:900}.program-card a,.text-link{display:inline-flex;margin-top:8px;font-weight:900;color:var(--primary-dark);border-bottom:2px solid var(--primary)}.section--ink .program-card a{color:#bfdbfe;border-color:#bfdbfe}.visual-band{position:relative;overflow:hidden}.visual-card{position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transform:perspective(900px) rotateY(-4deg)}.visual-card img{width:100%;height:430px;object-fit:cover;transition:transform .6s ease}.visual-card:hover img{transform:scale(1.06)}.page-hero{position:relative;padding:124px 0 104px;color:#fff;overflow:hidden;background:linear-gradient(120deg,rgba(15,23,42,.94),rgba(15,118,110,.84)),url("assets/images/campus-premium.png") center/cover}.page-hero:after{content:"";position:absolute;right:-120px;bottom:-160px;width:440px;height:440px;border:1px solid rgba(255,255,255,.22);border-radius:50%;animation:floatOrbit 10s ease-in-out infinite}.timeline{display:grid;gap:18px}.timeline div{padding-left:22px;border-left:4px solid var(--primary)}.timeline strong,.timeline span{display:block}.course-list,.event-list,.notice-board{display:grid;gap:18px}.course-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px}.course-row span{color:var(--primary-dark);font-weight:900}.image-card__visual,.gallery-item__art{display:grid;place-items:center;min-height:190px;margin:-28px -28px 22px;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(135deg,#dbeafe,#ccfbf1 52%,#ffedd5);color:rgba(15,23,42,.75);font-size:3rem;font-weight:900;position:relative;overflow:hidden}.image-card__visual:after,.gallery-item__art:after{content:"";position:absolute;inset:0;background:url("assets/images/campus-premium.png") center/cover;opacity:.16;transition:transform .4s ease}.gallery-item{margin:0;overflow:hidden}.gallery-item__art{min-height:230px;margin:0}.gallery-item:hover .gallery-item__art:after{transform:scale(1.1)}.gallery-item figcaption{padding:16px 18px;font-weight:900}.testimonial p{font-size:1.04rem;color:#334155}.testimonial strong,.testimonial span{display:block}.testimonial span{color:var(--muted)}.faculty-card{text-align:center}.faculty-avatar{display:grid;place-items:center;width:84px;height:84px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:2rem;font-weight:900;box-shadow:var(--shadow)}.faculty-card span,.event-card span{color:var(--gold);font-weight:900;text-transform:uppercase;font-size:.78rem;letter-spacing:.14em}.notice-card{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:22px}.notice-card strong{display:grid;place-items:center;width:54px;height:54px;border-radius:var(--radius);background:#ecfdf5;color:var(--primary-dark)}.steps{display:grid;gap:14px}.steps div,.mini-grid span{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.steps strong{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius);background:var(--primary);color:#fff}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.enquiry-form{display:grid;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:8px;color:#334155;font-weight:900}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:14px 15px;font:inherit;color:var(--ink);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(15,118,110,.14)}.form-note{margin:0;font-weight:800;color:var(--primary-dark)}.cta-strip{padding-top:0}.cta-strip__inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:38px;border-radius:18px;background:linear-gradient(135deg,#eef2ff,#ecfdf5);box-shadow:var(--shadow)}.site-footer{position:relative;overflow:hidden;color:#cbd5e1;background:#0b1220}.footer-glow{position:absolute;inset:auto -120px -180px auto;width:420px;height:420px;border-radius:50%;background:rgba(15,118,110,.28);filter:blur(50px)}.footer-grid{position:relative;display:grid;grid-template-columns:1.4fr .7fr .7fr 1fr;gap:34px;padding:78px 0}.footer-brand{color:#fff;margin-bottom:16px}.footer-grid h3{color:#fff}.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;position:relative}.floating-actions{position:fixed;right:18px;bottom:18px;z-index:40;display:grid;gap:10px}.float-btn{min-width:108px;padding:10px 14px;border-radius:var(--radius);color:#fff;font-size:.88rem;font-weight:900;text-align:center;box-shadow:var(--shadow);transition:transform .2s ease}.float-btn:hover{transform:translateX(-4px)}.float-btn.apply{background:var(--secondary)}.float-btn.whatsapp{background:#16a34a}.float-btn.contact{background:var(--gold)}.back-to-top{position:fixed;right:18px;bottom:158px;z-index:41;width:44px;height:44px;border:0;border-radius:50%;background:var(--ink);color:#fff;font-weight:900;box-shadow:var(--shadow);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.slide-left{transform:translateX(-32px)}.reveal.slide-right{transform:translateX(32px)}.reveal.is-visible{opacity:1;transform:translate(0,0)}@keyframes gentleZoom{from{transform:scale(1.02)}to{transform:scale(1.09)}}@keyframes titleRise{to{opacity:1;transform:translateY(0)}}@keyframes floatOrbit{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-22px) rotate(8deg)}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:1180px){.nav-actions{display:none}.nav-menu{max-width:610px}.cards-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:940px){.topbar__inner{align-items:flex-start;flex-direction:column;padding:9px 0}.nav-toggle{display:block}.nav-menu{position:absolute;left:16px;right:16px;top:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:70vh;max-width:none;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.nav-menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}.hero{min-height:700px}.hero__overlay{background:rgba(15,23,42,.76)}.hero__content{padding-bottom:220px}.hero-panel{grid-template-columns:repeat(2,1fr)}.split,.form-layout,.contact-grid,.visual-band__inner,.footer-grid{grid-template-columns:1fr}.cards-3,.faculty-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.section{padding:72px 0}.visual-card{transform:none}.visual-card img{height:340px}}@media (max-width:620px){.container{width:min(100% - 24px,var(--container))}.brand img{width:46px;height:46px}.brand strong{font-size:.94rem}.brand small{font-size:.68rem}.nav-menu{grid-template-columns:1fr}.hero{min-height:720px}.hero__content{padding:72px 0 300px}.hero-panel{bottom:18px;grid-template-columns:1fr;width:min(100% - 24px,420px)}.hero-panel div{min-height:auto}.hero h1,.page-hero h1{font-size:clamp(2.45rem,14vw,4rem)}.page-hero{padding:84px 0 68px}.cards-3,.cards-4,.faculty-grid,.gallery-grid,.feature-grid,.form-row,.mini-grid{grid-template-columns:1fr}.course-row,.cta-strip__inner{align-items:flex-start;flex-direction:column}.button-row,.footer-actions{width:100%}.button-row .btn,.footer-actions .btn{flex:1 1 180px}.floating-actions{left:12px;right:12px;bottom:12px;grid-template-columns:repeat(3,1fr)}.float-btn{min-width:0}.back-to-top{right:14px;bottom:78px}.footer-bottom .container{align-items:flex-start;flex-direction:column}}


.image-card__visual img,
.gallery-item__art img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease, filter .45s ease;
}

.image-card__visual:before,
.gallery-item__art:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, transparent, rgba(15, 23, 42, .18));
    pointer-events: none;
}

.image-card:hover .image-card__visual img,
.gallery-item:hover .gallery-item__art img {
    transform: scale(1.08);
    filter: saturate(1.08) contrast(1.04);
}

/* Premium image and responsive refinement layer */
.page-hero {
    background-position: center;
}

.visual-band__inner {
    align-items: stretch;
}

.visual-band__inner > div:not(.visual-card) {
    align-self: center;
}

.visual-card {
    min-height: 100%;
    border: 1px solid rgba(226, 232, 240, .85);
    background: #fff;
}

.visual-card img {
    aspect-ratio: 16 / 10;
    height: auto;
    min-height: 360px;
    object-fit: cover;
}

.image-card__visual,
.gallery-item__art {
    aspect-ratio: 16 / 10;
    min-height: 0;
    background: #dbeafe;
}

.image-card__visual:after,
.gallery-item__art:after {
    content: none;
}

.image-card__visual img,
.gallery-item__art img {
    z-index: 0;
}

.image-card h3,
.gallery-item figcaption,
.faculty-card h3,
.notice-card h3 {
    letter-spacing: 0;
}

.info-card,
.faculty-card,
.notice-card,
.event-card,
.course-row,
.enquiry-form,
.contact-card,
.testimonial {
    transform-origin: center bottom;
}

.cards-3 > .info-card:nth-child(2n),
.gallery-grid > .gallery-item:nth-child(3n),
.faculty-grid > .faculty-card:nth-child(2n) {
    transition-delay: .06s;
}

.cards-3 > .info-card:nth-child(3n),
.gallery-grid > .gallery-item:nth-child(4n),
.faculty-grid > .faculty-card:nth-child(3n) {
    transition-delay: .12s;
}

.navbar__inner {
    position: relative;
}

.nav-menu a {
    line-height: 1.1;
}

.footer-about p {
    max-width: 420px;
}

@media (max-width: 1180px) {
    .nav-menu {
        max-width: 680px;
    }

    .brand img,
    .footer-brand img {
        width: 52px;
        height: 52px;
    }
}

@media (max-width: 940px) {
    body {
        font-size: 15.5px;
    }

    .navbar {
        padding: 10px 0;
    }

    .nav-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        top: calc(100% + 8px);
    }

    .nav-menu a {
        padding: 13px 14px;
        background: #f8fafc;
    }

    .hero-panel {
        position: relative;
        left: auto;
        bottom: auto;
        transform: none;
        margin-top: -170px;
        margin-bottom: 34px;
    }

    .hero__content {
        padding-bottom: 250px;
    }

    .visual-card img {
        min-height: 300px;
    }

    .image-card__visual,
    .gallery-item__art {
        aspect-ratio: 16 / 9;
    }

    .footer-grid {
        gap: 28px;
    }
}

@media (max-width: 760px) {
    .topbar {
        display: none;
    }

    .site-header {
        top: 0;
    }

    .hero {
        min-height: auto;
        display: block;
        padding-top: 40px;
    }

    .hero__media,
    .hero__overlay {
        position: absolute;
    }

    .hero__content {
        padding: 82px 0 210px;
    }

    .hero-panel {
        width: min(100% - 24px, 520px);
        margin-top: -165px;
    }

    .section {
        padding: 58px 0;
    }

    .page-hero {
        padding: 76px 0 60px;
    }

    .page-hero p,
    .hero p {
        font-size: 1rem;
    }

    .visual-band__inner {
        gap: 26px;
    }

    .visual-card {
        border-radius: 14px;
    }

    .visual-card img {
        min-height: 240px;
        aspect-ratio: 4 / 3;
    }

    .info-card,
    .course-card,
    .program-card,
    .contact-card,
    .enquiry-form,
    .timeline,
    .testimonial,
    .event-card,
    .faculty-card {
        padding: 22px;
    }

    .course-row,
    .notice-card {
        padding: 20px;
    }

    .image-card__visual {
        margin: -22px -22px 18px;
    }
}

@media (max-width: 620px) {
    .brand {
        gap: 9px;
    }

    .brand img {
        width: 44px;
        height: 44px;
    }

    .nav-toggle {
        flex: 0 0 44px;
    }

    .hero__content {
        padding: 70px 0 245px;
    }

    .hero-panel {
        grid-template-columns: repeat(2, 1fr);
        margin-top: -210px;
    }

    .hero-panel div {
        padding: 14px;
    }

    .hero-panel strong {
        font-size: 1.55rem;
    }

    .cards-3,
    .cards-4,
    .faculty-grid,
    .gallery-grid,
    .feature-grid,
    .form-row,
    .mini-grid {
        gap: 16px;
    }

    .gallery-item figcaption {
        padding: 13px 15px;
    }

    .notice-card {
        grid-template-columns: 1fr;
    }

    .notice-card strong {
        width: 46px;
        height: 46px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        padding: 58px 0 84px;
    }

    .floating-actions {
        box-shadow: 0 -10px 28px rgba(15, 23, 42, .12);
        padding: 8px;
        border-radius: 14px;
        background: rgba(255, 255, 255, .92);
        backdrop-filter: blur(12px);
    }

    .float-btn {
        padding: 11px 8px;
        font-size: .78rem;
    }
}

@media (max-width: 420px) {
    .container {
        width: min(100% - 20px, var(--container));
    }

    .brand strong {
        font-size: .82rem;
    }

    .brand small {
        font-size: .6rem;
    }

    .hero h1,
    .page-hero h1 {
        font-size: 2.28rem;
    }

    h2 {
        font-size: 1.85rem;
    }

    .hero-panel {
        grid-template-columns: 1fr;
    }

    .button-row .btn,
    .footer-actions .btn {
        flex-basis: 100%;
    }
}

/* Final responsive hardening */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.hero__content,
.page-hero .container,
.section .container,
.navbar__inner,
.footer-grid {
    min-width: 0;
}

.nav-menu,
.button-row,
.footer-actions,
.topbar__links {
    min-width: 0;
}

img,
svg,
video {
    max-width: 100%;
    height: auto;
}

input,
select,
textarea,
button {
    min-width: 0;
}

@media (max-width: 1180px) {
    .navbar__inner {
        gap: 12px;
    }

    .nav-menu {
        max-width: min(58vw, 650px);
    }

    .nav-menu a {
        font-size: .84rem;
        padding: 9px 9px;
    }

    .hero h1,
    .page-hero h1 {
        font-size: clamp(2.45rem, 6vw, 5.2rem);
    }
}

@media (max-width: 1024px) {
    .hero {
        min-height: auto;
        display: block;
        padding: 84px 0 42px;
    }

    .hero__content {
        padding: 84px 0 36px;
    }

    .hero-panel {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        transform: none;
        width: min(var(--container), calc(100% - 32px));
        margin: 0 auto;
    }

    .split,
    .form-layout,
    .contact-grid,
    .visual-band__inner {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .visual-card img {
        width: 100%;
        min-height: 320px;
        max-height: 520px;
    }
}

@media (max-width: 940px) {
    .nav-toggle {
        display: block;
    }

    .nav-actions {
        display: none;
    }

    .nav-menu {
        max-width: none;
        width: auto;
        max-height: min(72vh, 560px);
    }

    .hero-panel {
        margin-top: 0;
        margin-bottom: 0;
    }

    .hero__content {
        padding-bottom: 34px;
    }

    .cards-3,
    .faculty-grid,
    .gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cards-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    body {
        padding-bottom: 78px;
    }

    .container {
        width: min(100% - 24px, var(--container));
    }

    .navbar__inner {
        min-height: 58px;
    }

    .brand span {
        max-width: 170px;
    }

    .nav-menu {
        left: 12px;
        right: 12px;
        grid-template-columns: 1fr;
        padding: 10px;
    }

    .nav-menu a {
        display: block;
        width: 100%;
        padding: 13px 14px;
        font-size: .95rem;
    }

    .hero {
        padding: 44px 0 30px;
    }

    .hero__content {
        padding: 64px 0 28px;
        max-width: 100%;
    }

    .hero h1,
    .page-hero h1 {
        font-size: clamp(2.15rem, 11vw, 3.55rem);
        line-height: 1.06;
    }

    .hero p,
    .page-hero p {
        max-width: 100%;
        line-height: 1.65;
    }

    .hero-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: min(100% - 24px, 520px);
        padding: 10px;
        gap: 10px;
    }

    .hero-panel div {
        min-height: 92px;
        padding: 14px;
    }

    .hero-panel strong {
        font-size: 1.55rem;
    }

    .section {
        padding: 54px 0;
    }

    .page-hero {
        padding: 70px 0 56px;
    }

    .section-heading {
        margin-bottom: 24px;
    }

    h2 {
        font-size: clamp(1.8rem, 8vw, 2.45rem);
    }

    .cards-3,
    .cards-4,
    .faculty-grid,
    .gallery-grid,
    .feature-grid,
    .form-row,
    .mini-grid {
        grid-template-columns: 1fr;
    }

    .visual-card {
        transform: none;
        border-radius: 14px;
    }

    .visual-card img {
        min-height: 0;
        max-height: none;
        aspect-ratio: 4 / 3;
        height: auto;
    }

    .image-card__visual,
    .gallery-item__art {
        aspect-ratio: 4 / 3;
    }

    .course-row,
    .cta-strip__inner {
        display: flex;
        align-items: stretch;
        flex-direction: column;
    }

    .course-row .btn,
    .cta-strip__inner .btn,
    .contact-card .btn {
        width: 100%;
    }

    .enquiry-form,
    .contact-card,
    .info-card,
    .course-row,
    .event-card,
    .notice-card,
    .faculty-card,
    .testimonial {
        border-radius: 12px;
    }

    .floating-actions {
        left: 10px;
        right: 10px;
        bottom: 10px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .back-to-top {
        right: 14px;
        bottom: 86px;
        width: 40px;
        height: 40px;
        font-size: .78rem;
    }
}

@media (max-width: 480px) {
    .container {
        width: min(100% - 20px, var(--container));
    }

    .brand img {
        width: 40px;
        height: 40px;
    }

    .brand span {
        max-width: 138px;
    }

    .brand strong {
        font-size: .78rem;
        line-height: 1.05;
    }

    .brand small {
        font-size: .56rem;
        letter-spacing: .11em;
    }

    .nav-toggle {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .hero {
        padding-top: 30px;
    }

    .hero__content {
        padding-top: 56px;
    }

    .hero h1,
    .page-hero h1 {
        font-size: clamp(2rem, 12vw, 2.85rem);
    }

    .eyebrow {
        font-size: .68rem;
        letter-spacing: .14em;
    }

    .hero-panel {
        grid-template-columns: 1fr;
    }

    .hero-panel div {
        min-height: auto;
    }

    .button-row,
    .footer-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .btn {
        width: 100%;
        min-height: 46px;
        padding-inline: 14px;
    }

    .info-card,
    .course-card,
    .program-card,
    .contact-card,
    .enquiry-form,
    .timeline,
    .testimonial,
    .event-card,
    .faculty-card {
        padding: 18px;
    }

    .course-row,
    .notice-card {
        padding: 18px;
    }

    .image-card__visual {
        margin: -18px -18px 16px;
    }

    .footer-grid {
        padding-top: 46px;
    }

    .footer-bottom {
        padding-bottom: 20px;
    }
}

/* B.Ed / D.El.Ed redesign layer */
.nav-menu {
    max-width: 760px;
}

.nav-actions .btn {
    min-height: 42px;
    padding-inline: 16px;
}

.program-card h3,
.info-card h3,
.notice-card h3,
.faq-item summary {
    overflow-wrap: anywhere;
}

.timeline--compact {
    margin-top: 22px;
}

.faq-list {
    display: grid;
    gap: 16px;
    max-width: 980px;
}

.faq-item {
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 12px 36px rgba(15,23,42,.07);
    overflow: hidden;
}

.faq-item summary {
    cursor: pointer;
    list-style: none;
    padding: 22px 26px;
    font-weight: 900;
    color: var(--ink);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary:after {
    content: "+";
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, var(--primary), var(--secondary));
}

.faq-item[open] summary:after {
    content: "-";
}

.faq-item p {
    margin: 0;
    padding: 0 26px 24px;
    color: #475569;
}

.info-card .card-icon {
    font-size: .9rem;
}

.page-hero {
    background-image: linear-gradient(120deg, rgba(15,23,42,.94), rgba(15,118,110,.78)), url("assets/images/academic-lab.png");
}

.hero__overlay {
    background: radial-gradient(circle at 80% 22%, rgba(200,135,25,.38), transparent 28%), linear-gradient(90deg, rgba(6,12,24,.93), rgba(15,23,42,.66), rgba(15,23,42,.18));
}

@media (max-width: 1180px) {
    .nav-menu {
        max-width: min(62vw, 700px);
    }

    .nav-menu a {
        font-size: .8rem;
        padding-inline: 8px;
    }
}

@media (max-width: 760px) {
    .faq-item summary {
        padding: 18px;
        align-items: flex-start;
    }

    .faq-item p {
        padding: 0 18px 18px;
    }

    .faq-item summary:after {
        flex-basis: 30px;
        width: 30px;
        height: 30px;
    }
}

/* Om Sai College brand polish */
:root {
    --primary: #0f766e;
    --primary-dark: #134e4a;
    --secondary: #1d4ed8;
    --gold: #c88719;
    --ink: #07111f;
    --soft: #f6faf9;
    --shadow: 0 24px 70px rgba(7, 17, 31, .16);
}

body {
    background: linear-gradient(180deg, #ffffff, #f6faf9 48%, #ffffff);
}

.brand img,
.footer-brand img {
    width: 62px;
    height: 62px;
    object-fit: contain;
}

.brand strong,
.footer-brand span {
    color: #07111f;
}

.footer-brand span {
    color: #fff;
}

.topbar {
    background: linear-gradient(90deg, #07111f, #134e4a 48%, #1d4ed8);
}

.nav-menu a.active,
.nav-menu a:hover {
    background: linear-gradient(135deg, #ecfdf5, #eff6ff);
    color: #134e4a;
}

.hero__overlay {
    background: radial-gradient(circle at 82% 20%, rgba(200,135,25,.46), transparent 30%), linear-gradient(90deg, rgba(7,17,31,.94), rgba(19,78,74,.74), rgba(29,78,216,.20));
}

.page-hero {
    background-image: radial-gradient(circle at 80% 20%, rgba(200,135,25,.32), transparent 28%), linear-gradient(120deg, rgba(7,17,31,.95), rgba(19,78,74,.82)), url("assets/images/campus-premium.png");
}

.hero h1,
.page-hero h1 {
    text-wrap: balance;
}

.info-card,
.course-row,
.program-card,
.testimonial,
.notice-card,
.gallery-item,
.faq-item,
.contact-card,
.enquiry-form {
    position: relative;
    overflow: hidden;
}

.info-card:before,
.course-row:before,
.testimonial:before,
.faq-item:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--primary), var(--secondary), var(--gold));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .28s ease;
}

.info-card:hover:before,
.course-row:hover:before,
.testimonial:hover:before,
.faq-item:hover:before {
    transform: scaleX(1);
}

.btn--primary {
    background: linear-gradient(135deg, #0f766e, #1d4ed8 72%, #c88719);
}

.btn--ghost:hover {
    border-color: rgba(15,118,110,.34);
    background: #f8fffd;
}

.card-icon {
    background: linear-gradient(135deg, #ecfdf5, #dbeafe 70%, #fff7ed);
    box-shadow: inset 0 0 0 1px rgba(15,118,110,.12);
}

.gallery-item__art:before,
.image-card__visual:before {
    background: linear-gradient(180deg, transparent 45%, rgba(7,17,31,.35));
}

.floating-actions {
    z-index: 60;
}

@media (max-width: 1180px) {
    .brand img,
    .footer-brand img {
        width: 54px;
        height: 54px;
    }
}

@media (max-width: 760px) {
    .brand img {
        width: 44px;
        height: 44px;
    }

    .hero h1 span:first-child {
        display: inline;
    }

    .hero h1 span:nth-child(2) {
        display: block;
    }
}

/* Header fit correction for Om Sai navigation */
.navbar__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
}

.nav-menu {
    justify-self: center;
    max-width: 100%;
    width: 100%;
    justify-content: center;
    overflow: visible;
}

.nav-menu a {
    padding: 10px 9px;
    font-size: .84rem;
}

.nav-actions {
    flex-wrap: nowrap;
    justify-content: flex-end;
    white-space: nowrap;
}

.nav-actions .btn {
    min-height: 42px;
    padding: 0 14px;
    font-size: .9rem;
}

@media (max-width: 1240px) {
    .navbar__inner {
        gap: 12px;
    }

    .brand img {
        width: 50px;
        height: 50px;
    }

    .brand strong {
        font-size: .94rem;
    }

    .brand small {
        font-size: .66rem;
        letter-spacing: .14em;
    }

    .nav-menu a {
        padding: 9px 7px;
        font-size: .78rem;
    }

    .nav-actions .btn {
        padding: 0 12px;
        font-size: .84rem;
    }
}

@media (max-width: 1100px) {
    .navbar__inner {
        display: flex;
    }

    .nav-toggle {
        display: block;
        margin-left: auto;
    }

    .nav-actions {
        display: none;
    }

    .nav-menu {
        position: absolute;
        left: 16px;
        right: 16px;
        top: calc(100% + 8px);
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        width: auto;
        max-width: none;
        max-height: min(72vh, 560px);
        overflow: auto;
        padding: 14px;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: #fff;
        box-shadow: var(--shadow);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
        transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    }

    .nav-menu.is-open {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .nav-menu a {
        display: block;
        width: 100%;
        padding: 13px 14px;
        font-size: .95rem;
        background: #f8fafc;
    }
}

@media (max-width: 620px) {
    .nav-menu {
        left: 12px;
        right: 12px;
        grid-template-columns: 1fr;
        padding: 10px;
    }
}

/* Added motion and refreshed visual detail */
.site-header {
    animation: headerDrop .55s ease both;
}

.brand img {
    transition: transform .35s ease, filter .35s ease;
}

.brand:hover img {
    transform: rotate(-4deg) scale(1.06);
    filter: drop-shadow(0 14px 18px rgba(15, 118, 110, .24));
}

.nav-menu a {
    position: relative;
}

.nav-menu a:after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 5px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--primary), var(--gold));
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .25s ease;
}

.nav-menu a:hover:after,
.nav-menu a.active:after {
    transform: scaleX(1);
}

.hero:before,
.page-hero:before {
    content: "";
    position: absolute;
    inset: -30% -20% auto auto;
    width: 620px;
    height: 620px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(245, 158, 11, .26), transparent 62%);
    filter: blur(8px);
    animation: auroraDrift 12s ease-in-out infinite alternate;
    pointer-events: none;
}

.hero .btn--primary,
.cta-strip .btn--primary,
.enquiry-form .btn--primary {
    animation: ctaPulse 2.8s ease-in-out infinite;
}

.info-card,
.program-card,
.course-row,
.gallery-item,
.faq-item,
.contact-card,
.enquiry-form,
.testimonial {
    transition: transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s ease, border-color .32s ease;
}

.info-card:after,
.program-card:after,
.course-row:after,
.gallery-item:after,
.testimonial:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.38) 45%, transparent 70%);
    transform: translateX(-120%);
    transition: transform .7s ease;
    pointer-events: none;
}

.info-card:hover:after,
.program-card:hover:after,
.course-row:hover:after,
.gallery-item:hover:after,
.testimonial:hover:after {
    transform: translateX(120%);
}

.visual-card {
    animation: softFloat 6s ease-in-out infinite;
}

.gallery-item__art img,
.visual-card img {
    will-change: transform;
}

.faq-item[open] {
    border-color: rgba(15, 118, 110, .32);
    box-shadow: 0 18px 46px rgba(15, 118, 110, .12);
}

.floating-actions .float-btn {
    animation: floatButtonIn .7s ease both;
}

.floating-actions .float-btn:nth-child(2) {
    animation-delay: .08s;
}

.floating-actions .float-btn:nth-child(3) {
    animation-delay: .16s;
}

@keyframes headerDrop {
    from { opacity: 0; transform: translateY(-18px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes auroraDrift {
    from { transform: translate(0, 0) scale(1); opacity: .72; }
    to { transform: translate(-120px, 90px) scale(1.18); opacity: .95; }
}

@keyframes ctaPulse {
    0%, 100% { box-shadow: 0 16px 34px rgba(29, 78, 216, .22); }
    50% { box-shadow: 0 20px 48px rgba(15, 118, 110, .34); }
}

@keyframes softFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

@keyframes floatButtonIn {
    from { opacity: 0; transform: translateX(18px); }
    to { opacity: 1; transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
    *, *:before, *:after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
    }
}

/* Final responsive fix for hero counter cards */
.hero-panel {
    width: min(var(--container), calc(100% - 32px));
    max-width: calc(100vw - 32px);
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    align-items: stretch;
    overflow: hidden;
}

.hero-panel div {
    min-width: 0;
    overflow: hidden;
}

.hero-panel strong,
.hero-panel span {
    overflow-wrap: anywhere;
}

@media (max-width: 1024px) {
    .hero-panel {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        transform: none;
        margin: 0 auto;
        width: min(100% - 24px, 720px);
        max-width: calc(100vw - 24px);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .hero-panel {
        grid-template-columns: 1fr;
        width: min(100% - 20px, 420px);
        max-width: calc(100vw - 20px);
        padding: 10px;
        gap: 10px;
    }

    .hero-panel div {
        min-height: auto;
        padding: 14px;
    }
}

/* Hero stats alignment fix */
.hero {
    display: block;
    min-height: auto;
    padding: 86px 0 36px;
}

.hero__content {
    padding: 82px 0 34px;
    max-width: 760px;
}

.hero-panel {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 auto 20px !important;
    width: min(var(--container), calc(100% - 32px)) !important;
    max-width: 1120px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 12px;
    gap: 12px;
}

.hero-panel div {
    min-height: 94px;
    padding: 16px;
}

.hero-panel strong {
    font-size: clamp(1.55rem, 3vw, 2.05rem);
    line-height: 1.05;
}

.hero-panel span {
    display: block;
    margin-top: 6px;
    line-height: 1.25;
}

@media (max-width: 1024px) {
    .hero {
        padding: 62px 0 30px;
    }

    .hero__content {
        padding: 64px 0 28px;
    }

    .hero-panel {
        width: min(100% - 28px, 760px) !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .hero {
        padding: 38px 0 24px;
    }

    .hero__content {
        padding: 52px 0 24px;
    }

    .hero-panel {
        width: min(100% - 20px, 420px) !important;
        grid-template-columns: 1fr;
    }
}

/* Admission popup modal */
.admission-popup {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 22px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .28s ease, visibility .28s ease;
}

.admission-popup.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.admission-popup__overlay {
    position: absolute;
    inset: 0;
    background: rgba(7, 17, 31, .68);
    backdrop-filter: blur(10px);
}

.admission-popup__dialog {
    position: relative;
    width: min(100%, 780px);
    max-height: min(92vh, 860px);
    overflow: auto;
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #f8fffd);
    box-shadow: 0 30px 90px rgba(7, 17, 31, .34);
    transform: translateY(28px) scale(.94);
    opacity: 0;
    transition: transform .36s cubic-bezier(.2,.8,.2,1), opacity .28s ease;
}

.admission-popup.is-open .admission-popup__dialog {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.admission-popup__dialog:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 8px;
    background: linear-gradient(90deg, var(--primary), var(--secondary), var(--gold));
}

.admission-popup__close {
    position: sticky;
    top: 14px;
    float: right;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin: 14px 14px 0 0;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, #07111f, var(--primary));
    font-size: 1.8rem;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(7, 17, 31, .24);
    transition: transform .2s ease, box-shadow .2s ease;
}

.admission-popup__close:hover {
    transform: rotate(90deg) scale(1.06);
    box-shadow: 0 18px 38px rgba(7, 17, 31, .3);
}

.admission-popup__header {
    padding: 38px 34px 0;
}

.admission-popup__header h2 {
    margin-bottom: 10px;
    font-size: clamp(1.75rem, 4vw, 2.55rem);
}

.admission-popup__header p {
    max-width: 620px;
    margin: 0;
}

.admission-popup__form {
    margin: 24px 34px 34px;
    box-shadow: none;
    border-color: rgba(15,118,110,.16);
    background: rgba(255,255,255,.78);
}

.admission-popup__form .btn {
    width: 100%;
}

body.popup-open {
    overflow: hidden;
}

@media (max-width: 720px) {
    .admission-popup {
        padding: 12px;
        align-items: start;
    }

    .admission-popup__dialog {
        max-height: calc(100vh - 24px);
        border-radius: 14px;
    }

    .admission-popup__header {
        padding: 30px 18px 0;
    }

    .admission-popup__form {
        margin: 18px;
    }

    .admission-popup__form .form-row {
        grid-template-columns: 1fr;
    }
}

/* Contact page map */
.map-card {
    overflow: hidden;
    border: 1px solid rgba(226,232,240,.95);
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--shadow);
}

.map-card iframe {
    display: block;
    width: 100%;
    height: min(58vh, 430px);
    min-height: 300px;
    border: 0;
}

@media (max-width: 620px) {
    .map-card {
        border-radius: 12px;
    }

    .map-card iframe {
        min-height: 260px;
    }
}

/* Supplied Om Sai College of Education branding */
.home-brand-banner {
    padding: 20px 0 0;
    background: #fff;
}

.home-brand-banner .container {
    width: min(100%, 1540px);
}

.home-brand-banner img {
    width: 100%;
    height: auto;
    border: 1px solid rgba(226,232,240,.9);
    box-shadow: 0 18px 42px rgba(7, 17, 31, .12);
}

.brand span {
    max-width: 190px;
}

.brand small {
    line-height: 1.12;
}

@media (max-width: 1240px) {
    .brand span {
        max-width: 166px;
    }
}

@media (max-width: 620px) {
    .home-brand-banner {
        padding-top: 12px;
    }

    .home-brand-banner .container {
        width: 100%;
    }

    .home-brand-banner img {
        border-inline: 0;
        box-shadow: 0 10px 28px rgba(7, 17, 31, .12);
    }
}

/* Admission page single-page hub */
.admission-hero {
    background-image: radial-gradient(circle at 78% 18%, rgba(245, 158, 11, .30), transparent 30%), linear-gradient(120deg, rgba(7,17,31,.95), rgba(19,78,74,.82)), url("assets/images/admissions-office.png");
}

.admission-hero__actions {
    margin-top: 26px;
}

.admission-overview {
    padding: 0;
    background: #fff;
}

.admission-overview__grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: -46px;
    padding: 14px;
    border: 1px solid rgba(226,232,240,.95);
    border-radius: 18px;
    background: rgba(255,255,255,.92);
    box-shadow: var(--shadow);
    backdrop-filter: blur(16px);
}

.admission-overview__grid article {
    min-width: 0;
    padding: 22px;
    border-radius: 12px;
    background: linear-gradient(135deg, #f8fffd, #eff6ff);
}

.admission-overview__grid strong {
    display: block;
    color: var(--primary-dark);
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    line-height: 1;
}

.admission-overview__grid span {
    display: block;
    margin-top: 8px;
    color: #475569;
    font-weight: 900;
    line-height: 1.25;
}

.admission-course-grid,
.admission-process-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.admission-process-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admission-course-card {
    position: relative;
    overflow: hidden;
    min-width: 0;
    padding: 30px;
    border: 1px solid rgba(226,232,240,.95);
    border-radius: var(--radius);
    background: rgba(255,255,255,.92);
    box-shadow: 0 12px 36px rgba(15,23,42,.07);
    transition: transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s ease, border-color .32s ease;
}

.admission-course-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--primary), var(--secondary), var(--gold));
}

.admission-course-card:hover {
    transform: translateY(-8px);
    border-color: rgba(15,118,110,.34);
    box-shadow: var(--shadow);
}

.admission-course-card h2 {
    font-size: clamp(1.7rem, 3vw, 2.4rem);
}

.admission-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 22px;
}

.admission-facts span {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: #fff;
    color: #334155;
    font-weight: 900;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.admission-dates .notice-card {
    align-items: center;
}

@media (max-width: 1024px) {
    .admission-overview__grid,
    .admission-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .admission-overview__grid,
    .admission-course-grid,
    .admission-process-grid,
    .admission-facts {
        grid-template-columns: 1fr;
    }

    .admission-overview__grid {
        margin-top: -28px;
        padding: 10px;
        border-radius: 14px;
    }

    .admission-overview__grid article,
    .admission-course-card {
        padding: 20px;
    }
}

/* Banner-matched Admission redesign */
:root {
    --brand-navy: #082c69;
    --brand-navy-dark: #041c48;
    --brand-blue: #0f5eb8;
    --brand-gold: #f4b619;
}

.topbar {
    background: linear-gradient(90deg, var(--brand-navy-dark), var(--brand-navy) 58%, var(--brand-gold));
}

.btn--primary {
    background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue) 62%, var(--brand-gold));
}

.admission-hero--brand {
    padding: 82px 0 84px;
    background: radial-gradient(circle at 88% 12%, rgba(244, 182, 25, .36), transparent 30%), linear-gradient(120deg, rgba(4, 28, 72, .97), rgba(8, 44, 105, .90) 58%, rgba(15, 94, 184, .72));
}

.admission-hero__layout {
    display: grid;
    grid-template-columns: minmax(0, .84fr) minmax(320px, 1.16fr);
    gap: 36px;
    align-items: center;
}

.admission-hero__copy {
    min-width: 0;
}

.admission-hero__copy h1 {
    font-size: clamp(2.45rem, 5.6vw, 5.6rem);
}

.admission-hero__banner {
    overflow: hidden;
    border: 3px solid rgba(244, 182, 25, .88);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .28);
    transform: perspective(1000px) rotateY(-3deg);
    animation: bannerFloat 6s ease-in-out infinite;
}

.admission-hero__banner img {
    width: 100%;
    height: auto;
}

.admission-overview__grid {
    border-color: rgba(244, 182, 25, .45);
    border-radius: 8px;
}

.admission-overview__grid article {
    border: 1px solid rgba(8, 44, 105, .10);
    border-radius: 6px;
    background: linear-gradient(135deg, #ffffff, #f8fbff);
}

.admission-overview__grid strong,
.admission-course-card h2,
.admission-table tbody th {
    color: var(--brand-navy);
}

.section-heading .eyebrow,
.eyebrow {
    color: var(--brand-gold);
}

.table-card {
    overflow: auto;
    border: 1px solid rgba(8, 44, 105, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(4, 28, 72, .10);
}

.admission-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    color: #1f2937;
    background: #fff;
}

.admission-table th,
.admission-table td {
    padding: 18px 20px;
    border-bottom: 1px solid #e5e7eb;
    text-align: left;
    vertical-align: top;
    line-height: 1.55;
}

.admission-table thead th {
    color: #fff;
    background: linear-gradient(135deg, var(--brand-navy-dark), var(--brand-navy));
    font-size: .84rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.admission-table tbody tr:nth-child(even) td,
.admission-table tbody tr:nth-child(even) th {
    background: #f8fbff;
}

.admission-table tbody tr:hover td,
.admission-table tbody tr:hover th {
    background: #fff8df;
}

.admission-table tbody tr:last-child th,
.admission-table tbody tr:last-child td {
    border-bottom: 0;
}

.admission-table--steps tbody th {
    color: var(--brand-gold);
    background: var(--brand-navy) !important;
    font-size: 1.05rem;
}

.table-card--dark {
    border-color: rgba(244, 182, 25, .42);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .24);
}

.admission-table--dark thead th {
    background: linear-gradient(135deg, var(--brand-gold), #ffd85a);
    color: var(--brand-navy-dark);
}

.admission-table--dark tbody th,
.admission-table--dark tbody td {
    background: #fff;
}

.admission-split-table {
    align-items: center;
}

.admission-course-card {
    border-radius: 8px;
    border-color: rgba(8, 44, 105, .12);
}

.admission-course-card:before {
    background: linear-gradient(90deg, var(--brand-navy), var(--brand-blue), var(--brand-gold));
}

.admission-facts span,
.mini-grid span,
.steps div {
    border-radius: 6px;
}

.card-icon {
    background: linear-gradient(135deg, #fff8df, #eaf3ff);
    color: var(--brand-navy);
}

.section--ink {
    background: radial-gradient(circle at 18% 18%, rgba(244, 182, 25, .18), transparent 32%), linear-gradient(135deg, var(--brand-navy-dark), var(--brand-navy) 68%, #092356);
}

.admission-career-card {
    background: #fff;
    border-color: rgba(8, 44, 105, .12);
    color: #07111f;
}

.admission-career-card p {
    color: #475569;
}

.admission-career-card span {
    color: var(--brand-gold);
}

@keyframes bannerFloat {
    0%, 100% { transform: perspective(1000px) rotateY(-3deg) translateY(0); }
    50% { transform: perspective(1000px) rotateY(-3deg) translateY(-8px); }
}

@media (max-width: 1024px) {
    .admission-hero__layout {
        grid-template-columns: 1fr;
    }

    .admission-hero__banner {
        transform: none;
        animation: none;
    }
}

@media (max-width: 720px) {
    .admission-hero--brand {
        padding: 62px 0 58px;
    }

    .admission-hero__layout {
        gap: 24px;
    }

    .admission-hero__banner {
        margin-inline: -6px;
        border-width: 2px;
        border-radius: 6px;
    }

    .table-card {
        margin-inline: -4px;
        border-radius: 6px;
    }

    .admission-table {
        min-width: 680px;
    }

    .admission-table th,
    .admission-table td {
        padding: 14px 15px;
        font-size: .94rem;
    }
}

/* Expanded admission content and responsive polish */
.admission-quick-nav {
    position: sticky;
    top: 86px;
    z-index: 30;
    background: rgba(255, 255, 255, .94);
    border-bottom: 1px solid rgba(8, 44, 105, .10);
    box-shadow: 0 10px 28px rgba(4, 28, 72, .08);
    backdrop-filter: blur(14px);
}

.admission-quick-nav__inner {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 12px 0;
    scrollbar-width: none;
}

.admission-quick-nav__inner::-webkit-scrollbar {
    display: none;
}

.admission-quick-nav a {
    flex: 0 0 auto;
    padding: 10px 14px;
    border: 1px solid rgba(8, 44, 105, .14);
    border-radius: 999px;
    color: var(--brand-navy);
    background: #fff;
    font-size: .84rem;
    font-weight: 900;
    line-height: 1;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.admission-quick-nav a:hover {
    transform: translateY(-2px);
    border-color: rgba(244, 182, 25, .8);
    background: #fff8df;
}

.admission-detail-grid,
.admission-timeline-grid {
    display: grid;
    gap: 20px;
}

.admission-detail-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admission-detail-card,
.admission-timeline-card {
    min-width: 0;
    border-radius: 8px;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.admission-detail-card {
    padding: 28px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.08);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .14);
}

.admission-detail-card:hover,
.admission-timeline-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 24px 60px rgba(4, 28, 72, .20);
}

.admission-detail-card h3 {
    color: #fff;
    margin-bottom: 16px;
}

.admission-detail-card ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding-left: 20px;
    color: #dbeafe;
}

.admission-detail-card li::marker {
    color: var(--brand-gold);
}

.admission-timeline-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.admission-timeline-card {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border: 1px solid rgba(244, 182, 25, .22);
    background: rgba(255,255,255,.08);
}

.admission-timeline-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--brand-gold), #fff1a8);
}

.admission-timeline-card span {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    border-radius: 50%;
    color: var(--brand-navy-dark);
    background: var(--brand-gold);
    font-weight: 900;
}

.admission-timeline-card h3 {
    color: #fff;
}

.admission-timeline-card p {
    color: #dbeafe;
}

.admission-table--compact {
    min-width: 520px;
}

.admission-support-grid .info-card {
    border-radius: 8px;
}

.admission-faq-list {
    max-width: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admission-faq-list .faq-item {
    min-width: 0;
}

.admission-course-card p,
.admission-detail-card li,
.admission-timeline-card p,
.admission-table td,
.admission-table th,
.admission-faq-list p {
    overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
    .admission-detail-grid,
    .admission-timeline-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .admission-quick-nav {
        top: 72px;
    }

    .admission-faq-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .admission-quick-nav {
        top: 64px;
    }

    .admission-quick-nav__inner {
        padding: 10px 0;
    }

    .admission-quick-nav a {
        padding: 9px 12px;
        font-size: .78rem;
    }

    .admission-detail-grid,
    .admission-timeline-grid {
        grid-template-columns: 1fr;
    }

    .admission-detail-card,
    .admission-timeline-card {
        padding: 20px;
    }

    .admission-course-card p,
    .section-heading p,
    .admission-hero__copy p {
        font-size: .98rem;
    }

    .admission-table {
        min-width: 720px;
    }

    .admission-table--compact {
        min-width: 560px;
    }
}

@media (max-width: 520px) {
    .admission-overview__grid article {
        padding: 16px;
    }

    .admission-overview__grid strong {
        font-size: 1.55rem;
    }

    .admission-facts {
        gap: 8px;
    }

    .admission-facts span,
    .mini-grid span {
        padding: 11px;
        font-size: .9rem;
    }
}

/* Global typography scale refinement */
.hero h1,
.page-hero h1 {
    font-size: clamp(2.2rem, 5.4vw, 5.45rem);
    line-height: 1.04;
}

.admission-hero__copy h1 {
    font-size: clamp(2.15rem, 4.8vw, 4.85rem);
}

h2 {
    font-size: clamp(1.75rem, 3.6vw, 3rem);
    line-height: 1.12;
}

.admission-course-card h2,
.admission-popup__header h2 {
    font-size: clamp(1.55rem, 2.7vw, 2.15rem);
}

h3 {
    font-size: 1.08rem;
    line-height: 1.25;
}

.hero p,
.page-hero p {
    font-size: clamp(1rem, 1.65vw, 1.16rem);
}

.hero-panel strong,
.admission-overview__grid strong {
    font-size: clamp(1.42rem, 2.45vw, 1.85rem);
}

.section-heading {
    max-width: 700px;
}

.eyebrow {
    font-size: .72rem;
}

.program-card span,
.faculty-card span,
.event-card span {
    font-size: .72rem;
}

.card-icon {
    font-size: .82rem;
}

@media (max-width: 760px) {
    .hero h1,
    .page-hero h1 {
        font-size: clamp(1.95rem, 10vw, 3.25rem);
    }

    .admission-hero__copy h1 {
        font-size: clamp(1.9rem, 9vw, 3rem);
    }

    h2 {
        font-size: clamp(1.55rem, 7vw, 2.15rem);
    }

    h3 {
        font-size: 1.02rem;
    }
}

@media (max-width: 480px) {
    .hero h1,
    .page-hero h1,
    .admission-hero__copy h1 {
        font-size: clamp(1.8rem, 10.5vw, 2.55rem);
    }

    h2 {
        font-size: clamp(1.42rem, 7.5vw, 1.95rem);
    }
}

/* Long-form admission brochure sections */
.admission-intro {
    background: linear-gradient(180deg, #ffffff, #f8fbff);
}

.admission-intro__grid,
.admission-long-copy__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: 28px;
    align-items: stretch;
}

.admission-intro__content,
.admission-note-panel,
.admission-copy-panel,
.admission-guidance-card,
.admission-value-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(8, 44, 105, .12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(4, 28, 72, .09);
}

.admission-intro__content,
.admission-note-panel,
.admission-copy-panel,
.admission-guidance-card {
    padding: 28px;
}

.admission-intro__content:before,
.admission-note-panel:before,
.admission-copy-panel:before,
.admission-guidance-card:before,
.admission-value-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--brand-navy), var(--brand-blue), var(--brand-gold));
}

.admission-intro__content p,
.admission-copy-panel p,
.admission-guidance-card p {
    margin-bottom: 14px;
    color: #475569;
}

.admission-note-panel {
    background: linear-gradient(135deg, var(--brand-navy-dark), var(--brand-navy));
    color: #fff;
}

.admission-note-panel h3 {
    color: #fff;
    margin-bottom: 14px;
}

.admission-note-panel ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding-left: 20px;
    color: #dbeafe;
}

.admission-note-panel li::marker {
    color: var(--brand-gold);
}

.admission-value-grid,
.admission-guidance-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.admission-value-card {
    padding: 24px;
    transition: transform .28s ease, box-shadow .28s ease;
}

.admission-value-card:hover,
.admission-guidance-card:hover,
.admission-copy-panel:hover {
    transform: translateY(-8px);
    box-shadow: 0 26px 60px rgba(4, 28, 72, .14);
}

.admission-value-card span {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    border-radius: 50%;
    color: var(--brand-navy-dark);
    background: var(--brand-gold);
    font-weight: 900;
}

.admission-long-copy {
    background: linear-gradient(180deg, #fff, #f8fbff);
}

.admission-copy-panel:nth-child(2) {
    background: linear-gradient(180deg, #fff, #fff8df);
}

.admission-guidance {
    background: linear-gradient(180deg, #fff, #f8fbff);
}

.admission-guidance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admission-guidance-card h3 {
    color: var(--brand-navy);
}

.admission-intro__content p,
.admission-note-panel li,
.admission-value-card p,
.admission-copy-panel p,
.admission-guidance-card p {
    overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
    .admission-value-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .admission-intro__grid,
    .admission-long-copy__grid,
    .admission-guidance-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .admission-intro__content,
    .admission-note-panel,
    .admission-copy-panel,
    .admission-guidance-card,
    .admission-value-card {
        padding: 20px;
    }

    .admission-value-grid {
        grid-template-columns: 1fr;
    }
}

/* Refined homepage design */
.home-alert {
    background: linear-gradient(90deg, var(--brand-navy-dark), var(--brand-navy));
    color: #fff;
}

.home-alert__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 54px;
    padding: 10px 0;
}

.home-alert span {
    flex: 0 0 auto;
    padding: 7px 11px;
    border-radius: 999px;
    color: var(--brand-navy-dark);
    background: var(--brand-gold);
    font-size: .78rem;
    font-weight: 900;
}

.home-alert p {
    margin: 0;
    color: #dbeafe;
    font-weight: 700;
}

.home-alert a {
    flex: 0 0 auto;
    color: #fff8df;
    font-weight: 900;
}

.home-hero {
    position: relative;
    overflow: hidden;
    padding: 78px 0 58px;
    color: #fff;
    background: radial-gradient(circle at 88% 12%, rgba(244, 182, 25, .30), transparent 30%), linear-gradient(135deg, var(--brand-navy-dark), var(--brand-navy) 62%, var(--brand-blue));
}

.home-hero:before {
    content: "";
    position: absolute;
    inset: auto -160px -220px auto;
    width: 480px;
    height: 480px;
    border-radius: 50%;
    background: rgba(244, 182, 25, .18);
    filter: blur(16px);
}

.home-hero__grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(320px, 1.12fr);
    gap: 42px;
    align-items: center;
}

.home-hero h1 {
    margin: 12px 0 18px;
    font-size: clamp(2.15rem, 4.8vw, 4.85rem);
    line-height: 1.04;
    letter-spacing: 0;
    text-wrap: balance;
}

.home-hero p {
    max-width: 680px;
    color: #dbeafe;
    font-size: clamp(1rem, 1.5vw, 1.14rem);
}

.home-hero__media {
    overflow: hidden;
    border: 3px solid rgba(244, 182, 25, .86);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(0,0,0,.28);
    animation: bannerFloat 6s ease-in-out infinite;
}

.home-hero__media img {
    width: 100%;
    height: auto;
}

.home-hero__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.home-hero__badges span {
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: #fff;
    font-size: .82rem;
    font-weight: 900;
}

.home-stats {
    padding: 0;
    background: #fff;
}

.home-stats__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: -34px;
    padding: 14px;
    border: 1px solid rgba(244, 182, 25, .42);
    border-radius: 8px;
    background: rgba(255,255,255,.94);
    box-shadow: var(--shadow);
}

.home-stats__grid article {
    padding: 20px;
    border-radius: 6px;
    background: linear-gradient(135deg, #fff, #f8fbff);
}

.home-stats__grid strong {
    display: block;
    color: var(--brand-navy);
    font-size: clamp(1.42rem, 2.5vw, 1.9rem);
    line-height: 1;
}

.home-stats__grid span {
    display: block;
    margin-top: 8px;
    color: #475569;
    font-weight: 900;
    line-height: 1.25;
}

.home-course-grid,
.home-process__grid,
.home-docs__grid {
    display: grid;
    gap: 22px;
}

.home-course-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-course-card {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border: 1px solid rgba(8,44,105,.12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(4,28,72,.09);
    transition: transform .28s ease, box-shadow .28s ease;
}

.home-course-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--brand-navy), var(--brand-blue), var(--brand-gold));
}

.home-course-card:hover,
.home-process__grid article:hover,
.home-doc-list:hover {
    transform: translateY(-8px);
    box-shadow: 0 26px 60px rgba(4,28,72,.14);
}

.home-course-card ul,
.home-doc-list ul {
    display: grid;
    gap: 10px;
    margin: 18px 0 22px;
    padding-left: 20px;
    color: #475569;
}

.home-course-card li::marker,
.home-doc-list li::marker {
    color: var(--brand-gold);
}

.home-process__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-process__grid article {
    position: relative;
    padding: 24px;
    border: 1px solid rgba(8,44,105,.12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(4,28,72,.08);
    transition: transform .28s ease, box-shadow .28s ease;
}

.home-process__grid span {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    border-radius: 50%;
    color: var(--brand-navy-dark);
    background: var(--brand-gold);
    font-weight: 900;
}

.home-docs__grid {
    grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr);
    align-items: center;
}

.home-doc-list {
    padding: 28px;
    border: 1px solid rgba(8,44,105,.12);
    border-radius: 8px;
    background: linear-gradient(135deg, #fff, #fff8df);
    box-shadow: 0 18px 46px rgba(4,28,72,.09);
    transition: transform .28s ease, box-shadow .28s ease;
}

.home-course-card p,
.home-course-card li,
.home-process__grid p,
.home-doc-list li,
.home-alert p {
    overflow-wrap: anywhere;
}

@media (max-width: 1024px) {
    .home-hero__grid,
    .home-docs__grid {
        grid-template-columns: 1fr;
    }

    .home-hero__media {
        animation: none;
    }

    .home-stats__grid,
    .home-process__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .home-alert__inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-hero {
        padding: 56px 0 44px;
    }

    .home-hero__grid {
        gap: 28px;
    }

    .home-hero__media {
        margin-inline: -6px;
        border-width: 2px;
        border-radius: 6px;
    }

    .home-stats__grid,
    .home-course-grid,
    .home-process__grid {
        grid-template-columns: 1fr;
    }

    .home-course-card,
    .home-process__grid article,
    .home-doc-list {
        padding: 20px;
    }
}

/* Site-wide responsive hardening */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.site-header,
.navbar,
.navbar__inner,
.nav-menu,
main,
section,
.container {
    min-width: 0;
}

img,
video,
iframe,
table {
    max-width: 100%;
}

.brand {
    flex-shrink: 1;
}

.brand span {
    min-width: 0;
}

.brand strong,
.brand small {
    overflow-wrap: anywhere;
}

.form-row {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
}

input,
select,
textarea,
button,
.btn {
    min-width: 0;
}

.table-card {
    -webkit-overflow-scrolling: touch;
}

.admission-table {
    table-layout: auto;
}

@media (max-width: 1240px) {
    .container {
        width: min(var(--container), calc(100% - 28px));
    }

    .navbar__inner {
        gap: 10px;
    }
}

@media (max-width: 1024px) {
    .section {
        padding: 68px 0;
    }

    .cards-3,
    .cards-4,
    .feature-grid,
    .gallery-grid,
    .faculty-grid,
    .home-stats__grid,
    .home-process__grid,
    .admission-overview__grid,
    .admission-value-grid,
    .admission-detail-grid,
    .admission-timeline-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .split,
    .form-layout,
    .contact-grid,
    .visual-band__inner,
    .home-hero__grid,
    .home-docs__grid,
    .admission-hero__layout,
    .admission-intro__grid,
    .admission-long-copy__grid,
    .admission-guidance-grid {
        grid-template-columns: 1fr;
    }

    .home-hero__media,
    .admission-hero__banner,
    .visual-card {
        transform: none;
        animation: none;
    }

    .nav-toggle {
        display: block;
        margin-left: auto;
    }

    .nav-actions {
        display: none;
    }
}

@media (max-width: 760px) {
    .container {
        width: min(100% - 22px, var(--container));
    }

    .topbar {
        display: none;
    }

    .navbar {
        padding: 9px 0;
    }

    .brand img {
        width: 42px;
        height: 42px;
    }

    .brand span {
        max-width: 150px;
    }

    .brand strong {
        font-size: .78rem;
        line-height: 1.05;
    }

    .brand small {
        font-size: .54rem;
        letter-spacing: .08em;
    }

    .nav-menu {
        left: 10px;
        right: 10px;
        top: calc(100% + 7px);
        grid-template-columns: 1fr;
        max-height: calc(100vh - 86px);
        padding: 10px;
    }

    .nav-menu a {
        padding: 12px 13px;
        font-size: .9rem;
    }

    .home-alert__inner,
    .topbar__inner,
    .footer-bottom .container,
    .cta-strip__inner {
        align-items: stretch;
        flex-direction: column;
    }

    .home-hero,
    .admission-hero--brand,
    .page-hero {
        padding: 50px 0 44px;
    }

    .home-hero__grid,
    .admission-hero__layout {
        gap: 24px;
    }

    .home-hero__media,
    .admission-hero__banner,
    .home-brand-banner img {
        margin-inline: 0;
        border-radius: 6px;
    }

    .button-row,
    .footer-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .button-row .btn,
    .footer-actions .btn,
    .btn {
        width: 100%;
    }

    .home-stats__grid,
    .cards-3,
    .cards-4,
    .feature-grid,
    .gallery-grid,
    .faculty-grid,
    .home-course-grid,
    .home-process__grid,
    .admission-overview__grid,
    .admission-course-grid,
    .admission-process-grid,
    .admission-value-grid,
    .admission-detail-grid,
    .admission-timeline-grid,
    .admission-guidance-grid,
    .admission-faq-list,
    .mini-grid {
        grid-template-columns: 1fr;
    }

    .section {
        padding: 52px 0;
    }

    .section-heading {
        margin-bottom: 22px;
    }

    .info-card,
    .course-card,
    .program-card,
    .contact-card,
    .enquiry-form,
    .timeline,
    .testimonial,
    .event-card,
    .faculty-card,
    .home-course-card,
    .home-process__grid article,
    .home-doc-list,
    .admission-course-card,
    .admission-detail-card,
    .admission-timeline-card,
    .admission-intro__content,
    .admission-note-panel,
    .admission-copy-panel,
    .admission-guidance-card,
    .admission-value-card {
        padding: 18px;
        border-radius: 8px;
    }

    .visual-card img {
        min-height: 0;
        aspect-ratio: 4 / 3;
        height: auto;
    }

    .admission-quick-nav {
        top: 60px;
    }

    .admission-quick-nav__inner {
        width: 100%;
        padding: 9px 0;
    }

    .admission-table {
        min-width: 680px;
    }

    .floating-actions {
        left: 8px;
        right: 8px;
        bottom: 8px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    .float-btn {
        padding: 9px 8px;
        font-size: .78rem;
    }

    .back-to-top {
        bottom: 72px;
    }
}

@media (max-width: 480px) {
    .container {
        width: min(100% - 18px, var(--container));
    }

    .brand span {
        max-width: 128px;
    }

    .brand img {
        width: 38px;
        height: 38px;
    }

    .nav-toggle {
        width: 38px;
        height: 38px;
        padding: 8px;
    }

    .home-alert span,
    .home-hero__badges span,
    .admission-quick-nav a {
        font-size: .72rem;
    }

    .home-stats__grid,
    .admission-overview__grid {
        margin-top: -20px;
        padding: 8px;
        gap: 8px;
    }

    .home-stats__grid article,
    .admission-overview__grid article {
        padding: 14px;
    }

    .admission-table {
        min-width: 620px;
    }

    .admission-table th,
    .admission-table td {
        padding: 12px;
        font-size: .88rem;
    }

    .floating-actions {
        position: static;
        display: grid;
        margin: 16px 9px 0;
    }

    .back-to-top {
        right: 12px;
        bottom: 14px;
    }
}

/* Balanced page-depth sections for all content pages */
.page-depth-intro,
.page-depth-table-section {
    background: linear-gradient(180deg, #fff, #f8fbff);
}

.page-depth-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr);
    gap: 28px;
    align-items: stretch;
}

.page-depth-copy,
.page-depth-note,
.page-depth-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(8,44,105,.12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(4,28,72,.09);
}

.page-depth-copy,
.page-depth-note {
    padding: 28px;
}

.page-depth-copy:before,
.page-depth-note:before,
.page-depth-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--brand-navy), var(--brand-blue), var(--brand-gold));
}

.page-depth-copy p {
    color: #475569;
}

.page-depth-note {
    color: #fff;
    background: linear-gradient(135deg, var(--brand-navy-dark), var(--brand-navy));
}

.page-depth-note h3 {
    color: #fff;
}

.page-depth-note ul {
    display: grid;
    gap: 11px;
    margin: 14px 0 0;
    padding-left: 20px;
    color: #dbeafe;
}

.page-depth-note li::marker {
    color: var(--brand-gold);
}

.page-depth-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.page-depth-card {
    padding: 24px;
    transition: transform .28s ease, box-shadow .28s ease;
}

.page-depth-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 26px 60px rgba(4,28,72,.14);
}

.page-depth-card span {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    border-radius: 50%;
    color: var(--brand-navy-dark);
    background: var(--brand-gold);
    font-weight: 900;
}

.page-depth-table {
    min-width: 760px;
}

.page-depth-copy p,
.page-depth-note li,
.page-depth-card p,
.page-depth-table td,
.page-depth-table th {
    overflow-wrap: anywhere;
}

@media (max-width: 1024px) {
    .page-depth-grid,
    .page-depth-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .page-depth-grid,
    .page-depth-cards {
        grid-template-columns: 1fr;
    }

    .page-depth-copy,
    .page-depth-note,
    .page-depth-card {
        padding: 18px;
    }

    .page-depth-table {
        min-width: 660px;
    }
}

/* Rich balanced content sections */
.rich-guide-section,
.rich-comparison-section,
.rich-faq-section {
    background: linear-gradient(180deg, #fff, #f8fbff);
}

.rich-guide-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: 28px;
    align-items: stretch;
}

.rich-guide-main,
.rich-guide-aside,
.rich-topic-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(8,44,105,.12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(4,28,72,.09);
}

.rich-guide-main,
.rich-guide-aside {
    padding: 30px;
}

.rich-guide-main:before,
.rich-guide-aside:before,
.rich-topic-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--brand-navy), var(--brand-blue), var(--brand-gold));
}

.rich-guide-main p,
.rich-topic-card p {
    color: #475569;
}

.rich-guide-aside {
    color: #fff;
    background: linear-gradient(135deg, var(--brand-navy-dark), var(--brand-navy));
}

.rich-guide-aside h3 {
    color: #fff;
}

.rich-guide-aside ul {
    display: grid;
    gap: 12px;
    margin: 16px 0 0;
    padding-left: 20px;
    color: #dbeafe;
}

.rich-guide-aside li::marker {
    color: var(--brand-gold);
}

.rich-topic-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.rich-topic-card {
    padding: 24px;
    transition: transform .28s ease, box-shadow .28s ease;
}

.rich-topic-card:hover,
.rich-guide-main:hover,
.rich-guide-aside:hover {
    transform: translateY(-8px);
    box-shadow: 0 26px 60px rgba(4,28,72,.14);
}

.rich-topic-card span {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    border-radius: 50%;
    color: var(--brand-navy-dark);
    background: var(--brand-gold);
    font-weight: 900;
}

.rich-info-table {
    min-width: 920px;
}

.rich-visual-section .visual-card {
    border: 2px solid rgba(244,182,25,.38);
}

.rich-guide-main p,
.rich-guide-aside li,
.rich-topic-card p,
.rich-info-table th,
.rich-info-table td {
    overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
    .rich-topic-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .rich-guide-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .rich-topic-grid {
        grid-template-columns: 1fr;
    }

    .rich-guide-main,
    .rich-guide-aside,
    .rich-topic-card {
        padding: 18px;
    }

    .rich-info-table {
        min-width: 720px;
    }
}

/* Page-specific detailed sections */
.specific-page-section,
.specific-table-section,
.specific-faq-section {
    background: linear-gradient(180deg, #fff, #f8fbff);
}

.specific-page-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr);
    gap: 28px;
    align-items: stretch;
}

.specific-copy,
.specific-image,
.specific-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(8,44,105,.12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(4,28,72,.09);
}

.specific-copy,
.specific-card {
    padding: 28px;
}

.specific-copy:before,
.specific-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--brand-navy), var(--brand-blue), var(--brand-gold));
}

.specific-copy p,
.specific-card p {
    color: #475569;
}

.specific-image img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
}

.specific-card-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.specific-card {
    transition: transform .28s ease, box-shadow .28s ease;
}

.specific-card:hover,
.specific-copy:hover,
.specific-image:hover {
    transform: translateY(-8px);
    box-shadow: 0 26px 60px rgba(4,28,72,.14);
}

.specific-card span {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    border-radius: 50%;
    color: var(--brand-navy-dark);
    background: var(--brand-gold);
    font-weight: 900;
}

.specific-table {
    min-width: 760px;
}

.specific-copy p,
.specific-card p,
.specific-table th,
.specific-table td {
    overflow-wrap: anywhere;
}

@media (max-width: 1024px) {
    .specific-page-grid,
    .specific-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .specific-page-grid,
    .specific-card-grid {
        grid-template-columns: 1fr;
    }

    .specific-copy,
    .specific-card {
        padding: 18px;
    }

    .specific-image img {
        min-height: 240px;
        aspect-ratio: 4 / 3;
    }

    .specific-table {
        min-width: 660px;
    }
}

/* FAQ page redesign */
.faq-hero {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(120deg, rgba(3, 32, 84, .94), rgba(4, 55, 132, .88)),
        url('assets/images/om-sai-banner.png') center/cover no-repeat;
}

.faq-hero::after {
    content: "";
    position: absolute;
    inset: auto -8% -42px 48%;
    height: 120px;
    background: linear-gradient(90deg, transparent, rgba(250, 184, 26, .82));
    border-radius: 999px 0 0 999px;
    transform: rotate(-3deg);
    opacity: .9;
}

.faq-intro-section,
.faq-category-section,
.faq-main-section,
.faq-final-cta {
    padding: 72px 0;
}

.faq-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
    gap: 28px;
    align-items: stretch;
}

.faq-intro-copy,
.faq-help-card,
.faq-category-card,
.faq-sidebar,
.faq-group {
    background: #fff;
    border: 1px solid rgba(3, 32, 84, .09);
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(4, 28, 72, .08);
}

.faq-intro-copy,
.faq-help-card {
    padding: 30px;
}

.faq-intro-copy .eyebrow,
.faq-group .eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--brand-gold-dark);
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.faq-intro-copy p,
.faq-help-card p,
.faq-group p {
    color: #475569;
    line-height: 1.75;
}

.faq-highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 24px;
}

.faq-highlight {
    padding: 16px;
    border-radius: 8px;
    background: linear-gradient(180deg, #fff8df, #ffffff);
    border: 1px solid rgba(250, 184, 26, .35);
}

.faq-highlight strong {
    display: block;
    color: var(--brand-navy-dark);
    font-size: 1.45rem;
}

.faq-help-card {
    background: linear-gradient(160deg, var(--brand-navy-dark), #073f94);
    color: #fff;
}

.faq-help-card h3,
.faq-help-card p {
    color: #fff;
}

.faq-help-card ul {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.faq-help-card li {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
    color: rgba(255,255,255,.88);
}

.faq-help-card li::before {
    content: "";
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    margin-top: 9px;
    border-radius: 50%;
    background: var(--brand-gold);
}

.faq-category-section {
    background: linear-gradient(180deg, #f8fafc, #ffffff);
}

.faq-category-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.faq-category-card {
    display: block;
    min-height: 170px;
    padding: 24px;
    color: inherit;
    text-decoration: none;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.faq-category-card:hover {
    transform: translateY(-8px);
    border-color: rgba(250, 184, 26, .72);
    box-shadow: 0 24px 60px rgba(4, 28, 72, .14);
}

.faq-category-card span {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    border-radius: 50%;
    background: var(--brand-gold);
    color: var(--brand-navy-dark);
    font-weight: 900;
}

.faq-category-card h3 {
    margin-bottom: 8px;
}

.faq-category-card p {
    color: #64748b;
    margin-bottom: 0;
}

.faq-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 26px;
    align-items: start;
}

.faq-sidebar {
    position: sticky;
    top: 98px;
    padding: 22px;
}

.faq-sidebar h3 {
    margin-bottom: 14px;
}

.faq-sidebar a {
    display: block;
    padding: 12px 0;
    color: var(--brand-navy-dark);
    text-decoration: none;
    border-bottom: 1px solid rgba(3, 32, 84, .08);
    font-weight: 700;
}

.faq-sidebar a:hover {
    color: var(--brand-gold-dark);
}

.faq-groups {
    display: grid;
    gap: 22px;
}

.faq-group {
    padding: 28px;
    scroll-margin-top: 110px;
}

.faq-group h2 {
    margin-bottom: 18px;
}

.faq-group .accordion-item {
    border: 1px solid rgba(3, 32, 84, .08);
    border-radius: 8px;
    margin-bottom: 12px;
    overflow: hidden;
    background: #fff;
}

.faq-group .accordion-button {
    font-weight: 800;
    color: var(--brand-navy-dark);
    background: #fff;
}

.faq-group .accordion-button:not(.collapsed) {
    color: var(--brand-navy-dark);
    background: #fff8df;
    box-shadow: none;
}

.faq-group .accordion-button:focus {
    border-color: rgba(250, 184, 26, .65);
    box-shadow: 0 0 0 .2rem rgba(250, 184, 26, .22);
}

.faq-group .accordion-body {
    color: #475569;
    line-height: 1.75;
}

.faq-final-cta {
    padding-top: 0;
}

.faq-final-cta .cta-strip {
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .faq-intro-grid,
    .faq-layout {
        grid-template-columns: 1fr;
    }

    .faq-sidebar {
        position: static;
    }

    .faq-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .faq-intro-section,
    .faq-category-section,
    .faq-main-section,
    .faq-final-cta {
        padding: 46px 0;
    }

    .faq-intro-copy,
    .faq-help-card,
    .faq-category-card,
    .faq-sidebar,
    .faq-group {
        padding: 18px;
    }

    .faq-highlights,
    .faq-category-grid {
        grid-template-columns: 1fr;
    }

    .faq-category-card {
        min-height: auto;
    }

    .faq-hero::after {
        inset: auto -20% -58px 18%;
    }
}

/* Gallery page redesign */
.gallery-page-hero {
    background:
        radial-gradient(circle at 82% 18%, rgba(250, 184, 26, .38), transparent 28%),
        linear-gradient(120deg, rgba(3, 32, 84, .95), rgba(5, 61, 143, .82)),
        url('assets/images/om-sai-banner.png') center/cover no-repeat;
}

.gallery-overview-section,
.gallery-category-section,
.gallery-showcase-section,
.gallery-story-section,
.gallery-visit-section {
    overflow: hidden;
}

.gallery-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr);
    gap: 30px;
    align-items: stretch;
}

.gallery-overview-copy,
.gallery-feature-card,
.gallery-photo-card,
.gallery-visit-card {
    border: 1px solid rgba(3, 32, 84, .09);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 20px 52px rgba(4, 28, 72, .09);
}

.gallery-overview-copy {
    padding: 32px;
}

.gallery-overview-copy p,
.gallery-showcase-head p,
.gallery-photo-card p,
.gallery-visit-card p {
    color: #475569;
    line-height: 1.75;
}

.gallery-overview-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 26px;
}

.gallery-overview-stats div {
    padding: 16px;
    border-radius: 8px;
    border: 1px solid rgba(250, 184, 26, .32);
    background: linear-gradient(180deg, #fff8df, #fff);
}

.gallery-overview-stats strong {
    display: block;
    color: var(--brand-navy-dark, #032054);
    font-size: 1.55rem;
    line-height: 1;
}

.gallery-overview-stats span {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-weight: 800;
}

.gallery-feature-card {
    overflow: hidden;
    min-height: 100%;
}

.gallery-feature-card img {
    width: 100%;
    height: 100%;
    min-height: 390px;
    object-fit: cover;
    transition: transform .7s ease;
}

.gallery-feature-card:hover img {
    transform: scale(1.04);
}

.gallery-category-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.gallery-category-pills a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid rgba(3, 32, 84, .12);
    border-radius: 999px;
    background: #fff;
    color: var(--brand-navy-dark, #032054);
    font-weight: 900;
    box-shadow: 0 12px 28px rgba(4, 28, 72, .06);
    transition: transform .24s ease, border-color .24s ease, background .24s ease;
}

.gallery-category-pills a:hover {
    transform: translateY(-4px);
    border-color: rgba(250, 184, 26, .72);
    background: #fff8df;
}

.gallery-showcase-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 34px;
}

.gallery-showcase-head p {
    max-width: 420px;
    margin-bottom: 0;
}

.gallery-page-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 18px;
}

.gallery-photo-card {
    grid-column: span 4;
    margin: 0;
    overflow: hidden;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    scroll-margin-top: 110px;
}

.gallery-photo-card:nth-child(1),
.gallery-photo-card:nth-child(8) {
    grid-column: span 6;
}

.gallery-photo-card:hover {
    transform: translateY(-8px);
    border-color: rgba(250, 184, 26, .68);
    box-shadow: 0 28px 65px rgba(4, 28, 72, .15);
}

.gallery-photo-media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #e2e8f0;
}

.gallery-photo-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s ease;
}

.gallery-photo-card:hover .gallery-photo-media img {
    transform: scale(1.07);
}

.gallery-photo-media span {
    position: absolute;
    left: 16px;
    bottom: 16px;
    max-width: calc(100% - 32px);
    padding: 8px 12px;
    border-radius: 999px;
    color: #fff;
    background: rgba(3, 32, 84, .88);
    font-size: .78rem;
    font-weight: 900;
    backdrop-filter: blur(10px);
}

.gallery-photo-card figcaption {
    padding: 20px;
}

.gallery-photo-card h3 {
    color: var(--brand-navy-dark, #032054);
}

.gallery-photo-card p {
    margin-bottom: 0;
}

.gallery-story-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(340px, 1.1fr);
    gap: 30px;
    align-items: center;
}

.gallery-story-copy p {
    max-width: 640px;
}

.gallery-story-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.gallery-story-list span {
    padding: 14px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 8px;
    background: rgba(255,255,255,.08);
    color: #e2e8f0;
    font-weight: 800;
}

.gallery-story-image {
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 24px 60px rgba(0,0,0,.24);
}

.gallery-story-image img {
    width: 100%;
    min-height: 420px;
    object-fit: cover;
}

.gallery-visit-section {
    padding-top: 0;
}

.gallery-visit-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 34px;
    background: linear-gradient(135deg, #fff8df, #ffffff 52%, #eef6ff);
}

.gallery-visit-card h2 {
    margin-bottom: 10px;
}

.gallery-visit-card p {
    max-width: 680px;
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .gallery-overview-grid,
    .gallery-story-grid {
        grid-template-columns: 1fr;
    }

    .gallery-showcase-head,
    .gallery-visit-card {
        align-items: flex-start;
        flex-direction: column;
    }

    .gallery-photo-card,
    .gallery-photo-card:nth-child(1),
    .gallery-photo-card:nth-child(8) {
        grid-column: span 6;
    }
}

@media (max-width: 760px) {
    .gallery-overview-copy,
    .gallery-photo-card figcaption,
    .gallery-visit-card {
        padding: 18px;
    }

    .gallery-overview-stats,
    .gallery-story-list {
        grid-template-columns: 1fr;
    }

    .gallery-feature-card img,
    .gallery-story-image img {
        min-height: 260px;
    }

    .gallery-category-pills a {
        width: 100%;
    }

    .gallery-page-grid {
        grid-template-columns: 1fr;
    }

    .gallery-photo-card,
    .gallery-photo-card:nth-child(1),
    .gallery-photo-card:nth-child(8) {
        grid-column: auto;
    }
}

/* Gallery overview banner crop fix */
.gallery-feature-card {
    display: grid;
    place-items: center;
    padding: 24px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.gallery-feature-card img {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: 430px;
    object-fit: contain;
    object-position: center;
}

.gallery-feature-card:hover img {
    transform: scale(1.015);
}

@media (max-width: 760px) {
    .gallery-feature-card {
        padding: 14px;
    }

    .gallery-feature-card img {
        max-height: none;
        min-height: 0;
    }
}

/* Gallery overview section visual redesign */
.gallery-overview-section {
    background:
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.gallery-overview-grid {
    grid-template-columns: minmax(0, .98fr) minmax(360px, 1.02fr);
    align-items: stretch;
}

.gallery-overview-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-color: rgba(3, 32, 84, .12);
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.9)),
        radial-gradient(circle at 10% 10%, rgba(250, 184, 26, .16), transparent 32%);
}

.gallery-overview-copy h2 {
    max-width: 520px;
}

.gallery-overview-stats div {
    min-height: 96px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gallery-overview-visual {
    position: relative;
    display: grid;
    align-content: center;
    gap: 22px;
    padding: 28px;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 12%, rgba(250, 184, 26, .24), transparent 26%),
        linear-gradient(145deg, #ffffff 0%, #eef6ff 58%, #fff8df 100%);
}

.gallery-overview-visual::before {
    content: "";
    position: absolute;
    inset: 24px;
    border: 1px solid rgba(3, 32, 84, .08);
    border-radius: 8px;
    pointer-events: none;
}

.gallery-banner-frame {
    position: relative;
    z-index: 1;
    padding: 16px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid rgba(3, 32, 84, .10);
    box-shadow: 0 18px 42px rgba(4, 28, 72, .12);
}

.gallery-banner-frame img {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    object-fit: contain;
}

.gallery-overview-visual:hover .gallery-banner-frame img {
    transform: scale(1.01);
}

.gallery-visual-content {
    position: relative;
    z-index: 1;
    padding: 22px;
    border-radius: 8px;
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(3, 32, 84, .08);
    backdrop-filter: blur(10px);
}

.gallery-visual-content h3 {
    margin-bottom: 10px;
    color: var(--brand-navy-dark, #032054);
    font-size: clamp(1.25rem, 2.2vw, 1.75rem);
}

.gallery-visual-content p {
    margin-bottom: 18px;
    color: #475569;
}

.gallery-visual-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.gallery-visual-points span {
    display: grid;
    place-items: center;
    min-height: 42px;
    padding: 8px 10px;
    border-radius: 8px;
    background: var(--brand-navy-dark, #032054);
    color: #fff;
    font-size: .82rem;
    font-weight: 900;
    text-align: center;
}

@media (max-width: 1024px) {
    .gallery-overview-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .gallery-overview-visual {
        padding: 18px;
        gap: 16px;
    }

    .gallery-overview-visual::before {
        inset: 12px;
    }

    .gallery-banner-frame,
    .gallery-visual-content {
        padding: 14px;
    }

    .gallery-visual-points {
        grid-template-columns: 1fr;
    }
}
  




/* Homepage extra content and responsive polish */
.home-info-grid,
.home-career-grid,
.home-prep-steps,
.home-trust__grid {
    display: grid;
    gap: 20px;
}

.home-info-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-info-card,
.home-support-panel,
.home-career-card,
.home-prep-steps article,
.home-trust-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(8,44,105,.12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(4,28,72,.09);
}

.home-info-card,
.home-support-panel,
.home-career-card,
.home-trust-card {
    padding: 28px;
}

.home-info-card:before,
.home-support-panel:before,
.home-career-card:before,
.home-trust-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--brand-navy, #032054), var(--brand-blue, #0b63ce), var(--brand-gold, #f4b619));
}

.home-info-card:hover,
.home-support-panel:hover,
.home-career-card:hover,
.home-trust-card:hover,
.home-prep-steps article:hover {
    transform: translateY(-8px);
    box-shadow: 0 26px 60px rgba(4,28,72,.14);
}

.home-info-card,
.home-support-panel,
.home-career-card,
.home-trust-card,
.home-prep-steps article {
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.home-info-card span,
.home-prep-steps span {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    border-radius: 50%;
    color: var(--brand-navy-dark, #032054);
    background: var(--brand-gold, #f4b619);
    font-weight: 900;
}

.home-info-card ul {
    display: grid;
    gap: 10px;
    margin: 18px 0 0;
    padding-left: 20px;
    color: #475569;
}

.home-info-card li::marker {
    color: var(--brand-gold, #f4b619);
}

.home-counselling__grid,
.home-prep__grid,
.home-trust__grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr);
    gap: 28px;
    align-items: center;
}

.home-check-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.home-check-list span {
    padding: 15px;
    border: 1px solid rgba(8,44,105,.10);
    border-radius: 8px;
    background: #fff;
    color: #334155;
    font-weight: 800;
}

.home-support-panel {
    display: grid;
    gap: 14px;
    background: linear-gradient(135deg, #fff, #f8fbff);
}

.home-support-row {
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 14px;
    padding: 14px;
    border: 1px solid rgba(8,44,105,.09);
    border-radius: 8px;
    background: rgba(255,255,255,.86);
}

.home-support-row strong {
    color: var(--brand-navy-dark, #032054);
}

.home-support-row p {
    margin: 0;
}

.home-career-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-career-card span {
    display: inline-flex;
    margin-top: 10px;
    padding: 7px 10px;
    border-radius: 999px;
    background: #fff8df;
    color: var(--brand-navy-dark, #032054);
    font-size: .78rem;
    font-weight: 900;
}

.home-prep__grid {
    grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
}

.home-prep-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-prep-steps article {
    padding: 22px;
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.08);
    box-shadow: none;
}

.home-prep-steps h3 {
    color: #fff;
}

.home-prep-steps p {
    color: #cbd5e1;
}

.home-trust__grid {
    align-items: stretch;
}

.home-trust-card {
    background: linear-gradient(135deg, #fff, #eef6ff);
}

.home-info-card p,
.home-info-card li,
.home-support-row p,
.home-check-list span,
.home-career-card p,
.home-prep-steps p,
.home-trust-card p,
.home-trust-card span {
    overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
    .home-info-grid,
    .home-career-grid,
    .home-prep-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-counselling__grid,
    .home-prep__grid,
    .home-trust__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .home-info-grid,
    .home-career-grid,
    .home-prep-steps,
    .home-check-list {
        grid-template-columns: 1fr;
    }

    .home-info-card,
    .home-support-panel,
    .home-career-card,
    .home-prep-steps article,
    .home-trust-card {
        padding: 18px;
        border-radius: 8px;
    }

    .home-support-row {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .home-eligibility .section-heading,
    .home-career .section-heading {
        text-align: left;
    }
}

@media (max-width: 420px) {
    .home-info-card span,
    .home-prep-steps span {
        width: 36px;
        height: 36px;
        margin-bottom: 12px;
    }

    .home-check-list span,
    .home-support-row {
        padding: 12px;
    }
}

/* About page chairman message and extra responsive content */
.chairman-message-section,
.about-support-section {
    background: linear-gradient(180deg, #fff, #f8fbff);
}

.chairman-message__grid,
.about-support__grid,
.about-training__grid {
    display: grid;
    grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);
    gap: 32px;
    align-items: center;
}

.chairman-message__photo,
.chairman-message__content,
.about-depth-card,
.about-values-panel {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(8,44,105,.12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(4,28,72,.09);
}

.chairman-message__photo {
    align-self: stretch;
    min-height: 420px;
}

.chairman-message__photo img {
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
    object-position: center;
}

.chairman-message__content,
.about-depth-card,
.about-values-panel {
    padding: 30px;
}

.chairman-message__content:before,
.about-depth-card:before,
.about-values-panel:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--brand-navy, #032054), var(--brand-blue, #0b63ce), var(--brand-gold, #f4b619));
}

.chairman-message__content strong {
    display: block;
    margin-top: 18px;
    color: var(--brand-navy-dark, #032054);
    font-size: 1.05rem;
}

.about-depth-grid,
.about-training-points {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.about-depth-card,
.about-values-panel,
.chairman-message__content,
.chairman-message__photo,
.about-training-points article {
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.about-depth-card:hover,
.about-values-panel:hover,
.chairman-message__content:hover,
.chairman-message__photo:hover,
.about-training-points article:hover {
    transform: translateY(-8px);
    box-shadow: 0 26px 60px rgba(4,28,72,.14);
}

.about-depth-card span,
.about-training-points span {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    border-radius: 50%;
    color: var(--brand-navy-dark, #032054);
    background: var(--brand-gold, #f4b619);
    font-weight: 900;
}

.about-check-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.about-check-list span {
    padding: 15px;
    border: 1px solid rgba(8,44,105,.10);
    border-radius: 8px;
    background: #fff;
    color: #334155;
    font-weight: 800;
}

.about-values-panel {
    display: grid;
    gap: 14px;
    background: linear-gradient(135deg, #fff, #fff8df);
}

.about-values-panel div {
    padding: 14px;
    border: 1px solid rgba(8,44,105,.09);
    border-radius: 8px;
    background: rgba(255,255,255,.84);
}

.about-values-panel p {
    margin: 0;
}

.about-training__grid {
    grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
}

.about-training-points article {
    padding: 22px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 8px;
    background: rgba(255,255,255,.08);
}

.about-training-points h3 {
    color: #fff;
}

.about-training-points p {
    color: #cbd5e1;
}

.chairman-message__content p,
.about-depth-card p,
.about-check-list span,
.about-values-panel p,
.about-training-points p {
    overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
    .chairman-message__grid,
    .about-support__grid,
    .about-training__grid {
        grid-template-columns: 1fr;
    }

    .about-depth-grid,
    .about-training-points {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .chairman-message__photo,
    .chairman-message__photo img {
        min-height: 360px;
    }
}

@media (max-width: 760px) {
    .chairman-message__grid,
    .about-support__grid,
    .about-training__grid {
        gap: 20px;
    }

    .about-depth-grid,
    .about-training-points,
    .about-check-list {
        grid-template-columns: 1fr;
    }

    .chairman-message__content,
    .about-depth-card,
    .about-values-panel,
    .about-training-points article {
        padding: 18px;
    }

    .chairman-message__photo,
    .chairman-message__photo img {
        min-height: 280px;
    }
}

@media (max-width: 420px) {
    .chairman-message__photo,
    .chairman-message__photo img {
        min-height: 230px;
    }

    .about-depth-card span,
    .about-training-points span {
        width: 36px;
        height: 36px;
        margin-bottom: 12px;
    }
}

/* B.Ed page extra content and responsive polish */
.bed-overview-section,
.bed-doc-career-section {
    background: linear-gradient(180deg, #fff, #f8fbff);
}

.bed-info-grid,
.bed-syllabus-grid,
.bed-practical-steps,
.bed-tips-grid {
    display: grid;
    gap: 18px;
}

.bed-info-grid,
.bed-practical-steps,
.bed-tips-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bed-syllabus-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bed-eligibility__grid,
.bed-practical__grid,
.bed-doc-career__grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr);
    gap: 28px;
    align-items: center;
}

.bed-practical__grid {
    grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
}

.bed-info-card,
.bed-note-panel,
.bed-syllabus-card,
.bed-document-card,
.bed-career-panel,
.bed-tip-card,
.bed-practical-steps article {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(8,44,105,.12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(4,28,72,.09);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.bed-info-card,
.bed-note-panel,
.bed-syllabus-card,
.bed-document-card,
.bed-career-panel,
.bed-tip-card {
    padding: 26px;
}

.bed-info-card:before,
.bed-note-panel:before,
.bed-syllabus-card:before,
.bed-document-card:before,
.bed-career-panel:before,
.bed-tip-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--brand-navy, #032054), var(--brand-blue, #0b63ce), var(--brand-gold, #f4b619));
}

.bed-info-card:hover,
.bed-note-panel:hover,
.bed-syllabus-card:hover,
.bed-document-card:hover,
.bed-career-panel:hover,
.bed-tip-card:hover,
.bed-practical-steps article:hover {
    transform: translateY(-8px);
    box-shadow: 0 26px 60px rgba(4,28,72,.14);
}

.bed-info-card span,
.bed-tip-card span,
.bed-practical-steps span {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    border-radius: 50%;
    color: var(--brand-navy-dark, #032054);
    background: var(--brand-gold, #f4b619);
    font-weight: 900;
}

.bed-check-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.bed-check-list span {
    padding: 15px;
    border: 1px solid rgba(8,44,105,.10);
    border-radius: 8px;
    background: #fff;
    color: #334155;
    font-weight: 800;
}

.bed-note-panel,
.bed-career-panel {
    display: grid;
    gap: 14px;
    background: linear-gradient(135deg, #fff, #fff8df);
}

.bed-note-panel div {
    padding: 14px;
    border: 1px solid rgba(8,44,105,.09);
    border-radius: 8px;
    background: rgba(255,255,255,.86);
}

.bed-note-panel p {
    margin: 0;
}

.bed-practical-steps article {
    padding: 22px;
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.08);
    box-shadow: none;
}

.bed-practical-steps h3 {
    color: #fff;
}

.bed-practical-steps p {
    color: #cbd5e1;
}

.bed-document-card ul {
    display: grid;
    gap: 10px;
    margin: 18px 0 0;
    padding-left: 20px;
    color: #475569;
}

.bed-document-card li::marker {
    color: var(--brand-gold, #f4b619);
}

.bed-info-card p,
.bed-syllabus-card p,
.bed-check-list span,
.bed-note-panel p,
.bed-practical-steps p,
.bed-document-card li,
.bed-career-panel p,
.bed-tip-card p {
    overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
    .bed-info-grid,
    .bed-practical-steps,
    .bed-tips-grid,
    .bed-syllabus-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bed-eligibility__grid,
    .bed-practical__grid,
    .bed-doc-career__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .bed-info-grid,
    .bed-syllabus-grid,
    .bed-practical-steps,
    .bed-tips-grid,
    .bed-check-list {
        grid-template-columns: 1fr;
    }

    .bed-info-card,
    .bed-note-panel,
    .bed-syllabus-card,
    .bed-document-card,
    .bed-career-panel,
    .bed-tip-card,
    .bed-practical-steps article {
        padding: 18px;
        border-radius: 8px;
    }

    .bed-syllabus-section .section-heading {
        text-align: left;
    }
}

@media (max-width: 420px) {
    .bed-info-card span,
    .bed-tip-card span,
    .bed-practical-steps span {
        width: 36px;
        height: 36px;
        margin-bottom: 12px;
    }

    .bed-check-list span,
    .bed-note-panel div {
        padding: 12px;
    }
}

/* D.El.Ed page extra content and responsive polish */
.deled-overview-section,
.deled-doc-career-section {
    background: linear-gradient(180deg, #fff, #f8fbff);
}

.deled-info-grid,
.deled-syllabus-grid,
.deled-practical-steps,
.deled-tips-grid {
    display: grid;
    gap: 18px;
}

.deled-info-grid,
.deled-practical-steps,
.deled-tips-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.deled-syllabus-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.deled-eligibility__grid,
.deled-practical__grid,
.deled-doc-career__grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr);
    gap: 28px;
    align-items: center;
}

.deled-practical__grid {
    grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
}

.deled-info-card,
.deled-note-panel,
.deled-syllabus-card,
.deled-document-card,
.deled-career-panel,
.deled-tip-card,
.deled-practical-steps article {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(8,44,105,.12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(4,28,72,.09);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.deled-info-card,
.deled-note-panel,
.deled-syllabus-card,
.deled-document-card,
.deled-career-panel,
.deled-tip-card {
    padding: 26px;
}

.deled-info-card:before,
.deled-note-panel:before,
.deled-syllabus-card:before,
.deled-document-card:before,
.deled-career-panel:before,
.deled-tip-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--brand-navy, #032054), var(--brand-blue, #0b63ce), var(--brand-gold, #f4b619));
}

.deled-info-card:hover,
.deled-note-panel:hover,
.deled-syllabus-card:hover,
.deled-document-card:hover,
.deled-career-panel:hover,
.deled-tip-card:hover,
.deled-practical-steps article:hover {
    transform: translateY(-8px);
    box-shadow: 0 26px 60px rgba(4,28,72,.14);
}

.deled-info-card span,
.deled-tip-card span,
.deled-practical-steps span {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    border-radius: 50%;
    color: var(--brand-navy-dark, #032054);
    background: var(--brand-gold, #f4b619);
    font-weight: 900;
}

.deled-check-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.deled-check-list span {
    padding: 15px;
    border: 1px solid rgba(8,44,105,.10);
    border-radius: 8px;
    background: #fff;
    color: #334155;
    font-weight: 800;
}

.deled-note-panel,
.deled-career-panel {
    display: grid;
    gap: 14px;
    background: linear-gradient(135deg, #fff, #fff8df);
}

.deled-note-panel div {
    padding: 14px;
    border: 1px solid rgba(8,44,105,.09);
    border-radius: 8px;
    background: rgba(255,255,255,.86);
}

.deled-note-panel p {
    margin: 0;
}

.deled-practical-steps article {
    padding: 22px;
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.08);
    box-shadow: none;
}

.deled-practical-steps h3 {
    color: #fff;
}

.deled-practical-steps p {
    color: #cbd5e1;
}

.deled-document-card ul {
    display: grid;
    gap: 10px;
    margin: 18px 0 0;
    padding-left: 20px;
    color: #475569;
}

.deled-document-card li::marker {
    color: var(--brand-gold, #f4b619);
}

.deled-info-card p,
.deled-syllabus-card p,
.deled-check-list span,
.deled-note-panel p,
.deled-practical-steps p,
.deled-document-card li,
.deled-career-panel p,
.deled-tip-card p {
    overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
    .deled-info-grid,
    .deled-practical-steps,
    .deled-tips-grid,
    .deled-syllabus-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .deled-eligibility__grid,
    .deled-practical__grid,
    .deled-doc-career__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .deled-info-grid,
    .deled-syllabus-grid,
    .deled-practical-steps,
    .deled-tips-grid,
    .deled-check-list {
        grid-template-columns: 1fr;
    }

    .deled-info-card,
    .deled-note-panel,
    .deled-syllabus-card,
    .deled-document-card,
    .deled-career-panel,
    .deled-tip-card,
    .deled-practical-steps article {
        padding: 18px;
        border-radius: 8px;
    }

    .deled-syllabus-section .section-heading {
        text-align: left;
    }
}

@media (max-width: 420px) {
    .deled-info-card span,
    .deled-tip-card span,
    .deled-practical-steps span {
        width: 36px;
        height: 36px;
        margin-bottom: 12px;
    }

    .deled-check-list span,
    .deled-note-panel div {
        padding: 12px;
    }
}

/* Footer refinement */
.footer-grid--modern {
    grid-template-columns: minmax(280px, 1.25fr) repeat(3, minmax(170px, .75fr));
    align-items: start;
    gap: 48px;
}

.footer-about p {
    max-width: 360px;
    margin: 0 0 18px;
    color: #94a3b8;
}

.footer-links,
.footer-contact {
    min-width: 0;
}

.footer-links h3,
.footer-contact h3 {
    margin-bottom: 14px;
}

.footer-links a,
.footer-contact a {
    color: #e0ecff;
}

.footer-contact li:first-child {
    max-width: 300px;
}

.footer-bottom {
    background: rgba(7, 17, 31, .38);
}

@media (max-width: 1180px) {
    .footer-grid--modern {
        grid-template-columns: minmax(260px, 1fr) repeat(3, minmax(150px, .7fr));
        gap: 28px;
    }
}

@media (max-width: 940px) {
    .footer-grid--modern {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .footer-about {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .footer-grid--modern {
        grid-template-columns: 1fr;
        gap: 26px;
        padding: 54px 0 34px;
    }

    .footer-contact li:first-child,
    .footer-about p {
        max-width: none;
    }
}

/* Home curriculum section */
.curriculum-section {
    background: linear-gradient(180deg, #f8fbff, #eef7f5);
}

.curriculum-heading {
    margin-inline: auto;
}

.curriculum-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.curriculum-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 24px;
    padding: 30px;
    border: 1px solid rgba(148, 163, 184, .32);
    border-radius: 8px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 52px rgba(15, 23, 42, .09);
}

.curriculum-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: linear-gradient(90deg, var(--primary), var(--secondary));
}

.curriculum-card--deled:before {
    background: linear-gradient(90deg, var(--gold), var(--primary));
}

.curriculum-card__head {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px;
    align-items: start;
}

.curriculum-card__head h3 {
    margin-bottom: 6px;
    font-size: 1.35rem;
}

.curriculum-card__head p {
    margin: 0;
}

.curriculum-badge {
    display: grid;
    place-items: center;
    min-width: 68px;
    height: 44px;
    padding: 0 12px;
    border-radius: 8px;
    background: #ecfdf5;
    color: var(--primary-dark);
    font-weight: 900;
}

.curriculum-card--deled .curriculum-badge {
    background: #fff7ed;
    color: #9a5a08;
}

.curriculum-timeline {
    display: grid;
    gap: 16px;
}

.curriculum-timeline .module-item {
    position: relative;
    padding: 18px 18px 18px 22px;
    border: 1px solid rgba(226, 232, 240, .95);
    border-left: 4px solid var(--primary);
    border-radius: 8px;
    background: #fff;
}

.curriculum-card--deled .module-item {
    border-left-color: var(--gold);
}

.curriculum-timeline .module-item span {
    display: inline-flex;
    margin-bottom: 8px;
    color: var(--secondary);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.curriculum-card--deled .module-item span {
    color: #9a5a08;
}

.curriculum-timeline .module-item h4 {
    margin: 0 0 8px;
    color: var(--ink);
    font-size: 1rem;
}

.curriculum-timeline .module-item p {
    margin: 0;
    color: #52647c;
}

.curriculum-skills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.curriculum-skills span {
    padding: 9px 12px;
    border: 1px solid rgba(15, 118, 110, .18);
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    font-size: .9rem;
    font-weight: 800;
}

@media (max-width: 940px) {
    .curriculum-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .curriculum-card {
        padding: 22px;
    }

    .curriculum-card__head {
        grid-template-columns: 1fr;
    }

    .curriculum-badge {
        width: max-content;
    }
}


/* ==========================================================================
   ACADEMIC INFRASTRUCTURE & FACILITIES - PRODUCTION DESIGN SYSTEM
   ========================================================================== */

/* --- Custom Variables & Palette --- */
:root {
  --fac-bg-start: #090d16;
  --fac-bg-end: #0f172a;
  --fac-card-bg: rgba(22, 30, 49, 0.7);
  --fac-card-border: rgba(255, 255, 255, 0.08);
  --fac-card-border-hover: rgba(96, 165, 250, 0.45);
  --fac-accent-blue: #3b82f6;
  --fac-accent-glow: rgba(59, 130, 246, 0.15);
  --fac-text-heading: #f8fafc;
  --fac-text-body: #94a3b8;
  --fac-tag-bg: rgba(255, 255, 255, 0.04);
  --fac-tag-border: rgba(255, 255, 255, 0.08);
  --fac-tag-text: #cbd5e1;
  --fac-radius: 18px;
  --fac-transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- Section Wrap & Layered Canvas Glow --- */
.facilities-section {
  position: relative;
  background: linear-gradient(180deg, var(--fac-bg-start) 0%, var(--fac-bg-end) 100%);
  padding: 6rem 0;
  overflow: hidden;
  isolation: isolate;
}

/* Atmospheric Ambient Lights */
.facilities-section::before,
.facilities-section::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  pointer-events: none;
  z-index: -1;
}

.facilities-section::before {
  top: -150px;
  right: -100px;
  width: 450px;
  height: 450px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.22) 0%, transparent 70%);
}

.facilities-section::after {
  bottom: -150px;
  left: -80px;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.16) 0%, transparent 70%);
}

/* --- Section Header Customization --- */
.facilities-section .section-heading h2 {
  color: var(--fac-text-heading);
  letter-spacing: -0.025em;
  font-size: clamp(1.85rem, 2.5vw + 1rem, 2.6rem);
}

.facilities-section .section-heading p {
  color: var(--fac-text-body);
  max-width: 620px;
}

/* --- Facilities Card Grid --- */
.facilities-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.75rem;
  margin-top: 3.5rem;
}

/* --- Card Architecture (Glassmorphism & Depth) --- */
.facility-card {
  position: relative;
  background: var(--fac-card-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--fac-card-border);
  border-radius: var(--fac-radius);
  padding: 2.25rem 1.75rem 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: var(--fac-transition);
  overflow: hidden;
}

/* Subtle Top Edge Highlight Line */
.facility-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
  transition: opacity 0.35s ease;
}

/* Card Hover Elevation */
.facility-card:hover {
  transform: translateY(-8px);
  border-color: var(--fac-card-border-hover);
  box-shadow: 0 24px 40px -12px rgba(0, 0, 0, 0.65), 0 0 25px var(--fac-accent-glow);
}

.facility-card:hover::before {
  background: linear-gradient(90deg, transparent, var(--fac-accent-blue), transparent);
}

/* --- Card Header: Numerical Index & Custom Icon Wrapper --- */
.facility-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.facility-card__num {
  font-size: 1.6rem;
  font-weight: 800;
  color: #60a5fa;
  font-feature-settings: "tnum";
  opacity: 0.85;
  letter-spacing: -0.03em;
  transition: opacity 0.3s ease;
}

.facility-card:hover .facility-card__num {
  opacity: 1;
}

.facility-card__icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(59, 130, 246, 0.12);
  border: 1px solid rgba(96, 165, 250, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #93c5fd;
  transition: var(--fac-transition);
}

.facility-card__icon svg {
  transition: transform 0.3s ease;
}

.facility-card:hover .facility-card__icon {
  background: var(--fac-accent-blue);
  color: #ffffff;
  border-color: #60a5fa;
  box-shadow: 0 0 16px rgba(59, 130, 246, 0.45);
}

.facility-card:hover .facility-card__icon svg {
  transform: scale(1.1);
}

/* --- Card Body --- */
.facility-card__body h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--fac-text-heading);
  margin: 0 0 0.85rem 0;
  line-height: 1.35;
  letter-spacing: -0.015em;
}

.facility-card__body p {
  font-size: 0.925rem;
  color: var(--fac-text-body);
  line-height: 1.65;
  margin: 0 0 1.5rem 0;
}

/* --- Feature Pills Footer --- */
.facility-card__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.facility-tag {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.35rem 0.75rem;
  border-radius: 9999px;
  background: var(--fac-tag-bg);
  border: 1px solid var(--fac-tag-border);
  color: var(--fac-tag-text);
  letter-spacing: 0.02em;
  transition: border-color 0.25s, color 0.25s, background-color 0.25s;
}

.facility-card:hover .facility-tag {
  border-color: rgba(96, 165, 250, 0.25);
  background: rgba(59, 130, 246, 0.08);
  color: #e2e8f0;
}

/* ==========================================================================
   Responsive Adaptations
   ========================================================================== */

/* Laptops & Tablets (Landscape) */
@media (max-width: 1120px) {
  .facilities-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}

/* Small Tablets & Mobile */
@media (max-width: 680px) {
  .facilities-section {
    padding: 4rem 0;
  }

  .facilities-grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-top: 2rem;
  }

  .facility-card {
    padding: 1.75rem 1.35rem 1.35rem;
  }

  .facility-card:hover {
    transform: translateY(-4px); /* Toned down lift for touchscreens */
  }
}