/* 12.18.0 // UNIFIED PAGE HERO SYSTEM
   One consistent top-level hero treatment across GPN.
   Content/layout inside each hero may differ, but the display scale, vertical rhythm,
   white/green emphasis and lead-copy sizing stay consistent. */
:root{
  --gpn-page-hero-max:112px;
  --gpn-page-hero-pad-top:58px;
  --gpn-page-hero-pad-bottom:50px;
}

:is(.hero,.guide-hero,.guide-index-hero,.map-hero,.signal-hero,.status-hero,.library-hero,.action-sheet-hero,.ops-hero){
  padding-top:var(--gpn-page-hero-pad-top)!important;
  padding-bottom:var(--gpn-page-hero-pad-bottom)!important;
  border-bottom:1px solid var(--line)!important;
  background:radial-gradient(circle at 82% 12%,rgba(183,255,60,.05),transparent 30%),transparent!important;
}

:is(.hero,.guide-hero,.guide-index-hero,.map-hero,.signal-hero,.status-hero,.library-hero,.action-sheet-hero,.ops-hero) h1{
  font-size:clamp(50px,7.2vw,var(--gpn-page-hero-max))!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  margin-top:16px!important;
  margin-bottom:26px!important;
  max-width:1100px!important;
  text-wrap:balance;
}

:is(.hero,.guide-hero,.guide-index-hero,.map-hero,.signal-hero,.status-hero,.library-hero,.action-sheet-hero,.ops-hero) h1 em{
  color:var(--acid)!important;
  font-style:normal!important;
}

:is(.hero,.guide-hero,.guide-index-hero,.map-hero,.signal-hero,.status-hero,.library-hero,.action-sheet-hero,.ops-hero) :is(.lede,.guide-copy),
.map-hero h1 + p{
  font-size:clamp(18px,1.4vw,22px)!important;
  line-height:1.55!important;
  max-width:850px!important;
  color:#c7d2c4!important;
}

:is(.hero,.guide-hero,.guide-index-hero,.map-hero,.signal-hero,.status-hero,.library-hero,.action-sheet-hero,.ops-hero) :is(.eyebrow,.kicker,.smallcap){
  color:var(--acid)!important;
  font-size:12px!important;
}

@media(max-width:720px){
  :root{
    --gpn-page-hero-pad-top:38px;
    --gpn-page-hero-pad-bottom:32px;
  }
  :is(.hero,.guide-hero,.guide-index-hero,.map-hero,.signal-hero,.status-hero,.library-hero,.action-sheet-hero,.ops-hero) h1{
    font-size:clamp(42px,12vw,58px)!important;
    line-height:.92!important;
    letter-spacing:-.04em!important;
    margin-top:14px!important;
    margin-bottom:20px!important;
  }
  :is(.hero,.guide-hero,.guide-index-hero,.map-hero,.signal-hero,.status-hero,.library-hero,.action-sheet-hero,.ops-hero) :is(.lede,.guide-copy),
  .map-hero h1 + p{
    font-size:17px!important;
    line-height:1.55!important;
  }
}

@media(max-width:420px){
  :is(.hero,.guide-hero,.guide-index-hero,.map-hero,.signal-hero,.status-hero,.library-hero,.action-sheet-hero,.ops-hero) h1{
    font-size:clamp(38px,11vw,50px)!important;
  }
}