/* ONYX EDUCATION — AUTHORITY REDESIGN */

.v7-education{
  --edu-black:#11100f;
  --edu-ink:#171513;
  --edu-muted:#665f5a;
  --edu-blush:#ae8277;
  --edu-ivory:#f5f1eb;
  --edu-line:rgba(17,16,15,.16);
}

/* HERO */
.v7-education .education-hero{
  min-height:760px!important;
  display:flex!important;
  align-items:flex-end!important;
  background:#fff!important;
  padding:11rem 7vw 8vw!important;
}

.v7-education .education-hero .hero-copy{
  width:100%!important;
  max-width:1280px!important;
  padding:0!important;
}

.v7-education .education-hero .eyebrow{
  color:var(--edu-blush)!important;
  margin:0 0 2.2rem!important;
}

.v7-education .education-hero h1{
  max-width:1200px!important;
  margin:0!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(5rem,8.2vw,10rem)!important;
  font-weight:700!important;
  line-height:.86!important;
  letter-spacing:-.065em!important;
  color:var(--edu-ink)!important;
}

.v7-education .education-hero h1 em{
  display:inline-block!important;
  margin-top:.08em!important;
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-weight:400!important;
  color:var(--edu-blush)!important;
  letter-spacing:-.035em!important;
}

.v7-education .education-hero .short-rule{
  display:block!important;
  width:72px!important;
  margin:3rem 0 2rem!important;
  border-top:1px solid var(--edu-blush)!important;
}

.v7-education .education-hero .hero-body{
  max-width:720px!important;
  margin:0!important;
  font-size:1.08rem!important;
  line-height:1.8!important;
  color:var(--edu-muted)!important;
}

/* EDUCATION APPROACH */
.v7-education .approach{
  background:var(--edu-black)!important;
  color:#fff!important;
  padding:9vw 7vw 8vw!important;
}

.v7-education .approach-heading{
  display:grid!important;
  grid-template-columns:.72fr 1.28fr!important;
  grid-template-areas:
    "eyebrow title"
    ". copy"!important;
  column-gap:7vw!important;
  max-width:1500px!important;
  margin:0 auto 6rem!important;
  text-align:left!important;
}

.v7-education .approach-heading .eyebrow{
  grid-area:eyebrow!important;
  color:var(--edu-blush)!important;
  margin:.6rem 0 0!important;
}

.v7-education .approach-heading h2{
  grid-area:title!important;
  max-width:950px!important;
  margin:0!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(3.8rem,6.2vw,7.4rem)!important;
  font-weight:700!important;
  line-height:.9!important;
  letter-spacing:-.055em!important;
  color:#fff!important;
}

.v7-education .approach-heading .short-rule{
  display:none!important;
}

.v7-education .approach-heading>p:not(.eyebrow){
  grid-area:copy!important;
  max-width:650px!important;
  margin:2.5rem 0 0!important;
  color:rgba(255,255,255,.64)!important;
  font-size:1.05rem!important;
  line-height:1.75!important;
}

/* SIX PILLARS */
.v7-education .approach-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  max-width:1500px!important;
  margin:0 auto!important;
  border-top:1px solid rgba(255,255,255,.22)!important;
  border-left:1px solid rgba(255,255,255,.14)!important;
}

.v7-education .approach-card{
  position:relative!important;
  min-height:390px!important;
  margin:0!important;
  padding:3rem 2.7rem!important;
  background:transparent!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.14)!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#fff!important;
  transition:
    background 500ms cubic-bezier(.16,1,.3,1),
    transform 500ms cubic-bezier(.16,1,.3,1)!important;
}

.v7-education .approach-card:hover{
  background:rgba(174,130,119,.12)!important;
  transform:translateY(-6px)!important;
}

.v7-education .approach-card svg{
  width:48px!important;
  height:48px!important;
  margin:0 0 4.5rem!important;
  fill:none!important;
  stroke:var(--edu-blush)!important;
  stroke-width:1.25!important;
}

.v7-education .approach-card h3{
  margin:0 0 1.4rem!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(1.65rem,2.1vw,2.45rem)!important;
  font-weight:600!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  color:#fff!important;
}

.v7-education .approach-card p{
  max-width:350px!important;
  margin:0!important;
  color:rgba(255,255,255,.6)!important;
  font-size:.95rem!important;
  line-height:1.7!important;
}

/* EXPERIENCE */
.v7-education .experts{
  position:relative!important;
  min-height:700px!important;
  display:flex!important;
  align-items:center!important;
  background:var(--edu-ivory)!important;
  padding:9vw 7vw!important;
  overflow:hidden!important;
}

