.light {
  --mainColor: #64bcf4;
  --hoverColor: #5bacdf;
  --backgroundColor: #f1f8fc;
  --darkOne: #312f3a;
  --darkTwo: #45424b;
  --lightOne: #919191;
  --lightTwo: #aaa;
}

/* 2026-06-05 hosted mdcoretest navbar fit: prevent logo/nav collision on wide screens. */
body:has(.premium-home-hero) header .container {
  display: grid !important;
  grid-template-columns: minmax(500px, 0.72fr) minmax(0, 1.28fr) !important;
  align-items: center !important;
  gap: clamp(18px, 2vw, 34px) !important;
}

body:has(.premium-home-hero) .logo {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 680px !important;
}

body:has(.premium-home-hero) .logo .brand-mark-link {
  flex: 0 0 clamp(92px, 6vw, 122px) !important;
  width: clamp(92px, 6vw, 122px) !important;
  height: clamp(92px, 6vw, 122px) !important;
}

body:has(.premium-home-hero) .logo .brand-text-link {
  min-width: 0 !important;
}

body:has(.premium-home-hero) .logo .brand-text-link h3 {
  font-size: clamp(34px, 2.55vw, 54px) !important;
  line-height: .82 !important;
  white-space: nowrap !important;
  letter-spacing: .025em !important;
}

body:has(.premium-home-hero) .logo .brand-text-link span {
  font-size: clamp(11px, .78vw, 16px) !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  letter-spacing: .18em !important;
}

body:has(.premium-home-hero) .nav-container {
  min-width: 0 !important;
  justify-content: flex-end !important;
  gap: clamp(12px, 1.2vw, 24px) !important;
}

body:has(.premium-home-hero) .links {
  min-width: 0 !important;
}

body:has(.premium-home-hero) .links ul {
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: clamp(12px, 1vw, 22px) !important;
}

body:has(.premium-home-hero) .links a:not(.btn) {
  font-size: clamp(14px, .9vw, 18px) !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

body:has(.premium-home-hero) .links .btn {
  min-width: clamp(150px, 9.5vw, 198px) !important;
  padding-inline: clamp(18px, 1.6vw, 30px) !important;
  font-size: clamp(14px, .92vw, 18px) !important;
}

body:has(.premium-home-hero) .nav-search,
body:has(.premium-home-hero) .nav-search:hover,
body:has(.premium-home-hero) .nav-search:focus-within {
  width: clamp(62px, 4.3vw, 82px) !important;
  height: clamp(62px, 4.3vw, 82px) !important;
  flex: 0 0 clamp(62px, 4.3vw, 82px) !important;
}

body:has(.premium-home-hero) .nav-search input {
  display: none !important;
}

body:has(.premium-home-hero) .bottom-area {
  flex: 0 0 auto !important;
}

@media (max-width: 1500px) {
  body:has(.premium-home-hero) header .container {
    display: flex !important;
  }

  body:has(.premium-home-hero) .logo {
    max-width: min(72vw, 680px) !important;
  }

  body:has(.premium-home-hero) .nav-container {
    display: none !important;
  }

  body:has(.premium-home-hero) .hamburger-menu {
    display: flex !important;
  }
}

.dark {
  --mainColor: #64bcf4;
  --hoverColor: #5bacdf;
  --backgroundColor: #192e3a;
  --darkOne: #f3f3f3;
  --darkTwo: #fff;
  --lightOne: #ccc;
  --lightTwo: #e7e3e3;
}

*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  font-family: "Poppins", sans-serif;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

img {
  width: 100%;
}

a {
  text-decoration: none;
}

.big-wrapper {
  /* position: relative; */
  padding: 1.7rem 0 2rem;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background-color: var(--backgroundColor);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.container {
  position: relative;
  max-width: 81rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 3rem;
  z-index: 10;
}
.nav-container{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex_container {
  display: flex;
  max-width: 81rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 3rem;
  z-index: 10;
}

.left_box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70%;
}

.right_box {
  width: 80%;
  display: flex;
  position: relative;
  right: 50px;
}

.image-box{
  height: 500px !important;
  position: relative;
  right: 12px;
}
.image-box img{
 width: 700px;
 position: relative;
 right: 150px;
 bottom: 100px;
}

header {
  position: relative;
  z-index: 70;
}

header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.overlay {
  display: none;
}

.logo {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.logo img {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  margin-right: 0.6rem;
  margin-top: -0.6rem;
}

.logo h3 {
  color: var(--darkTwo);
  font-size: 1.55rem;
  line-height: 1.2;
  font-weight: 700;
}

.links ul {
  display: flex;
  justify-content: center;
  list-style: none;
  align-items: center;
  padding: 0;
  margin: 0;
}

.links a {
  color: var(--lightTwo);
  margin-left: 4.5rem;
  display: inline-block;
  transition: 0.3s;
}

.links a:hover {
  color: var(--hoverColor);
  transform: scale(1.05);
}

.btn {
  display: inline-block;
  padding: 0.9rem 1.9rem;
  color: #fff !important;
  background-color: var(--mainColor);
  border-radius: 16px;
  text-transform: capitalize;
  transition: 0.3s;
}

.btn:hover {
  background-color: var(--hoverColor);
  transform: scale(1) !important;
}

.hamburger-menu {
  position: relative;
  z-index: 99;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  display: none;
}

.hamburger-menu .bar {
  position: relative;
  width: 100%;
  height: 3px;
  background-color: var(--darkTwo);
  border-radius: 3px;
  transition: 0.5s;
}

.bar::before,
.bar::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--darkTwo);
  border-radius: 3px;
  transition: 0.5s;
}

.bar::before {
  transform: translateY(-8px);
}

.bar::after {
  transform: translateY(8px);
}

.big-wrapper.active .hamburger-menu .bar {
  background-color: transparent;
}

.big-wrapper.active .bar::before {
  transform: translateY(0) rotate(-45deg);
}

.big-wrapper.active .bar::after {
  transform: translateY(0) rotate(45deg);
}

.showcase-area .container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  justify-content: center;
}

.big-title {
  font-size: 1.4rem;
  color: var(--darkOne);
  text-transform: capitalize;
  line-height: 1.4;
}

.text {
  color: var(--lightOne);
  font-size: 1.1rem;
  margin: 1.9rem 0 2.5rem;
  max-width: 600px;
  line-height: 2.3;
}

.showcase-area .btn {
  box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.05);
}

.person {
  width: 123%;
  transform: translate(15%, 25px);
}

.toggle-btn {
  display: inline-block;
  border: none;
  background: var(--darkTwo);
  color: var(--backgroundColor);
  outline: none;
  cursor: pointer;
  height: 39px;
  width: 39px;
  border-radius: 50%;
  font-size: 1.1rem;
  transition: 0.3s;
}

.toggle-btn i {
  line-height: 39px;
}

.toggle-btn:hover {
  background: var(--mainColor);
}

.big-wrapper.light .toggle-btn i:last-child {
  display: none;
}

.big-wrapper.light .toggle-btn i:first-child {
  display: block;
}

.big-wrapper.dark .toggle-btn i:last-child {
  display: block;
}

.big-wrapper.dark .toggle-btn i:first-child {
  display: none;
}

.shape {
  position: absolute;
  z-index: 0;
  width: 500px;
  bottom: -180px;
  left: -15px;
  opacity: 0.1;
}

.copy {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  animation: appear 1s 1 both;
}

@keyframes appear {
  0% {
    clip-path: circle(30% at -25% -25%);
  }

  100% {
    clip-path: circle(150% at 0 0);
  }
}

@media screen and (max-width: 870px) {
  .hamburger-menu {
    display: flex;
    background-color: var(--backgroundColor);
    border-radius: 10px;
    padding: 5px;
    
  }

  .links {
    position: fixed;
    top: 0;
    right: 0;
    max-width: 300px;
    width: 100%;
    height: 100%;
    background-color:#312f3a;
    color: var(--backgroundColor);
    z-index: 95;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(100%);
    transition: 0.5s;
  }

  .links ul {
    flex-direction: column;
    padding-bottom: 100px;;
    font-size: 23px;
  }

  .links ul li:first-child {
    margin-top: 70px;
  }

  .links a {
    color: #fff;
    margin-left: 0;
    padding: 2rem 0;
  }

  .links .btn {
    background: none;
    font-size: 23px;
  }

  .overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    pointer-events: none;
    transition: 0.5s;
  }

  .big-wrapper.active .links {
    transform: translateX(0);
    box-shadow: 0 0 50px 2px rgba(243, 237, 237, 0.4);
  }

  .big-wrapper.active .overlay {
    pointer-events: all;
    opacity: 1;
  }

  .showcase-area {
    padding: 2.5rem 0;
    max-width: 700px;
    margin: 0 auto;
  }

  .showcase-area .container {
    grid-template-columns: 1fr;
    justify-content: center;
    grid-gap: 2rem;
  }

  .big-title {
    font-size: 1.1rem;
  }

  .text {
    font-size: 0.95rem;
    margin: 1.4rem 0 1.5rem;
  }

  .person {
    width: 100%;
    transform: none;
  }

  .logo h3 {
    font-size: 1.25rem;
  }

  .shape {
    bottom: -180px;
    left: -150px;
  }
}

@media screen and (max-width: 470px) {
  .container {
    padding: 0 1.5rem;
  }

  .big-title {
    font-size: 0.9rem;
  }

  .text {
    margin: 1.1rem 0 1.5rem;
  }

  .showcase-area .btn {
    font-size: 0.8rem;
  }


  .image-box img{
    width: 450px;
    position: relative;
    top: -90px;
    right: 25px;
    bottom:150px;
   }

   .image-box{
    height: 300px !important;
   }
   .get-started{
    height: 400px !important;
   }

   .carousel-box {
    width: 90% !important;
  }

}


.show-cards .card{
  border-top: 10px solid rgb(107, 231, 163) !important;
  border-radius: 12px;
  margin: 2px;
  background: #f1f8fc49;
}
.dark .show-cards .card{
  border-top: 10px solid rgb(107, 231, 163) !important;
}

.show-cards p{
  color: var(--darkOne);
  text-align: justify;
  padding: 0 10px;
}

.show-cards .card:hover{
  transition: all 0.2s ease;
  transform: scale(105%);
}


.show-cards h3{
  color: var(--mainColor);
}

.card-container{
  margin-top: 100px !important;
  border-color: var(--darkTwo);
}



footer {
  background-color: #151618e7;
  padding: 50px 0;
  text-align: center;
}
.social-icons i {
  font-size: 24px;
  margin: 0 10px;
  color: whitesmoke;
  transition: color 0.3s ease;
}
.social-icons .facebook:hover {
  color: #0453a8;
  transition: all 0.2s ease;
  transform: scale(120%);
}
.social-icons .twitter:hover {
  color: #000000;
  transition: all 0.2s ease;
  transform: scale(120%);
}
.social-icons .instagram:hover {
  color: #ff2f5c;
  transition: all 0.2s ease;
  transform: scale(120%);
}
.social-icons .linked-in:hover {
  color: #007bff;
  transition: all 0.2s ease;
  transform: scale(120%);
}




.footer-links ul {
  list-style: none;
  padding: 0;
}
.footer-links ul li {
  display: inline-block;
  margin-right: 20px;
}
.footer-links ul li a {
  color: white;
  text-decoration: none;
  transition: color 0.3s ease;
}
.footer-links ul li a:hover {
  color: #007bff;
}

footer img{
  width: 40px !important;
  height: 40px !important;
  border-radius: 5px;
}

footer p{
  color: white;
}

.carousel-box {
  width: 75%;
}

.about-card{
  background-color: rgba(255, 255, 255, 0.171);
}
.about-card p{
  color: var(--darkOne);
}
.about-card h3{
  color: var(--darkOne);
}
.icon-hover i:hover{
  transition: all 0.2s ease;
  transform: scale(120%);
  color: rgb(47, 221, 126) ;
}

/* Premium public-site refresh */
.light {
  --mainColor: #b7791f;
  --hoverColor: #92400e;
  --backgroundColor: #f8fafc;
  --darkOne: #111827;
  --darkTwo: #243044;
  --lightOne: #5b6472;
  --lightTwo: #6b7280;
  --surface: rgba(255, 255, 255, 0.86);
  --line: rgba(17, 24, 39, 0.1);
}

.dark {
  --mainColor: #f4c76b;
  --hoverColor: #f59e0b;
  --backgroundColor: #080c16;
  --darkOne: #f8fafc;
  --darkTwo: #e5e7eb;
  --lightOne: #cbd5e1;
  --lightTwo: #d1d5db;
  --surface: rgba(15, 23, 42, 0.78);
  --line: rgba(255, 255, 255, 0.12);
}

body {
  color: var(--darkOne);
  background: var(--backgroundColor);
}

.big-wrapper {
  background:
    radial-gradient(circle at 12% 8%, rgba(183, 121, 31, 0.16), transparent 28%),
    radial-gradient(circle at 84% 14%, rgba(20, 184, 166, 0.12), transparent 28%),
    linear-gradient(180deg, var(--backgroundColor), #eef2f7 72%, #ffffff);
}

.big-wrapper.dark {
  background:
    radial-gradient(circle at 12% 8%, rgba(244, 199, 107, 0.15), transparent 26%),
    radial-gradient(circle at 86% 16%, rgba(45, 212, 191, 0.12), transparent 28%),
    linear-gradient(180deg, #080c16, #111827 72%, #0b1020);
}

header .container {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: var(--surface);
  backdrop-filter: blur(20px);
  box-shadow: 0 22px 70px rgba(15, 23, 42, 0.09);
}

.logo img {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  margin-top: 0;
  padding: 4px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
}

.logo h3 {
  font-size: 1rem;
  letter-spacing: 0;
}

.links a {
  color: var(--darkTwo);
  font-weight: 600;
  margin-left: 2.2rem;
}

.btn {
  border-radius: 14px;
  background: linear-gradient(135deg, #f7d992, #b7791f 58%, #78350f);
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow: 0 14px 30px rgba(183, 121, 31, 0.22);
  font-weight: 700;
}

.btn-outline-premium {
  color: var(--darkOne) !important;
  background: transparent;
  border: 1px solid var(--line);
  box-shadow: none;
}

.hero-section {
  padding: 3.5rem 3rem 2rem;
}

.get-started {
  min-height: 530px;
}

.eyebrow,
.section-kicker {
  display: inline-flex;
  align-items: center;
  color: var(--mainColor);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 0.9rem;
}

.section-kicker-light {
  color: #f8dfa1;
}

.big-title h1 {
  font-size: clamp(2.3rem, 5vw, 5rem);
  line-height: 1.02;
  font-weight: 800;
  color: var(--darkOne);
}

.text {
  color: var(--lightOne);
  line-height: 1.85;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
}

.trust-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1.5rem;
}

.trust-strip span {
  padding: 0.75rem 1rem;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface);
  color: var(--lightOne);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.trust-strip strong {
  color: var(--darkOne);
}

.premium-hero-art {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 530px;
  right: 0;
}

.image-box img.person {
  width: min(430px, 86vw);
  position: static;
  transform: none;
  padding: 28px;
  border-radius: 34px;
  background: var(--surface);
  border: 1px solid var(--line);
  box-shadow: 0 34px 90px rgba(15, 23, 42, 0.18);
}

.hero-badge {
  position: absolute;
  right: 3rem;
  bottom: 4.5rem;
  width: 210px;
  padding: 1rem;
  border-radius: 18px;
  background: rgba(17, 24, 39, 0.88);
  color: #fff;
  border: 1px solid rgba(250, 204, 21, 0.28);
  box-shadow: 0 24px 50px rgba(15, 23, 42, 0.22);
}

.hero-badge span {
  display: block;
  color: #f8dfa1;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.hero-badge strong {
  display: block;
  margin-top: 0.35rem;
}

.quick-access {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 4rem;
}

.quick-card {
  min-height: 92px;
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 1rem;
  border-radius: 18px;
  background: var(--surface);
  border: 1px solid var(--line);
  color: var(--darkOne);
  font-weight: 800;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
  transition: 0.22s ease;
}

.quick-card i {
  color: var(--mainColor);
  font-size: 1.35rem;
}

.quick-card:hover {
  color: var(--darkOne);
  transform: translateY(-4px);
  border-color: rgba(183, 121, 31, 0.32);
}

.management-section h2,
.achievements-section h2 {
  color: var(--darkOne);
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 800;
}

.management-card {
  border: 1px solid var(--line) !important;
  border-radius: 22px;
  overflow: visible;
  position: relative;
  padding-top: 60px;
  background: var(--surface);
  box-shadow: 0 22px 70px rgba(15, 23, 42, 0.1) !important;
}

.teacher-img {
  width: 116px;
  height: 116px;
  object-fit: cover;
  border: 6px solid #fff;
  margin-top: -82px;
  background: white;
}

.card-body h5 {
  font-weight: 800;
  font-size: 1.55rem;
  color: var(--darkOne);
}

.card-body p {
  font-size: 1rem;
  color: var(--lightOne);
}

.achievements-section {
  color: #fff;
  background:
    linear-gradient(135deg, rgba(8, 12, 22, 0.94), rgba(35, 27, 12, 0.94)),
    url("../images/carousel2.jpg") center/cover;
}

.achievements-section h2,
.achievements-section p {
  color: #fff;
}

.achievement-card {
  min-height: 178px;
  padding: 1.5rem;
  border-radius: 18px;
  text-align: center;
  background: rgba(255, 255, 255, 0.94);
  color: #111827;
  border: 1px solid rgba(250, 204, 21, 0.2);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
}

.achievement-card h1 {
  font-weight: 900;
}

.about-card {
  border-radius: 24px !important;
  background: var(--surface);
  border: 1px solid var(--line) !important;
  box-shadow: 0 26px 80px rgba(15, 23, 42, 0.12) !important;
}

.about-highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.3rem;
}

.about-highlights span {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.65rem 0.85rem;
  border-radius: 999px;
  background: rgba(183, 121, 31, 0.1);
  color: var(--darkOne);
  font-weight: 700;
}

.carousel-box .carousel,
.carousel-box img {
  border-radius: 24px;
  overflow: hidden;
}

.carousel-box img {
  max-height: 520px;
  object-fit: cover;
  box-shadow: 0 26px 80px rgba(15, 23, 42, 0.14);
}

footer {
  background: linear-gradient(135deg, #080c16, #15120a);
  color: #e5e7eb;
}

footer img {
  width: 150px !important;
  height: auto !important;
  max-width: 100%;
  margin-bottom: 1rem;
}

footer a {
  color: #f8dfa1;
}

@media screen and (max-width: 870px) {
  header .container {
    border-radius: 18px;
  }

  .links {
    background: rgba(8, 12, 22, 0.96);
    backdrop-filter: blur(18px);
  }

  .hero-section {
    padding: 2rem 1.5rem 1rem;
  }

  .get-started,
  .premium-hero-art {
    min-height: auto;
  }

  .quick-access {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
  }

  .hero-badge {
    right: 1.5rem;
    bottom: 1.5rem;
  }
}

@media screen and (max-width: 470px) {
  .big-title h1 {
    font-size: 2.35rem;
  }

  .hero-actions .btn {
    width: 100%;
    text-align: center;
  }

  .quick-access {
    grid-template-columns: 1fr;
  }

  .image-box img.person {
    width: 100%;
  }

  .premium-hero-art {
    flex-direction: column;
    align-items: stretch;
    height: auto !important;
  }

  .hero-badge {
    position: static;
    width: 100%;
    margin-top: -1rem;
  }
}

/* Premium homepage composition */
.big-wrapper {
  justify-content: flex-start;
  gap: 1.65rem;
  background:
    linear-gradient(135deg, rgba(8, 18, 35, 0.04), rgba(255, 255, 255, 0) 34%),
    linear-gradient(180deg, #f8fafc 0%, #eef5f9 58%, #ffffff 100%);
}

.big-wrapper.dark {
  background:
    linear-gradient(135deg, rgba(244, 199, 107, 0.08), rgba(255, 255, 255, 0) 34%),
    linear-gradient(180deg, #070b14 0%, #111827 64%, #080c16 100%);
}

.shape {
  display: none;
}

header {
  padding-top: 1.1rem;
}

header .container {
  max-width: 75rem;
  border-radius: 8px;
  padding: 0.78rem 1rem;
}

.logo h3 {
  color: var(--darkOne);
  font-size: clamp(0.88rem, 1.4vw, 1.05rem);
  white-space: nowrap;
}

.links a {
  font-size: 0.9rem;
}

.toggle-btn {
  box-shadow: inset 0 0 0 1px var(--line);
}

.premium-home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5.5rem);
  padding-top: clamp(1.25rem, 3.4vw, 3rem);
  padding-bottom: 0.7rem;
}

.hero-copy-panel {
  max-width: 610px;
}

.hero-visual-panel {
  position: relative;
}

.premium-home-hero .big-title {
  text-transform: none;
}

.premium-home-hero .big-title h1:first-child {
  color: #0f2742;
  white-space: nowrap;
}

.dark .premium-home-hero .big-title h1:first-child {
  color: #ffffff;
}

.premium-home-hero .big-title h1 {
  font-size: clamp(2.15rem, 3.75vw, 3.85rem);
  letter-spacing: 0;
  line-height: 1.01;
}

.premium-home-hero .text {
  max-width: 560px;
  margin: 1rem 0 0.9rem;
  font-size: 1rem;
}

.hero-points {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin: 1rem 0 0;
}

.hero-points span {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 0.74rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--darkTwo);
  background: rgba(255, 255, 255, 0.72);
  font-size: 0.84rem;
  font-weight: 700;
}

.dark .hero-points span {
  background: rgba(15, 23, 42, 0.72);
}

.hero-points i,
.quick-card i,
.premium-insights i {
  color: #0f766e;
}

.campus-frame {
  position: relative;
  min-height: clamp(320px, 34vw, 470px);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(15, 39, 66, 0.12);
  box-shadow: 0 34px 90px rgba(15, 39, 66, 0.2);
  background: #0f2742;
}

.campus-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(10, 22, 38, 0.56), rgba(10, 22, 38, 0.05) 58%),
    linear-gradient(180deg, rgba(10, 22, 38, 0), rgba(10, 22, 38, 0.48));
}

