/* One layout for every internal page; content may grow, never clip. */
:root{
  --page-hero-title:clamp(1.5rem,7.5vw,2rem);
  --page-hero-title-line:1.15;
  --page-hero-title-measure:60rem;
  --page-hero-lead-measure:44rem;
  --page-hero-lead-size:.95rem;
  --page-hero-gap:.75rem;
  --page-hero-padding:2rem;
  --page-hero-min-height:18.5rem;
  --page-hero-action-width:11rem;
  --page-hero-actions-measure:26rem;
  --page-hero-action-height:3rem;
}
.page-hero{position:relative;padding-block:var(--page-hero-padding);isolation:isolate;border-bottom:var(--border-thin) solid var(--line)}
.page-hero-copy{display:flex;flex-direction:column;align-items:center;gap:var(--page-hero-gap);text-align:center}
.page-hero .eyebrow{max-width:100%;margin:0}
.page-hero .eyebrow::before{flex-shrink:0}
.page-hero h1{max-width:min(100%,var(--page-hero-title-measure));margin:0;font-size:var(--page-hero-title);font-weight:var(--weight-semibold);line-height:var(--page-hero-title-line);letter-spacing:var(--tracking-heading);text-wrap:balance;overflow-wrap:break-word}
.page-hero .lead{max-width:var(--page-hero-lead-measure);margin:0;color:var(--muted);font-size:var(--page-hero-lead-size);line-height:var(--line-body);text-wrap:balance}
.page-hero-lead-line{display:block}
.page-hero .actions{flex-direction:column;align-items:stretch;justify-content:center;width:min(100%,var(--page-hero-actions-measure));gap:var(--page-hero-gap);margin:var(--space-xs) 0 0}
.page-hero .button{min-height:var(--page-hero-action-height);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-sm);font-size:var(--text-small);justify-content:space-between}
@media(min-width:48.01rem){
  :root{--page-hero-title:clamp(2rem,3.2vw,3rem);--page-hero-lead-size:var(--text-body)}
  .page-hero{min-height:var(--page-hero-min-height)}
  .page-hero .lead{min-height:calc(var(--page-hero-lead-size)*var(--line-body)*2)}
  .page-hero .actions{flex-direction:row;align-items:center;width:auto;max-width:100%}
  .page-hero .button{min-width:var(--page-hero-action-width)}
}