/* V32 — approved About Us hero from final mockup */
body:has(.about-v31-shell) .about-v31-hero{
  min-height:320px;
  background:linear-gradient(90deg,#d9eefb 0%,#dceff8 30%,#eef0e7 50%,#f8e3bf 100%);
  background-image:none !important;
  align-items:center;
  isolation:isolate;
}
body:has(.about-v31-shell) .about-v31-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  top:0;right:0;bottom:0;
  width:68%;
  background-image:var(--about-hero);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
body:has(.about-v31-shell) .about-v31-hero::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(90deg,
    rgba(220,239,249,1) 0%,
    rgba(220,239,249,.98) 29%,
    rgba(220,239,249,.78) 35%,
    rgba(220,239,249,.28) 43%,
    rgba(220,239,249,0) 54%);
  pointer-events:none;
}
body:has(.about-v31-shell) .about-v31-hero-overlay{display:none}
body:has(.about-v31-shell) .about-v31-hero-copy{
  z-index:2;
  width:38%;
  max-width:430px;
  padding:38px 22px 36px 36px;
  color:#08265f;
  align-self:center;
}
body:has(.about-v31-shell) .about-v31-hero-copy h1{
  color:#08265f;
  font-size:42px;
  line-height:1.04;
  margin:0 0 20px;
  font-weight:600;
}
body:has(.about-v31-shell) .about-v31-hero-copy h1::after{
  content:"";
  display:block;
  width:46px;
  height:2px;
  margin-top:13px;
  background:#d89a25;
}
body:has(.about-v31-shell) .about-v31-hero-copy .about-v31-kicker{
  color:#08265f;
  font-family:"Playfair Display",serif;
  font-size:27px;
  line-height:1.15;
  font-style:italic;
  font-weight:600;
  margin:0 0 15px;
}
body:has(.about-v31-shell) .about-v31-hero-copy p:last-child{
  color:#142849;
  font-size:14px;
  line-height:1.55;
  margin:0;
}
@media(max-width:1120px){
  body:has(.about-v31-shell) .about-v31-hero::after{width:64%}
  body:has(.about-v31-shell) .about-v31-hero-copy{width:43%;max-width:450px;padding-left:30px}
  body:has(.about-v31-shell) .about-v31-hero-copy h1{font-size:38px}
  body:has(.about-v31-shell) .about-v31-hero-copy .about-v31-kicker{font-size:24px}
}
@media(max-width:760px){
  body:has(.about-v31-shell) .about-v31-hero{
    min-height:500px;
    align-items:flex-end;
    background:#dceefa;
  }
  body:has(.about-v31-shell) .about-v31-hero::after{
    width:100%;height:64%;top:0;bottom:auto;
    background-position:center center;
  }
  body:has(.about-v31-shell) .about-v31-hero::before{
    z-index:1;
    background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.98) 38%,rgba(255,255,255,.68) 52%,rgba(255,255,255,0) 72%);
  }
  body:has(.about-v31-shell) .about-v31-hero-copy{
    width:100%;max-width:none;padding:0 24px 30px;color:#08265f;
  }
  body:has(.about-v31-shell) .about-v31-hero-copy h1{font-size:34px;color:#08265f;margin-bottom:14px}
  body:has(.about-v31-shell) .about-v31-hero-copy .about-v31-kicker{font-size:22px;color:#08265f}
  body:has(.about-v31-shell) .about-v31-hero-copy p:last-child{color:#253954}
}