.campus-frame > img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  display: block;
  transform: scale(1.02);
}

.campus-frame video {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  display: block;
  transform: scale(1.01);
}

.video-frame {
  background:
    radial-gradient(circle at 50% 30%, rgba(199, 150, 55, 0.18), transparent 34%),
    #07111f;
}

.campus-overlay-card {
  position: absolute;
  left: 1.25rem;
  bottom: 1.25rem;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.9rem;
  max-width: calc(100% - 2.5rem);
  padding: 0.9rem 1rem;
  border-radius: 8px;
  color: #fff;
  background: rgba(8, 18, 35, 0.86);
  border: 1px solid rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(16px);
}

.campus-overlay-card img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
  padding: 4px;
}

.campus-overlay-card span {
  display: block;
  color: #f4c76b;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.campus-overlay-card strong {
  display: block;
  font-size: 0.96rem;
}

.premium-home-hero .hero-badge {
  right: -0.8rem;
  bottom: 2.2rem;
  border-radius: 8px;
  background: #ffffff;
  color: #111827;
  border: 1px solid rgba(15, 39, 66, 0.12);
}

.dark .premium-home-hero .hero-badge {
  background: #111827;
  color: #ffffff;
}

.premium-home-hero .hero-badge span {
  color: #0f766e;
}

.premium-insights {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.95rem;
}

.premium-insights article,
.quick-card,
.management-card,
.achievement-card,
.premium-opinion {
  border-radius: 8px;
}

.premium-insights article {
  min-height: 185px;
  padding: 1.25rem;
  background: var(--surface);
  border: 1px solid var(--line);
  box-shadow: 0 18px 55px rgba(15, 39, 66, 0.08);
}

.premium-insights i {
  font-size: 1.45rem;
  margin-bottom: 0.95rem;
}

.premium-insights h3 {
  color: var(--darkOne);
  font-size: 1.05rem;
  font-weight: 800;
  margin-bottom: 0.55rem;
}

.premium-insights p {
  color: var(--lightOne);
  font-size: 0.92rem;
  line-height: 1.7;
  margin: 0;
}

.quick-access {
  margin-top: 0.3rem;
  margin-bottom: 3.7rem;
}

.quick-card {
  align-items: flex-start;
}

.quick-card span,
.quick-card small {
  display: block;
}

.quick-card small {
  margin-top: 0.18rem;
  color: var(--lightOne);
  font-weight: 500;
  line-height: 1.45;
}

.management-section {
  padding-top: 1.5rem !important;
}

.management-section .row {
  row-gap: 1.2rem;
}

.management-card {
  height: 100%;
  border: 1px solid var(--line) !important;
}

.teacher-img {
  width: 150px;
  height: 150px;
}

.management-card .text-warning {
  color: #b7791f !important;
  letter-spacing: 0.08em;
}

.achievements-section {
  margin-top: 2.5rem;
  background:
    linear-gradient(135deg, rgba(8, 18, 35, 0.95), rgba(14, 87, 80, 0.88)),
    url("../images/carousel2.jpg") center/cover;
}

.achievements-section img {
  border-radius: 8px !important;
  max-height: 340px;
  width: 100%;
  object-fit: cover;
}

.premium-opinion {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.75fr);
  gap: 2rem;
  align-items: center;
  margin-top: 4rem;
  margin-bottom: 2rem;
  padding: clamp(1.4rem, 3vw, 2.3rem);
  background: #0f2742;
  color: #fff;
  border: 1px solid rgba(244, 199, 107, 0.24);
  box-shadow: 0 28px 80px rgba(15, 39, 66, 0.18);
}

.premium-opinion h2 {
  color: #fff;
  font-weight: 850;
  line-height: 1.12;
  margin: 0;
}

.premium-opinion p {
  color: #dbeafe;
  line-height: 1.8;
  margin: 0;
}

.carousel-box {
  width: min(75rem, calc(100% - 3rem));
  margin-bottom: 4rem;
}

.carousel-box .carousel,
.carousel-box img {
  border-radius: 8px;
}

@media screen and (max-width: 1080px) {
  .premium-home-hero {
    grid-template-columns: 1fr;
  }

  .hero-copy-panel {
    max-width: 760px;
  }

  .premium-home-hero .hero-badge {
    right: 1rem;
  }

  .premium-insights,
  .quick-access {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 870px) {
  header {
    padding-top: 0.75rem;
  }

  header .container {
    padding: 0.72rem 1rem;
  }

  .premium-home-hero {
    padding-top: 1.4rem;
    gap: 1.5rem;
  }

  .campus-frame {
    min-height: 360px;
  }

  .premium-home-hero .hero-badge {
    position: static;
    width: 100%;
    margin-top: 0.8rem;
  }

  .premium-opinion {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 560px) {
  .container {
    padding: 0 1rem;
  }

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

  .logo h3 {
    font-size: 0.78rem;
  }

  .premium-home-hero .big-title h1 {
    font-size: 2.25rem;
  }

  .premium-home-hero .big-title h1:first-child {
    white-space: normal;
  }

  .hero-points,
  .trust-strip,
  .hero-actions {
    flex-direction: column;
  }

  .hero-points span,
  .trust-strip span,
  .hero-actions .btn {
    width: 100%;
  }

  .premium-insights,
  .quick-access {
    grid-template-columns: 1fr;
  }

  .campus-frame {
    min-height: 300px;
  }

  .campus-overlay-card {
    left: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    max-width: none;
  }

  .teacher-img {
    width: 124px;
    height: 124px;
  }

  .carousel-box {
    width: calc(100% - 2rem) !important;
  }
}

/* Full-width luxury public site pass */
body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.light {
  --mainColor: #c79637;
  --hoverColor: #9f6f1f;
  --backgroundColor: #f7f8fb;
  --darkOne: #101827;
  --darkTwo: #1c2a3f;
  --lightOne: #5c6675;
  --lightTwo: #687386;
  --surface: rgba(255, 255, 255, 0.92);
  --line: rgba(16, 24, 39, 0.12);
}

.big-wrapper {
  gap: 0;
  padding-top: 0;
  background:
    linear-gradient(90deg, rgba(12, 21, 36, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, #f8fafc 0%, #eef3f7 58%, #ffffff 100%);
  background-size: 72px 72px, auto;
}

header {
  padding: 1.25rem 0 0;
}

header .container,
.container {
  max-width: min(1760px, calc(100% - 5rem));
}

header .container {
  padding: 0.75rem 1rem;
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(16, 24, 39, 0.09);
  box-shadow: 0 24px 70px rgba(16, 24, 39, 0.08);
}

.logo img {
  width: 54px;
  height: 54px;
}

.logo h3 {
  font-weight: 900;
  color: #10243d;
}

.nav-container {
  flex: 1;
  justify-content: flex-end;
}

.links ul {
  gap: clamp(0.5rem, 1vw, 1rem);
}

.links a {
  margin-left: 0;
  color: #1c2a3f;
  font-size: 0.86rem;
  font-weight: 800;
  white-space: nowrap;
}

.links .btn {
  padding: 0.9rem 1.2rem;
}

.nav-search {
  display: flex;
  align-items: center;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  transition: width 0.2s ease, border-color 0.2s ease;
}

.nav-search:focus-within {
  width: 190px;
  border-color: rgba(199, 150, 55, 0.58);
}

.nav-search input {
  min-width: 0;
  width: 0;
  border: 0;
  outline: 0;
  padding: 0;
  color: #101827;
  font-weight: 700;
  background: transparent;
}

.nav-search:focus-within input {
  width: 145px;
  padding-left: 0.85rem;
}

.nav-search button {
  width: 44px;
  height: 44px;
  border: 0;
  color: #10243d;
  background: transparent;
  flex: 0 0 44px;
}

.premium-home-hero {
  min-height: calc(100vh - 105px);
  grid-template-columns: minmax(0, 1fr) minmax(440px, 0.92fr);
  gap: clamp(2.5rem, 5.5vw, 7rem);
  padding-top: clamp(2rem, 4vw, 4.5rem);
  padding-bottom: clamp(2rem, 4vw, 4.5rem);
}

.hero-copy-panel {
  max-width: 780px;
}

.premium-home-hero .big-title h1 {
  font-size: clamp(3.4rem, 5.35vw, 7.1rem);
  line-height: 0.95;
  color: #101827;
}

.premium-home-hero .text {
  max-width: 680px;
  font-size: clamp(1.03rem, 1.15vw, 1.26rem);
  line-height: 1.8;
}

.eyebrow,
.section-kicker {
  color: #a36f1f;
}

.hero-actions {
  margin-top: 1.4rem;
}

.btn {
  border-radius: 8px;
  background: linear-gradient(135deg, #f5d78d 0%, #c79637 48%, #7b4f16 100%);
  box-shadow: 0 18px 42px rgba(123, 79, 22, 0.24);
}

.btn-outline-premium {
  color: #10243d !important;
  background: rgba(255, 255, 255, 0.82);
}

.hero-points span,
.trust-strip span,
.quick-card,
.premium-insights article {
  background: rgba(255, 255, 255, 0.9);
}

.campus-frame {
  min-height: clamp(440px, 46vw, 720px);
  box-shadow: 0 42px 110px rgba(16, 24, 39, 0.22);
}

.campus-frame > img {
  filter: saturate(1.02) contrast(1.02);
}

.campus-frame video {
  filter: saturate(1.05) contrast(1.05);
}

.video-frame {
  aspect-ratio: 16 / 9;
  min-height: auto !important;
}

.video-frame video {
  object-fit: contain;
  background: #07111f;
}

.premium-home-hero .hero-badge {
  right: 1.4rem;
  bottom: 1.4rem;
  width: min(340px, calc(100% - 2.8rem));
}

.premium-insights,
.quick-access {
  max-width: min(1760px, calc(100% - 5rem));
}

.premium-insights article {
  min-height: 160px;
}

.quick-access {
  margin-top: 1.25rem;
}

.management-section,
.achievements-section {
  scroll-margin-top: 120px;
}

.public-page {
  min-height: 100vh;
}

.public-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 6rem);
  min-height: calc(72vh - 80px);
  padding-top: clamp(2.5rem, 5vw, 5rem);
  padding-bottom: 2rem;
}

.public-hero h1 {
  max-width: 980px;
  color: #101827;
  font-size: clamp(3rem, 5.4vw, 6.4rem);
  line-height: 0.96;
  font-weight: 900;
  margin-bottom: 1.2rem;
}

.public-hero p {
  max-width: 760px;
  color: var(--lightOne);
  font-size: clamp(1.05rem, 1.25vw, 1.25rem);
  line-height: 1.85;
}

.public-hero img {
  width: 100%;
  max-height: 560px;
  object-fit: contain;
  border-radius: 8px;
  filter: drop-shadow(0 30px 70px rgba(16, 24, 39, 0.14));
}

.about-hero img {
  background: #fff;
  padding: 2rem;
}

.contact-panel,
.luxury-grid article,
.process-timeline article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 22px 70px rgba(16, 24, 39, 0.08);
}

.contact-panel {
  padding: clamp(1.4rem, 3vw, 2.4rem);
}

.contact-panel h2 {
  color: #10243d;
  font-weight: 900;
  margin-bottom: 1rem;
}

.contact-panel p {
  font-size: 1rem;
  margin-bottom: 0.9rem;
}

.contact-panel i {
  width: 24px;
  color: #0f766e;
}

.luxury-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  padding-bottom: 4rem;
}

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

.luxury-grid article {
  padding: clamp(1.25rem, 2vw, 2rem);
}

.luxury-grid i {
  color: #0f766e;
  font-size: 1.65rem;
  margin-bottom: 1rem;
}

.luxury-grid h2,
.process-timeline h2 {
  color: #101827;
  font-size: 1.25rem;
  font-weight: 900;
}

.luxury-grid p,
.process-timeline p {
  color: var(--lightOne);
  line-height: 1.75;
  margin: 0;
}

.text-link {
  display: inline-block;
  margin-top: 1rem;
  color: #0f766e;
  font-weight: 900;
}

.process-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  padding-bottom: 4rem;
}

.process-timeline article {
  padding: 1.4rem;
}

.process-timeline span {
  display: inline-flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: #10243d;
  font-weight: 900;
  margin-bottom: 1rem;
}

@media screen and (max-width: 1180px) {
  .hamburger-menu {
    display: flex;
    background-color: var(--backgroundColor);
    border-radius: 8px;
    padding: 5px;
  }

  .links {
    position: fixed;
    top: 0;
    right: 0;
    max-width: 360px;
    width: 100%;
    height: 100%;
    background: rgba(8, 12, 22, 0.98);
    color: var(--backgroundColor);
    z-index: 95;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(100%);
    transition: 0.35s;
  }

  .links ul {
    flex-direction: column;
    align-items: stretch;
    width: 78%;
    gap: 0.2rem;
  }

  .links a {
    color: #fff;
    padding: 0.9rem 0;
    font-size: 1rem;
  }

  .links .btn {
    text-align: center;
  }

  .nav-search,
  .nav-search:focus-within {
    width: 100%;
  }

  .nav-search input,
  .nav-search:focus-within input {
    width: 100%;
    padding-left: 0.85rem;
  }

  .big-wrapper.active .links {
    transform: translateX(0);
  }

  .big-wrapper.active .overlay {
    pointer-events: all;
    opacity: 1;
  }

  .premium-home-hero,
  .public-hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .premium-home-hero .big-title h1 {
    font-size: clamp(2.8rem, 9vw, 4.6rem);
  }

  .campus-frame {
    min-height: 420px;
  }

  .premium-insights,
  .quick-access,
  .luxury-grid,
  .process-timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 640px) {
  header .container,
  .container,
  .premium-insights,
  .quick-access {
    max-width: calc(100% - 2rem);
    padding-left: 0;
    padding-right: 0;
  }

  .logo h3 {
    white-space: normal;
    line-height: 1.1;
  }

  .premium-home-hero {
    padding-top: 1.8rem;
  }

  .premium-home-hero .big-title h1,
  .public-hero h1 {
    font-size: clamp(2.3rem, 13vw, 3.2rem);
    line-height: 1;
  }

  .campus-frame {
    min-height: 300px;
  }

  .premium-insights,
  .quick-access,
  .luxury-grid,
  .process-timeline {
    grid-template-columns: 1fr;
  }

  .public-hero {
    padding-top: 2rem;
  }
}

@media screen and (min-width: 1181px) and (max-width: 1450px) {
  .premium-home-hero {
    grid-template-columns: minmax(0, 1.05fr) minmax(380px, 0.8fr);
    gap: 2.5rem;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
  }

  .premium-home-hero .big-title h1 {
    font-size: clamp(2.7rem, 4.2vw, 3.8rem);
  }

  .premium-home-hero .text {
    font-size: 0.98rem;
    line-height: 1.65;
    margin: 0.85rem 0;
  }

  .hero-actions {
    margin-top: 1rem;
  }

  .hero-points {
    margin-top: 0.75rem;
  }

  .trust-strip {
    margin-top: 0.9rem;
  }

  .hero-points span,
  .trust-strip span {
    padding: 0.48rem 0.65rem;
  }

  .campus-frame {
    min-height: 430px;
  }
}

/* Subtle academy aesthetic refresh */
:root {
  --academy-ink: #142238;
  --academy-ink-soft: #22344c;
  --academy-gold: #c99b45;
  --academy-cream: #f5efe4;
  --academy-paper: #fbfaf7;
  --academy-teal: #1f766f;
}

