/* Inner-page hero — compact, capped-height banner with the liquid-silver glow.
   Reusable component (template-parts/components/page-hero.php); enqueued on all
   inner pages. Relies on tokens, .eyebrow/.lede/.btn/.hero-actions and the
   @keyframes float defined sitewide in main.css. */
.page-hero{position:relative;overflow:hidden;padding-block:clamp(1.6rem,3.5vw,2.4rem)}
.page-hero::before{content:"";position:absolute;inset-block-start:-32%;inset-inline-end:-6%;
  width:46vw;height:46vw;max-width:600px;max-height:600px;background:var(--silver);
  filter:blur(60px) saturate(1.1);opacity:.14;border-radius:50%;animation:float 20s var(--ease) infinite alternate}
.page-hero::after{content:"";position:absolute;inset:0;background:var(--glow);pointer-events:none}
.page-hero__inner{position:relative;min-height:clamp(240px,30vw,360px);
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.page-hero__title{font-size:var(--hero-title);line-height:1.08;letter-spacing:-.02em;max-width:20ch;margin-block:.5rem 0}
.page-hero__lede{font-size:var(--hero-lede);margin-block-start:1rem;max-width:56ch;color:var(--ink-soft)}
.page-hero .hero-actions{margin-block-start:1.8rem}
/* Compact variant — a SHORTER BAND only, for pages that open straight into their
   content and carry no hero paragraph (Publications). The title keeps the
   sitewide --hero-title size: every inner-page hero reads at the same size. */
.page-hero--compact{padding-block:clamp(1.2rem,2.5vw,1.8rem)}
.page-hero--compact .page-hero__inner{min-height:clamp(140px,16vw,200px)}
@media(max-width:768px){.page-hero__inner{min-height:auto;padding-block:.5rem}}
@media(prefers-reduced-motion:reduce){.page-hero::before{animation:none}}