/*
  WIE Version 1.2E Premium Creative Finish
  Visitor-facing polish only. No knowledge recovery, architecture or DCP changes.
*/

.v12e-top-page {
  text-rendering: optimizeLegibility;
}

.v12e-top-page .site-header {
  box-shadow: 0 10px 28px rgba(15, 41, 71, .06);
}

.v12e-top-page .nav a {
  transition: color .18s ease, background-color .18s ease, transform .18s ease;
}

.v12e-top-page .nav a:hover,
.v12e-top-page .nav a:focus {
  transform: translateY(-1px);
}

.v12e-top-page .page-hero.phaseb-hero {
  min-height: 560px;
  padding: 5rem 0;
  background-position: center;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.28);
}

.v12e-top-page .page-hero.phaseb-hero::before {
  content: "";
  position: absolute;
}

.v12e-top-page .page-hero.phaseb-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.v12e-top-page .page-hero.phaseb-hero .container {
  position: relative;
  z-index: 1;
}

.v12e-top-page .page-hero.phaseb-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(100deg, rgba(8, 31, 59, .92) 0%, rgba(0, 101, 102, .68) 45%, rgba(8, 31, 59, .18) 100%);
}

.v12e-top-page .page-hero h1,
.v12e-top-page .mcl-hero h1 {
  max-width: 780px;
  text-wrap: balance;
  letter-spacing: 0;
}

.v12e-top-page .page-hero .hero-copy,
.v12e-top-page .mcl-hero .mcl-lede {
  max-width: 660px;
  text-wrap: pretty;
}

.v12e-top-page .button,
.v12e-top-page .btn {
  box-shadow: 0 10px 22px rgba(12, 43, 78, .12);
}

.v12e-top-page .button.gold {
  box-shadow: 0 14px 26px rgba(244, 182, 63, .24);
}

.v12e-top-page .split img,
.v12e-top-page .experience-feature-photo,
.v12e-top-page .success-proof img,
.v12e-top-page .card img,
.v12e-top-page .mcl-gallery-item img {
  box-shadow: 0 18px 42px rgba(15, 41, 71, .13);
}

.v12e-top-page .section-intro {
  margin-bottom: 1.9rem;
}

.v12e-top-page .template-card,
.v12e-top-page .card,
.v12e-top-page .question-card,
.v12e-top-page .mini-card {
  box-shadow: 0 12px 30px rgba(15, 41, 71, .07);
}

.v12e-home .mcl-hero-homepage {
  min-height: 720px;
}

.v12e-home .mcl-hero-homepage::after {
  background:
    linear-gradient(90deg, rgba(7, 30, 56, .92) 0%, rgba(7, 30, 56, .74) 34%, rgba(7, 30, 56, .28) 70%, rgba(7, 30, 56, .08) 100%);
}

.v12e-home .mcl-hero-homepage .mcl-hero-copy {
  padding-top: 2rem;
}

.v12e-courses .page-hero.phaseb-hero { --phaseb-image: url("images/studentsgroup.JPG"); }
.v12e-general .page-hero.phaseb-hero { --phaseb-image: url("images/classmisc.jpg"); }
.v12e-student-life .page-hero.phaseb-hero { --phaseb-image: url("images/studentsgrass.JPG"); }
.v12e-hamilton .page-hero.phaseb-hero { --phaseb-image: url("images/waikato1.jpg"); background-position: center 48%; }
.v12e-homestay .page-hero.phaseb-hero { --phaseb-image: url("images/homestay02.jpg"); background-position: center 46%; }
.v12e-accommodation .page-hero.phaseb-hero { --phaseb-image: url("images/reception.JPG"); background-position: center 44%; }
.v12e-nzcel .page-hero.phaseb-hero { --phaseb-image: url("images/Intermediateclass.JPG"); }
.v12e-ielts .page-hero.phaseb-hero { --phaseb-image: url("images/ieltsclass.jpg"); }
.v12e-newzealand .page-hero.phaseb-hero { --phaseb-image: url("images/waikato1.jpg"); background-position: center 42%; }
.v12e-whywie .page-hero.phaseb-hero { --phaseb-image: url("images/studentsgroup.JPG"); background-position: center 38%; }
.v12e-about .page-hero.phaseb-hero { --phaseb-image: url("images/WIE Building_sml.JPG"); background-position: center 44%; }
.v12e-services .page-hero.phaseb-hero { --phaseb-image: url("images/reception.JPG"); background-position: center 42%; }
.v12e-facilities .page-hero.phaseb-hero { --phaseb-image: url("images/DSCF0019.JPG"); background-position: center 42%; }
.v12e-teachers .page-hero.phaseb-hero { --phaseb-image: url("images/classmisc.jpg"); background-position: center 44%; }
.v12e-gallery .page-hero.phaseb-hero { --phaseb-image: url("images/studentsgrass.JPG"); background-position: center 42%; }
.v12e-faq .page-hero.phaseb-hero { --phaseb-image: url("images/studentstable.jpg"); background-position: center 45%; }
.v12e-downloads .page-hero.phaseb-hero { --phaseb-image: url("images/reception.JPG"); background-position: center 42%; }
.v12e-contact .page-hero.phaseb-hero { --phaseb-image: url("images/reception.JPG"); background-position: center 42%; }
.v12e-enrolment .page-hero.phaseb-hero { --phaseb-image: url("images/WIE Building_sml.JPG"); background-position: center 42%; }

@media (max-width: 980px) {
  .v12e-top-page .site-header {
    top: 0;
  }

  .v12e-top-page .header-inner {
    min-height: auto;
    flex-direction: row;
    align-items: center;
    padding: .45rem 0;
    gap: .55rem;
  }

  .v12e-top-page .brand img {
    width: 76px;
  }

  .v12e-top-page .brand span {
    display: none;
  }

  .v12e-top-page .nav {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    display: flex;
    flex-wrap: nowrap;
    gap: .25rem;
    overflow-x: auto;
    padding-bottom: .15rem;
    scrollbar-width: thin;
  }

  .v12e-top-page .nav a {
    flex: 0 0 auto;
    min-height: 32px;
    display: grid;
    place-items: center;
    padding: .32rem .52rem;
    font-size: .72rem;
    line-height: 1.12;
    text-align: center;
    white-space: nowrap;
    background: #f6f9fc;
    border: 1px solid #e1eaf1;
  }

  .v12e-top-page .page-hero.phaseb-hero {
    min-height: 500px;
    padding: 3.2rem 0;
    align-items: end;
  }

  .v12e-top-page .page-hero h1 {
    font-size: clamp(2.25rem, 11vw, 3.45rem);
  }

  .v12e-home .mcl-hero-homepage {
    min-height: 620px;
  }
}

@media (max-width: 620px) {
  .v12e-top-page .container,
  .v12e-top-page .hero-content,
  .v12e-top-page .mcl-hero .container {
    width: min(100% - 28px, 1120px);
  }

  .v12e-top-page .page-hero.phaseb-hero {
    min-height: 520px;
  }

  .v12e-top-page .page-hero .hero-copy {
    font-size: 1.04rem;
  }

  .v12e-top-page .mcl-hero-homepage .container {
    grid-template-columns: 1fr;
  }

  .v12e-top-page .mcl-actions .button,
  .v12e-top-page .hero-actions .button,
  .v12e-top-page .section-actions .button {
    width: 100%;
  }

  .v12e-home .mcl-hero-homepage {
    min-height: 650px;
    align-items: end;
  }

  .v12e-home .mcl-hero-homepage .mcl-hero-copy {
    padding: 4.5rem 0 3rem;
  }
}