/* LH Digital article heading, v2.21 27 Oct 2026. Centered, after the Hero Section Dark look Melissa chose:
   a pill above, a solid ink headline, a one-paragraph summary and one button, over the amber glyph rain. */
@property --ah-a{syntax:"<angle>";initial-value:0deg;inherits:false}
header.mast.ah{text-align:center;padding-top:8px;padding-bottom:56px}
header.mast.ah .brandbar{text-align:left}
header.mast.ah::before{content:"";position:absolute;left:50%;top:40px;width:min(900px,100vw);height:420px;transform:translateX(-50%);z-index:-1;pointer-events:none;
  background:radial-gradient(50% 55% at 50% 40%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%)}
header.mast.ah .lh-mark{left:50%;right:auto;top:96px;transform:translateX(-50%);width:clamp(220px,34vw,360px);height:clamp(220px,34vw,360px);opacity:.14!important}
header.mast.ah h1{margin:0 auto 18px;padding-right:0;max-width:20ch;font-size:clamp(34px,6vw,60px)}
header.mast.ah .standfirst{margin:0 auto;padding-right:0;max-width:58ch}
header.mast.ah .eyebrow{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;margin:44px 0 26px;padding:8px 16px;border-radius:999px;
  background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(6px);color:var(--ink-2);letter-spacing:.12em}
header.mast.ah .eyebrow::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;z-index:-1;
  background:conic-gradient(from var(--ah-a),var(--rule) 0 70%,var(--urgent) 82%,var(--rule) 94%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:ahSpin 4s linear infinite}
@keyframes ahSpin{to{--ah-a:360deg}}
.ah-cta{display:inline-block;margin-top:28px;padding:13px 26px;border-radius:999px;font-family:var(--sans);font-size:15px;font-weight:600;text-decoration:none;
  color:var(--ink);background:color-mix(in srgb,var(--accent) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 55%,var(--rule));
  box-shadow:0 0 30px -10px color-mix(in srgb,var(--accent) 60%,transparent);transition:transform .2s,box-shadow .2s}
.ah-cta:hover,.ah-cta:focus-visible{transform:translateY(-1px);box-shadow:0 0 36px -8px color-mix(in srgb,var(--accent) 75%,transparent);outline:none}
.ah-cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (max-width:560px){header.mast.ah .lh-mark{width:1px;height:1px;opacity:0!important}header.mast.ah .eyebrow{margin-top:28px}header.mast.ah h1{font-size:clamp(30px,9vw,40px)}}
@media (prefers-reduced-motion:reduce){header.mast.ah .eyebrow::before{animation:none}}

/* v2.28: article titles carry a teal to brass gradient, which sets the articles apart from the site pages */
header.mast.ah h1{background:linear-gradient(100deg,var(--ink) 0%,var(--ink) 18%,var(--accent) 52%,var(--urgent) 92%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.08em}
@media (forced-colors:active){header.mast.ah h1{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}

/* v2.113 1 Nov: article pills as clear glass, matching the home announcement pills.
   The date label keeps its spinning brass edge (the ::before above is untouched). */
header.mast.ah .eyebrow,.ah-cta{
  background:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 50%,rgba(255,255,255,.10) 100%);color:#F4F3EC;
  -webkit-backdrop-filter:blur(14px) saturate(1.7) brightness(1.1);backdrop-filter:blur(14px) saturate(1.7) brightness(1.1);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.28),inset 0 0 16px rgba(255,255,255,.14),0 10px 24px -14px rgba(0,0,0,.6);
  text-shadow:0 1px 2px rgba(0,0,0,.3)}
.ah-cta{border-color:rgba(255,255,255,.3)}
.ah-cta:hover,.ah-cta:focus-visible{box-shadow:inset 0 1.5px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(255,255,255,.34),inset 0 0 20px rgba(255,255,255,.2),0 14px 28px -14px rgba(0,0,0,.6)}
:root[data-theme="light"] header.mast.ah .eyebrow,:root[data-theme="light"] .ah-cta{
  background:linear-gradient(180deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.55) 100%);color:#1E3A2B;text-shadow:none;
  box-shadow:inset 0 1.5px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.6),0 0 0 1px rgba(30,58,43,.12),0 10px 24px -14px rgba(30,58,43,.4)}
@media (prefers-color-scheme:light){:root:not([data-theme]) header.mast.ah .eyebrow,:root:not([data-theme]) .ah-cta{
  background:linear-gradient(180deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.55) 100%);color:#1E3A2B;text-shadow:none;
  box-shadow:inset 0 1.5px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.6),0 0 0 1px rgba(30,58,43,.12),0 10px 24px -14px rgba(30,58,43,.4)}}