/* International Admissions 2026 — scoped inner-page design */
:root {
    --ink: #070707;
    --aqua: #37c0c6;
    --aqua-soft: #bfe2e8;
    --yellow: #ffe51c;
    --white: #fff;
    --content-width: 1240px;
}

* { box-sizing: border-box; }

html {
    scroll-behavior: smooth;
    scroll-padding-top: 78px;
}

.international-page {
    margin: 0;
    color: var(--ink);
    background: #fff;
    font-family: "Trebuchet MS", "Segoe UI", sans-serif;
    line-height: 1.5;
    overflow-x: hidden;
}

.international-page a { color: inherit; }

.international-page .container { max-width: var(--content-width); }

.international-page .skip-link {
    position: fixed;
    z-index: 9999;
    top: 8px;
    left: 8px;
    padding: 8px 14px;
    background: #fff;
    border: 2px solid #000;
}

.international-page .site-header {
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
}

.international-page .navbar { min-height: 76px; }
.international-page .navbar-brand img { display: block; width: 150px; height: auto; }
.international-page .navbar-nav { gap: .65rem; }
.international-page .navbar .nav-link {
    color: #050505;
    font-family: Arial, sans-serif;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
    padding: 1rem .2rem !important;
}
.international-page .navbar .nav-link:hover,
.international-page .navbar .nav-link:focus { color: #14726a; }

.international-page .menu-lines,
.international-page .menu-lines::before,
.international-page .menu-lines::after {
    display: block;
    width: 22px;
    height: 3px;
    background: #050505;
    content: "";
}
.international-page .menu-lines { position: relative; }
.international-page .menu-lines::before { position: absolute; top: -7px; }
.international-page .menu-lines::after { position: absolute; top: 7px; }

.hero {
    position: relative;
    min-height: 570px;
    background-color: #173d34;
    background-image: url("../assets/international-2026/images/building1.jpg");
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(5, 35, 29, .88) 0%, rgba(5, 35, 29, .76) 58%, rgba(5, 35, 29, .58) 100%);
}

.hero-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    min-height: 570px;
    padding-top: 70px;
    padding-bottom: 70px;
}

.hero-copy {
    max-width: 820px;
    color: #fff;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
}

.hero-programs {
    display: inline-block;
    margin: 0 0 20px;
    padding: 10px 18px;
    color: #061d18;
    background: var(--yellow);
    font-family: Arial, sans-serif;
    font-size: clamp(1rem, 1.7vw, 1.35rem);
    font-weight: 800;
    letter-spacing: .025em;
}

.hero-programs span,
.hero h1 span {
    color: var(--yellow);
}

.hero-programs span {
    color: #061d18;
    opacity: .55;
}

.hero h1 {
    max-width: 780px;
    margin: 0 0 20px;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: clamp(2.75rem, 5.3vw, 5rem);
    font-weight: 900;
    line-height: 1.02;
    letter-spacing: -.045em;
}

.hero-scholarship {
    max-width: 720px;
    margin: 0;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: clamp(1.15rem, 2vw, 1.65rem);
    line-height: 1.45;
}

.hero-scholarship strong {
    color: var(--yellow);
}

.hero-contact { margin-top: 28px; }
.hero-contact p {
    margin: 0 0 7px;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 1.08rem;
    font-weight: 700;
}
.hero-contact p strong { color: var(--yellow); }
.hero-contact a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--yellow);
    font-family: Arial, sans-serif;
    font-size: clamp(1.15rem, 2vw, 1.5rem);
    font-weight: 800;
    text-decoration: none;
}
.hero-contact a:hover,
.hero-contact a:focus-visible { color: #fff; }
.hero-contact svg { width: 29px; height: 29px; fill: currentColor; }
.hero-form-title {
    margin: 0 0 14px;
    color: var(--yellow);
    font-family: Arial, sans-serif;
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    font-weight: 800;
    text-align: center;
}
.form-widget-slot {
    width: 100%;
    min-height: 400px;
}

.hero-cta-wrap {
    position: relative;
    z-index: 4;
    height: 0;
    text-align: center;
    transform: translateY(-50%);
}

.apply-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    min-height: 58px;
    padding: 12px 28px;
    color: #000;
    background: var(--yellow);
    border: 2px solid var(--yellow);
    font-family: Arial, sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.apply-btn:hover,
.apply-btn:focus-visible {
    color: #fff;
    background: #111;
    border-color: #111;
    transform: translateY(-2px);
}

.intro-section { padding: 88px 16px 35px; }
.narrow-container { max-width: 970px; }
.intro-section p { margin: 0; font-size: 1.05rem; }

.why-section { padding: 40px 16px 95px; }
.why-copy { position: relative; padding-top: 12px; }
.why-copy h2,
.section-heading h2 {
    margin: 0 0 22px;
    font-family: Arial, sans-serif;
    font-size: clamp(2.35rem, 4.4vw, 4.2rem);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -.04em;
}
.why-copy p { max-width: 425px; font-size: 1rem; line-height: 1.7; }
.arrow-sketch {
    width: 150px;
    margin: 35px 0 0 115px;
    fill: none;
    stroke: #000;
    stroke-width: 1.5;
}

.why-points {
    display: grid;
    gap: 16px;
    margin: 0;
    padding-left: 24px;
}
.why-points li {
    padding-left: 5px;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.55;
}
.why-points li::marker { color: #0b503c; font-size: 1.1em; }
.why-points strong { font-weight: 800; }

.programs-section { padding: 45px 16px 95px; }
.section-heading { margin-bottom: 42px; }
.section-heading h2 { font-size: clamp(2.25rem, 4vw, 3.9rem); margin-bottom: 14px; }
.section-heading p { margin: 0; font-size: 1.12rem; }

.faculty-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}
.faculty-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
    min-height: 230px;
    padding: 24px;
    border: 0;
    color: #000;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: clamp(1.05rem, 1.5vw, 1.45rem);
    font-weight: 500;
    line-height: 1.12;
    text-align: center;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}