.v7-education .experts::after{
  content:"EXPERIENCE"!important;
  position:absolute!important;
  right:-.04em!important;
  bottom:-.17em!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(8rem,18vw,22rem)!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.075em!important;
  color:rgba(174,130,119,.09)!important;
  pointer-events:none!important;
}

.v7-education .experts-copy{
  position:relative!important;
  z-index:2!important;
  max-width:950px!important;
  margin:0!important;
  padding:0!important;
}

.v7-education .experts .eyebrow{
  color:var(--edu-blush)!important;
  margin:0 0 2rem!important;
}

.v7-education .experts h2{
  margin:0!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(4.5rem,7vw,8.5rem)!important;
  font-weight:700!important;
  line-height:.89!important;
  letter-spacing:-.06em!important;
  color:var(--edu-ink)!important;
}

.v7-education .experts .short-rule{
  display:block!important;
  width:72px!important;
  margin:2.8rem 0 2rem!important;
  border-top:1px solid var(--edu-blush)!important;
}

.v7-education .experts-copy>p:not(.eyebrow){
  max-width:680px!important;
  margin:0!important;
  color:var(--edu-muted)!important;
  font-size:1.08rem!important;
  line-height:1.8!important;
}

/* FINAL CTA */
.v7-education .education-cta{
  min-height:700px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  text-align:left!important;
  background:#fff!important;
  padding:9vw 7vw!important;
}

.v7-education .education-cta .cta-icon{
  width:50px!important;
  height:50px!important;
  margin:0 0 3rem!important;
  fill:none!important;
  stroke:var(--edu-blush)!important;
  stroke-width:1.3!important;
}

.v7-education .education-cta h2{
  max-width:1200px!important;
  margin:0!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(4rem,7vw,8.5rem)!important;
  font-weight:700!important;
  line-height:.9!important;
  letter-spacing:-.06em!important;
  color:var(--edu-ink)!important;
}

.v7-education .education-cta .short-rule{
  display:block!important;
  width:72px!important;
  margin:3rem 0 2rem!important;
  border-top:1px solid var(--edu-blush)!important;
}

.v7-education .education-cta>p{
  max-width:650px!important;
  margin:0 0 2.5rem!important;
  color:var(--edu-muted)!important;
  font-size:1.05rem!important;
  line-height:1.75!important;
}

.v7-education .education-cta .primary-cta{
  display:inline-flex!important;
  align-items:center!important;
  gap:2rem!important;
  padding:1.2rem 1.55rem!important;
  background:var(--edu-black)!important;
  color:#fff!important;
  border:1px solid var(--edu-black)!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:.76rem!important;
  font-weight:700!important;
  letter-spacing:.09em!important;
  transition:
    background 350ms ease,
    color 350ms ease,
    transform 350ms ease!important;
}

.v7-education .education-cta .primary-cta:hover{
  background:var(--edu-blush)!important;
  border-color:var(--edu-blush)!important;
  transform:translateY(-3px)!important;
}

.v7-education .education-cta .primary-cta span{
  font-size:1.2rem!important;
}

/* MOBILE */
@media(max-width:900px){

  .v7-education .education-hero{
    min-height:0!important;
    padding:8rem 7vw 6rem!important;
  }

  .v7-education .education-hero h1{
    font-size:clamp(4rem,14vw,7rem)!important;
    line-height:.89!important;
  }

  .v7-education .approach{
    padding:6.5rem 7vw!important;
  }

  .v7-education .approach-heading{
    display:block!important;
    margin-bottom:4rem!important;
  }

  .v7-education .approach-heading h2{
    margin-top:1.5rem!important;
    font-size:clamp(3.4rem,12vw,6rem)!important;
  }

  .v7-education .approach-grid{
    grid-template-columns:1fr!important;
  }

  .v7-education .approach-card{
    min-height:310px!important;
    padding:2.5rem 2rem!important;
  }

  .v7-education .approach-card svg{
    margin-bottom:3.5rem!important;
  }

  .v7-education .experts{
    min-height:620px!important;
    padding:7rem 7vw!important;
  }

  .v7-education .experts h2{
    font-size:clamp(4rem,13vw,7rem)!important;
  }

  .v7-education .experts::after{
    font-size:30vw!important;
  }

  .v7-education .education-cta{
    min-height:0!important;
    padding:7rem 7vw!important;
  }

  .v7-education .education-cta h2{
    font-size:clamp(3.7rem,13vw,7rem)!important;
  }
}

@media(max-width:560px){
  .v7-education .education-hero h1{
    font-size:clamp(3.6rem,15vw,5.5rem)!important;
  }

  .v7-education .approach-card{
    min-height:280px!important;
  }

  .v7-education .education-cta .primary-cta{
    width:100%!important;
    justify-content:space-between!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .v7-education .approach-card:hover,
  .v7-education .education-cta .primary-cta:hover{
    transform:none!important;
  }
}