/* Layout stability patch: correct fixed-height collisions introduced by display font change.
   Scoped to the What We Do page except for the shared brand / mobile menu. */
body[data-page] .site-header .brand-logo{
  filter:invert(1) hue-rotate(180deg) saturate(1.1) contrast(1.05)!important;
  mix-blend-mode:screen!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}
body[data-page] .ed-footer .brand-logo{
  filter:invert(1) hue-rotate(180deg) saturate(1.1) contrast(1.05)!important;
  mix-blend-mode:screen!important;
  background:transparent!important;
}
body[data-page] .site-header .brand{background:transparent!important;box-shadow:none!important}
body[data-page] .site-header .menu-toggle svg{display:block}
body[data-page="services"] #main{overflow-x:clip!important}
body[data-page="services"] .ww-intro{
  height:auto!important;
  min-height:315px!important;
  grid-template-columns:minmax(0,53%) minmax(0,47%)!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
body[data-page="services"] .ww-intro-copy{
  min-width:0!important;
  padding:25px 16px 24px clamp(24px,4.4vw,68px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body[data-page="services"] .ww-intro-row{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(140px,.7fr)!important;
  gap:clamp(14px,2vw,27px)!important;
  align-items:center!important;
  min-width:0!important;
}
body[data-page="services"] .ww-intro h1{
  font-family:"Coconat","Syne",Georgia,serif!important;
  font-style:normal!important;
  font-weight:700!important;
  font-size:clamp(30px,2.65vw,42px)!important;
  line-height:1.065!important;
  letter-spacing:-.06em!important;
  max-width:100%!important;
  width:auto!important;
  min-width:0!important;
  margin:12px 0 0!important;
  text-wrap:balance!important;
}
body[data-page="services"] .ww-intro h1 em{
  font:inherit!important;
  color:#e72e47!important;
}
body[data-page="services"] .ww-intro-row p{
  border-left:1px solid #986f7f!important;
  padding:13px 0 13px 18px!important;
  font-size:12px!important;
  line-height:1.43!important;
  min-width:0!important;
  width:auto!important;
  max-width:230px!important;
}
body[data-page="services"] .ww-intro-photo{
  position:relative!important;
  height:auto!important;
  min-height:315px!important;
  overflow:hidden!important;
  align-self:stretch!important;
  border-top-left-radius:48% 100%!important;
}
body[data-page="services"] .ww-intro-photo img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 40%!important;
}
body[data-page="services"] .ww-services{
  position:relative!important;
  z-index:1!important;
  padding-top:12px!important;
}
body[data-page="services"] .ww-service{
  min-width:0!important;
  min-height:77px!important;
}
body[data-page="services"] .ww-service-name{
  font-family:"Space Grotesk","DM Sans",sans-serif!important;
  font-weight:600!important;
  font-size:clamp(12px,1.15vw,16px)!important;
  line-height:1.23!important;
  letter-spacing:-.03em!important;
}
body[data-page="services"] .ww-statement{
  min-height:240px!important;
  height:auto!important;
  grid-template-columns:minmax(0,50%) minmax(0,1fr)!important;
  gap:25px!important;
  padding:30px clamp(25px,4.4vw,67px)!important;
}
body[data-page="services"] .ww-statement h2{
  font-family:"Coconat","Syne",Georgia,serif!important;
  font-weight:700!important;
  font-size:clamp(31px,2.8vw,41px)!important;
  line-height:1.07!important;
  letter-spacing:-.055em!important;
  margin:13px 0 0!important;
}
body[data-page="services"] .ww-statement p{
  max-width:450px!important;
  padding-left:27px!important;
  font-size:clamp(12px,1vw,14px)!important;
  line-height:1.47!important;
}
body[data-page="services"] .ww-approach{
  height:295px!important;
  min-height:295px!important;
  display:grid!important;
  grid-template-columns:minmax(0,46%) minmax(0,54%)!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
body[data-page="services"] .ww-approach-photo{
  height:295px!important;
  min-height:0!important;
  max-height:295px!important;
  position:relative!important;
  overflow:hidden!important;
  border-top-right-radius:48% 100%!important;
}
body[data-page="services"] .ww-approach-photo img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 47%!important;
}
body[data-page="services"] .ww-approach-copy{
  min-width:0!important;
  padding:24px clamp(22px,3.3vw,48px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body[data-page="services"] .ww-approach h2{
  font-family:"Coconat","Syne",Georgia,serif!important;
  font-weight:700!important;
  font-style:normal!important;
  font-size:clamp(31px,2.8vw,42px)!important;
  line-height:1.04!important;
  letter-spacing:-.06em!important;
  margin:10px 0 19px!important;
}
body[data-page="services"] .ww-principles{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;
  max-width:665px!important;
  gap:0!important;
}
body[data-page="services"] .ww-principles>div{min-width:0!important;padding:0 12px!important}
body[data-page="services"] .ww-principles>div:first-child{padding-left:0!important}
body[data-page="services"] .ww-principles svg{width:28px!important;height:28px!important}
body[data-page="services"] .ww-principles p{font-size:11px!important;line-height:1.35!important}
body[data-page="services"] .ww-reach h2{font-size:clamp(29px,2.8vw,40px)!important;line-height:1.1!important}
body[data-page="services"] .ww-bottom h2{font-size:clamp(28px,2.7vw,39px)!important;line-height:1.1!important}
@media(max-width:1100px) and (min-width:701px){
 body[data-page="services"] .ww-intro{grid-template-columns:55% 45%!important}
 body[data-page="services"] .ww-intro-copy{padding-left:27px!important}
 body[data-page="services"] .ww-intro-row{grid-template-columns:minmax(0,1fr) minmax(110px,.58fr)!important;gap:12px!important}
 body[data-page="services"] .ww-intro h1{font-size:clamp(29px,3.15vw,36px)!important}
 body[data-page="services"] .ww-intro-row p{font-size:11px!important;padding-left:12px!important}
 body[data-page="services"] .ww-approach{grid-template-columns:42% 58%!important}
 body[data-page="services"] .ww-approach h2{font-size:clamp(30px,3.3vw,36px)!important}
}
@media(max-width:700px){
 body[data-page="services"] .ww-intro{
  height:auto!important;
  min-height:0!important;
  grid-template-columns:1fr!important;
 }
 body[data-page="services"] .ww-intro-copy{padding:31px 24px 27px!important}
 body[data-page="services"] .ww-intro-row{
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
 }
 body[data-page="services"] .ww-intro h1{
  font-size:clamp(33px,7.5vw,45px)!important;
  line-height:1.09!important;
 }
 body[data-page="services"] .ww-intro-row p{
  max-width:95%!important;
  padding:0!important;
  border:0!important;
  font-size:13px!important;
 }
 body[data-page="services"] .ww-intro-photo{
  height:235px!important;
  min-height:235px!important;
  border-top-left-radius:45% 85%!important;
 }
 body[data-page="services"] .ww-services{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:16px 18px 22px!important}
 body[data-page="services"] .ww-service{min-height:90px!important;padding:12px!important;gap:9px!important}
 body[data-page="services"] .ww-service-icon{flex:0 0 29px!important;width:29px!important}
 body[data-page="services"] .ww-service-icon svg{width:28px;height:28px}
 body[data-page="services"] .ww-service-name{font-size:12px!important}
 body[data-page="services"] .ww-service-arrow{width:24px!important;height:24px!important;flex:0 0 24px!important}
 body[data-page="services"] .ww-statement{
  grid-template-columns:1fr!important;
  gap:14px!important;
  padding:31px 22px!important;
 }
 body[data-page="services"] .ww-statement h2{font-size:clamp(33px,7.2vw,42px)!important}
 body[data-page="services"] .ww-statement p{padding:0!important;border:0!important;max-width:550px!important}
 body[data-page="services"] .ww-approach{
  display:grid!important;
  grid-template-columns:1fr!important;
  height:auto!important;
  min-height:0!important;
 }
 body[data-page="services"] .ww-approach-photo{
  height:235px!important;
  min-height:235px!important;
  max-height:235px!important;
  border-top-right-radius:45% 90%!important;
 }
 body[data-page="services"] .ww-approach-copy{padding:28px 23px 36px!important}
 body[data-page="services"] .ww-approach h2{font-size:clamp(33px,7.4vw,43px)!important}
 body[data-page="services"] .ww-principles{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body[data-page="services"] .ww-principles>div{padding:0 8px!important}
 body[data-page="services"] .ww-principles p{font-size:10px!important}
}
@media(max-width:430px){
 body[data-page="services"] .ww-services{grid-template-columns:1fr!important}
 body[data-page="services"] .ww-service{min-height:70px!important}
 body[data-page="services"] .ww-intro h1{font-size:clamp(31px,8vw,38px)!important}
 body[data-page="services"] .ww-principles{grid-template-columns:1fr!important;gap:16px!important}
 body[data-page="services"] .ww-principles>div{border:0!important;padding:0!important;display:flex;align-items:center;gap:12px!important}
 body[data-page="services"] .ww-principles p{margin:0!important;font-size:12px!important}
}