.faculty-name { position: relative; z-index: 1; }
.faculty-action {
    position: relative;
    z-index: 1;
    padding-bottom: 3px;
    border-bottom: 1px solid currentColor;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .72;
}
.faculty-card:hover,
.faculty-card:focus-visible { color: #000; transform: translateY(-4px); box-shadow: 0 14px 24px rgba(0, 0, 0, .12); }
.faculty-card:focus-visible { outline: 3px solid #111; outline-offset: 3px; }
.faculty-card.blue { background: var(--aqua-soft); }
.faculty-card.yellow { background: var(--yellow); }
.hotel-card {
    position: relative;
    grid-column: span 2;
    overflow: hidden;
    color: #fff;
    background: #111;
}
.hotel-card:hover,
.hotel-card:focus-visible { color: #fff; }
.hotel-card::after { position: absolute; inset: 0; content: ""; background: rgba(0, 0, 0, .34); }
.hotel-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hotel-card span { position: relative; z-index: 1; }

.program-modal .modal-dialog { max-width: 1080px; }
.program-modal .modal-content {
    overflow: hidden;
    border: 0;
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}
.program-modal .modal-header {
    align-items: flex-start;
    padding: 24px 30px;
    color: #fff;
    background: #0b503c;
    border: 0;
}
.program-modal .modal-eyebrow {
    display: block;
    margin-bottom: 4px;
    color: var(--yellow);
    font-family: Arial, sans-serif;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.program-modal .modal-title {
    font-family: Arial, sans-serif;
    font-size: clamp(1.45rem, 3vw, 2.3rem);
    font-weight: 800;
    line-height: 1.15;
}
.program-modal .btn-close { margin-top: 5px; }
.program-modal .modal-body { padding: 28px 30px 32px; background: #f7faf8; }
.program-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.program-group {
    padding: 22px;
    background: #fff;
    border: 1px solid rgba(11, 80, 60, .16);
    border-top: 5px solid var(--aqua);
    border-radius: 10px;
}
.program-group h3 {
    margin: 0 0 14px;
    color: #0b503c;
    font-family: Arial, sans-serif;
    font-size: 1.18rem;
    font-weight: 800;
}
.program-group ul { margin: 0 0 18px; padding-left: 20px; }
.program-group li { margin-bottom: 7px; font-family: Arial, sans-serif; font-size: .94rem; line-height: 1.45; }
.program-group li::marker { color: #10aeb3; }
.program-meta {
    padding: 13px 15px;
    background: #eef7f4;
    border-left: 3px solid #0b503c;
}
.program-meta p { margin: 0; font-family: Arial, sans-serif; font-size: .88rem; line-height: 1.5; }
.program-meta p + p { margin-top: 6px; }

.admission-section { padding: 50px 16px 0; }
.title-rule { display: block; width: 74px; height: 3px; margin: 16px auto 0; background: #111; }

.process-flow {
    position: relative;
    display: flex;
    justify-content: center;
    max-width: 1120px;
    margin: 70px auto 80px;
}
.process-flow::before {
    position: absolute;
    z-index: 0;
    top: 145px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--aqua);
    content: "";
}
.process-card {
    position: relative;
    z-index: 1;
    width: 20%;
    min-height: 255px;
    padding: 30px 14px 20px;
    background: #fff;
    border: 1.5px solid var(--aqua);
    box-shadow: 0 13px 24px rgba(0, 0, 0, .11);
    text-align: center;
}
.process-card + .process-card { border-left: 0; }
.process-card.process-low { margin-top: 145px; }
.process-dot {
    position: absolute;
    top: -15px;
    left: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--aqua);
    transform: translateX(-50%);
}
.process-low .process-dot { top: auto; bottom: -15px; }
.process-icon { display: block; height: 52px; font-family: Georgia, serif; font-size: 2.7rem; line-height: 1; }
.process-card h3 { margin: 6px 0 10px; color: #079b9e; font-family: Arial, sans-serif; font-size: 1.2rem; font-weight: 800; }
.process-card p { margin: 0; font-family: Arial, sans-serif; font-size: .88rem; line-height: 1.55; }

.faq-section {
    padding: 95px 0 35px;
    scroll-margin-top: 85px;
}
.faq-section .section-heading { max-width: 780px; margin-right: auto; margin-left: auto; }
.faq-kicker {
    display: inline-block;
    margin-bottom: 12px;
    color: #0b7664;
    font-family: Arial, sans-serif;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.faq-accordion {
    max-width: 1000px;
    margin: 0 auto;
    counter-reset: faq-number;
}
.faq-accordion .accordion-item {
    margin-bottom: 12px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(11, 80, 60, .18);
    border-radius: 10px;
    box-shadow: 0 7px 18px rgba(7, 48, 36, .05);
}
.faq-accordion .accordion-header { margin: 0; }
.faq-accordion .accordion-button {
    position: relative;
    min-height: 72px;
    padding: 18px 58px 18px 76px;
    color: #111;
    background: #fff;
    box-shadow: none;
    font-family: Arial, sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.35;
}
.faq-accordion .accordion-button::before {
    position: absolute;
    left: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #063c30;
    background: var(--yellow);
    border-radius: 50%;
    content: counter(faq-number, decimal-leading-zero);
    counter-increment: faq-number;
    font-size: .72rem;
    font-weight: 800;
}
.faq-accordion .accordion-button:not(.collapsed) { color: #fff; background: #0b503c; }
.faq-accordion .accordion-button:not(.collapsed)::after { filter: brightness(0) invert(1); }
.faq-accordion .accordion-button:focus { border-color: transparent; box-shadow: inset 0 0 0 3px rgba(55, 192, 198, .45); }
.faq-accordion .accordion-body {
    padding: 20px 28px 23px 76px;
    color: #26332f;
    background: #f4faf8;
    border-top: 1px solid rgba(11, 80, 60, .1);
    font-family: Arial, sans-serif;
    font-size: .97rem;
    line-height: 1.7;
}
.faq-accordion .accordion-body p { margin: 0 0 10px; }
.faq-accordion .accordion-body ul { margin: 0; padding-left: 20px; }
.faq-accordion .accordion-body li + li { margin-top: 6px; }

.final-cta {
    padding: 70px 16px 55px;
    background-color: #f5f5f5;
    background-image: radial-gradient(rgba(0, 0, 0, .06) .7px, transparent .7px);
    background-size: 5px 5px;
}
.final-cta h2 { margin: 0 0 25px; font-family: Georgia, serif; font-size: clamp(1.45rem, 2.4vw, 2rem); font-weight: 400; }
.final-cta .apply-btn { min-width: 190px; min-height: 54px; margin-bottom: 18px; font-family: Georgia, serif; font-size: 1.25rem; font-weight: 400; }
.final-cta p { margin: 0; font-family: Arial, sans-serif; }
.final-cta p a { text-decoration: none; }
.final-cta p a:hover { text-decoration: underline; }

@media (max-width: 991.98px) {
    .navbar-collapse { padding: 8px 0 18px; border-top: 1px solid #eee; }
    .navbar .nav-link { padding: .55rem .25rem !important; }
    .hero, .hero-inner { min-height: 520px; }
    .hero::before { background: rgba(5, 35, 29, .8); }
    .form-widget-slot:empty { min-height: 0; }
    .why-copy { text-align: center; }
    .why-copy h2 br { display: none; }
    .why-copy p { margin-inline: auto; }
    .faculty-grid { gap: 16px; }
    .faculty-card { min-height: 185px; }
    .process-flow { flex-wrap: wrap; gap: 16px; margin: 48px auto 55px; }
    .process-flow::before { display: none; }
    .process-card,
    .process-card.process-low { width: calc(33.333% - 11px); min-height: 245px; margin-top: 0; border: 1.5px solid var(--aqua); }
    .process-low .process-dot { top: -15px; bottom: auto; }
}

@media (max-width: 767.98px) {
    .navbar { min-height: 68px; }
    .navbar-brand img { width: 132px; }
    .hero, .hero-inner { min-height: 500px; }
    .hero { background-position: center; }
    .hero-inner { padding: 55px 20px; }
    .hero h1 { font-size: clamp(2.4rem, 11vw, 4rem); }
    .hero-programs { font-size: .95rem; }
    .apply-btn { min-width: 180px; min-height: 52px; font-size: 1.1rem; }
    .intro-section { padding-top: 72px; }
    .intro-section p { font-size: .97rem; }
    .why-section { padding-bottom: 70px; }
    .why-points { gap: 14px; padding-left: 20px; }
    .why-points li { padding-left: 2px; font-size: .94rem; }
    .faculty-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .faculty-card { min-height: 150px; padding: 14px; font-size: .96rem; }
    .faculty-action { font-size: .62rem; }
    .hotel-card { grid-column: span 2; min-height: 190px; }
    .program-modal .modal-dialog { margin: 12px; }
    .program-modal .modal-header { padding: 20px; }
    .program-modal .modal-body { padding: 18px; }
    .program-detail-grid { grid-template-columns: 1fr; gap: 14px; }
    .program-group { padding: 18px; }
    .process-card,
    .process-card.process-low { width: calc(50% - 8px); }
    .faq-section { padding-top: 65px; }
    .faq-accordion .accordion-button { min-height: 68px; padding: 16px 48px 16px 58px; font-size: .95rem; }
    .faq-accordion .accordion-button::before { left: 14px; width: 30px; height: 30px; font-size: .66rem; }
    .faq-accordion .accordion-body { padding: 17px 18px 20px; font-size: .92rem; }
    .final-cta p span { display: none; }
    .final-cta p a { display: block; margin-top: 5px; }
}

@media (max-width: 479.98px) {
    .hero, .hero-inner { min-height: 430px; }
    .hero h1 { font-size: 2.35rem; }
    .hero-programs { padding: 8px 11px; font-size: .82rem; }
    .hero-scholarship { font-size: 1.05rem; }
    .process-flow { display: grid; grid-template-columns: 1fr; padding-left: 24px; }
    .process-flow::before { display: block; top: 0; bottom: 0; left: 8px; right: auto; width: 2px; height: auto; }
    .process-card,
    .process-card.process-low { width: 100%; min-height: 0; padding: 27px 22px 22px; }
    .process-dot,
    .process-low .process-dot { top: 28px; bottom: auto; left: -25px; width: 20px; height: 20px; }
    .faculty-card { min-height: 135px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; }
}

:root{--ia-green:#123f35;--ia-muted:#5c6e66;--ia-gold:#c6a769}.international-page{color:#19392f}.international-page .navbar .nav-link{font-size:.74rem;letter-spacing:.06em}.ia-section{padding:84px 0}.ia-heading{max-width:750px;margin-bottom:36px}.ia-kicker{display:block;font:700 .7rem/1.5 'Segoe UI',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#497a67;margin-bottom:15px}.ia-heading h2{font:400 clamp(2.15rem,4vw,3.6rem)/1.1 Georgia,serif;letter-spacing:-.035em;margin-bottom:18px;color:var(--ia-green)}.ia-heading>p:last-child{color:var(--ia-muted);font-size:1.05rem;line-height:1.75}.ia-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ia-card{text-align:left;padding:30px;display:flex;flex-direction:column;align-items:flex-start;min-height:270px;border:1px solid #dce5de;border-radius:18px;color:var(--ia-green);background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}.ia-card:hover{transform:translateY(-5px);border-color:#91ad9d;box-shadow:0 18px 40px #123f3510}.ia-card:focus-visible,.ia-close:focus-visible{outline:3px solid #bd923f;outline-offset:4px}.ia-card-title{font:400 1.7rem/1.2 Georgia,serif;margin:0 0 14px}.ia-summary{display:block;font-size:.94rem;color:var(--ia-muted);line-height:1.7;margin-bottom:26px}.ia-action{margin-top:auto;width:100%;border-top:1px solid #e3e9e3;padding-top:17px;display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700}.ia-action>span{font-size:1.3rem}.ia-destination{background:#f4f3ec}.ia-destination .ia-grid{grid-template-columns:1fr 1fr}.ia-destination .ia-card:first-child{background:var(--ia-green);color:white;border-color:var(--ia-green)}.ia-destination .ia-card:first-child .ia-kicker{color:#d8c79e}.ia-destination .ia-card:first-child .ia-summary{color:#d2e2da}.ia-destination .ia-card:first-child .ia-action{border-color:#ffffff30}.ia-support{background:#edf3ef}.ia-steps{grid-template-columns:repeat(5,minmax(0,1fr));margin:40px 0 55px}.ia-steps .ia-card{padding:23px;min-height:230px}.ia-steps .ia-card-title{font-size:1.4rem}.ia-steps .ia-summary{display:none}.faculty-card{border-radius:16px;text-align:left;align-items:flex-start;box-shadow:none;border:1px solid #d9e5dc;transition:transform .2s,box-shadow .2s}.faculty-card.blue{background:#174d40;color:#fff}.faculty-card.yellow{background:var(--yellow);color:#193c30}.faculty-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #143e351a}.faculty-name{font-family:Georgia,serif;font-weight:400;font-size:1.4rem}.programs-section{background:#fafbf8}.section-heading h2,.why-copy h2{color:var(--ia-green)}.ia-dialog{width:min(850px,calc(100% - 32px));max-height:88vh;max-height:88dvh;padding:0;border:0;border-radius:22px;color:#234638;box-shadow:0 30px 100px #0005;overflow:hidden}.ia-dialog[open]{display:flex;flex-direction:column}.ia-dialog::backdrop{background:#09271ecc;backdrop-filter:blur(7px)}.ia-dialog-top{background:var(--ia-green);color:white;padding:30px 34px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-shrink:0}.ia-dialog-top .ia-kicker{color:#dbc899;margin-bottom:8px}.ia-dialog-top h2{font:400 clamp(1.6rem,4vw,2.3rem)/1.2 Georgia,serif;margin:0}.ia-close{border:1px solid #ffffff50;border-radius:50%;flex-shrink:0;width:42px;height:42px;background:transparent;color:white;font-size:1.8rem;line-height:1}.ia-close:hover{background:#ffffff20}.ia-dialog-body{padding:30px 34px;overflow:auto;overscroll-behavior:contain;line-height:1.8}.ia-dialog-body p{margin-bottom:18px}.ia-dialog-footer{padding:20px 34px;background:#f2f4ee;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.82rem;flex-shrink:0}.ia-dialog-footer a{font-weight:700}.ia-dialog-open{overflow:hidden}.ia-note{background:#f3f0e6;border-left:3px solid var(--ia-gold);padding:16px 20px;font-size:.88rem;line-height:1.7;margin:20px 0}.fee-scroll{overflow-x:auto;margin:20px 0}.fee-scroll table{width:100%;min-width:530px;border-collapse:collapse;font-size:.88rem}.fee-scroll th{background:#edf3ef;color:#234638;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.fee-scroll td,.fee-scroll th{padding:14px;border-bottom:1px solid #dfe5df;text-align:left}.fee-scroll td:last-child{white-space:nowrap;font-weight:700}.final-cta{background:#123f35;color:#fff}.final-cta .ia-kicker{color:#d8c79e}
@media(max-width:1000px){.ia-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.ia-card{padding:24px}}@media(max-width:767px){.ia-section{padding:58px 8px}.ia-grid,.ia-destination .ia-grid{grid-template-columns:1fr}.ia-heading{margin-bottom:25px}.ia-card{min-height:235px;padding:25px}.ia-steps{grid-template-columns:1fr 1fr}.ia-dialog-top{padding:25px 22px}.ia-dialog-body{padding:23px 22px}.ia-dialog-footer{padding:18px 22px}}@media(max-width:480px){.ia-steps{grid-template-columns:1fr}.ia-steps .ia-card{min-height:185px}}@media(prefers-reduced-motion:reduce){.ia-card,.faculty-card{transition:none}}

.faculty-card{min-width:0}.faculty-name{overflow-wrap:anywhere}.faculty-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:767px){.faculty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faculty-name{font-size:1.15rem}}



/* Five discipline groups, retaining the green and yellow palette. */
.faculty-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.faculty-grid .faculty-card { grid-column: span 2; }
.faculty-grid .faculty-card:nth-child(4) { grid-column: 2 / span 2; }
.fee-scroll tbody th { background: transparent; text-transform: none; letter-spacing: normal; font-size: inherit; }
.fee-scroll caption { caption-side: top; color: #174d40; font-weight: 700; padding-bottom: 14px; }
@media (max-width: 991px) {
 .faculty-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
 .faculty-grid .faculty-card:nth-child(4) { grid-column: span 2; }
 .faculty-grid .faculty-card:last-child { grid-column: 2 / span 2; }
}
@media (max-width: 575px) {
 .faculty-grid { grid-template-columns: 1fr; }
 .faculty-grid .faculty-card, .faculty-grid .faculty-card:nth-child(4), .faculty-grid .faculty-card:last-child { grid-column: 1; }
}

/* Applicant, investment and admission cards. */
#eligibility .ia-card, #fees-living .ia-card, .ia-steps .ia-card {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0 8px 28px rgba(18,63,53,.055);
    font-family: 'Segoe UI', sans-serif;
    isolation: isolate;
}
#eligibility .ia-card, #fees-living .ia-card { padding: 32px; min-height: 355px; }
#eligibility .ia-card::before, #fees-living .ia-card::before {
    content: ''; position: absolute; width: 180px; height: 180px;
    border: 1px solid rgba(95,132,105,.14); border-radius: 50%;
    top: -92px; right: -52px; z-index: -1;
    box-shadow: 0 0 0 24px rgba(95,132,105,.035), 0 0 0 48px rgba(95,132,105,.025);
}
.ia-card-icon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 17px; background: #eaf0e8; color: #174d40; margin-bottom: 26px; }
.ia-card-icon svg { width: 29px; height: 29px; }
#eligibility .ia-card-title, #fees-living .ia-card-title { font-size: 1.9rem; letter-spacing: -.025em; }
#eligibility .ia-card:nth-child(2) { background: linear-gradient(145deg,#215848,#103d32); color: #fff; border-color: #215848; }
#eligibility .ia-card:nth-child(2) .ia-kicker { color: #e5d3a3; }
#eligibility .ia-card:nth-child(2) .ia-summary { color: #e0ebe5; }
#eligibility .ia-card:nth-child(2) .ia-card-icon { background: #ffffff14; color: #f1db9e; border: 1px solid #ffffff25; }
#eligibility .ia-card:nth-child(2) .ia-action { border-color: #ffffff30; }
#eligibility .ia-card:nth-child(3) { background: #f7f3e7; border-color: #e7dfcc; }
#eligibility .ia-card:nth-child(3) .ia-card-icon { background: #eae2cd; }
#fees-living { background: linear-gradient(180deg,#fff,#f5f6f0); }
#fees-living .ia-card { border-top: 4px solid #174d40; }
#fees-living .ia-card:nth-child(2) { border-top-color: #c4a55c; }
#fees-living .ia-card:nth-child(2) .ia-card-icon { background: #f4edd9; color: #755917; }
#fees-living .ia-card:nth-child(3) { border-top-color: #64978a; }
#eligibility .ia-action, #fees-living .ia-action, .ia-steps .ia-action { gap: 8px; font-size: .8rem; }
#eligibility .ia-action>span, #fees-living .ia-action>span, .ia-steps .ia-action>span { display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; width: 32px; height: 32px; transition: background .2s,transform .2s; }
#eligibility .ia-card:hover, #fees-living .ia-card:hover, .ia-steps .ia-card:hover { transform: translateY(-6px); box-shadow: 0 18px 38px #123f3518; }
#eligibility .ia-card:hover .ia-action>span, #fees-living .ia-card:hover .ia-action>span, .ia-steps .ia-card:hover .ia-action>span { transform: rotate(45deg); }
.ia-steps { counter-reset: admission-step; gap: 18px; }
.ia-steps .ia-card { counter-increment: admission-step; min-height: 290px; padding: 25px; background: linear-gradient(160deg,#ffffff,#eff4ee); border: 1px solid #d8e3d8; }
.ia-steps .ia-card::before { content: counter(admission-step, decimal-leading-zero); font: 400 3.6rem/1 Georgia,serif; color: #387360; margin-bottom: 23px; letter-spacing: -.06em; }
.ia-steps .ia-card .ia-kicker { display: none; }
.ia-steps .ia-card-title { font-size: 1.55rem; line-height: 1.2; letter-spacing: -.02em; }
.ia-steps .ia-card:last-child { background: linear-gradient(145deg,#215848,#103d32); color: white; border-color: #215848; }
.ia-steps .ia-card:last-child::before { color: #e5d3a3; }
.ia-steps .ia-card:last-child .ia-action { border-color: #ffffff30; }
@media(max-width:767px) {
    #eligibility .ia-card, #fees-living .ia-card { padding: 27px; min-height: 325px; }
    .ia-steps .ia-card { min-height: 260px; padding: 23px; }
}
@media(prefers-reduced-motion:reduce) {
    #eligibility .ia-action>span, #fees-living .ia-action>span, .ia-steps .ia-action>span { transition:none; }
}

.international-page{overflow:hidden}.international-page main{display:block}


/* Keep hero copy left and enquiry form right within the main site layout. */
@media (min-width: 992px) {
    .international-page .hero-inner > .row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    .international-page .hero-inner > .row > .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        order: 1;
    }
    .international-page .hero-inner > .row > .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        order: 2;
    }
}
@media (max-width: 991.98px) {
    .international-page .hero-inner > .row > [class*="col-"] {
        width: 100%;
        max-width: 100%;
    }
}

/* Clear the main site navigation and begin hero content below it. */
.international-page .hero,
.international-page .hero-inner {
    min-height: 760px;
}
.international-page .hero-inner {
    padding-top: 170px;
    padding-bottom: 70px;
}
@media (max-width: 991.98px) {
    .international-page .hero,
    .international-page .hero-inner {
        min-height: 680px;
    }
    .international-page .hero-inner {
        padding: 130px 20px 55px;
    }
}

/* September content refinements */
.international-page .hero-copy { max-width: 100%; }
.international-page .hero-inner > .row > .col-12 { flex: 0 0 100%; max-width: 100%; }
.international-page .hero-programs {
    color: #fff;
    background: transparent;
    padding: 0;
}
.international-page .hero-programs span { color: #fff; opacity: .7; }
.international-page #fees-living .ia-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 767px) {
    .international-page #fees-living .ia-grid { grid-template-columns: 1fr; }
}

/* Full-width hero content after removing the enquiry form. */
.international-page .hero-inner > .row { width: 100%; }
.international-page .hero-inner > .row > .col-12 { width: 100%; flex: 0 0 100%; max-width: 100%; }
.international-page .hero-copy,
.international-page .hero h1,
.international-page .hero-scholarship { max-width: none; width: 100%; }

/* In-page navigation at the foot of the international hero. */
.international-page section[id], .international-page button[id] { scroll-margin-top: 120px; }
.international-page .hero { padding-bottom: 220px; }
.international-page .hero-section-nav { position: absolute; z-index: 3; right: 0; bottom: 24px; left: 0; }
.international-page .hero-section-nav-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.international-page .hero-section-nav a { min-height: 78px; padding: 15px 16px; display: flex; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,.28); border-radius: 14px; color: #fff; background: rgba(10,49,41,.78); box-shadow: 0 10px 25px rgba(0,0,0,.16); backdrop-filter: blur(10px); font-size: .9rem; font-weight: 700; line-height: 1.3; text-decoration: none; transition: transform .2s ease, background-color .2s ease, border-color .2s ease; }
.international-page .hero-section-nav a span { flex: 0 0 auto; color: #ffe51c; font-size: .7rem; letter-spacing: .08em; }
.international-page .hero-section-nav a:hover, .international-page .hero-section-nav a:focus-visible { color: #123f35; background: #ffe51c; border-color: #ffe51c; transform: translateY(-3px); }
.international-page .hero-section-nav a:hover span, .international-page .hero-section-nav a:focus-visible span { color: #123f35; }
.international-page .international-contact-section { padding: 80px 0; background: #edf3ef; }
.international-page .international-contact-card { display: grid; grid-template-columns: 1.35fr 1fr; gap: 45px; padding: clamp(28px, 5vw, 58px); border-radius: 26px; color: #fff; background: #123f35; }
.international-page .international-contact-card .ia-kicker { color: #d8c79e; }
.international-page .international-contact-card h2 { font: 400 clamp(2rem,4vw,3.5rem)/1.1 Georgia,serif; }
.international-page .international-contact-links { display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.international-page .international-contact-links a { padding: 14px 18px; border: 1px solid rgba(255,255,255,.22); border-radius: 12px; color: #fff; text-decoration: none; overflow-wrap: anywhere; }
.international-page .international-contact-links a:hover { color: #123f35; background: #ffe51c; border-color: #ffe51c; }
@media (max-width: 991.98px) { .international-page .hero-section-nav-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .international-page .hero { padding-bottom: 395px; } .international-page .international-contact-card { grid-template-columns: 1fr; gap: 25px; } }
@media (max-width: 575.98px) { .international-page .hero { min-height: auto; padding-bottom: 32px; } .international-page .hero-section-nav { position: relative; bottom: auto; margin-top: -8px; } .international-page .hero-section-nav-grid { grid-template-columns: 1fr; } .international-page .hero-section-nav a { min-height: 58px; } }

/* Sticky single-row section navigation below the hero and fixed header. */
.international-page .hero { padding-bottom: 0; }
.international-page .hero-section-nav {
    position: sticky;
    top: var(--international-header-height, 145px);
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1020;
    width: 100%;
    padding: 10px 0;
    background: rgba(18,63,53,.97);
    box-shadow: 0 8px 24px rgba(6,35,29,.18);
    backdrop-filter: blur(12px);
}
.international-page .hero-section-nav .container { max-width: 100%; padding-inline: 14px; }
.international-page .hero-section-nav-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(145px, 1fr));
    gap: 8px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    scroll-snap-type: inline proximity;
}
.international-page .hero-section-nav a {
    min-height: 62px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    box-shadow: none;
    font-size: .76rem;
    scroll-snap-align: start;
}
@media (max-width: 991.98px) {
    .international-page .hero { padding-bottom: 0; }
    .international-page .hero-section-nav-grid { grid-template-columns: repeat(8, minmax(180px, 1fr)); }
}
@media (max-width: 575.98px) {
    .international-page .hero { padding-bottom: 0; }
    .international-page .hero-section-nav { position: sticky; top: var(--international-header-height, 92px); margin-top: 0; }
    .international-page .hero-section-nav-grid { grid-template-columns: repeat(8, minmax(185px, 1fr)); }
    .international-page .hero-section-nav a { min-height: 56px; }
}

/* Sticky requires ancestors not to create a private scroll container. */
.international-page { overflow: visible; }


/* Compact hero and larger centered navigation labels. */
.international-page .hero,
.international-page .hero-inner {
    min-height: 600px;
}
.international-page .hero-inner {
    padding-top: 145px;
    padding-bottom: 40px;
}
.international-page .hero-section-nav a {
    justify-content: center;
    min-height: 66px;
    padding: 11px 14px;
    font-size: .9rem;
    line-height: 1.25;
    text-align: center;
}
@media (max-width: 991.98px) {
    .international-page .hero,
    .international-page .hero-inner { min-height: 560px; }
    .international-page .hero-inner { padding: 125px 20px 38px; }
    .international-page .hero-section-nav a { font-size: .9rem; }
}
@media (max-width: 575.98px) {
    .international-page .hero,
    .international-page .hero-inner { min-height: 500px; }
    .international-page .hero-inner { padding: 115px 16px 32px; }
    .international-page .hero-section-nav a { min-height: 60px; font-size: .92rem; }
}

/* Further compact the hero so the full section-navigation row is visible. */
.international-page .hero,
.international-page .hero-inner { min-height: 500px; }
.international-page .hero-inner { padding-top: 130px; padding-bottom: 24px; }
@media (max-width: 991.98px) {
    .international-page .hero,
    .international-page .hero-inner { min-height: 470px; }
    .international-page .hero-inner { padding: 115px 20px 24px; }
}
@media (max-width: 575.98px) {
    .international-page .hero,
    .international-page .hero-inner { min-height: 440px; }
    .international-page .hero-inner { padding: 105px 16px 22px; }
}

/* Hero plus the section-link bar occupies exactly one viewport. */
.international-page {
    --international-section-nav-height: 86px;
}
.international-page .hero {
    height: calc(100svh - var(--international-section-nav-height));
    min-height: 0;
}
.international-page .hero-inner {
    height: 100%;
    min-height: 0;
    padding-top: var(--international-header-height, 130px);
    padding-bottom: 20px;
}
.international-page .hero-section-nav {
    height: var(--international-section-nav-height);
    box-sizing: border-box;
}
.international-page .hero-section-nav .container,
.international-page .hero-section-nav-grid { height: 100%; }
.international-page .hero-section-nav a { min-height: 0; height: 100%; }
@media (max-width: 575.98px) {
    .international-page { --international-section-nav-height: 78px; }
    .international-page .hero { height: calc(100svh - var(--international-section-nav-height)); min-height: 0; }
    .international-page .hero-inner { height: 100%; min-height: 0; padding: var(--international-header-height, 105px) 16px 18px; }
    .international-page .hero-section-nav { height: var(--international-section-nav-height); }
    .international-page .hero-section-nav a { min-height: 0; height: 100%; }
}

/* Keep the in-page navigation flush below the visible sticky header. */
.international-page .hero-section-nav {
    position: sticky;
    top: var(--international-header-height, 0px);
    z-index: 1025;
}

/* Disciplines: mirror the complete 2026 landing-page card layout. */
.international-page .programs-section { padding: 45px 16px 95px; background: #fafbf8; }
.international-page .programs-section .faculty-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.international-page .programs-section .faculty-card,
.international-page .programs-section .faculty-card:nth-child(4),
.international-page .programs-section .faculty-card:last-child { grid-column: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; width: 100%; min-width: 0; min-height: 230px; padding: 24px; border: 0; border-radius: 0; color: #000; cursor: pointer; font-family: Arial, sans-serif; font-size: clamp(1.05rem, 1.5vw, 1.45rem); font-weight: 500; line-height: 1.12; text-align: center; box-shadow: none; }
.international-page .programs-section .faculty-card.blue { background: var(--aqua-soft); color: #000; }
.international-page .programs-section .faculty-card.yellow { background: var(--yellow); color: #000; }
.international-page .programs-section .faculty-name { font-family: Arial, sans-serif; font-size: inherit; font-weight: 500; }
.international-page .programs-section .faculty-action { font-size: .72rem; }
.international-page .programs-section .hotel-card,
.international-page .programs-section .hotel-card:last-child { position: relative; grid-column: span 2; overflow: hidden; color: #fff; background: #111; }
.international-page .programs-section .hotel-card:hover,
.international-page .programs-section .hotel-card:focus-visible { color: #fff; }
.international-page .programs-section .hotel-card::after { position: absolute; inset: 0; content: ""; background: rgba(0, 0, 0, .34); }
.international-page .programs-section .hotel-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.international-page .programs-section .hotel-card span { position: relative; z-index: 1; }
.international-page .programs-section .faculty-card:hover { transform: translateY(-4px); box-shadow: 0 14px 24px rgba(0, 0, 0, .12); }
@media (max-width: 991.98px) { .international-page .programs-section .faculty-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
@media (max-width: 767.98px) { .international-page .programs-section .faculty-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .international-page .programs-section .faculty-card { min-height: 150px; padding: 14px; font-size: .96rem; } .international-page .programs-section .hotel-card, .international-page .programs-section .hotel-card:last-child { grid-column: span 2; min-height: 190px; } }
@media (max-width: 479.98px) { .international-page .programs-section .faculty-card { min-height: 135px; } }