/* James Woolford Design — secondary page balance v53 */

/* About: give the opening area the same confident blue/dark chapter used by Areas. */
.jw52-about-page .jw52-about-hero-section{
  min-height:620px;
  background:
    radial-gradient(circle at 84% 26%,rgba(55,100,255,.28),transparent 34%),
    linear-gradient(135deg,#090d16 0%,#111a31 66%,#1b3375 100%);
  color:#fff;
}
.jw52-about-page .jw52-about-hero-section .jw52-about-hero{
  align-items:end;
}
.jw52-about-page .jw52-about-hero-section h1{
  max-width:8.5ch;
  color:#fff;
  font-size:clamp(64px,6.7vw,102px);
  line-height:.9;
}
.jw52-about-page .jw52-about-hero-section .jw52-eyebrow{
  color:#8aa5ff;
}
.jw52-about-page .jw52-about-hero-section .jw52-about-hero>p{
  max-width:34ch;
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:clamp(17px,1.2vw,20px);
}

/* Location pages: keep the hero authoritative without turning the title into six giant lines. */
.jw52-local-page .jw52-hero{
  min-height:680px;
  padding-bottom:82px;
}
.jw52-local-page .jw52-hero-grid{
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.58fr) minmax(290px,.5fr);
  gap:clamp(34px,4.5vw,76px);
}
.jw52-local-page .jw52-hero h1{
  max-width:14.5ch;
  font-size:clamp(54px,5.15vw,82px);
  line-height:.92;
  letter-spacing:-.065em;
}
.jw52-local-page .jw52-hero-copy{
  align-self:end;
  padding-bottom:6px;
}
.jw52-local-page .jw52-glance{
  align-self:end;
}

/* Work Together: compact editorial close, not a second oversized footer CTA. */
.jw52-work-together{
  padding:clamp(72px,6.5vw,104px) 0;
  border-top:1px solid var(--jw52-line);
}
.jw52-work-together .jw52-cta-row{
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.62fr);
  grid-template-rows:auto auto;
  column-gap:clamp(48px,7vw,116px);
  row-gap:22px;
  align-items:start;
}
.jw52-work-together .jw52-cta-row>div{
  grid-column:1;
  grid-row:1 / 3;
  align-self:center;
}
.jw52-work-together .jw52-cta-row span{
  margin-bottom:16px;
  color:var(--jw52-blue);
}
.jw52-work-together .jw52-cta-row h2{
  max-width:8ch;
  font-size:clamp(50px,5.1vw,76px);
  line-height:.9;
}
.jw52-work-together .jw52-cta-row p{
  grid-column:2;
  grid-row:1;
  max-width:34ch;
  padding-top:10px;
  color:var(--jw52-muted);
  opacity:1;
}
.jw52-work-together .jw52-cta-row>a{
  grid-column:2;
  grid-row:2;
  justify-self:start;
  color:var(--jw52-ink);
}

@media(max-width:1180px){
  .jw52-local-page .jw52-hero-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(280px,.65fr);
  }
  .jw52-local-page .jw52-glance{
    grid-column:1 / -1;
  }
  .jw52-local-page .jw52-hero h1{
    max-width:13ch;
    font-size:clamp(54px,6.2vw,76px);
  }
}

@media(max-width:900px){
  .jw52-about-page .jw52-about-hero-section{
    min-height:auto;
  }
  .jw52-about-page .jw52-about-hero-section h1{
    font-size:clamp(52px,11vw,74px);
  }
  .jw52-local-page .jw52-hero{
    min-height:auto;
  }
  .jw52-local-page .jw52-hero-grid{
    grid-template-columns:1fr;
  }
  .jw52-local-page .jw52-hero h1{
    max-width:11.5ch;
    font-size:clamp(48px,10.5vw,70px);
  }
  .jw52-work-together .jw52-cta-row{
    grid-template-columns:1fr;
    grid-template-rows:auto;
    gap:22px;
  }
  .jw52-work-together .jw52-cta-row>div,
  .jw52-work-together .jw52-cta-row p,
  .jw52-work-together .jw52-cta-row>a{
    grid-column:1;
    grid-row:auto;
  }
  .jw52-work-together .jw52-cta-row h2{
    max-width:10ch;
  }
  .jw52-work-together .jw52-cta-row p{
    padding-top:0;
  }
}

@media(max-width:600px){
  .jw52-about-page .jw52-about-hero-section h1{
    font-size:clamp(46px,13vw,62px);
  }
  .jw52-local-page .jw52-hero h1{
    max-width:11ch;
    font-size:clamp(43px,12.5vw,58px);
  }
  .jw52-work-together{
    padding:58px 0;
  }
  .jw52-work-together .jw52-cta-row h2{
    font-size:46px;
  }
  .jw52-work-together .jw52-cta-row>a{
    width:max-content;
  }
}