.light {
  --mainColor: var(--academy-gold);
  --hoverColor: #9f762d;
  --backgroundColor: var(--academy-paper);
  --darkOne: var(--academy-ink);
  --darkTwo: var(--academy-ink-soft);
  --lightOne: #667085;
  --lightTwo: #6f7a8a;
  --surface: rgba(255, 255, 255, 0.88);
  --line: rgba(20, 34, 56, 0.11);
}

.big-wrapper {
  background:
    linear-gradient(90deg, rgba(20, 34, 56, 0.035) 1px, transparent 1px),
    radial-gradient(circle at 12% 16%, rgba(201, 155, 69, 0.11), transparent 25%),
    linear-gradient(180deg, #fbfaf7 0%, #f4efe6 58%, #fffdf8 100%);
  background-size: 74px 74px, auto, auto;
}

header .container {
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(20px);
}

.logo img {
  object-fit: contain;
  background: #fff;
}

.links a {
  color: var(--academy-ink);
}

.links .btn,
.hero-actions .btn,
.public-inquiry-form .btn {
  color: #fff !important;
  background: linear-gradient(135deg, #ebc56f, #bd8832 56%, #805719);
  box-shadow: 0 16px 36px rgba(128, 87, 25, 0.22);
}

.btn-outline-premium {
  color: var(--academy-ink) !important;
  background: rgba(255, 255, 255, 0.74) !important;
  border: 1px solid rgba(20, 34, 56, 0.12);
}

.toggle-btn {
  color: #f8e6bb;
  background: var(--academy-ink);
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(20, 34, 56, 0.2);
}

.nav-search {
  background: rgba(255, 255, 255, 0.86);
  border-radius: 12px;
}

.campus-frame,
.premium-opinion,
.public-hero img,
.school-story,
.slide-highlights article,
.branch-locator-grid article,
.inquiry-section,
.admission-info-grid article {
  border-radius: 14px;
}

.campus-frame::after {
  background:
    linear-gradient(180deg, rgba(7, 17, 31, 0), rgba(7, 17, 31, 0.18)),
    linear-gradient(90deg, rgba(7, 17, 31, 0.18), rgba(7, 17, 31, 0.03) 60%);
}

.achievement-logo {
  background: #fff;
  padding: clamp(1.2rem, 2vw, 2.2rem);
  object-fit: contain !important;
}

.school-story {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(420px, 1fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  padding: clamp(1.4rem, 3vw, 2.6rem);
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid var(--line);
  box-shadow: 0 22px 70px rgba(20, 34, 56, 0.08);
}

.school-story h2,
.inquiry-section h2 {
  color: var(--academy-ink);
  font-size: clamp(2rem, 3.6vw, 4.4rem);
  line-height: 1.02;
  font-weight: 900;
}

.school-story p,
.inquiry-section p {
  color: var(--lightOne);
  line-height: 1.8;
}

.story-photo-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.8rem;
}

.story-photo-grid img {
  width: 100%;
  height: clamp(180px, 17vw, 280px);
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(20, 34, 56, 0.14);
}

.story-photo-grid img:first-child {
  grid-column: span 2;
}

.slide-highlights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 4rem;
}

.slide-highlights article {
  overflow: hidden;
  background: var(--academy-ink);
  border: 1px solid rgba(201, 155, 69, 0.28);
  box-shadow: 0 22px 70px rgba(20, 34, 56, 0.12);
}

.slide-highlights img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

.slide-highlights div {
  padding: 1rem;
  color: #fff;
}

.slide-highlights span {
  display: block;
  color: #efd293;
  font-weight: 900;
  margin-bottom: 0.35rem;
}

.slide-highlights p {
  color: #e5edf5;
  margin: 0;
}

.admission-hero img,
.locate-hero img {
  object-fit: cover;
  background: var(--academy-ink);
  box-shadow: 0 24px 80px rgba(20, 34, 56, 0.16);
}

.admission-info-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

.admission-info-grid article {
  padding: 1.4rem;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid var(--line);
  box-shadow: 0 18px 48px rgba(20, 34, 56, 0.07);
}

.admission-info-grid i {
  color: var(--academy-teal);
  font-size: 1.5rem;
  margin-bottom: 0.8rem;
}

.admission-info-grid h2 {
  color: var(--academy-ink);
  font-weight: 900;
  font-size: 1.15rem;
}

.admission-info-grid p {
  color: var(--lightOne);
  margin: 0;
  line-height: 1.7;
}

.inquiry-section {
  display: grid;
  grid-template-columns: minmax(0, 0.75fr) minmax(420px, 1fr);
  gap: 2rem;
  align-items: start;
  padding: clamp(1.4rem, 3vw, 2.4rem);
  margin-bottom: 4rem;
  background: rgba(20, 34, 56, 0.96);
  color: #fff;
  box-shadow: 0 24px 80px rgba(20, 34, 56, 0.18);
}

.inquiry-section h2,
.inquiry-section p {
  color: #fff;
}

.public-inquiry-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.public-inquiry-form input,
.public-inquiry-form select,
.public-inquiry-form textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 12px;
  padding: 0.95rem 1rem;
  background: rgba(255,255,255,0.94);
  color: var(--academy-ink);
  font-weight: 700;
}

.public-inquiry-form textarea {
  grid-column: 1 / -1;
  min-height: 110px;
}

.public-inquiry-form button {
  border: 0;
}

.form-alert {
  padding: 0.9rem 1rem;
  border-radius: 12px;
  margin-top: 1rem;
  font-weight: 900;
}

.form-alert.success {
  background: #ecfdf5;
  color: #047857;
}

.form-alert.error {
  background: #fef2f2;
  color: #b91c1c;
}

.branch-locator-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  padding-bottom: 4rem;
}

.branch-locator-grid article {
  overflow: hidden;
  background: rgba(255,255,255,0.86);
  border: 1px solid var(--line);
  box-shadow: 0 22px 70px rgba(20,34,56,.08);
}

.branch-copy {
  padding: 1.3rem;
}

.branch-copy span {
  color: #a36f1f;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75rem;
}

.branch-copy h2 {
  color: var(--academy-ink);
  font-size: 1.2rem;
  font-weight: 900;
  margin: .45rem 0;
}

.branch-copy p {
  color: var(--lightOne);
  line-height: 1.65;
}

.branch-copy strong {
  color: var(--academy-teal);
}

.branch-locator-grid iframe {
  width: 100%;
  height: 280px;
  border: 0;
  filter: saturate(.85) contrast(.95);
}

/* Locate Us premium contrast pass */
.locate-hero {
  min-height: 620px;
}

.locate-hero .section-kicker {
  color: #e9b95f;
}

.locate-hero h1 {
  max-width: 860px;
  color: #ffffff;
  text-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
}

.locate-hero p {
  color: #dbeafe;
  font-weight: 700;
}

.locate-hero img {
  background: #ffffff;
  border: 1px solid rgba(233, 185, 95, 0.45);
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.28);
}

.branch-locator-grid {
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

.branch-locator-grid article {
  display: grid;
  grid-template-columns: minmax(320px, 0.74fr) minmax(420px, 1fr);
  min-height: 360px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
  border: 1px solid rgba(233, 185, 95, 0.28);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.18);
}

.branch-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.6rem, 3vw, 2.5rem);
}

.branch-copy h2 {
  font-size: clamp(1.5rem, 2.1vw, 2.15rem);
  line-height: 1.16;
  color: #07111f;
}

.branch-copy p {
  color: #465772;
  font-weight: 700;
}

.branch-copy strong {
  color: #087a70;
  font-size: 1.25rem;
  letter-spacing: .01em;
}

.branch-locator-grid iframe {
  height: 100%;
  min-height: 360px;
  filter: saturate(.96) contrast(.98);
}

footer {
  padding: 0;
  background:
    radial-gradient(circle at 14% 0%, rgba(201,155,69,.18), transparent 24%),
    linear-gradient(135deg, #07111f, #111c31);
}

.premium-footer {
  display: grid;
  grid-template-columns: 1.2fr 0.85fr 0.95fr;
  gap: 2rem;
  padding-top: 3rem;
  padding-bottom: 2rem;
  text-align: left;
}

.footer-brand img {
  width: min(360px, 100%) !important;
  height: auto !important;
  padding: 0.9rem;
  border-radius: 14px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
}

.footer-brand span,
.premium-footer p,
.footer-bottom p {
  color: #d7dee8;
}

.premium-footer h3 {
  color: #efd293;
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 1rem;
}

.premium-footer a,
.footer-bottom a {
  color: #efd293;
  font-weight: 900;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
  padding-bottom: 1.3rem;
  border-top: 1px solid rgba(255,255,255,0.1);
}

footer .social-icons {
  margin-top: 1rem;
}

footer .social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  margin-right: 0.45rem;
}

.academy-slideshow {
  display: grid;
  grid-template-columns: minmax(280px, 0.46fr) minmax(0, 1fr);
  gap: clamp(1.4rem, 3vw, 3rem);
  align-items: center;
  margin-top: 0.6rem;
  margin-bottom: 3rem;
  padding: clamp(1.2rem, 2vw, 2rem);
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 22px 70px rgba(20, 34, 56, 0.08);
}

.slideshow-copy h2 {
  margin: 0 0 0.8rem;
  color: var(--academy-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.2rem, 3.4vw, 4rem);
  line-height: 1;
  font-weight: 900;
}

.slideshow-copy p {
  max-width: 520px;
  color: var(--lightOne);
  font-size: 1.05rem;
  line-height: 1.75;
}

.slideshow-frame {
  position: relative;
  aspect-ratio: 16 / 9;
  min-height: 0;
  overflow: hidden;
  border-radius: 14px;
  background: #07111f;
  box-shadow: 0 24px 70px rgba(20, 34, 56, 0.18);
}

.slideshow-frame figure {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transform: scale(1.03);
  transition: opacity 0.85s ease, transform 1.2s ease;
  animation: academySlideFade 19.2s infinite;
}

.slideshow-frame figure.active {
  opacity: 1;
  transform: scale(1);
}

.slideshow-frame figure:nth-child(1) { animation-delay: 0s; }
.slideshow-frame figure:nth-child(2) { animation-delay: 3.2s; }
.slideshow-frame figure:nth-child(3) { animation-delay: 6.4s; }
.slideshow-frame figure:nth-child(4) { animation-delay: 9.6s; }
.slideshow-frame figure:nth-child(5) { animation-delay: 12.8s; }
.slideshow-frame figure:nth-child(6) { animation-delay: 16s; }

@keyframes academySlideFade {
  0%,
  18% {
    opacity: 1;
    transform: scale(1);
  }
  23%,
  100% {
    opacity: 0;
    transform: scale(1.035);
  }
}

.slideshow-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.slideshow-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(7, 17, 31, 0), rgba(7, 17, 31, 0.28)),
    linear-gradient(90deg, rgba(7, 17, 31, 0.12), transparent 42%);
  pointer-events: none;
}

.slideshow-dots {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 1rem;
  display: flex;
  gap: 0.5rem;
  transform: translateX(-50%);
}

.slideshow-dots span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.62);
  animation: academyDotPulse 19.2s infinite;
}

.slideshow-dots span.active {
  width: 28px;
  border-radius: 999px;
  background: var(--academy-gold);
}

.slideshow-dots span:nth-child(1) { animation-delay: 0s; }
.slideshow-dots span:nth-child(2) { animation-delay: 3.2s; }
.slideshow-dots span:nth-child(3) { animation-delay: 6.4s; }
.slideshow-dots span:nth-child(4) { animation-delay: 9.6s; }
.slideshow-dots span:nth-child(5) { animation-delay: 12.8s; }
.slideshow-dots span:nth-child(6) { animation-delay: 16s; }

@keyframes academyDotPulse {
  0%,
  18% {
    width: 28px;
    border-radius: 999px;
    background: var(--academy-gold);
  }
  23%,
  100% {
    width: 9px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.62);
  }
}

