/* ==========================================================================
   SimplyWill™ — interior page headers
   Brings every page header in line with the homepage hero: off-white ground,
   left-aligned, rule-marked eyebrow, large tight serif, soft static tint.

   Selectors are `body`-prefixed so they outrank each page's inline <style>
   without those rules needing to be deleted.
   ========================================================================== */

body .page-hero{
  padding:8.5rem 5vw 5.5rem;
  text-align:center;
  background:var(--hero-bg);
  border-bottom:1px solid var(--border-l);
  position:relative;overflow:hidden;
}

/* static tint, centred to sit behind the centred type */
body .page-hero::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 62% 78% at 50% 22%,rgba(123,79,191,.13),transparent 70%),
    radial-gradient(ellipse 80% 50% at 50% 100%,rgba(123,79,191,.05),transparent 72%);
}
/* hairline that ties the header to the rail's vertical rhythm */
body .page-hero::after{
  content:'';position:absolute;left:0;bottom:0;z-index:0;
  width:100%;height:1px;
  background:linear-gradient(to right,transparent,var(--border),transparent);
}
body .page-hero > *{position:relative;z-index:1;}

/* ── eyebrow ───────────────────────────────────────────────────────────── */
body .page-hero .eyebrow{
  display:flex;justify-content:center;align-items:center;gap:.75rem;
  font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.5rem;
}
/* rules on both sides so the eyebrow reads as centred, not left-marked */
body .page-hero .eyebrow::before,
body .page-hero .eyebrow::after{
  content:'';width:24px;height:1px;background:var(--gold);
  opacity:.55;flex-shrink:0;
}

/* ── headline ──────────────────────────────────────────────────────────── */
body .page-hero h1{
  font-family:var(--serif);
  font-size:clamp(2.6rem,4.6vw,4.6rem);
  font-weight:300;line-height:1.05;letter-spacing:-.02em;
  color:var(--text);margin:0 auto 1.3rem;
  max-width:18ch;text-wrap:balance;
}
body .page-hero h1 em{font-style:italic;color:var(--text-l);}

/* ── standfirst ────────────────────────────────────────────────────────── */
body .page-hero .hero-sub{
  font-size:.98rem;color:var(--text-m);line-height:1.85;
  max-width:600px;margin:0 auto;font-weight:300;
}
body .page-hero-inner{max-width:760px;margin:0 auto;}
body .page-hero-meta{
  font-size:.74rem;color:var(--text-l);margin-top:1.6rem;
  padding-top:1.1rem;border-top:1px solid var(--border-l);
  display:inline-block;
}

/* ── meta chips ────────────────────────────────────────────────────────── */
.ph-meta{
  display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:2.4rem;
}
.ph-chip{
  display:inline-flex;align-items:center;gap:.55rem;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 6px 20px rgba(30,11,59,.06);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-radius:100px;padding:.5rem 1.05rem;
  font-size:.73rem;font-weight:600;color:var(--text-m);
  letter-spacing:.01em;white-space:nowrap;
}
.ph-chip::before{
  content:'';width:5px;height:5px;border-radius:50%;
  background:var(--gold);flex-shrink:0;
}

/* ── responsive ────────────────────────────────────────────────────────── */
@media(max-width:768px){
  body .page-hero{padding:5.5rem 5vw 3.5rem;}
  body .page-hero h1{font-size:clamp(2.2rem,8vw,3.2rem);}
  .ph-meta{margin-top:1.8rem;gap:.45rem;}
  .ph-chip{font-size:.68rem;padding:.45rem .85rem;}
}