:root {
  --brand-red: #c91f2e;
  --brand-red-dark: #991523;
  --brand-green: #137a48;
  --brand-green-dark: #07553a;
  --brand-gold: #f3b82f;
  --brand-navy: #12213f;
  --brand-ink: #182034;
  --brand-cream: #fffaf0;
  --surface: #f5f7f3;
  --muted: #657083;
  --border: #dfe5dc;
  --shadow: 0 16px 45px rgba(18, 33, 63, .12);
  --radius: 1.25rem;
}

html { scroll-behavior: smooth; }
body { color: var(--brand-ink); background: #fff; font-family: Arial, Helvetica, sans-serif; line-height: 1.65; overflow-x: hidden; }
img { max-width: 100%; height: auto; }
a { color: var(--brand-green-dark); }
a:hover { color: var(--brand-red-dark); }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 2000; padding: .7rem 1rem; background: #fff; color: #000; border-radius: .4rem; }
.skip-link:focus { top: 1rem; }
:focus-visible { outline: 3px solid var(--brand-gold); outline-offset: 3px; }
.topbar { background: var(--brand-navy); color: #fff; font-size: .9rem; }
.topbar a { color: #fff; text-decoration: none; }
.site-header { background: rgba(255,255,255,.97); border-bottom: 1px solid var(--border); }
.site-header.is-stuck { box-shadow: 0 8px 30px rgba(18,33,63,.1); }
.navbar-brand { color: var(--brand-navy); font-weight: 700; letter-spacing: -.02em; font-size: 1.55rem; }
.brand-burst { color: var(--brand-red); }
.nav-link { color: var(--brand-navy); font-weight: 700; }
.nav-link:hover, .nav-link.active { color: var(--brand-red); }
.dropdown-menu { border: 1px solid var(--border); box-shadow: var(--shadow); border-radius: .8rem; }
.course-nav { display:flex; align-items:center; position:relative; }
.course-nav .course-page-link { padding-right:.25rem; }
.course-dropdown-toggle { border:0; background:transparent; color:var(--brand-navy); padding:.5rem .5rem .5rem .15rem; }
.course-dropdown-toggle:hover, .course-dropdown-toggle:focus { color:var(--brand-red); }
.course-nav > .dropdown-menu { min-width:285px; padding:.65rem; overflow:visible; }
.course-nav .dropdown-item { border-radius:.5rem; color:var(--brand-navy); font-weight:600; padding:.65rem .8rem; }
.course-nav .dropdown-item:hover,
.course-nav .dropdown-item:focus { background:#f1f7f3; color:var(--brand-red-dark); }
.course-menu-group + .course-menu-group { border-top:1px solid var(--border); margin-top:.35rem; padding-top:.35rem; }
.course-nav .course-category { align-items:center; color:var(--brand-green-dark); display:flex; font-weight:700; justify-content:space-between; width:100%; }
.course-nav .course-category span { font-size:1.35rem; line-height:1; margin-left:1rem; }
.course-menu-group { position:relative; }
.course-submenu { display:none; list-style:none; margin:0; padding:.55rem; }
.course-submenu a { display:block; border-radius:.45rem; color:var(--brand-navy); font-size:.92rem; line-height:1.35; padding:.42rem .75rem; text-decoration:none; }
.course-submenu a:hover, .course-submenu a:focus { background:#fff7e4; color:var(--brand-red-dark); }
@media (min-width: 992px) {
  .course-nav > .dropdown-menu {
    inset:auto auto auto 0 !important;
    top:100% !important;
    transform:none !important;
    margin-top:0;
  }
  .course-nav:hover > .dropdown-menu,
  .course-nav:focus-within > .dropdown-menu { display:block; }
  .course-submenu {
    background:#fff;
    border:1px solid var(--border);
    border-radius:.8rem;
    box-shadow:var(--shadow);
    left:calc(100% + .45rem);
    min-width:285px;
    position:absolute;
    top:-.55rem;
  }
  .course-submenu::before { content:""; height:100%; left:-.5rem; position:absolute; top:0; width:.5rem; }
  .course-menu-group:hover > .course-submenu,
  .course-menu-group:focus-within > .course-submenu,
  .course-menu-group.submenu-open > .course-submenu { display:block; }
}
.btn { min-height: 46px; border-radius: .65rem; font-weight: 700; padding: .65rem 1rem; }
.btn-brand { background: var(--brand-red); color: #fff; border-color: var(--brand-red); }
.btn-brand:hover { background: var(--brand-red-dark); color: #fff; border-color: var(--brand-red-dark); }
.btn-outline-brand { border: 2px solid var(--brand-green-dark); color: var(--brand-green-dark); }
.btn-outline-brand:hover { background: var(--brand-green-dark); color: #fff; }
.eyebrow { color: var(--brand-red); font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
h1, h2, h3, h4 { color: var(--brand-navy); line-height: 1.16; font-weight: 750; letter-spacing: -.02em; }
h1 { font-size: clamp(2.4rem, 7vw, 5.6rem); }
h2 { font-size: clamp(1.8rem, 4vw, 3.25rem); }
.lead { color: #39445a; }
.hero { position: relative; background: linear-gradient(120deg, #fff9e9 0%, #f1f9ef 55%, #e7f3ee 100%); padding: clamp(4.5rem, 10vw, 8.5rem) 0; overflow: hidden; }
.hero::after { content:""; position:absolute; width:28rem; height:28rem; border-radius:50%; right:-10rem; top:-9rem; background: radial-gradient(circle, rgba(243,184,47,.35), transparent 66%); }
.hero-copy { position: relative; z-index: 1; }
.hero-mark { display: inline-flex; align-items:center; gap:.65rem; padding:.45rem .75rem; border:1px solid rgba(19,122,72,.24); background:rgba(255,255,255,.78); border-radius:999px; font-weight:800; color:var(--brand-green-dark); }
.hero-panel { position:relative; z-index:1; background:var(--brand-navy); color:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:clamp(1.35rem,4vw,2.4rem); }
.hero-panel h2, .hero-panel h3 { color:#fff; }
.hero-panel .stat { border-left:3px solid var(--brand-gold); padding-left:1rem; }
.section { padding: clamp(4rem, 8vw, 7rem) 0; }
.section-soft { background: var(--surface); }
.section-dark { background: var(--brand-navy); color: #fff; }
.section-dark h2, .section-dark h3, .section-dark a { color:#fff; }
.section-heading { max-width: 760px; margin-bottom: 2.5rem; }
.section h2.section-title-standard { font-size:clamp(2rem,4vw,3.1rem); line-height:1.15; font-weight:700; letter-spacing:-.025em; margin-top:0; margin-bottom:1rem; }
.section-heading .eyebrow + .section-title-standard { margin-top:.35rem; }
.card-clean { height:100%; border:1px solid var(--border); border-radius:var(--radius); background:#fff; padding:1.5rem; box-shadow:0 8px 28px rgba(18,33,63,.06); transition:transform .25s ease, box-shadow .25s ease; }
.card-clean:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.icon-tile { width:3.1rem; height:3.1rem; display:grid; place-items:center; border-radius:.85rem; background:#e7f3ee; color:var(--brand-green-dark); font-size:1.25rem; font-weight:700; }
.course-meta { display:flex; flex-wrap:wrap; gap:.45rem; }
.badge-soft { display:inline-flex; align-items:center; padding:.35rem .65rem; border-radius:999px; background:#fff2cb; color:#604400; font-weight:800; font-size:.8rem; }
.page-hero { padding:4rem 0 3.5rem; background:linear-gradient(120deg,var(--brand-navy),#173c48); color:#fff; }
.page-hero h1 { color:#fff; font-size:clamp(2.2rem,6vw,4.4rem); }
.breadcrumb { --bs-breadcrumb-divider-color:rgba(255,255,255,.55); --bs-breadcrumb-item-active-color:#fff; }
.breadcrumb a { color:#fff; }
.check-list { list-style:none; padding:0; }
.check-list li { position:relative; padding-left:1.8rem; margin:.7rem 0; }
.check-list li::before { content:"✓"; position:absolute; left:0; color:var(--brand-green); font-weight:700; }
.contact-strip { background:var(--brand-red); color:#fff; border-radius:var(--radius); padding:clamp(1.5rem,4vw,3rem); }
.contact-strip h2 { color:#fff; }
.contact-strip .btn { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; min-width:180px; padding:.75rem 1.35rem; white-space:nowrap; line-height:1.2; border-radius:.65rem; }
.course-confirmation-panel { padding:clamp(1.5rem,3vw,2.5rem); border:1px solid var(--border); border-radius:var(--radius); background:#fff; box-shadow:0 16px 38px rgba(18,33,63,.08); }
.course-confirmation-panel .lead { max-width:720px; }
.course-confirmation-section .contact-strip { margin-top:0 !important; }
.filter-bar { display:flex; flex-wrap:wrap; gap:.6rem; }
.filter-btn { border:1px solid var(--border); background:#fff; color:var(--brand-navy); border-radius:999px; min-height:44px; padding:.55rem .9rem; font-weight:800; }
.filter-btn.active, .filter-btn:hover { background:var(--brand-green-dark); color:#fff; border-color:var(--brand-green-dark); }
.course-item[hidden] { display:none !important; }
.table-results { min-width:680px; }
.table-results thead th { background:var(--brand-navy); color:#fff; }
.featured-students { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1.2rem; }
.student-card { position:relative; overflow:hidden; text-align:center; padding:1.25rem 1rem 1.4rem; background:#fff; border:1px solid var(--border); border-radius:1.25rem; box-shadow:0 14px 36px rgba(18,33,63,.09); }
.student-card::before { content:""; position:absolute; inset:0 0 auto; height:5px; background:linear-gradient(90deg,var(--brand-red),var(--brand-gold),var(--brand-green)); }
.student-photo { width:150px; height:150px; max-width:100%; margin:0 auto 1rem; border-radius:1rem; border:4px solid #fff; box-shadow:0 8px 24px rgba(18,33,63,.16); background-image:url('../images/banners/master-mind-promo.jpeg'); background-repeat:no-repeat; background-size:2097px 1049px; }
.photo-abhirup { background-position:-71px -424px; }
.photo-diptesh { background-position:-293px -424px; }
.photo-prapti { background-position:-517px -424px; }
.photo-shinjini { background-position:-743px -424px; }
.photo-aryan { background-position:-970px -424px; }
.student-card h3 { font-size:1.05rem; margin-bottom:.3rem; }
.student-card p { min-height:2.7em; margin-bottom:.7rem; color:var(--muted); font-size:.88rem; }
.student-card strong { display:inline-grid; place-items:center; min-width:74px; padding:.35rem .75rem; border-radius:999px; background:var(--brand-gold); color:var(--brand-navy); font-size:1.2rem; }
.result-table-wrap { border:1px solid var(--border); border-radius:1rem; overflow:auto; box-shadow:0 12px 34px rgba(18,33,63,.07); }
.result-table-wrap .table { margin:0; }
.result-table-wrap caption { caption-side:top; padding:1rem 1.2rem; color:var(--muted); background:#fff; }
.result-table-wrap tbody tr:nth-child(even) { background:#f5f8f4; }
.result-table-wrap tbody tr:hover { background:#fff3cf; }
.result-table-wrap td, .result-table-wrap th { padding:.75rem 1rem; border-color:#e4e9e2; }
.result-table-wrap tbody td:last-child { color:var(--brand-red-dark); font-weight:700; }
.source-card { border-left:5px solid var(--brand-gold); background:#fffaf0; padding:1.2rem; border-radius:.7rem; }
.enquiry-steps { counter-reset:enquiry-step; display:grid; gap:.8rem; list-style:none; margin:0; padding:0; }
.enquiry-steps li { align-items:flex-start; background:#fff; border:1px solid var(--border); border-radius:.85rem; display:grid; grid-template-columns:2.4rem minmax(0,1fr); min-width:0; padding:1rem; }
.enquiry-steps li::before { align-items:center; background:var(--brand-green-dark); border-radius:50%; color:#fff; content:counter(enquiry-step); counter-increment:enquiry-step; display:flex; font-weight:700; grid-row:1 / span 2; height:2rem; justify-content:center; margin-top:.1rem; width:2rem; }
.enquiry-steps strong { color:var(--brand-navy); }
.enquiry-steps span { color:var(--muted); font-size:.95rem; overflow-wrap:anywhere; }
.enquiry-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.5rem; }
.enquiry-info-grid { display:grid; gap:1rem; grid-template-columns:repeat(3,minmax(0,1fr)); min-width:0; }
.enquiry-info-grid .card-clean { min-height:100%; min-width:0; overflow-wrap:anywhere; }
.contact-detail-list { display:grid; gap:.8rem; }
.contact-detail-list article { background:#fff; border:1px solid var(--border); border-radius:.85rem; padding:1.1rem 1.2rem; }
.contact-detail-list h3 { font-size:1.15rem; margin:.2rem 0; }
.contact-detail-list h3 a { color:var(--brand-navy); text-decoration:none; }
.contact-detail-list h3 a:hover { color:var(--brand-red-dark); }
.contact-detail-list p { margin:0; }
.contact-detail-label { color:var(--brand-red); display:block; font-size:.74rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.visit-address { background:#fff; border:1px solid var(--border); border-radius:var(--radius); box-shadow:0 16px 38px rgba(18,33,63,.07); padding:clamp(1.25rem,3vw,2rem); }
.visit-address address { color:#39445a; font-style:normal; margin:0 0 1.25rem; }
.about-introduction { max-width:760px; }
.about-principles { margin-top:1.75rem; }
.about-principles .check-list { columns:2; column-gap:2rem; }
.about-principles .check-list li { break-inside:avoid; }
.gallery-placeholder { aspect-ratio:4/3; display:grid; place-items:center; text-align:center; border:2px dashed #a8b4a8; border-radius:var(--radius); background:#f7faf7; padding:2rem; }
.legal-copy { max-width:850px; }
.legal-copy h2 { margin-top:2.5rem; }
.accordion-button:not(.collapsed) { color:var(--brand-green-dark); background:#e7f3ee; }
.site-footer { background:#0c172d; color:#dce3ed; padding:4rem 0 1.5rem; }
.site-footer h3 { color:#fff; font-size:1.08rem; }
.site-footer a { color:#dce3ed; text-decoration:none; }
.site-footer a:hover { color:var(--brand-gold); }
.footer-list { list-style:none; padding:0; margin:0; }
.footer-list li { margin:.42rem 0; }
.back-to-top { position:fixed; right:1rem; bottom:1rem; width:48px; height:48px; border-radius:50%; border:0; background:var(--brand-red); color:#fff; box-shadow:var(--shadow); opacity:0; visibility:hidden; transform:translateY(12px); transition:.2s; z-index:1000; }
.back-to-top.show { opacity:1; visibility:visible; transform:none; }
.note { font-size:.92rem; color:var(--muted); }
.empty-state { max-width:720px; margin:auto; text-align:center; }
.error-code { font-size:clamp(5rem,22vw,13rem); color:var(--brand-red); line-height:.8; }

/* International presentation system — inspired by the reference site's layered rhythm. */
.topbar { background:#0b1830; border-bottom:1px solid rgba(255,255,255,.1); }
.topbar-grid { min-height:42px; display:grid; grid-template-columns:1.25fr 1fr auto; align-items:center; gap:1.5rem; }
.topbar-item { display:flex; align-items:center; gap:.45rem; color:#e8edf6; font-size:.78rem; letter-spacing:.01em; }
.topbar-phone { justify-content:flex-end; white-space:nowrap; }
.site-header { background:rgba(255,255,255,.98); }
.site-header .navbar { min-height:88px; }
.navbar-brand { display:flex; align-items:center; width:clamp(165px,17vw,230px); padding:0; }
.navbar-brand img { display:block; width:100%; height:auto; max-height:62px; object-fit:contain; }
.navbar-nav { gap:.3rem; }
.nav-link { position:relative; padding:.8rem .72rem !important; font-size:.91rem; }
.nav-link::after { content:""; position:absolute; left:.72rem; right:.72rem; bottom:.35rem; height:2px; background:var(--brand-red); transform:scaleX(0); transition:transform .2s ease; }
.nav-link:hover::after, .nav-link.active::after { transform:scaleX(1); }
.header-cta { border-radius:999px; padding:.72rem 1rem; }
.header-portal { border:1px solid var(--brand-green-dark); border-radius:999px; padding:.72rem 1rem; color:var(--brand-green-dark); background:#fff; }
.header-portal:hover, .header-portal:focus-visible { color:#fff; background:var(--brand-green-dark); border-color:var(--brand-green-dark); }

.home-slider { position:relative; background:#0e2039; color:#fff; }
.home-slider .carousel-item { position:relative; min-height:clamp(620px,72vw,780px); overflow:hidden; }
.home-slider .carousel-item > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.slide-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,21,40,.94) 0%,rgba(7,33,48,.8) 38%,rgba(7,33,48,.2) 70%,rgba(7,33,48,.08) 100%); }
.slide-content { position:relative; z-index:2; min-height:clamp(620px,72vw,780px); display:flex; flex-direction:column; justify-content:center; align-items:flex-start; max-width:1320px; padding-right:45%; }
.slide-kicker { display:inline-flex; padding:.45rem .8rem; margin-bottom:1.2rem; border:1px solid rgba(255,255,255,.28); border-radius:999px; color:#fff; font-size:.76rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; backdrop-filter:blur(8px); }
.slide-content h1, .slide-title { color:#fff; font-size:clamp(2.8rem,5.6vw,5.75rem); line-height:1.13; font-weight:700; letter-spacing:-.055em; max-width:850px; margin:0; }
.slide-content em { color:#bdf64a; font-style:normal; }
.slide-content p { max-width:690px; font-size:clamp(1.05rem,1.8vw,1.28rem); color:#ecf2f3; margin:1rem 0 2rem; }
.home-slider .carousel-control-prev, .home-slider .carousel-control-next { width:6%; }
.home-slider .carousel-indicators { justify-content:flex-start; margin-left:max(7%,calc((100% - 1320px)/2)); margin-bottom:2rem; }
.home-slider .carousel-indicators [data-bs-target] { width:42px; height:4px; border:0; border-radius:4px; }

.page-hero { position:relative; height:420px; min-height:420px; display:grid; align-items:end; overflow:hidden; padding:5.5rem 0 4rem; background:#10243e; isolation:isolate; }
.page-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(7,21,40,.94),rgba(7,31,46,.72) 52%,rgba(7,31,46,.2)); }
.page-hero-image { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:center; }
.page-hero .container { position:relative; max-width:1320px; }
.page-hero h1 { max-width:900px; }

.section { position:relative; }
.editorial-section-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr); gap:clamp(2rem,5vw,5rem); align-items:center; }
.editorial-section-grid.media-first { grid-template-columns:minmax(280px,.65fr) minmax(0,1.45fr); }
.editorial-section-grid.media-first .section-copy { order:2; }
.editorial-section-grid.media-first .section-art { order:1; }
.section-copy { min-width:0; }
.section-art { position:relative; width:100%; min-height:420px; height:min(44vw,560px); margin:0; overflow:hidden; border-radius:1.5rem; box-shadow:var(--shadow); }
.section-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,24,45,.78),rgba(10,24,45,.05) 68%); }
.section-art img { width:100%; height:100%; object-fit:cover; }
.section-art figcaption { position:absolute; left:1.5rem; right:1.5rem; bottom:1.5rem; z-index:2; color:#fff; font-size:clamp(1.1rem,2vw,1.55rem); font-weight:700; letter-spacing:-.02em; }
.section-dark .section-art { box-shadow:none; border:1px solid rgba(255,255,255,.16); }
.section-heading { max-width:850px; }
.card-clean { border-color:#e1e7e1; box-shadow:0 16px 38px rgba(18,33,63,.07); }

.site-footer { position:relative; background:#08152a; padding:5.5rem 0 0; }
.site-footer::before { content:""; position:absolute; inset:0; opacity:.12; background:radial-gradient(circle at 15% 20%,var(--brand-green),transparent 28%),radial-gradient(circle at 90% 10%,var(--brand-red),transparent 24%); }
.footer-main { position:relative; display:grid; grid-template-columns:1.5fr .75fr 1fr 1.15fr; gap:clamp(2rem,4vw,5rem); padding-bottom:4rem; }
.footer-statement { color:#fff; font-size:clamp(1.9rem,3vw,3rem); line-height:1.12; font-weight:700; letter-spacing:-.025em; margin:1.3rem 0; }
.footer-logo { display:block; width:min(250px,100%); }
.footer-logo img { display:block; width:100%; height:auto; object-fit:contain; }
.footer-discover { color:#bdf64a !important; font-weight:700; }
.ui-icon { width:1.05rem; height:1.05rem; flex:0 0 auto; }
.topbar .ui-icon { color:#bdf64a; }
.footer-contact { list-style:none; padding:0; margin:0 0 1rem; }
.footer-contact li { display:flex; align-items:flex-start; gap:.65rem; margin:.75rem 0; }
.footer-contact .ui-icon { color:#bdf64a; margin-top:.2rem; }
.contact-unconfirmed { opacity:.72; font-size:.86rem; }
.social-icons { display:flex; gap:.55rem; margin:1rem 0; }
.social-icons span { width:36px; height:36px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.25); border-radius:50%; color:#fff; opacity:.65; cursor:help; }
.social-icons .ui-icon { width:17px; height:17px; }
.serial-col { width:72px; text-align:center; white-space:nowrap; }
.footer-bottom { position:relative; border-top:1px solid rgba(255,255,255,.14); padding:1.25rem 0; display:flex; justify-content:space-between; gap:1rem; font-size:.8rem; }

@media (max-width: 991.98px) {
  .topbar-grid { grid-template-columns:1fr auto; }
  .topbar-hours { display:none; }
  .site-header .navbar { min-height:76px; }
  .navbar-collapse { border-top:1px solid var(--border); margin-top:.8rem; }
  .nav-link::after { display:none; }
  .slide-content { padding-right:14%; }
  .slide-overlay { background:linear-gradient(90deg,rgba(7,21,40,.95),rgba(7,31,46,.68)); }
  .footer-main { grid-template-columns:1.3fr 1fr; }
  .editorial-section-grid, .editorial-section-grid.media-first { grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr); gap:2rem; }
  .section-art { min-height:340px; }
  .featured-students { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 575.98px) {
  .topbar-grid { display:flex; justify-content:center; }
  .topbar-grid > :first-child, .topbar-hours { display:none; }
  .navbar-brand small { display:none; }
  .home-slider .carousel-item, .slide-content { min-height:680px; }
  .home-slider .carousel-item > img { object-position:62% center; }
  .slide-content { justify-content:flex-end; padding:3rem 1rem 6rem; }
  .slide-content h1, .slide-title { font-size:clamp(2.5rem,13vw,4rem); }
  .slide-content .btn { width:100%; }
  .home-slider .carousel-control-prev, .home-slider .carousel-control-next { display:none; }
  .page-hero { height:360px; min-height:360px; padding:4rem 0 3rem; }
  .editorial-section-grid, .editorial-section-grid.media-first { display:flex; flex-direction:column; align-items:stretch; }
  .editorial-section-grid.media-first .section-copy, .editorial-section-grid.media-first .section-art { order:initial; }
  .section-copy { order:1 !important; }
  .section-art { order:2 !important; width:100%; min-height:0; height:auto; aspect-ratio:16/10; border-radius:1rem; margin-top:.5rem; }
  .footer-main { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; }
  .featured-students { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
  .student-card { padding:1rem .65rem; }
  .student-photo { width:120px; height:120px; background-size:1678px 839px; }
  .photo-abhirup { background-position:-57px -339px; }
  .photo-diptesh { background-position:-234px -339px; }
  .photo-prapti { background-position:-414px -339px; }
  .photo-shinjini { background-position:-594px -339px; }
  .photo-aryan { background-position:-776px -339px; }
}

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