/* James Woolford Design — final secondary hero balance v54 */

/* About: a confident blue/navy opening chapter, matching the approved Areas tone. */
.jw52-about-page .jw52-about-hero-section{
  min-height:620px!important;
  background:
    radial-gradient(circle at 82% 20%,rgba(84,122,255,.42),transparent 34%),
    linear-gradient(135deg,#080c16 0%,#12224b 58%,#2d5dff 100%)!important;
  color:#fff!important;
}
.jw52-about-page .jw52-about-hero-section h1{color:#fff!important}
.jw52-about-page .jw52-about-hero-section .jw52-eyebrow{color:#9ab0ff!important}
.jw52-about-page .jw52-about-hero-section .jw52-about-hero>p{
  color:rgba(255,255,255,.76)!important;
}

/* Logo design: controlled three-line title and a clear gap before copy/CTA. */
.jw52-service-logo-design .jw52-hero-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(320px,.64fr) minmax(285px,.5fr)!important;
  gap:clamp(42px,4.6vw,78px)!important;
}
.jw52-service-logo-design .jw52-hero h1{
  max-width:9.5ch!important;
  font-size:clamp(60px,6vw,92px)!important;
  line-height:.9!important;
  letter-spacing:-.07em!important;
}
.jw52-service-logo-design .jw52-hero-copy{
  align-self:end!important;
  padding-bottom:8px!important;
}
.jw52-service-logo-design .jw52-hero-copy p{
  max-width:31ch!important;
}
.jw52-service-logo-design .jw52-button{
  position:relative!important;
  margin-top:2px!important;
}

/* Local pages: concise H1s should remain authoritative without stretching the hero. */
.jw52-local-page .jw52-hero{
  min-height:640px!important;
  padding-bottom:78px!important;
}
.jw52-local-page .jw52-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(310px,.62fr) minmax(280px,.48fr)!important;
  gap:clamp(38px,4.4vw,72px)!important;
}
.jw52-local-page .jw52-hero h1{
  max-width:10.5ch!important;
  font-size:clamp(58px,5.6vw,88px)!important;
  line-height:.9!important;
  letter-spacing:-.068em!important;
}
.jw52-local-page .jw52-hero-copy{
  align-self:end!important;
  padding-bottom:8px!important;
}
.jw52-local-page .jw52-hero-copy p{max-width:31ch!important}
.jw52-local-page .jw52-glance{align-self:end!important}

@media(max-width:1180px){
  .jw52-service-logo-design .jw52-hero-grid,
  .jw52-local-page .jw52-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(300px,.68fr)!important;
  }
  .jw52-service-logo-design .jw52-glance,
  .jw52-local-page .jw52-glance{
    grid-column:1/-1!important;
  }
  .jw52-service-logo-design .jw52-hero h1,
  .jw52-local-page .jw52-hero h1{
    max-width:10.5ch!important;
    font-size:clamp(56px,6.5vw,78px)!important;
  }
}

@media(max-width:900px){
  .jw52-about-page .jw52-about-hero-section{min-height:auto!important}
  .jw52-service-logo-design .jw52-hero-grid,
  .jw52-local-page .jw52-hero-grid{
    grid-template-columns:1fr!important;
    gap:32px!important;
  }
  .jw52-service-logo-design .jw52-hero h1,
  .jw52-local-page .jw52-hero h1{
    max-width:11ch!important;
    font-size:clamp(48px,10.5vw,68px)!important;
  }
  .jw52-service-logo-design .jw52-hero-copy,
  .jw52-local-page .jw52-hero-copy{
    padding-bottom:0!important;
  }
}

@media(max-width:600px){
  .jw52-about-page .jw52-about-hero-section h1{
    font-size:clamp(46px,13vw,62px)!important;
  }
  .jw52-service-logo-design .jw52-hero h1,
  .jw52-local-page .jw52-hero h1{
    max-width:10.5ch!important;
    font-size:clamp(43px,12vw,58px)!important;
  }
}