@media screen and (max-width: 1180px) {
  .school-story,
  .inquiry-section {
    grid-template-columns: 1fr;
  }

  .slide-highlights,
  .admission-info-grid,
  .branch-locator-grid,
  .premium-footer {
    grid-template-columns: 1fr 1fr;
  }

  .branch-locator-grid {
    grid-template-columns: 1fr;
  }

  .branch-locator-grid article {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 640px) {
  .story-photo-grid,
  .slide-highlights,
  .admission-info-grid,
  .branch-locator-grid,
  .premium-footer,
  .public-inquiry-form {
    grid-template-columns: 1fr;
  }

  .story-photo-grid img:first-child {
    grid-column: auto;
  }

  .footer-bottom {
    flex-direction: column;
  }

  .inquiry-section {
    padding: 1.2rem;
  }
}

/* Homepage button polish */
header .container {
  padding: 0.95rem 1.25rem;
  gap: 1rem;
}

.logo img {
  width: 58px;
  height: 58px;
}

.logo {
  gap: 0.7rem;
  flex: 0 0 auto;
  margin-right: 1.2rem;
}

.logo img {
  margin-right: 0;
}

.nav-container {
  min-width: 0;
  gap: 0.75rem;
}

.links ul {
  gap: clamp(0.35rem, 0.7vw, 0.8rem);
}

.links a {
  font-size: 0.82rem;
}

.logo h3 {
  font-size: clamp(0.82rem, 1vw, 1rem);
}

.links .btn,
.hero-actions .btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 1rem 1.45rem;
  border-radius: 12px;
  color: #ffffff !important;
  background:
    linear-gradient(135deg, rgba(255, 241, 194, 0.92) 0%, rgba(213, 166, 74, 0.98) 42%, #9b6a24 100%);
  border: 1px solid rgba(255, 246, 217, 0.7);
  box-shadow:
    0 16px 34px rgba(128, 87, 25, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.52);
  font-size: 0.94rem;
  font-weight: 900;
  text-shadow: 0 1px 10px rgba(37, 24, 5, 0.22);
  transform: translateY(0);
}

.hero-actions .btn {
  min-height: 56px;
  padding-inline: 1.65rem;
  font-size: 1rem;
}

.links .btn:hover,
.hero-actions .btn:hover {
  background:
    linear-gradient(135deg, rgba(255, 230, 167, 0.98) 0%, #c9953e 45%, #785016 100%);
  box-shadow:
    0 20px 42px rgba(128, 87, 25, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.58);
  transform: translateY(-2px) !important;
}

.hero-actions .btn-outline-premium {
  color: var(--academy-ink) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(20, 34, 56, 0.16);
  box-shadow:
    0 14px 30px rgba(20, 34, 56, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
  text-shadow: none;
}

.hero-actions .btn-outline-premium:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #173552, #10243d) !important;
  border-color: rgba(16, 36, 61, 0.42);
}

.bottom-area {
  margin-left: 0.35rem;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.toggle-btn {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(239, 210, 147, 0.28);
  border-radius: 14px;
  color: #f6d98e;
  background:
    radial-gradient(circle at 30% 24%, rgba(246, 217, 142, 0.22), transparent 34%),
    linear-gradient(145deg, #172a46, #07111f);
  box-shadow:
    0 16px 34px rgba(7, 17, 31, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.toggle-btn i {
  line-height: 1;
  font-size: 1.1rem;
}

.toggle-btn:hover {
  color: #07111f;
  background:
    radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.42), transparent 34%),
    linear-gradient(145deg, #f8dfa1, #c99b45);
  transform: translateY(-2px);
}

.dark header .container {
  background: rgba(10, 18, 32, 0.9);
}

.dark .links a,
.dark .logo h3 {
  color: #f8fafc;
}

.dark .hero-actions .btn-outline-premium {
  color: #f8fafc !important;
  background: rgba(15, 23, 42, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.16);
}

.dark .hero-actions .btn-outline-premium:hover {
  background: linear-gradient(135deg, #d2a44a, #8a5d20) !important;
}

@media screen and (max-width: 1180px) {
  .links .btn {
    width: 100%;
  }

  .bottom-area {
    margin-left: 0.8rem;
  }
}

@media screen and (max-width: 640px) {
  header .container {
    padding: 0.78rem 0.9rem;
  }

  .logo img {
    width: 48px;
    height: 48px;
  }

  .toggle-btn {
    width: 48px;
    height: 48px;
  }
}

/* Final hero polish: larger desktop media and stronger secondary CTA contrast. */
@media screen and (min-width: 1181px) {
  .premium-home-hero {
    grid-template-columns: minmax(0, 0.86fr) minmax(560px, 1.14fr);
    gap: clamp(3rem, 4.5vw, 6rem);
  }

  .hero-visual-panel {
    width: 100%;
  }

  .video-frame {
    width: 100%;
    max-width: 980px;
    margin-left: auto;
  }
}

.hero-actions .btn-outline-premium {
  color: #142238 !important;
  -webkit-text-fill-color: #142238;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 246, 237, 0.94)) !important;
  border: 1px solid rgba(201, 155, 69, 0.42);
  box-shadow:
    0 14px 34px rgba(20, 34, 56, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.hero-actions .btn-outline-premium:hover {
  color: #07111f !important;
  border-color: rgba(201, 155, 69, 0.72);
  background:
    linear-gradient(135deg, #fffaf0, #f2d58f) !important;
}

.dark .hero-actions .btn-outline-premium {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc;
  background:
    linear-gradient(180deg, rgba(16, 26, 44, 0.96), rgba(7, 17, 31, 0.94)) !important;
  border-color: rgba(239, 210, 147, 0.28);
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.dark .hero-actions .btn-outline-premium:hover {
  color: #07111f !important;
  -webkit-text-fill-color: #07111f;
  background:
    linear-gradient(135deg, #fff5cf, #d3a34c) !important;
}

/* Admission page scale and Academist-inspired visual refresh */
body {
  font-size: 17px;
}

header .container,
.container,
.premium-insights,
.quick-access {
  max-width: min(1820px, calc(100% - 4rem));
}

.links a {
  font-size: clamp(0.92rem, 0.72vw, 1.05rem);
}

.premium-home-hero {
  min-height: calc(100vh - 92px);
  padding-top: clamp(2.6rem, 5vw, 5.8rem);
  padding-bottom: clamp(2.6rem, 5vw, 5.8rem);
}

.premium-home-hero .big-title h1 {
  font-size: clamp(4.2rem, 6.7vw, 8.7rem);
  line-height: 0.92;
}

.premium-home-hero .text {
  max-width: 760px;
  font-size: clamp(1.16rem, 1.25vw, 1.42rem);
}

.hero-points span,
.trust-strip span,
.quick-card small,
.premium-insights p,
.admission-info-grid p,
.process-timeline p,
.inquiry-section p {
  font-size: 1rem;
}

.hero-actions .btn,
.links .btn,
.public-inquiry-form .btn {
  font-size: 1.02rem;
}

.premium-insights article {
  min-height: 190px;
  padding: 1.55rem;
}

.premium-insights h3,
.quick-card span {
  font-size: 1.18rem;
}

.quick-card {
  min-height: 118px;
  padding: 1.35rem;
}

.public-page {
  background:
    linear-gradient(90deg, rgba(20, 34, 56, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, #fffdf8 0%, #f5efe4 46%, #ffffff 100%);
  background-size: 74px 74px, auto;
}

.admission-hero {
  grid-template-columns: minmax(0, 0.92fr) minmax(560px, 0.88fr);
  gap: clamp(2.4rem, 5vw, 6.5rem);
  min-height: calc(100vh - 100px);
  padding-top: clamp(2.8rem, 5vw, 5.7rem);
  padding-bottom: clamp(2.8rem, 5vw, 5.7rem);
}

.admission-hero h1 {
  font-size: clamp(4rem, 6.3vw, 8.2rem);
  max-width: 980px;
  letter-spacing: 0;
}

.admission-hero p {
  font-size: clamp(1.14rem, 1.3vw, 1.45rem);
}

.admission-hero-form {
  position: relative;
  padding: clamp(1.5rem, 2.5vw, 2.35rem);
  border-radius: 10px;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(255, 28, 76, 0.9), rgba(224, 28, 55, 0.84) 42%, rgba(20, 34, 56, 0.98) 42%),
    url("../images/academy-gallery/students-with-teacher.png") center/cover;
  box-shadow: 0 34px 100px rgba(20, 34, 56, 0.24);
  overflow: hidden;
}

.admission-hero-form::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(20, 34, 56, 0.1), rgba(20, 34, 56, 0.76));
}

.admission-hero-form > * {
  position: relative;
  z-index: 1;
}

.admission-hero-form h2 {
  max-width: 520px;
  margin: 0.75rem 0 0.45rem;
  color: #fff;
  font-size: clamp(2rem, 3vw, 3.4rem);
  line-height: 1;
  font-weight: 900;
}

.admission-hero-form p {
  max-width: 590px;
  margin-bottom: 1.1rem;
  color: #f7e8e8;
  font-size: 1rem;
  line-height: 1.65;
}

.form-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.62rem 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.13);
  color: #fff;
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.admission-hero-form .public-inquiry-form {
  padding-top: 0.2rem;
}

.admission-hero-form .public-inquiry-form input,
.admission-hero-form .public-inquiry-form select,
.admission-hero-form .public-inquiry-form textarea {
  min-height: 56px;
  border-radius: 8px;
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.96);
  font-size: 1rem;
}

.admission-info-grid article,
.process-timeline article {
  padding: clamp(1.5rem, 2.4vw, 2.15rem);
}

.admission-info-grid h2,
.process-timeline h2 {
  font-size: 1.45rem;
}

.process-timeline span {
  background: #ff174b;
}

.inquiry-section {
  grid-template-columns: minmax(0, 0.68fr) minmax(520px, 1fr);
  background:
    linear-gradient(135deg, #151515 0%, #222 58%, #ff174b 58%, #ec123f 100%);
}

.inquiry-routing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
}

.inquiry-routing-grid article {
  min-height: 180px;
  padding: 1.15rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.inquiry-routing-grid i {
  color: #f8dfa1;
  font-size: 1.55rem;
  margin-bottom: 1rem;
}

.inquiry-routing-grid strong,
.inquiry-routing-grid span {
  display: block;
}

.inquiry-routing-grid strong {
  font-size: 1.15rem;
  margin-bottom: 0.5rem;
}

.inquiry-routing-grid span {
  color: #edf2f7;
  line-height: 1.65;
}

@media screen and (min-width: 1181px) and (max-width: 1450px) {
  .premium-home-hero .big-title h1 {
    font-size: clamp(4.2rem, 5.8vw, 5.65rem);
  }

  .premium-home-hero .text {
    font-size: 1.14rem;
    line-height: 1.78;
  }

  .hero-points span,
  .trust-strip span {
    padding: 0.7rem 0.88rem;
  }
}

@media screen and (max-width: 1180px) {
  .admission-hero,
  .inquiry-section {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .inquiry-routing-grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 640px) {
  body {
    font-size: 16px;
  }

  header .container,
  .container,
  .premium-insights,
  .quick-access {
    max-width: calc(100% - 2rem);
  }

  .premium-home-hero .big-title h1,
  .admission-hero h1 {
    font-size: clamp(2.8rem, 14vw, 4rem);
  }

  .admission-hero-form {
    padding: 1.1rem;
  }
}

/* Reference-matched academy landing page */
:root {
  --aa-navy: #071f3f;
  --aa-navy-2: #062a50;
  --aa-gold: #bf842e;
  --aa-gold-light: #e8bd68;
  --aa-cream: #fbf6ed;
  --aa-paper: #fffdf8;
}

body {
  background: var(--aa-cream);
}

.big-wrapper.light {
  background:
    radial-gradient(circle at 0% 78%, rgba(191, 132, 46, 0.12) 0 1.5px, transparent 1.7px),
    linear-gradient(135deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.12) 46%, rgba(232, 189, 104, 0.2) 46.2%, rgba(255,255,255,0) 47%),
    linear-gradient(180deg, #fffaf1 0%, #fbf6ed 56%, #ffffff 100%);
  background-size: 18px 18px, auto, auto;
}

header {
  padding-top: 1.05rem;
}

header .container {
  min-height: 104px;
  padding: 1.05rem 1.55rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(7, 31, 63, 0.06);
  box-shadow: 0 18px 44px rgba(7, 31, 63, 0.13);
}

.logo img {
  width: 70px;
  height: 70px;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}

.logo h3 {
  font-family: Georgia, "Times New Roman", serif;
  color: var(--aa-navy);
  font-size: clamp(1.05rem, 1.18vw, 1.38rem);
  letter-spacing: 0.03em;
}

.logo h3::after {
  content: "ENGLISH HIGH SCHOOL & JUNIOR COLLEGE";
  display: block;
  margin-top: 0.22rem;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 0.54em;
  font-weight: 700;
  letter-spacing: 0.07em;
}

.links a {
  position: relative;
  color: #020b23;
  font-size: clamp(1.02rem, 0.96vw, 1.18rem);
  font-weight: 700;
}

.links ul {
  gap: clamp(1.25rem, 1.8vw, 2.2rem);
}

.links a:not(.btn)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.7rem;
  width: 0;
  height: 3px;
  margin: auto;
  border-radius: 999px;
  background: var(--aa-gold);
  transition: width 0.2s ease;
}

.links a:not(.btn):hover::after,
.links a.active::after {
  width: 54%;
}

.nav-search,
.toggle-btn {
  width: 62px;
  height: 62px;
  border-radius: 14px;
}

.nav-search {
  background: #fff;
  box-shadow: 0 10px 22px rgba(7, 31, 63, 0.08);
}

.nav-search button {
  width: 62px;
  height: 62px;
  flex-basis: 62px;
  font-size: 1.22rem;
}

.nav-search:focus-within {
  width: 220px;
}

.links .btn,
.hero-actions .btn,
.public-inquiry-form .btn {
  border-radius: 12px;
  background: linear-gradient(135deg, #edc66f 0%, #c78b31 48%, #9a651f 100%);
  border: 1px solid rgba(255, 241, 205, 0.8);
  box-shadow: 0 16px 34px rgba(154, 101, 31, 0.3);
}

.premium-home-hero {
  grid-template-columns: minmax(0, 0.92fr) minmax(470px, 1fr);
  gap: clamp(1.8rem, 3vw, 3.2rem);
  min-height: auto;
  padding-top: clamp(2rem, 3vw, 3rem);
  padding-bottom: 0;
}

.eyebrow {
  color: #a96416;
  font-size: 0.98rem;
  letter-spacing: 0.15em;
}

.premium-home-hero .big-title h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3.8rem, 4.45vw, 5.35rem);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: 0;
  color: var(--aa-navy);
}

.premium-home-hero .big-title h1:first-child {
  color: var(--aa-navy);
}

.premium-home-hero .big-title h1:last-child {
  color: var(--aa-gold);
}

.premium-home-hero .text {
  max-width: 760px;
  color: #36465d;
  font-size: clamp(1.08rem, 1.1vw, 1.28rem);
  line-height: 1.75;
}

.hero-actions .btn {
  min-width: 210px;
  gap: 0.7rem;
}

.hero-actions .btn:first-child::before {
  content: "\f007";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.hero-actions .btn-outline-premium::before {
  content: "\f19d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.hero-points {
  max-width: 780px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 1.15rem;
  overflow: hidden;
  border: 1px solid rgba(7, 31, 63, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 16px 34px rgba(7, 31, 63, 0.09);
}

.hero-points span {
  min-height: 62px;
  justify-content: center;
  border: 0;
  border-right: 1px solid rgba(7, 31, 63, 0.08);
  border-radius: 0;
  background: transparent;
  color: var(--aa-navy);
  font-size: 1rem;
}

.hero-points span:last-child {
  border-right: 0;
}

.hero-points i {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--aa-navy);
}

.hero-copy-panel .trust-strip {
  display: none;
}

.why-choose-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(270px, 0.5fr) minmax(240px, 0.5fr);
  min-height: clamp(520px, 39vw, 720px);
  overflow: hidden;
  border-radius: 18px;
  background:
    radial-gradient(circle at 38% 20%, rgba(232, 189, 104, 0.08), transparent 26%),
    linear-gradient(135deg, #082442 0%, #062447 48%, #051a34 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 30px 74px rgba(7, 31, 63, 0.26);
}

.why-choose-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../images/LOGO.png") 34% 40% / 300px auto no-repeat;
  opacity: 0.035;
  pointer-events: none;
}

.why-choose-copy {
  position: relative;
  z-index: 3;
  padding: clamp(1.8rem, 3vw, 3rem);
  color: #fff;
}

.gold-rule {
  display: block;
  width: 54px;
  height: 3px;
  border-radius: 999px;
  background: var(--aa-gold-light);
  margin-bottom: 1rem;
}

.why-choose-copy h2 {
  margin: 0 0 1.4rem;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.85rem, 2.6vw, 3rem);
  line-height: 1.06;
}

.why-choose-copy h2 strong {
  display: block;
  color: var(--aa-gold-light);
  font-weight: 800;
}

.why-choose-copy ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 1rem;
}

.why-choose-copy li {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 0.85rem;
  align-items: center;
}

.why-choose-copy li i {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid var(--aa-gold);
  border-radius: 50%;
  color: var(--aa-gold-light);
  font-size: 1.05rem;
}

.why-choose-copy li strong,
.why-choose-copy li span {
  display: block;
}

.why-choose-copy li strong {
  margin-bottom: 0.2rem;
  color: #fff;
  font-size: clamp(0.98rem, 1vw, 1.16rem);
  font-weight: 900;
}

.why-choose-copy li span {
  color: #e9f1fb;
  font-size: clamp(0.86rem, 0.82vw, 1rem);
  line-height: 1.42;
}

.why-choose-media {
  position: relative;
  z-index: 2;
  min-width: 0;
  min-height: 100%;
  margin: clamp(1rem, 1.5vw, 1.45rem);
  margin-left: 0;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(232, 189, 104, 0.28);
  background: #07111f;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 24px 52px rgba(0,0,0,.24);
}

.why-choose-media video {
  width: 100%;
  height: 100%;
  min-height: inherit;
  display: block;
  object-fit: contain;
  object-position: center;
}

.why-choose-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7,31,63,.2), rgba(7,31,63,0) 28%);
  pointer-events: none;
}

.hero-slide-card {
  display: block;
  aspect-ratio: 16 / 10.35;
  min-height: 0;
  padding: 0;
}

.hero-slide-card .why-choose-media {
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  border: 0;
  border-radius: inherit;
}

.hero-slide-card .why-choose-mark {
  right: 2rem;
  top: 1.5rem;
}

.why-choose-mark {
  position: absolute;
  z-index: 2;
  right: 3.2%;
  top: 5%;
  width: 96px;
  height: 96px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(77%) sepia(63%) saturate(491%) hue-rotate(352deg) brightness(96%) contrast(90%);
  opacity: 0.9;
}

.why-choose-card .campus-overlay-card {
  left: clamp(1.2rem, 2vw, 2rem);
  bottom: clamp(1.2rem, 2vw, 2rem);
  width: min(360px, calc(100% - 2.4rem));
  background: rgba(7, 31, 63, 0.72);
}

.premium-home-hero .hero-badge {
  right: 2rem;
  bottom: 1.35rem;
  z-index: 4;
  width: min(360px, calc(100% - 4rem));
  min-height: 112px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px;
  align-items: center;
  gap: 0.8rem;
  background: #fff;
}

.premium-home-hero .hero-badge span,
.premium-home-hero .hero-badge strong {
  grid-column: 1;
}

.premium-home-hero .hero-badge i {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border: 1px solid rgba(191, 132, 46, 0.45);
  border-radius: 12px;
  color: var(--aa-navy);
  font-size: 1.45rem;
}

.academy-stats-bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 1rem;
  margin-bottom: 2.4rem;
  overflow: hidden;
  border: 1px solid rgba(7, 31, 63, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 20px 48px rgba(7, 31, 63, 0.1);
}

.academy-stats-bar article {
  min-height: 130px;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  column-gap: 1rem;
  align-content: center;
  padding: 1.25rem clamp(1rem, 2vw, 2rem);
  border-right: 1px solid rgba(7, 31, 63, 0.08);
}

.academy-stats-bar article:last-child {
  border-right: 0;
}

.academy-stats-bar i {
  grid-row: 1 / span 3;
  display: grid;
  width: 68px;
  height: 68px;
  place-items: center;
  border: 1px solid rgba(191, 132, 46, 0.38);
  border-radius: 50%;
  color: var(--aa-gold);
  font-size: 1.65rem;
  background: #fffaf0;
}

.academy-stats-bar strong {
  color: var(--aa-navy);
  font-size: clamp(2rem, 2.7vw, 3.2rem);
  line-height: 1;
  font-weight: 900;
}

.academy-stats-bar span {
  color: #3d4656;
  font-size: 1.1rem;
}

.academy-stats-bar small {
  color: #62708a;
  font-weight: 700;
}

.premium-insights {
  margin-top: 0;
}

.premium-insights article,
.quick-card,
.school-story,
.slide-highlights article,
.admission-info-grid article,
.process-timeline article {
  border-radius: 16px;
}

.public-hero h1,
.school-story h2,
.inquiry-section h2 {
  font-family: Georgia, "Times New Roman", serif;
}

.admission-hero-form {
  background:
    linear-gradient(135deg, rgba(7, 31, 63, 0.94), rgba(6, 36, 71, 0.9)),
    url("../images/academy-slides/Why Choose Atharv Academy.png") 78% center / cover;
}

@media screen and (max-width: 1280px) {
  .premium-home-hero {
    grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1fr);
    gap: 1.8rem;
    padding-top: 1.05rem;
    padding-bottom: 0;
  }

  .premium-home-hero .big-title h1 {
    font-size: clamp(3rem, 4.1vw, 3.65rem);
    line-height: 0.94;
  }

  .premium-home-hero .text {
    font-size: 1.02rem;
    line-height: 1.58;
    margin: 0.8rem 0 0.65rem;
  }

  .hero-actions {
    margin-top: 0.9rem;
  }

  .hero-actions .btn {
    min-height: 52px;
    min-width: 190px;
    padding-inline: 1.25rem;
  }

  .hero-points {
    margin-top: 0.75rem;
  }

  .hero-points span {
    min-height: 50px;
    font-size: 0.88rem;
  }

  .hero-points i {
    width: 30px;
    height: 30px;
  }

  .why-choose-copy {
    max-width: none;
    padding: 1.15rem;
  }

  .why-choose-card {
    min-height: 500px;
  }

  .why-choose-card.hero-slide-card {
    min-height: 0;
  }

  .why-choose-copy h2 {
    font-size: 1.72rem;
    margin-bottom: 0.82rem;
  }

  .why-choose-copy ul {
    gap: 0.68rem;
  }

  .why-choose-copy li {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 0.68rem;
  }

  .why-choose-copy li i {
    width: 40px;
    height: 40px;
  }

  .why-choose-copy li strong {
    font-size: 0.87rem;
  }

  .why-choose-copy li span {
    font-size: 0.76rem;
  }

  .why-choose-media {
    margin: 1rem;
    margin-left: 0;
  }

  .hero-slide-card .why-choose-media {
    margin: 0;
  }

  .why-choose-card .campus-overlay-card {
    bottom: 1rem;
    left: 1rem;
  }

  .premium-home-hero .hero-badge {
    position: static;
    min-height: 92px;
    width: 100%;
    margin-top: 0.85rem;
  }

  .academy-stats-bar {
    margin-top: 0;
  }
}

@media screen and (max-width: 1180px) {
  .premium-home-hero {
    grid-template-columns: 1fr;
  }

  .why-choose-copy {
    max-width: none;
  }

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

  .academy-stats-bar article:nth-child(2) {
    border-right: 0;
  }
}

@media screen and (max-width: 760px) {
  .logo img {
    width: 54px;
    height: 54px;
  }

  .premium-home-hero .big-title h1 {
    font-size: clamp(3rem, 15vw, 4.7rem);
  }

  .hero-points,
  .academy-stats-bar {
    grid-template-columns: 1fr;
  }

  .hero-points span,
  .academy-stats-bar article {
    border-right: 0;
    border-bottom: 1px solid rgba(7, 31, 63, 0.08);
  }

  .hero-points span:last-child,
  .academy-stats-bar article:last-child {
    border-bottom: 0;
  }

  .why-choose-card {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .why-choose-copy {
    max-width: none;
  }

  .why-choose-media {
    min-height: 330px;
    margin: 0 1rem 1rem;
  }

  .why-choose-mark {
    width: 82px;
    height: 82px;
  }

  .premium-home-hero .hero-badge {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    margin-top: 0.8rem;
  }
}

/* User-requested homepage fixes: dark contrast, slideshow, management spacing, gallery density */
.big-wrapper.dark {
  --surface: rgba(10, 22, 40, 0.92);
  --line: rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(circle at 0% 78%, rgba(232, 189, 104, 0.08) 0 1.5px, transparent 1.7px),
    linear-gradient(180deg, #061427 0%, #091c36 56%, #07111f 100%);
  background-size: 18px 18px, auto;
}

.dark header .container {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(232, 189, 104, 0.22);
}

.dark .logo img {
  background: #ffffff;
  border-radius: 12px;
  padding: 0.2rem;
  filter: none !important;
}

.dark .logo h3,
.dark .links a {
  color: var(--aa-navy) !important;
  -webkit-text-fill-color: var(--aa-navy) !important;
}

.dark .nav-search {
  background: #ffffff;
  border-color: rgba(7, 31, 63, 0.12);
}

.dark .nav-search button,
.dark .nav-search i {
  color: var(--aa-navy) !important;
  -webkit-text-fill-color: var(--aa-navy) !important;
}

.dark .links .btn,
.dark .hero-actions .btn:not(.btn-outline-premium),
.dark .public-inquiry-form .btn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.dark .hero-actions .btn-outline-premium {
  color: var(--aa-navy) !important;
  -webkit-text-fill-color: var(--aa-navy) !important;
  background: #ffffff !important;
}

.dark .premium-home-hero .big-title h1:first-child,
.dark .premium-home-hero .text,
.dark .eyebrow {
  color: #f8fafc;
}

.dark .premium-home-hero .big-title h1:last-child {
  color: var(--aa-gold-light);
}

.dark .hero-points,
.dark .academy-stats-bar,
.dark .academy-slideshow,
.dark .school-story {
  background: rgba(255, 255, 255, 0.94);
}

.dark .hero-points span,
.dark .academy-stats-bar strong,
.dark .academy-stats-bar span,
.dark .slideshow-copy h2,
.dark .school-story h2,
.dark .school-story p,
.dark .quick-card span,
.dark .quick-card small {
  color: var(--aa-navy) !important;
}

.academy-slideshow {
  scroll-margin-top: 120px;
}

.management-section {
  padding-top: 1.4rem !important;
  padding-bottom: 2.4rem !important;
}

.management-section .text-center.mb-5 {
  margin-bottom: 2rem !important;
}

.management-card {
  height: 100%;
  padding-top: 2.35rem !important;
  overflow: visible !important;
}

.teacher-img {
  width: 124px !important;
  height: 124px !important;
  object-fit: cover;
  margin-top: -3.05rem !important;
  border: 5px solid #ffffff;
  background: #ffffff;
}

.management-card .card-body {
  margin-top: 0.55rem !important;
  padding-top: 0.6rem;
}

.school-story .section-kicker {
  font-size: clamp(1.2rem, 1.45vw, 1.55rem);
  letter-spacing: 0.14em;
  margin-bottom: 1.05rem;
}

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

.story-photo-grid img {
  height: clamp(155px, 13vw, 230px);
}

.story-photo-grid img:first-child {
  grid-column: span 2;
  grid-row: span 2;
  height: 100%;
}

.footer-brand img {
  background: #ffffff !important;
  padding: 1rem !important;
  border: 1px solid rgba(232, 189, 104, 0.28);
}

@media screen and (max-width: 1180px) {
  .academy-slideshow {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 640px) {
  .academy-slideshow {
    padding: 1rem;
  }

  .slideshow-frame {
    aspect-ratio: 4 / 3;
    min-height: 0;
  }

  .story-photo-grid {
    grid-template-columns: 1fr;
  }

  .story-photo-grid img:first-child {
    grid-column: auto;
    grid-row: auto;
  }

  .story-photo-grid img {
    height: 230px;
  }
}

/* Student activities hero enrichment */
.activities-hero {
  grid-template-columns: minmax(0, 0.95fr) minmax(560px, 0.9fr);
  gap: clamp(2.4rem, 5vw, 6rem);
  min-height: calc(82vh - 80px);
  padding-top: clamp(3rem, 5vw, 5.5rem);
  padding-bottom: clamp(3rem, 4vw, 4.5rem);
}

.activities-hero h1 {
  max-width: 980px;
  font-size: clamp(4.5rem, 6.8vw, 8.6rem);
}

.activities-hero p {
  max-width: 760px;
  font-size: clamp(1.14rem, 1.25vw, 1.42rem);
}

.activities-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 1.4rem;
}

.activities-hero-actions .btn {
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.activities-highlights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  max-width: 820px;
  margin-top: 1.5rem;
  overflow: hidden;
  border: 1px solid rgba(7, 31, 63, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 16px 34px rgba(7, 31, 63, 0.08);
}

.activities-highlights span {
  min-height: 78px;
  display: flex;
  align-items: center;
  gap: 0.72rem;
  padding: 1rem;
  border-right: 1px solid rgba(7, 31, 63, 0.08);
  color: var(--aa-navy);
  font-weight: 900;
  line-height: 1.35;
}

.activities-highlights span:last-child {
  border-right: 0;
}

.activities-highlights i {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border-radius: 50%;
  color: #ffffff;
  background: var(--aa-navy);
}

.activities-hero-gallery {
  padding: clamp(0.8rem, 1.2vw, 1.2rem);
  border-radius: 18px;
  background: #07111f;
  box-shadow: 0 28px 74px rgba(7, 31, 63, 0.2);
}

.activities-hero-gallery img {
  width: 100%;
  max-height: none;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  border-radius: 12px;
  background: #07111f;
  display: block;
  filter: none;
}

.dark .activities-highlights {
  background: rgba(255, 255, 255, 0.94);
}

.dark .activities-highlights span {
  color: var(--aa-navy) !important;
}

@media screen and (max-width: 1180px) {
  .activities-hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .activities-highlights {
    grid-template-columns: 1fr;
  }

  .activities-highlights span {
    border-right: 0;
    border-bottom: 1px solid rgba(7, 31, 63, 0.08);
  }

  .activities-highlights span:last-child {
    border-bottom: 0;
  }
}

@media screen and (max-width: 640px) {
  .activities-hero h1 {
    font-size: clamp(3rem, 15vw, 4.4rem);
  }

  .activities-hero-actions .btn {
    width: 100%;
  }
}

/* Final public-site contrast fix: prevent whitewashed buttons/cards on hosted test site. */
.links .btn,
.hero-actions .btn,
.public-inquiry-form .btn,
.activities-hero-actions .btn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 0 rgba(58, 34, 5, 0.18);
}

.links .btn *,
.hero-actions .btn *,
.public-inquiry-form .btn *,
.activities-hero-actions .btn * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

.hero-actions .btn-outline-premium {
  background: #ffffff !important;
  color: #071f3f !important;
  -webkit-text-fill-color: #071f3f !important;
  border-color: rgba(232, 189, 104, 0.5) !important;
  text-shadow: none !important;
}

.nav-search button,
.toggle-btn {
  color: #071f3f !important;
  -webkit-text-fill-color: #071f3f !important;
}

.big-wrapper.dark .public-hero h1,
.big-wrapper.dark .premium-home-hero .big-title h1:first-child {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 18px 48px rgba(0, 0, 0, 0.36);
}

.big-wrapper.dark .public-hero p,
.big-wrapper.dark .premium-home-hero .text {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

.big-wrapper.dark .section-kicker,
.big-wrapper.dark .eyebrow {
  color: #e9b95f !important;
  -webkit-text-fill-color: #e9b95f !important;
}

.quick-card,
.luxury-grid article,
.admission-info-grid article,
.process-timeline article,
.contact-panel,
.school-story,
.academy-slideshow {
  color: #07111f !important;
}

.quick-card span,
.quick-card small,
.luxury-grid article h2,
.luxury-grid article p,
.admission-info-grid article h2,
.admission-info-grid article p,
.process-timeline article h2,
.process-timeline article p,
.contact-panel h2,
.contact-panel p,
.school-story h2,
.school-story p,
.academy-slideshow h2,
.academy-slideshow p {
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  opacity: 1 !important;
}

.quick-card small,
.luxury-grid article p,
.admission-info-grid article p,
.process-timeline article p,
.contact-panel p,
.school-story p,
.academy-slideshow p {
  color: #3b4b63 !important;
  -webkit-text-fill-color: #3b4b63 !important;
}

.dark .quick-card,
.dark .luxury-grid article,
.dark .admission-info-grid article,
.dark .process-timeline article,
.dark .contact-panel,
.dark .school-story,
.dark .academy-slideshow {
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(232, 189, 104, 0.24) !important;
}

/* Absolute hosted contrast guard. Keep dark public heroes readable regardless of theme state. */
.public-page .public-hero h1,
.public-page.dark .public-hero h1,
.dark .public-page .public-hero h1,
.dark .public-hero h1,
.activities-hero h1,
.about-hero h1,
.locate-hero h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

.public-page .public-hero p,
.public-page.dark .public-hero p,
.dark .public-page .public-hero p,
.dark .public-hero p,
.activities-hero p,
.about-hero p,
.locate-hero p {
  color: #e8f1ff !important;
  -webkit-text-fill-color: #e8f1ff !important;
  opacity: 1 !important;
}

.activities-hero-actions .btn,
.hero-actions .btn,
.links .btn {
  background: linear-gradient(135deg, #f1c96b 0%, #c98f32 48%, #9a651f 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255, 241, 205, 0.82) !important;
  box-shadow: 0 16px 34px rgba(154, 101, 31, 0.34) !important;
}

.activities-hero-actions .btn-outline-premium,
.hero-actions .btn-outline-premium {
  background: #ffffff !important;
  color: #071f3f !important;
  -webkit-text-fill-color: #071f3f !important;
  border: 1px solid rgba(7, 31, 63, 0.16) !important;
  box-shadow: 0 16px 34px rgba(7, 31, 63, 0.16) !important;
  text-shadow: none !important;
}

.activities-highlights,
.hero-points,
.academy-stats-bar {
  background: #ffffff !important;
}

.activities-highlights span,
.hero-points span,
.academy-stats-bar :is(strong, span, small) {
  color: #071f3f !important;
  -webkit-text-fill-color: #071f3f !important;
  opacity: 1 !important;
}

/* Light-theme correction: the hosted public pages use a cream background, so hero text must be navy. */
.big-wrapper.light .public-hero h1,
.big-wrapper.light.public-page .public-hero h1,
.big-wrapper.light .activities-hero h1,
.big-wrapper.light .about-hero h1,
.big-wrapper.light .admission-hero h1,
.big-wrapper.light .locate-hero h1 {
  color: #071f3f !important;
  -webkit-text-fill-color: #071f3f !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.big-wrapper.light .public-hero p,
.big-wrapper.light.public-page .public-hero p,
.big-wrapper.light .activities-hero p,
.big-wrapper.light .about-hero p,
.big-wrapper.light .admission-hero p,
.big-wrapper.light .locate-hero p {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  opacity: 1 !important;
}

.big-wrapper.light .premium-home-hero .big-title h1:first-child {
  color: #071f3f !important;
  -webkit-text-fill-color: #071f3f !important;
}

.big-wrapper.light .premium-home-hero .big-title h1:last-child {
  color: #c98f32 !important;
  -webkit-text-fill-color: #c98f32 !important;
}

.big-wrapper.light .premium-home-hero .text {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  opacity: 1 !important;
}

.premium-insights article h3,
.premium-insights article p {
  opacity: 1 !important;
}

.premium-insights article h3 {
  color: #071f3f !important;
  -webkit-text-fill-color: #071f3f !important;
}

.premium-insights article p {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

.big-wrapper.light .section-kicker,
.big-wrapper.light .eyebrow {
  color: #a36f1f !important;
  -webkit-text-fill-color: #a36f1f !important;
}

/* Explicit theme split. This sits last so saved dark-mode state cannot whitewash pages. */
.big-wrapper.dark .public-hero h1,
.big-wrapper.dark.public-page .public-hero h1,
.big-wrapper.dark .activities-hero h1,
.big-wrapper.dark .about-hero h1,
.big-wrapper.dark .admission-hero h1,
.big-wrapper.dark .locate-hero h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 18px 48px rgba(0, 0, 0, 0.36) !important;
}

.big-wrapper.dark .public-hero p,
.big-wrapper.dark.public-page .public-hero p,
.big-wrapper.dark .activities-hero p,
.big-wrapper.dark .about-hero p,
.big-wrapper.dark .admission-hero p,
.big-wrapper.dark .locate-hero p {
  color: #e8f1ff !important;
  -webkit-text-fill-color: #e8f1ff !important;
  opacity: 1 !important;
}

/* Public homepage rescue: keeps the hosted index from collapsing into raw image/text scale. */
html,
body {
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

body:has(.premium-home-hero) {
  background: #fbf6ed !important;
  color: #071f3f !important;
}

body:has(.premium-home-hero) .big-wrapper {
  display: block !important;
  min-height: 100vh !important;
  width: 100% !important;
  padding: 0 0 3rem !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 8% 76%, rgba(191, 132, 46, 0.11) 0 1.5px, transparent 1.8px),
    linear-gradient(180deg, #fffaf1 0%, #fbf6ed 58%, #ffffff 100%) !important;
  background-size: 18px 18px, auto !important;
}

body:has(.premium-home-hero) .shape {
  display: none !important;
}

body:has(.premium-home-hero) header {
  position: relative !important;
  z-index: 20 !important;
  padding: 1rem 0 0 !important;
}

body:has(.premium-home-hero) header .container {
  width: min(1320px, calc(100% - 48px)) !important;
  max-width: 1320px !important;
  min-height: 94px !important;
  margin: 0 auto !important;
  padding: 14px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(7, 31, 63, 0.08) !important;
  box-shadow: 0 18px 44px rgba(7, 31, 63, 0.13) !important;
}

body:has(.premium-home-hero) .logo {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 245px !important;
  flex: 0 0 auto !important;
}

body:has(.premium-home-hero) .logo img,
body:has(.premium-home-hero) header .logo a img {
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  display: block !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body:has(.premium-home-hero) .logo h3 {
  margin: 0 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1rem, 1.15vw, 1.34rem) !important;
  line-height: 1.1 !important;
  color: #071f3f !important;
  -webkit-text-fill-color: #071f3f !important;
  letter-spacing: 0.03em !important;
  white-space: nowrap !important;
}

body:has(.premium-home-hero) .nav-container,
body:has(.premium-home-hero) .links,
body:has(.premium-home-hero) .links ul {
  display: flex !important;
  align-items: center !important;
}

body:has(.premium-home-hero) .links ul {
  justify-content: flex-end !important;
  gap: clamp(0.7rem, 1.15vw, 1.4rem) !important;
  flex-wrap: nowrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:has(.premium-home-hero) .links a {
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 42px !important;
  color: #071f3f !important;
  -webkit-text-fill-color: #071f3f !important;
  font-size: clamp(0.82rem, 0.78vw, 0.96rem) !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

body:has(.premium-home-hero) .links .btn {
  min-height: 42px !important;
  padding: 0 14px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body:has(.premium-home-hero) .nav-search {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  border-radius: 13px !important;
}

body:has(.premium-home-hero) .nav-search input {
  width: 0 !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

body:has(.premium-home-hero) .nav-search:focus-within {
  width: 220px !important;
}

body:has(.premium-home-hero) .nav-search button,
body:has(.premium-home-hero) .toggle-btn {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
}

body:has(.premium-home-hero) .premium-home-hero {
  width: min(1320px, calc(100% - 48px)) !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: clamp(2rem, 3vw, 3.4rem) 0 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(440px, 1fr) !important;
  gap: clamp(1.5rem, 3vw, 3rem) !important;
  align-items: center !important;
}

body:has(.premium-home-hero) .premium-home-hero .big-title h1 {
  margin: 0 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(3rem, 4.3vw, 5rem) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
}

body:has(.premium-home-hero) .premium-home-hero .text {
  max-width: 720px !important;
  margin: 1rem 0 0 !important;
  font-size: clamp(1rem, 1vw, 1.2rem) !important;
  line-height: 1.65 !important;
}

body:has(.premium-home-hero) .hero-visual-panel,
body:has(.premium-home-hero) .hero-slide-card {
  min-width: 0 !important;
}

body:has(.premium-home-hero) .hero-slide-card {
  width: 100% !important;
  aspect-ratio: 16 / 10.35 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
}

body:has(.premium-home-hero) .hero-slide-card .why-choose-media,
body:has(.premium-home-hero) .hero-slide-card video {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

body:has(.premium-home-hero) .academy-stats-bar,
body:has(.premium-home-hero) .premium-insights,
body:has(.premium-home-hero) .quick-access,
body:has(.premium-home-hero) .academy-slideshow,
body:has(.premium-home-hero) .school-story,
body:has(.premium-home-hero) .slide-highlights,
body:has(.premium-home-hero) .premium-opinion {
  width: min(1320px, calc(100% - 48px)) !important;
  max-width: 1320px !important;
}

@media screen and (max-width: 1180px) {
  body:has(.premium-home-hero) header .container,
  body:has(.premium-home-hero) .premium-home-hero,
  body:has(.premium-home-hero) .academy-stats-bar,
  body:has(.premium-home-hero) .premium-insights,
  body:has(.premium-home-hero) .quick-access,
  body:has(.premium-home-hero) .academy-slideshow,
  body:has(.premium-home-hero) .school-story,
  body:has(.premium-home-hero) .slide-highlights,
  body:has(.premium-home-hero) .premium-opinion {
    width: min(100% - 28px, 760px) !important;
  }

  body:has(.premium-home-hero) .premium-home-hero {
    grid-template-columns: 1fr !important;
  }

  body:has(.premium-home-hero) .links {
    display: none !important;
  }

  body:has(.premium-home-hero) .hamburger-menu {
    display: flex !important;
  }
}

@media screen and (max-width: 720px) {
  body:has(.premium-home-hero) header .container,
  body:has(.premium-home-hero) .premium-home-hero,
  body:has(.premium-home-hero) .academy-stats-bar,
  body:has(.premium-home-hero) .premium-insights,
  body:has(.premium-home-hero) .quick-access,
  body:has(.premium-home-hero) .academy-slideshow,
  body:has(.premium-home-hero) .school-story,
  body:has(.premium-home-hero) .slide-highlights,
  body:has(.premium-home-hero) .premium-opinion {
    width: calc(100% - 24px) !important;
  }

  body:has(.premium-home-hero) .logo {
    min-width: 0 !important;
  }

  body:has(.premium-home-hero) .logo img,
  body:has(.premium-home-hero) header .logo a img {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
  }

  body:has(.premium-home-hero) .logo h3 {
    font-size: 0.95rem !important;
    white-space: normal !important;
  }

  body:has(.premium-home-hero) .premium-home-hero .big-title h1 {
    font-size: clamp(2.5rem, 13vw, 4rem) !important;
  }
}

/* Desktop zoom polish: keeps the homepage composed at 90% browser zoom and wide viewports. */
@media screen and (min-width: 1181px) {
  body:has(.premium-home-hero) .big-wrapper {
    padding-bottom: 2.35rem !important;
  }

  body:has(.premium-home-hero) header {
    padding-top: 0.75rem !important;
  }

  body:has(.premium-home-hero) header .container {
    width: min(1260px, calc(100% - 72px)) !important;
    max-width: 1260px !important;
    min-height: 76px !important;
    padding: 10px 18px !important;
    border-radius: 16px !important;
    gap: 14px !important;
  }

  body:has(.premium-home-hero) .logo {
    min-width: 255px !important;
    gap: 10px !important;
  }

  body:has(.premium-home-hero) .logo img,
  body:has(.premium-home-hero) header .logo a img {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }

  body:has(.premium-home-hero) .logo h3 {
    font-size: 1.05rem !important;
    line-height: 1.08 !important;
  }

  body:has(.premium-home-hero) .links ul {
    gap: clamp(0.55rem, 0.82vw, 1rem) !important;
  }

  body:has(.premium-home-hero) .links a {
    min-height: 38px !important;
    font-size: 0.82rem !important;
  }

  body:has(.premium-home-hero) .links .btn {
    min-height: 38px !important;
    padding: 0 12px !important;
  }

  body:has(.premium-home-hero) .nav-search,
  body:has(.premium-home-hero) .nav-search button,
  body:has(.premium-home-hero) .toggle-btn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 12px !important;
  }

  body:has(.premium-home-hero) .premium-home-hero {
    width: min(1260px, calc(100% - 72px)) !important;
    max-width: 1260px !important;
    padding-top: clamp(1.65rem, 2.1vw, 2.45rem) !important;
    grid-template-columns: minmax(0, 0.92fr) minmax(420px, 0.9fr) !important;
    gap: clamp(1.45rem, 2.4vw, 2.55rem) !important;
    align-items: center !important;
  }

  body:has(.premium-home-hero) .premium-home-hero .big-title h1 {
    font-size: clamp(3.2rem, 3.72vw, 4.25rem) !important;
    line-height: 0.96 !important;
  }

  body:has(.premium-home-hero) .premium-home-hero .text {
    max-width: 640px !important;
    margin-top: 0.85rem !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

  body:has(.premium-home-hero) .eyebrow {
    margin-bottom: 0.75rem !important;
    font-size: 0.86rem !important;
  }

  body:has(.premium-home-hero) .hero-actions {
    margin-top: 1.15rem !important;
    gap: 0.75rem !important;
  }

  body:has(.premium-home-hero) .hero-actions .btn {
    min-height: 48px !important;
    padding: 0 22px !important;
  }

  body:has(.premium-home-hero) .hero-points {
    margin-top: 1rem !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body:has(.premium-home-hero) .hero-points span {
    min-height: 54px !important;
    padding: 0 18px !important;
    font-size: 0.92rem !important;
  }

  body:has(.premium-home-hero) .hero-points i {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
  }

  body:has(.premium-home-hero) .hero-visual-panel {
    width: min(100%, 620px) !important;
    justify-self: end !important;
  }

  body:has(.premium-home-hero) .hero-slide-card {
    aspect-ratio: 16 / 10 !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(7, 31, 63, 0.18) !important;
  }

  body:has(.premium-home-hero) .academy-stats-bar,
  body:has(.premium-home-hero) .premium-insights,
  body:has(.premium-home-hero) .quick-access,
  body:has(.premium-home-hero) .academy-slideshow,
  body:has(.premium-home-hero) .school-story,
  body:has(.premium-home-hero) .slide-highlights,
  body:has(.premium-home-hero) .premium-opinion {
    width: min(1260px, calc(100% - 72px)) !important;
    max-width: 1260px !important;
  }

  body:has(.premium-home-hero) .academy-stats-bar {
    margin-top: 1rem !important;
    min-height: 108px !important;
    border-radius: 16px !important;
  }

  body:has(.premium-home-hero) .academy-stats-bar article {
    min-height: 108px !important;
    padding: 18px 22px !important;
  }

  body:has(.premium-home-hero) .academy-stats-bar i {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    font-size: 1.35rem !important;
  }

  body:has(.premium-home-hero) .academy-stats-bar strong {
    font-size: clamp(2rem, 2.45vw, 3rem) !important;
    line-height: 1 !important;
  }

  body:has(.premium-home-hero) .premium-insights {
    margin-top: 1.35rem !important;
    gap: 0.85rem !important;
  }

  body:has(.premium-home-hero) .premium-insights article {
    min-height: 170px !important;
    padding: 22px !important;
  }
}

/* Luxury homepage repair: navbar, true dark mode, and premium action helpers. */
:root {
  --aa-ink: #071f3f;
  --aa-ink-2: #102b4d;
  --aa-gold-rich: #c58a2d;
  --aa-gold-soft: #f2cf7a;
  --aa-emerald: #0f766e;
  --aa-cream-soft: #fff8ea;
  --aa-dark-bg: #06111f;
  --aa-dark-panel: #0b1b31;
}

body:has(.premium-home-hero) .big-wrapper.light {
  background:
    radial-gradient(circle at 8% 76%, rgba(197, 138, 45, 0.15) 0 1.4px, transparent 1.8px),
    radial-gradient(circle at 92% 14%, rgba(15, 118, 110, 0.12), transparent 28%),
    linear-gradient(180deg, #fffaf0 0%, #fbf3e4 54%, #fffdf8 100%) !important;
  background-size: 18px 18px, auto, auto !important;
}

body:has(.premium-home-hero) .big-wrapper.dark {
  background:
    radial-gradient(circle at 10% 72%, rgba(242, 207, 122, 0.14) 0 1.2px, transparent 1.7px),
    radial-gradient(circle at 84% 12%, rgba(15, 118, 110, 0.22), transparent 32%),
    linear-gradient(180deg, #030912 0%, #061427 52%, #08111f 100%) !important;
  background-size: 20px 20px, auto, auto !important;
}

body:has(.premium-home-hero) header .container {
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

body:has(.premium-home-hero) .big-wrapper.dark header .container {
  background: rgba(8, 18, 33, 0.88) !important;
  border-color: rgba(242, 207, 122, 0.22) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .logo h3,
body:has(.premium-home-hero) .big-wrapper.dark .links a:not(.btn) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .logo h3::after,
body:has(.premium-home-hero) .big-wrapper.dark .links a:not(.btn):hover {
  color: #f2cf7a !important;
  -webkit-text-fill-color: #f2cf7a !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .logo img,
body:has(.premium-home-hero) .big-wrapper.dark header .logo a img {
  background: rgba(255, 255, 255, 0.96) !important;
  border-radius: 12px !important;
  padding: 4px !important;
}

body:has(.premium-home-hero) .nav-search,
body:has(.premium-home-hero) .toggle-btn {
  border: 1px solid rgba(7, 31, 63, 0.1) !important;
  background: linear-gradient(145deg, #ffffff, #fff4df) !important;
  box-shadow: 0 12px 26px rgba(7, 31, 63, 0.1) !important;
}

body:has(.premium-home-hero) .toggle-btn {
  position: relative !important;
  overflow: hidden !important;
}

body:has(.premium-home-hero) .toggle-btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 6px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #0a1220, #101827) !important;
  opacity: 1 !important;
  transition: transform 0.22s ease, opacity 0.22s ease !important;
}

body:has(.premium-home-hero) .toggle-btn i {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  place-items: center !important;
  font-size: 1rem !important;
}

body:has(.premium-home-hero) .toggle-btn i:first-child {
  color: #f2cf7a !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

body:has(.premium-home-hero) .toggle-btn i:last-child {
  color: #071f3f !important;
  opacity: 0 !important;
  transform: translateY(16px) !important;
}

body:has(.premium-home-hero) .toggle-btn.is-dark {
  background: linear-gradient(145deg, #d9992f, #f2cf7a) !important;
  border-color: rgba(242, 207, 122, 0.45) !important;
}

body:has(.premium-home-hero) .toggle-btn.is-dark::before {
  opacity: 0 !important;
  transform: scale(0.74) !important;
}

body:has(.premium-home-hero) .toggle-btn.is-dark i:first-child {
  opacity: 0 !important;
  transform: translateY(-16px) !important;
}

body:has(.premium-home-hero) .toggle-btn.is-dark i:last-child {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

body:has(.premium-home-hero) .links .btn,
body:has(.premium-home-hero) .hero-actions .btn:not(.btn-outline-premium) {
  background: linear-gradient(135deg, #f4d37d 0%, #c58a2d 52%, #865417 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 18px 38px rgba(134, 84, 23, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .hero-actions .btn-outline-premium {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  border-color: rgba(242, 207, 122, 0.34) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28) !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .premium-home-hero .big-title h1:first-child {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .premium-home-hero .big-title h1:last-child {
  color: #f2cf7a !important;
  -webkit-text-fill-color: #f2cf7a !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .premium-home-hero .text,
body:has(.premium-home-hero) .big-wrapper.dark .eyebrow {
  opacity: 1 !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .premium-home-hero .text {
  color: #d9e5f6 !important;
  -webkit-text-fill-color: #d9e5f6 !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .eyebrow {
  color: #f2cf7a !important;
  -webkit-text-fill-color: #f2cf7a !important;
}

body:has(.premium-home-hero) .hero-points,
body:has(.premium-home-hero) .academy-stats-bar,
body:has(.premium-home-hero) .premium-insights article,
body:has(.premium-home-hero) .quick-card,
body:has(.premium-home-hero) .premium-action-ribbon a {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(7, 31, 63, 0.08) !important;
  box-shadow: 0 20px 46px rgba(7, 31, 63, 0.1) !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .hero-points,
body:has(.premium-home-hero) .big-wrapper.dark .academy-stats-bar,
body:has(.premium-home-hero) .big-wrapper.dark .premium-insights article,
body:has(.premium-home-hero) .big-wrapper.dark .quick-card,
body:has(.premium-home-hero) .big-wrapper.dark .academy-slideshow,
body:has(.premium-home-hero) .big-wrapper.dark .school-story,
body:has(.premium-home-hero) .big-wrapper.dark .slide-highlights article,
body:has(.premium-home-hero) .big-wrapper.dark .premium-action-ribbon a {
  background: linear-gradient(145deg, rgba(12, 27, 48, 0.96), rgba(8, 18, 33, 0.96)) !important;
  border-color: rgba(242, 207, 122, 0.2) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .hero-points span,
body:has(.premium-home-hero) .big-wrapper.dark .academy-stats-bar :is(strong, span, small),
body:has(.premium-home-hero) .big-wrapper.dark .premium-insights h3,
body:has(.premium-home-hero) .big-wrapper.dark .quick-card span,
body:has(.premium-home-hero) .big-wrapper.dark .premium-action-ribbon span {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .premium-insights p,
body:has(.premium-home-hero) .big-wrapper.dark .quick-card small,
body:has(.premium-home-hero) .big-wrapper.dark .premium-action-ribbon small {
  color: #c8d5e6 !important;
  -webkit-text-fill-color: #c8d5e6 !important;
}

.premium-action-ribbon {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
  margin: -0.9rem auto 1.35rem !important;
}

.premium-action-ribbon a {
  min-height: 92px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  column-gap: 0.9rem;
  padding: 1rem 1.1rem;
  border-radius: 16px;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.premium-action-ribbon a:hover {
  transform: translateY(-3px);
  border-color: rgba(197, 138, 45, 0.38) !important;
  box-shadow: 0 26px 54px rgba(7, 31, 63, 0.16) !important;
}

.premium-action-ribbon i {
  grid-row: 1 / span 2;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--aa-emerald), var(--aa-ink));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.premium-action-ribbon span {
  color: var(--aa-ink);
  font-weight: 900;
  line-height: 1.15;
}

.premium-action-ribbon small {
  color: #59677a;
  font-weight: 700;
  line-height: 1.35;
}

body:has(.premium-home-hero) .hamburger-menu {
  width: 44px !important;
  height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 13px !important;
  border: 1px solid rgba(7, 31, 63, 0.1) !important;
  background: linear-gradient(145deg, #ffffff, #fff4df) !important;
  box-shadow: 0 12px 26px rgba(7, 31, 63, 0.1) !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .hamburger-menu {
  border-color: rgba(242, 207, 122, 0.24) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .hamburger-menu .bar,
body:has(.premium-home-hero) .big-wrapper.dark .hamburger-menu .bar::before,
body:has(.premium-home-hero) .big-wrapper.dark .hamburger-menu .bar::after {
  background: #f8fafc !important;
}

@media screen and (max-width: 1180px) {
  body:has(.premium-home-hero) header .container {
    position: relative !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .links {
    position: fixed !important;
    top: 104px !important;
    left: 14px !important;
    right: 14px !important;
    bottom: auto !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    padding: 12px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(7, 31, 63, 0.1) !important;
    box-shadow: 0 24px 60px rgba(7, 31, 63, 0.18) !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 120 !important;
  }

  body:has(.premium-home-hero) .big-wrapper.dark.active .links {
    background: rgba(8, 18, 33, 0.98) !important;
    border-color: rgba(242, 207, 122, 0.22) !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .links ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .links li,
  body:has(.premium-home-hero) .big-wrapper.active .links a,
  body:has(.premium-home-hero) .big-wrapper.active .nav-search {
    width: 100% !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .links li:first-child {
    margin-top: 0 !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .links a {
    min-height: 44px !important;
    justify-content: flex-start !important;
    padding: 0 12px !important;
    margin: 0 !important;
    font-size: 0.98rem !important;
    line-height: 1.2 !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .nav-search {
    height: 44px !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .nav-search input {
    width: 100% !important;
    padding-left: 12px !important;
  }

  .premium-action-ribbon {
    grid-template-columns: 1fr !important;
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 720px) {
  body:has(.premium-home-hero) .logo h3 {
    max-width: min(54vw, 210px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body:has(.premium-home-hero) .logo h3::after {
    display: none !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .links {
    top: 96px !important;
  }

  .premium-action-ribbon a {
    min-height: 84px;
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 0.9rem;
  }

  .premium-action-ribbon i {
    width: 44px;
    height: 44px;
  }
}

/* Live /test rescue: Bootstrap fallback + fluid desktop sizing. */
body:has(.premium-home-hero) {
  --aa-live-width: min(1760px, calc(100vw - 96px));
  --aa-live-narrow: min(100% - 32px, 980px);
}

body:has(.premium-home-hero) .container {
  max-width: none;
}

body:has(.premium-home-hero) .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}

body:has(.premium-home-hero) [class*="col-"] {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 12px;
  padding-left: 12px;
}

body:has(.premium-home-hero) .mb-5 {
  margin-bottom: 3rem;
}

body:has(.premium-home-hero) .py-5 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media screen and (min-width: 992px) {
  body:has(.premium-home-hero) .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  body:has(.premium-home-hero) .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1181px) {
  body:has(.premium-home-hero) header .container,
  body:has(.premium-home-hero) .premium-home-hero,
  body:has(.premium-home-hero) .academy-stats-bar,
  body:has(.premium-home-hero) .premium-action-ribbon,
  body:has(.premium-home-hero) .premium-insights,
  body:has(.premium-home-hero) .quick-access,
  body:has(.premium-home-hero) .academy-slideshow,
  body:has(.premium-home-hero) .school-story,
  body:has(.premium-home-hero) .slide-highlights,
  body:has(.premium-home-hero) .premium-opinion,
  body:has(.premium-home-hero) .management-section > .container,
  body:has(.premium-home-hero) .achievements-section > .container {
    width: var(--aa-live-width) !important;
    max-width: 1760px !important;
  }

  body:has(.premium-home-hero) header .container {
    min-height: 86px !important;
  }

  body:has(.premium-home-hero) .premium-home-hero {
    grid-template-columns: minmax(0, 0.95fr) minmax(560px, 1.05fr) !important;
    gap: clamp(2rem, 3.6vw, 4.5rem) !important;
    padding-top: clamp(2rem, 3vw, 3.25rem) !important;
  }

  body:has(.premium-home-hero) .hero-visual-panel {
    width: 100% !important;
    max-width: none !important;
  }

  body:has(.premium-home-hero) .hero-slide-card {
    width: 100% !important;
    aspect-ratio: 16 / 9.75 !important;
  }

  body:has(.premium-home-hero) .premium-home-hero .big-title h1 {
    font-size: clamp(4rem, 4.8vw, 6.6rem) !important;
  }

  body:has(.premium-home-hero) .premium-home-hero .text {
    max-width: 820px !important;
    font-size: clamp(1.05rem, 1.05vw, 1.32rem) !important;
  }

  body:has(.premium-home-hero) .academy-stats-bar article {
    min-height: 126px !important;
  }

  body:has(.premium-home-hero) .premium-insights article {
    min-height: 205px !important;
  }
}

body:has(.premium-home-hero) .management-section {
  width: 100% !important;
  margin: clamp(2rem, 4vw, 4.8rem) 0 0 !important;
  padding: clamp(3rem, 5vw, 5.5rem) 0 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(197, 138, 45, 0.08)),
    radial-gradient(circle at 50% 0%, rgba(15, 118, 110, 0.12), transparent 30%);
}

body:has(.premium-home-hero) .management-section > .text-center {
  width: var(--aa-live-width);
  max-width: 1760px;
  margin-inline: auto;
}

body:has(.premium-home-hero) .management-section .row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 1.6vw, 1.6rem);
  margin: 0 !important;
}

body:has(.premium-home-hero) .management-section .col-lg-4 {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body:has(.premium-home-hero) .management-card {
  min-height: 320px !important;
  height: 100% !important;
  display: grid !important;
  place-items: start center !important;
  padding: 4.4rem 1.5rem 1.5rem !important;
  overflow: visible !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(255, 248, 234, 0.94)) !important;
  border: 1px solid rgba(7, 31, 63, 0.1) !important;
  box-shadow: 0 24px 64px rgba(7, 31, 63, 0.12) !important;
}

body:has(.premium-home-hero) .management-card .text-center {
  position: absolute;
  top: -54px;
  left: 0;
  right: 0;
}

body:has(.premium-home-hero) .teacher-img {
  width: 118px !important;
  height: 118px !important;
  margin: 0 !important;
  border: 6px solid #ffffff !important;
  box-shadow: 0 16px 36px rgba(7, 31, 63, 0.18) !important;
}

body:has(.premium-home-hero) .management-card .card-body {
  margin: 0 !important;
  padding: 0 !important;
}

body:has(.premium-home-hero) .management-card h5 {
  margin-bottom: 0.35rem !important;
  color: #071f3f !important;
  font-weight: 900 !important;
}

body:has(.premium-home-hero) .management-card p:not(.text-warning) {
  max-width: 42ch;
  margin-inline: auto;
  color: #3f4c61 !important;
  line-height: 1.55;
}

@media screen and (max-width: 1180px) {
  body:has(.premium-home-hero) {
    --aa-live-width: var(--aa-live-narrow);
  }

  body:has(.premium-home-hero) .management-section .row {
    grid-template-columns: 1fr;
    gap: 4.2rem;
  }
}

@media screen and (max-width: 720px) {
  body:has(.premium-home-hero) {
    --aa-live-width: calc(100% - 24px);
  }

  body:has(.premium-home-hero) .management-card {
    min-height: 300px !important;
  }
}

/* 2026-06-01 premium polish: navbar, logos, search, gallery and management cards. */
body:has(.premium-home-hero) header .container {
  min-height: 104px !important;
  padding: 14px 24px !important;
  border-radius: 20px !important;
}

body:has(.premium-home-hero) .logo {
  min-width: clamp(310px, 22vw, 440px) !important;
  gap: 0 !important;
}

body:has(.premium-home-hero) .logo .brand-mark-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(280px, 21vw, 410px) !important;
  height: 76px !important;
  padding: 8px 16px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7, 31, 63, 0.08) !important;
  box-shadow: 0 16px 36px rgba(7, 31, 63, 0.12) !important;
}

body:has(.premium-home-hero) .logo img,
body:has(.premium-home-hero) header .logo a img {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  filter: none !important;
}

body:has(.premium-home-hero) .logo .brand-text-link {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}

body:has(.premium-home-hero) .links ul {
  gap: clamp(0.7rem, 1vw, 1.15rem) !important;
}

body:has(.premium-home-hero) .links a {
  min-height: 44px !important;
  font-size: clamp(0.9rem, 0.72vw, 1rem) !important;
}

body:has(.premium-home-hero) .nav-search {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid rgba(7, 31, 63, 0.11) !important;
  box-shadow: 0 12px 26px rgba(7, 31, 63, 0.1) !important;
  transition: width 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease !important;
}

body:has(.premium-home-hero) .nav-search input {
  width: 0 !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  background: transparent !important;
  color: #071f3f !important;
  font-weight: 800 !important;
  transition: opacity 0.16s ease !important;
}

body:has(.premium-home-hero) .nav-search button {
  position: relative !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  flex: 0 0 52px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #071f3f !important;
  -webkit-text-fill-color: #071f3f !important;
  box-shadow: none !important;
}

body:has(.premium-home-hero) .nav-search:focus-within,
body:has(.premium-home-hero) .nav-search:hover {
  width: min(260px, 18vw) !important;
  border-color: rgba(197, 138, 45, 0.36) !important;
  box-shadow: 0 16px 34px rgba(7, 31, 63, 0.14) !important;
}

body:has(.premium-home-hero) .nav-search:focus-within input,
body:has(.premium-home-hero) .nav-search:hover input {
  width: 100% !important;
  padding-left: 16px !important;
  opacity: 1 !important;
}

body:has(.premium-home-hero) .toggle-btn {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
}

body:has(.premium-home-hero) .academy-slideshow {
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,248,234,.92)) !important;
  border-color: rgba(7,31,63,.1) !important;
}

body:has(.premium-home-hero) .slideshow-frame {
  border: 1px solid rgba(242, 207, 122, 0.28) !important;
}

body:has(.premium-home-hero) .slideshow-dots {
  bottom: 0.72rem !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: rgba(7, 17, 31, 0.78) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  backdrop-filter: blur(10px) !important;
}

body:has(.premium-home-hero) .slideshow-dots span {
  background: rgba(255, 255, 255, 0.72) !important;
  animation: none !important;
}

body:has(.premium-home-hero) .slideshow-dots span.active {
  background: #f2cf7a !important;
  box-shadow: 0 0 0 3px rgba(242, 207, 122, 0.18) !important;
}

body:has(.premium-home-hero) .management-section {
  padding-top: clamp(4.8rem, 7vw, 7rem) !important;
  padding-bottom: clamp(4rem, 5.5vw, 6rem) !important;
}

body:has(.premium-home-hero) .management-section .row {
  align-items: stretch !important;
  gap: clamp(1.25rem, 1.8vw, 2rem) !important;
}

body:has(.premium-home-hero) .management-card {
  min-height: 390px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 6.6rem 1.55rem 1.55rem !important;
}

body:has(.premium-home-hero) .management-card .text-center {
  top: 24px !important;
}

body:has(.premium-home-hero) .management-card .card-body {
  width: 100% !important;
  min-height: 230px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  text-align: center !important;
}

body:has(.premium-home-hero) .teacher-img {
  width: 112px !important;
  height: 112px !important;
}

body:has(.premium-home-hero) .management-card h5 {
  margin-top: 0 !important;
  font-size: clamp(1.18rem, 1.1vw, 1.48rem) !important;
}

body:has(.premium-home-hero) .management-card .text-warning {
  margin: 0.2rem 0 0.75rem !important;
  color: #c58a2d !important;
  letter-spacing: 0.12em !important;
}

body:has(.premium-home-hero) .management-card p:not(.text-warning)::after {
  content: "Leadership \2022  Discipline \2022  Parent Trust";
  display: block;
  margin: 1.15rem auto 0;
  width: fit-content;
  max-width: 100%;
  padding: 0.58rem 0.78rem;
  border-radius: 999px;
  background: rgba(7, 31, 63, 0.06);
  color: #071f3f;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.04em;
}

body:has(.premium-home-hero) .big-wrapper.dark .academy-slideshow,
body:has(.premium-home-hero) .big-wrapper.dark .management-card {
  background: linear-gradient(145deg, rgba(12, 27, 48, 0.98), rgba(8, 18, 33, 0.98)) !important;
  border-color: rgba(242, 207, 122, 0.22) !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .management-card h5,
body:has(.premium-home-hero) .big-wrapper.dark .management-card p:not(.text-warning)::after {
  color: #f8fafc !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .management-card p:not(.text-warning) {
  color: #c8d5e6 !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .management-card p:not(.text-warning)::after {
  background: rgba(255,255,255,0.08) !important;
}

@media screen and (min-width: 1181px) {
  body:has(.premium-home-hero) header .container {
    width: min(1840px, calc(100vw - 72px)) !important;
    max-width: 1840px !important;
  }
}

@media screen and (max-width: 1380px) {
  body:has(.premium-home-hero) .logo {
    min-width: 260px !important;
  }

  body:has(.premium-home-hero) .logo .brand-mark-link {
    width: 250px !important;
    height: 68px !important;
    padding: 8px 12px !important;
  }

  body:has(.premium-home-hero) .links a {
    font-size: 0.78rem !important;
  }
}

@media screen and (max-width: 1180px) {
  body:has(.premium-home-hero) .logo {
    min-width: 0 !important;
  }

  body:has(.premium-home-hero) .logo .brand-mark-link {
    width: min(280px, 62vw) !important;
    height: 64px !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .nav-search,
  body:has(.premium-home-hero) .big-wrapper.active .nav-search:hover,
  body:has(.premium-home-hero) .big-wrapper.active .nav-search:focus-within {
    width: 100% !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .nav-search input {
    width: 100% !important;
    opacity: 1 !important;
  }
}

@media screen and (max-width: 720px) {
  body:has(.premium-home-hero) header .container {
    min-height: 86px !important;
    padding: 12px !important;
  }

  body:has(.premium-home-hero) .logo .brand-mark-link {
    width: min(230px, 58vw) !important;
    height: 58px !important;
  }

  body:has(.premium-home-hero) .management-card {
    min-height: 360px !important;
  }
}

/* 2026-06-01 identity + dark contrast hotfix. */
body:has(.premium-home-hero) .logo {
  min-width: clamp(360px, 26vw, 480px) !important;
  align-items: center !important;
  gap: 0 !important;
}

body:has(.premium-home-hero) .logo .brand-mark-link {
  width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  padding: 10px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7, 31, 63, 0.08) !important;
  box-shadow: 0 18px 34px rgba(7, 31, 63, 0.08) !important;
}

body:has(.premium-home-hero) .logo .brand-mark-link img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 !important;
}

body:has(.premium-home-hero) .logo .brand-text-link {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  margin-left: 0.95rem !important;
  padding-right: 1rem !important;
  color: #071f3f !important;
  line-height: 1.05 !important;
}

body:has(.premium-home-hero) .logo .brand-text-link h3 {
  margin: 0 !important;
  color: #071f3f !important;
  font-family: "Cinzel", Georgia, serif !important;
  font-size: clamp(1.28rem, 1.42vw, 2rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
}

body:has(.premium-home-hero) .logo .brand-text-link span {
  display: block !important;
  margin-top: 0.28rem !important;
  color: #243954 !important;
  font-size: clamp(0.68rem, 0.58vw, 0.82rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .logo .brand-text-link h3 {
  color: #f8fafc !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .logo .brand-text-link span {
  color: #f2cf7a !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .slideshow-copy h2,
body:has(.premium-home-hero) .big-wrapper.dark .school-story h2,
body:has(.premium-home-hero) .big-wrapper.dark .premium-opinion h2 {
  color: #f8fafc !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, 0.28) !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .slideshow-copy p,
body:has(.premium-home-hero) .big-wrapper.dark .school-story p,
body:has(.premium-home-hero) .big-wrapper.dark .premium-opinion p {
  color: #d8e4f4 !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .section-kicker {
  color: #f2cf7a !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .achievement-card,
body:has(.premium-home-hero) .big-wrapper.dark .premium-achievements .stat-tile {
  background: rgba(255, 255, 255, 0.94) !important;
  color: #071f3f !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .achievement-card *,
body:has(.premium-home-hero) .big-wrapper.dark .premium-achievements .stat-tile * {
  color: inherit !important;
}

@media screen and (max-width: 1500px) {
  body:has(.premium-home-hero) .logo {
    min-width: 330px !important;
  }

  body:has(.premium-home-hero) .logo .brand-mark-link {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
  }

  body:has(.premium-home-hero) .logo .brand-text-link h3 {
    font-size: 1.22rem !important;
  }

  body:has(.premium-home-hero) .logo .brand-text-link span {
    font-size: 0.62rem !important;
    letter-spacing: 0.1em !important;
  }
}

@media screen and (max-width: 1180px) {
  body:has(.premium-home-hero) .logo {
    min-width: min(460px, 70vw) !important;
  }
}

@media screen and (max-width: 620px) {
  body:has(.premium-home-hero) .logo {
    min-width: 0 !important;
  }

  body:has(.premium-home-hero) .logo .brand-mark-link {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    border-radius: 14px !important;
  }

  body:has(.premium-home-hero) .logo .brand-text-link {
    margin-left: 0.62rem !important;
    padding-right: 0 !important;
  }

  body:has(.premium-home-hero) .logo .brand-text-link h3 {
    font-size: 1rem !important;
  }

  body:has(.premium-home-hero) .logo .brand-text-link span {
    max-width: 170px !important;
    white-space: normal !important;
    font-size: 0.52rem !important;
    line-height: 1.25 !important;
  }
}

/* 2026-06-01 final readability pass for dark homepage sections. */
body:has(.premium-home-hero) .toggle-btn,
body:has(.premium-home-hero) .bottom-area .toggle-btn {
  position: relative !important;
  isolation: isolate !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(242, 207, 122, 0.54) !important;
  background: linear-gradient(145deg, #07101f, #0d2340) !important;
  color: #f2cf7a !important;
  box-shadow: 0 18px 35px rgba(7, 31, 63, 0.2), inset 0 0 0 1px rgba(255,255,255,0.06) !important;
}

body:has(.premium-home-hero) .toggle-btn i,
body:has(.premium-home-hero) .bottom-area .toggle-btn i {
  color: #f2cf7a !important;
  -webkit-text-fill-color: #f2cf7a !important;
  font-size: 1.08rem !important;
  z-index: 2 !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .toggle-btn,
body:has(.premium-home-hero) .big-wrapper.dark .bottom-area .toggle-btn {
  background: linear-gradient(145deg, #ffffff, #fff7e5) !important;
  border-color: rgba(197, 138, 45, 0.45) !important;
  color: #071f3f !important;
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.28) !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .toggle-btn i,
body:has(.premium-home-hero) .big-wrapper.dark .bottom-area .toggle-btn i {
  color: #071f3f !important;
  -webkit-text-fill-color: #071f3f !important;
}

body:has(.premium-home-hero) .management-card h5,
body:has(.premium-home-hero) .big-wrapper.dark .management-card h5 {
  display: block !important;
  position: relative !important;
  z-index: 3 !important;
  margin: 0.15rem 0 0.35rem !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  font-size: clamp(1.08rem, 1vw, 1.34rem) !important;
  font-weight: 900 !important;
  text-shadow: 0 8px 24px rgba(0, 0, 0, 0.36) !important;
}

body:has(.premium-home-hero) .big-wrapper.light .management-card h5 {
  color: #071f3f !important;
  -webkit-text-fill-color: #071f3f !important;
  text-shadow: none !important;
}

body:has(.premium-home-hero) .academy-slideshow {
  min-height: clamp(520px, 46vw, 760px) !important;
  gap: clamp(2.4rem, 4vw, 5rem) !important;
}

body:has(.premium-home-hero) .slideshow-copy {
  max-width: 520px !important;
}

body:has(.premium-home-hero) .slideshow-copy .section-kicker {
  font-size: clamp(0.98rem, 0.9vw, 1.22rem) !important;
  letter-spacing: 0.18em !important;
}

body:has(.premium-home-hero) .slideshow-copy h2 {
  color: #071f3f !important;
  -webkit-text-fill-color: #071f3f !important;
  font-size: clamp(3rem, 4.25vw, 5.8rem) !important;
  line-height: 0.98 !important;
  max-width: 8.5ch !important;
}

body:has(.premium-home-hero) .slideshow-copy p {
  color: #40516a !important;
  -webkit-text-fill-color: #40516a !important;
  font-size: clamp(1rem, 0.95vw, 1.22rem) !important;
  line-height: 1.72 !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .academy-slideshow,
body:has(.premium-home-hero) .big-wrapper.dark .school-story {
  background: linear-gradient(145deg, rgba(9, 24, 44, 0.98), rgba(4, 13, 25, 0.98)) !important;
  border-color: rgba(242, 207, 122, 0.28) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.36) !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .slideshow-copy .section-kicker,
body:has(.premium-home-hero) .big-wrapper.dark .school-story .section-kicker {
  color: #f8d477 !important;
  -webkit-text-fill-color: #f8d477 !important;
  text-shadow: 0 10px 24px rgba(0, 0, 0, 0.38) !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .slideshow-copy h2,
body:has(.premium-home-hero) .big-wrapper.dark .school-story h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 12px 32px rgba(0, 0, 0, 0.42) !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .slideshow-copy p,
body:has(.premium-home-hero) .big-wrapper.dark .school-story p {
  color: #e5edf8 !important;
  -webkit-text-fill-color: #e5edf8 !important;
  opacity: 1 !important;
  text-shadow: 0 8px 22px rgba(0, 0, 0, 0.34) !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .school-story > div:first-child {
  padding: clamp(1.5rem, 2vw, 2.25rem) !important;
  border-radius: 18px !important;
  background: rgba(4, 13, 25, 0.42) !important;
  border: 1px solid rgba(242, 207, 122, 0.18) !important;
}

@media screen and (max-width: 980px) {
  body:has(.premium-home-hero) .academy-slideshow {
    min-height: auto !important;
  }

  body:has(.premium-home-hero) .slideshow-copy h2 {
    max-width: 100% !important;
  }
}

/* 2026-06-01 premium scale pass: wordmark, management cards and achievements. */
body:has(.premium-home-hero) .logo .brand-text-link {
  gap: 0.18rem !important;
}

body:has(.premium-home-hero) .logo .brand-text-link h3 {
  width: fit-content !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(90deg, #ffffff 0%, #f7e6b4 48%, #d69a36 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  font-family: "Cinzel", Georgia, serif !important;
  font-size: clamp(1.65rem, 1.58vw, 2.28rem) !important;
  letter-spacing: 0.06em !important;
  text-shadow: 0 16px 36px rgba(0, 0, 0, 0.28) !important;
}

body:has(.premium-home-hero) .logo .brand-text-link span {
  width: fit-content !important;
  padding: 0.18rem 0.46rem 0.2rem !important;
  border-radius: 999px !important;
  background: rgba(242, 207, 122, 0.12) !important;
  color: #f2cf7a !important;
  -webkit-text-fill-color: #f2cf7a !important;
  font-size: clamp(0.72rem, 0.58vw, 0.86rem) !important;
  letter-spacing: 0.16em !important;
  box-shadow: inset 0 0 0 1px rgba(242, 207, 122, 0.15) !important;
}

body:has(.premium-home-hero) .big-wrapper.light .logo .brand-text-link h3 {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(90deg, #071f3f 0%, #163b68 46%, #c58a2d 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: none !important;
}

body:has(.premium-home-hero) .big-wrapper.light .logo .brand-text-link span {
  background: rgba(197, 138, 45, 0.1) !important;
  color: #9b681f !important;
  -webkit-text-fill-color: #9b681f !important;
}

body:has(.premium-home-hero) .management-card {
  min-height: 340px !important;
  padding: 2.1rem 1.65rem 1.7rem !important;
  justify-content: flex-start !important;
}

body:has(.premium-home-hero) .management-card > .text-center {
  position: static !important;
  top: auto !important;
  transform: none !important;
  margin: 0 auto 1.2rem !important;
}

body:has(.premium-home-hero) .teacher-img {
  width: 124px !important;
  height: 124px !important;
  border: 6px solid #ffffff !important;
}

body:has(.premium-home-hero) .management-card .card-body {
  min-height: 0 !important;
  gap: 0.62rem !important;
  justify-content: flex-start !important;
}

body:has(.premium-home-hero) .management-card h5,
body:has(.premium-home-hero) .big-wrapper.dark .management-card h5 {
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.2rem, 1.08vw, 1.5rem) !important;
  line-height: 1.18 !important;
  text-align: center !important;
}

body:has(.premium-home-hero) .management-card .text-warning {
  margin: 0.55rem 0 1.25rem !important;
  font-size: 1.05rem !important;
}

body:has(.premium-home-hero) .management-card p:not(.text-warning) {
  max-width: 360px !important;
  margin-inline: auto !important;
  font-size: 0.98rem !important;
  line-height: 1.58 !important;
}

body:has(.premium-home-hero) .management-card p:not(.text-warning)::after {
  margin-top: 1rem !important;
}

body:has(.premium-home-hero) .achievements-section {
  padding: clamp(6rem, 8vw, 9rem) 0 !important;
}

body:has(.premium-home-hero) .achievements-section > .container {
  width: min(1760px, calc(100vw - 96px)) !important;
  max-width: 1760px !important;
}

body:has(.premium-home-hero) .achievements-section .row.align-items-center {
  align-items: center !important;
}

body:has(.premium-home-hero) .achievements-section .section-kicker,
body:has(.premium-home-hero) .section-kicker-light {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.45rem 0.75rem !important;
  border-radius: 999px !important;
  background: rgba(242, 207, 122, 0.12) !important;
  color: #f8d477 !important;
  -webkit-text-fill-color: #f8d477 !important;
  font-size: clamp(0.95rem, 0.82vw, 1.18rem) !important;
  letter-spacing: 0.16em !important;
  font-weight: 950 !important;
}

body:has(.premium-home-hero) .achievements-section h2 {
  font-size: clamp(3.1rem, 4.2vw, 6rem) !important;
  line-height: 0.98 !important;
  margin-top: 1.2rem !important;
  margin-bottom: 1.6rem !important;
}

body:has(.premium-home-hero) .achievements-section p {
  max-width: 820px !important;
  font-size: clamp(1.12rem, 1.05vw, 1.34rem) !important;
  line-height: 1.75 !important;
}

body:has(.premium-home-hero) .achievement-logo {
  margin-top: 1.8rem !important;
  width: min(760px, 100%) !important;
  min-height: 230px !important;
  object-fit: contain !important;
  padding: clamp(1.5rem, 2vw, 2.35rem) !important;
  background: #ffffff !important;
}

body:has(.premium-home-hero) .achievement-card {
  min-height: clamp(210px, 14vw, 270px) !important;
  border-radius: 14px !important;
  padding: clamp(1.8rem, 2.3vw, 3rem) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.18) !important;
}

body:has(.premium-home-hero) .achievement-card i {
  font-size: clamp(3rem, 3vw, 4.6rem) !important;
  margin-bottom: 1.1rem !important;
}

body:has(.premium-home-hero) .achievement-card h1 {
  font-size: clamp(2.8rem, 3.5vw, 5rem) !important;
  line-height: 0.95 !important;
  margin-bottom: 0.55rem !important;
}

body:has(.premium-home-hero) .achievement-card h5 {
  font-size: clamp(1rem, 1vw, 1.28rem) !important;
  font-weight: 900 !important;
}

@media screen and (max-width: 1180px) {
  body:has(.premium-home-hero) .achievements-section > .container {
    width: min(100% - 32px, 920px) !important;
  }

  body:has(.premium-home-hero) .achievements-section h2 {
    font-size: clamp(2.6rem, 9vw, 4.5rem) !important;
  }
}

/* 2026-06-01 final public polish: single wordmark, stronger nav, compact proof banner. */
body:has(.premium-home-hero) .logo h3::after {
  content: none !important;
  display: none !important;
}

body:has(.premium-home-hero) .logo {
  min-width: clamp(390px, 29vw, 560px) !important;
}

body:has(.premium-home-hero) .logo .brand-mark-link {
  width: 86px !important;
  height: 86px !important;
  min-width: 86px !important;
  border-radius: 18px !important;
}

body:has(.premium-home-hero) .logo .brand-text-link {
  gap: 0.22rem !important;
  margin-left: 1rem !important;
}

body:has(.premium-home-hero) .logo .brand-text-link h3 {
  font-size: clamp(1.92rem, 1.72vw, 2.55rem) !important;
  letter-spacing: 0.07em !important;
}

body:has(.premium-home-hero) .logo .brand-text-link span {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #1d3655 !important;
  -webkit-text-fill-color: #1d3655 !important;
  font-size: clamp(0.82rem, 0.66vw, 0.98rem) !important;
  letter-spacing: 0.105em !important;
}

body:has(.premium-home-hero) .big-wrapper.dark .logo .brand-text-link span {
  color: #f2cf7a !important;
  -webkit-text-fill-color: #f2cf7a !important;
}

body:has(.premium-home-hero) .links ul {
  gap: clamp(0.88rem, 1.12vw, 1.34rem) !important;
}

body:has(.premium-home-hero) .links a {
  min-height: 50px !important;
  font-size: clamp(0.98rem, 0.82vw, 1.12rem) !important;
  font-weight: 900 !important;
}

body:has(.premium-home-hero) .links .btn {
  min-height: 58px !important;
  padding: 0 1.35rem !important;
  border-radius: 15px !important;
}

body:has(.premium-home-hero) .nav-search,
body:has(.premium-home-hero) .nav-search button,
body:has(.premium-home-hero) .toggle-btn,
body:has(.premium-home-hero) .bottom-area .toggle-btn {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  border-radius: 16px !important;
}

body:has(.premium-home-hero) .nav-search:focus-within,
body:has(.premium-home-hero) .nav-search:hover {
  width: min(286px, 20vw) !important;
}

body:has(.premium-home-hero) .premium-home-hero .eyebrow {
  font-size: clamp(0.94rem, 0.88vw, 1.16rem) !important;
  letter-spacing: 0.16em !important;
}

body:has(.premium-home-hero) .premium-home-hero .big-title h1:first-child {
  font-size: clamp(5.6rem, 7.6vw, 10.9rem) !important;
}

body:has(.premium-home-hero) .management-section > .text-center .section-kicker,
body:has(.premium-home-hero) .management-section .section-kicker {
  font-size: clamp(0.92rem, 0.82vw, 1.18rem) !important;
  letter-spacing: 0.18em !important;
  padding: 0.28rem 0.58rem !important;
}

body:has(.premium-home-hero) .management-section h2 {
  font-size: clamp(2.75rem, 3.2vw, 4.6rem) !important;
  line-height: 1 !important;
}

body:has(.premium-home-hero) .achievements-section {
  padding: clamp(2.4rem, 3.8vw, 4.5rem) 0 !important;
  background: linear-gradient(135deg, rgba(7, 31, 63, 0.96), rgba(4, 84, 83, 0.9)) !important;
}

body:has(.premium-home-hero) .achievements-section > .container {
  width: min(1520px, calc(100vw - 96px)) !important;
  max-width: 1520px !important;
  padding: clamp(1.35rem, 1.9vw, 2.2rem) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(242, 207, 122, 0.24) !important;
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.22) !important;
}

body:has(.premium-home-hero) .achievements-section .row.align-items-center {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.72fr) minmax(520px, 1.45fr) !important;
  gap: clamp(1.2rem, 2vw, 2.4rem) !important;
  align-items: center !important;
}

body:has(.premium-home-hero) .achievements-section .col-lg-6 {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
}

body:has(.premium-home-hero) .achievements-section .section-kicker,
body:has(.premium-home-hero) .section-kicker-light {
  padding: 0.36rem 0.62rem !important;
  font-size: clamp(0.74rem, 0.62vw, 0.9rem) !important;
  letter-spacing: 0.15em !important;
}

body:has(.premium-home-hero) .achievements-section h2 {
  margin: 0.58rem 0 0 !important;
  font-size: clamp(2.1rem, 2.45vw, 3.45rem) !important;
  line-height: 1 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body:has(.premium-home-hero) .achievements-section h2::after {
  content: none !important;
  display: none !important;
}

body:has(.premium-home-hero) .achievements-section p {
  max-width: 560px !important;
  margin: 0.72rem 0 0 !important;
  color: #dce8f6 !important;
  -webkit-text-fill-color: #dce8f6 !important;
  font-size: clamp(0.92rem, 0.82vw, 1.06rem) !important;
  line-height: 1.62 !important;
}

body:has(.premium-home-hero) .achievement-logo {
  display: none !important;
}

body:has(.premium-home-hero) .achievements-section .col-lg-6:last-child .row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.9rem !important;
}

body:has(.premium-home-hero) .achievements-section .col-md-6 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:has(.premium-home-hero) .achievement-card {
  min-height: 132px !important;
  padding: 1.08rem 0.85rem !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.16) !important;
}

body:has(.premium-home-hero) .achievement-card i {
  font-size: clamp(1.8rem, 1.7vw, 2.55rem) !important;
  margin-bottom: 0.52rem !important;
  color: #d89a27 !important;
}

body:has(.premium-home-hero) .achievement-card h1 {
  font-size: clamp(2rem, 2.1vw, 3rem) !important;
  margin-bottom: 0.2rem !important;
  color: #071f3f !important;
  -webkit-text-fill-color: #071f3f !important;
}

body:has(.premium-home-hero) .achievement-card h5 {
  font-size: 0.86rem !important;
  color: #233a59 !important;
  -webkit-text-fill-color: #233a59 !important;
}

@media screen and (max-width: 1380px) {
  body:has(.premium-home-hero) .logo {
    min-width: 360px !important;
  }

  body:has(.premium-home-hero) .logo .brand-text-link h3 {
    font-size: 1.5rem !important;
  }

  body:has(.premium-home-hero) .logo .brand-text-link span {
    font-size: 0.68rem !important;
  }

  body:has(.premium-home-hero) .links a {
    font-size: 0.86rem !important;
  }
}

@media screen and (max-width: 1080px) {
  body:has(.premium-home-hero) .achievements-section .row.align-items-center,
  body:has(.premium-home-hero) .achievements-section .col-lg-6:last-child .row {
    grid-template-columns: 1fr !important;
  }

  body:has(.premium-home-hero) .achievement-card {
    min-height: 112px !important;
  }
}

/* 2026-06-01 homepage hero visibility hotfix: keep "Atharv Academy" fully visible. */
body:has(.premium-home-hero) .premium-home-hero {
  width: min(1920px, calc(100vw - 112px)) !important;
  max-width: 1920px !important;
  grid-template-columns: minmax(700px, 1.02fr) minmax(560px, 0.9fr) !important;
  gap: clamp(2rem, 3vw, 4rem) !important;
}

body:has(.premium-home-hero) .hero-copy-panel {
  min-width: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

body:has(.premium-home-hero) .hero-visual-panel {
  position: relative !important;
  z-index: 1 !important;
}

body:has(.premium-home-hero) .premium-home-hero .big-title {
  max-width: 100% !important;
}

body:has(.premium-home-hero) .premium-home-hero .big-title h1:first-child {
  font-size: clamp(5.1rem, 6.25vw, 8.4rem) !important;
  white-space: nowrap !important;
}

body:has(.premium-home-hero) .premium-home-hero .big-title h1:last-child {
  font-size: clamp(4.4rem, 5.45vw, 7.4rem) !important;
}

@media screen and (max-width: 1420px) {
  body:has(.premium-home-hero) .premium-home-hero {
    width: min(100% - 56px, 1280px) !important;
    grid-template-columns: minmax(0, 1fr) minmax(430px, 0.88fr) !important;
  }

  body:has(.premium-home-hero) .premium-home-hero .big-title h1:first-child {
    font-size: clamp(4.1rem, 5.6vw, 6.4rem) !important;
  }

  body:has(.premium-home-hero) .premium-home-hero .big-title h1:last-child {
    font-size: clamp(3.7rem, 5vw, 5.8rem) !important;
  }
}

@media screen and (max-width: 1080px) {
  body:has(.premium-home-hero) .premium-home-hero {
    width: min(100% - 32px, 760px) !important;
    grid-template-columns: 1fr !important;
  }

  body:has(.premium-home-hero) .premium-home-hero .big-title h1:first-child {
    white-space: normal !important;
  }
}

/* 2026-06-03 final public homepage/mobile rescue. */
body:has(.premium-home-hero) .premium-home-hero {
  width: min(1420px, calc(100vw - 80px)) !important;
  max-width: 1420px !important;
  grid-template-columns: minmax(0, 0.88fr) minmax(500px, 0.9fr) !important;
  gap: clamp(2rem, 3.4vw, 4.5rem) !important;
  align-items: center !important;
  overflow: visible !important;
}

body:has(.premium-home-hero) .hero-copy-panel {
  max-width: 700px !important;
  min-width: 0 !important;
  z-index: 2 !important;
}

body:has(.premium-home-hero) .hero-visual-panel {
  width: 100% !important;
  max-width: 650px !important;
  min-width: 0 !important;
  justify-self: end !important;
  z-index: 1 !important;
}

body:has(.premium-home-hero) .premium-home-hero .big-title h1:first-child {
  font-size: clamp(4.2rem, 5vw, 6.4rem) !important;
  white-space: normal !important;
}

body:has(.premium-home-hero) .premium-home-hero .big-title h1:last-child {
  font-size: clamp(3.55rem, 4.45vw, 5.5rem) !important;
}

@media screen and (max-width: 1180px) {
  body:has(.premium-home-hero) .premium-home-hero {
    width: min(760px, calc(100vw - 28px)) !important;
    grid-template-columns: 1fr !important;
    gap: 1.45rem !important;
    padding-top: 1.2rem !important;
  }

  body:has(.premium-home-hero) .hero-copy-panel,
  body:has(.premium-home-hero) .hero-visual-panel {
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  body:has(.premium-home-hero) .hero-visual-panel {
    order: 2 !important;
  }

  body:has(.premium-home-hero) .hero-copy-panel {
    order: 1 !important;
  }

  body:has(.premium-home-hero) .premium-home-hero .big-title h1:first-child {
    font-size: clamp(3.55rem, 11vw, 5.2rem) !important;
  }

  body:has(.premium-home-hero) .premium-home-hero .big-title h1:last-child {
    font-size: clamp(3rem, 9.6vw, 4.55rem) !important;
  }

  body:has(.premium-home-hero) header .container {
    position: relative !important;
    z-index: 10000 !important;
  }

  body:has(.premium-home-hero) .hamburger-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 16px !important;
    background: #071323 !important;
    border: 1px solid rgba(217, 154, 43, 0.35) !important;
    box-shadow: 0 16px 34px rgba(7, 19, 35, 0.2) !important;
    cursor: pointer !important;
  }

  body:has(.premium-home-hero) .hamburger-menu .bar,
  body:has(.premium-home-hero) .hamburger-menu .bar::before,
  body:has(.premium-home-hero) .hamburger-menu .bar::after {
    background: #f6d37b !important;
  }

  body:has(.premium-home-hero) .links {
    display: none !important;
    pointer-events: none !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .links {
    display: block !important;
    position: fixed !important;
    top: 104px !important;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    max-height: calc(100dvh - 126px) !important;
    overflow: auto !important;
    padding: 0.85rem !important;
    z-index: 10020 !important;
    pointer-events: auto !important;
    background: linear-gradient(145deg, #071323, #02050a) !important;
    border: 1px solid rgba(217, 154, 43, 0.42) !important;
    border-radius: 20px !important;
    box-shadow: 0 28px 80px rgba(2, 5, 10, 0.45) !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .links ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.48rem !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .links a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 44px !important;
    padding: 0.78rem 0.9rem !important;
    border-radius: 13px !important;
    color: #fff7df !important;
    -webkit-text-fill-color: #fff7df !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .links a:hover,
  body:has(.premium-home-hero) .big-wrapper.active .links a.active {
    background: linear-gradient(135deg, #f1c96b, #c98f32) !important;
    color: #071323 !important;
    -webkit-text-fill-color: #071323 !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .nav-search {
    width: 100% !important;
    max-width: none !important;
    min-height: 48px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(217, 154, 43, 0.26) !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .nav-search input {
    width: 100% !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  body:has(.premium-home-hero) .overlay {
    z-index: 10010 !important;
  }
}

@media screen and (max-width: 640px) {
  body:has(.premium-home-hero) header {
    padding: 0.8rem 0 !important;
  }

  body:has(.premium-home-hero) header .container {
    width: min(100% - 18px, 540px) !important;
    min-height: 86px !important;
    padding: 0.7rem !important;
    border-radius: 18px !important;
  }

  body:has(.premium-home-hero) .logo {
    min-width: 0 !important;
    gap: 0.72rem !important;
  }

  body:has(.premium-home-hero) .logo img {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    padding: 0.42rem !important;
    border-radius: 14px !important;
  }

  body:has(.premium-home-hero) .logo .brand-text-link h3 {
    font-size: clamp(1.1rem, 5.5vw, 1.55rem) !important;
    line-height: 1.02 !important;
  }

  body:has(.premium-home-hero) .logo .brand-text-link span {
    font-size: 0.58rem !important;
    white-space: normal !important;
  }

  body:has(.premium-home-hero) .hamburger-menu {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
  }

  body:has(.premium-home-hero) .big-wrapper.active .links {
    top: 94px !important;
    left: 10px !important;
    right: 10px !important;
  }

  body:has(.premium-home-hero) .premium-home-hero {
    width: min(100% - 22px, 520px) !important;
  }

  body:has(.premium-home-hero) .premium-home-hero .big-title h1:first-child {
    font-size: clamp(3.1rem, 15vw, 4.15rem) !important;
  }

  body:has(.premium-home-hero) .premium-home-hero .big-title h1:last-child {
    font-size: clamp(2.75rem, 13vw, 3.75rem) !important;
  }
}

/* 2026-06-05 final hosted mdcoretest navbar fit. Kept last to beat older navbar overrides. */
body:has(.premium-home-hero) header .container {
  display: grid !important;
  grid-template-columns: minmax(500px, 0.72fr) minmax(0, 1.28fr) !important;
  align-items: center !important;
  gap: clamp(18px, 2vw, 34px) !important;
}

body:has(.premium-home-hero) .logo {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 680px !important;
}

body:has(.premium-home-hero) .logo .brand-mark-link {
  flex: 0 0 clamp(92px, 6vw, 122px) !important;
  width: clamp(92px, 6vw, 122px) !important;
  height: clamp(92px, 6vw, 122px) !important;
}

body:has(.premium-home-hero) .logo .brand-text-link {
  min-width: 0 !important;
}

body:has(.premium-home-hero) .logo .brand-text-link h3 {
  font-size: clamp(34px, 2.55vw, 54px) !important;
  line-height: .82 !important;
  white-space: nowrap !important;
  letter-spacing: .025em !important;
}

body:has(.premium-home-hero) .logo .brand-text-link span {
  font-size: clamp(11px, .78vw, 16px) !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  letter-spacing: .18em !important;
}

body:has(.premium-home-hero) .nav-container {
  min-width: 0 !important;
  justify-content: flex-end !important;
  gap: clamp(12px, 1.2vw, 24px) !important;
}

body:has(.premium-home-hero) .links {
  min-width: 0 !important;
}

body:has(.premium-home-hero) .links ul {
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: clamp(12px, 1vw, 22px) !important;
}

body:has(.premium-home-hero) .links a:not(.btn) {
  font-size: clamp(14px, .9vw, 18px) !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

body:has(.premium-home-hero) .links .btn {
  min-width: clamp(150px, 9.5vw, 198px) !important;
  padding-inline: clamp(18px, 1.6vw, 30px) !important;
  font-size: clamp(14px, .92vw, 18px) !important;
}

body:has(.premium-home-hero) .nav-search,
body:has(.premium-home-hero) .nav-search:hover,
body:has(.premium-home-hero) .nav-search:focus-within {
  width: clamp(62px, 4.3vw, 82px) !important;
  height: clamp(62px, 4.3vw, 82px) !important;
  flex: 0 0 clamp(62px, 4.3vw, 82px) !important;
}

body:has(.premium-home-hero) .nav-search input {
  display: none !important;
}

body:has(.premium-home-hero) .bottom-area {
  flex: 0 0 auto !important;
}

@media (max-width: 1500px) {
  body:has(.premium-home-hero) header .container {
    display: flex !important;
  }

  body:has(.premium-home-hero) .logo {
    max-width: min(72vw, 680px) !important;
  }

  body:has(.premium-home-hero) .nav-container {
    display: none !important;
  }

  body:has(.premium-home-hero) .hamburger-menu {
    display: flex !important;
  }
}