/* Orange text highlight: layered soft colour fields, animated inside the glyphs.
   Derived exclusively from the shared orange palette; no layout or overlay layers. */
:root{--gradient-orange-light:var(--brand-orange);--gradient-orange-mid:color-mix(in srgb,var(--brand-orange) 45%,var(--brand-orange-ink))}
:is(h1,h2,h3) em{color:var(--brand-orange-ink);font-style:normal}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 :is(h1,h2,h3) em{
  background-image:radial-gradient(ellipse at 15% 25%,var(--gradient-orange-light) 0%,transparent 55%),radial-gradient(ellipse at 85% 65%,var(--gradient-orange-mid) 0%,transparent 55%),linear-gradient(115deg,var(--brand-orange-ink) 10%,var(--gradient-orange-light) 47%,var(--brand-orange-ink) 90%);
  background-size:180% 180%,170% 200%,200% 100%;
  background-position:0% 20%,100% 80%,0% 50%;
  background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  animation:orange-text-flow 12s ease-in-out infinite alternate;
 }
}
@keyframes orange-text-flow{to{background-position:100% 80%,0% 20%,100% 50%}}
@media(prefers-reduced-motion:reduce){:is(h1,h2,h3) em{animation:none}}
@media(forced-colors:active){:is(h1,h2,h3) em{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;animation:none}}
@media print{:is(h1,h2,h3) em{background:none;color:var(--brand-orange-ink);-webkit-text-fill-color:var(--brand-orange-ink);animation:none}}