/* rw-seq — the hero's first word plays highlight -> blackout on each load of
   the homepage. Pure CSS, no script (the site CSP allows no inline JS).
   Markup: <span class="rw-hl" data-w="Redact">Redact</span>. Negative margins
   cancel the bar padding so the headline wraps exactly like plain text.
   Reduced-motion visitors get the finished state. Rules: hero only, never
   loops, nav/footer stay static. See BRAND.md. */
.rw-hl{position:relative;z-index:0;display:inline-block;padding:.04em .12em .07em;margin:0 -.10em 0 -.12em;font-style:normal !important}
.rw-hl::before{content:"";position:absolute;z-index:-1;left:.02em;right:.02em;top:.03em;bottom:.05em;
  background:#F7E04B;border-radius:.10em;opacity:1;transform:rotate(-1.4deg) scaleX(0);transform-origin:left center;
  clip-path:polygon(1.5% 0%,100% 3%,99.2% 100%,1% 97%,3.5% 76%,0% 58%,3% 40%,.8% 20%);
  animation:rwSwipe .5s cubic-bezier(.6,.05,.25,1) .9s forwards,rwFade .25s linear 2.35s forwards}
.rw-hl::after{content:attr(data-w);content:attr(data-w) / "";position:absolute;inset:0;z-index:1;background:#111827;border-radius:.08em;
  color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;
  clip-path:inset(0 100% 0 0);animation:rwBlackout .34s cubic-bezier(.7,0,.2,1) 2.1s forwards}
@keyframes rwSwipe{to{transform:rotate(-1.4deg) scaleX(1)}}
@keyframes rwFade{to{opacity:0}}
@keyframes rwBlackout{to{clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion:reduce){
  .rw-hl::before{animation:none;opacity:0}
  .rw-hl::after{animation:none;clip-path:inset(0 0 0 0)}
}