/* Header event call-to-action (2026-10-05, option B of Alex's mock-up). Loaded only while an event takes sign-ups.
   Desktop: dark mode + search + Subscribe take turns with the event block (tools 5 s, event 8 s, 14 s loop, paused on
   hover / focus, stopped while search is open). Tablets and phones: a one-line strip under the header instead. */
.hd-ev,.hd-ev-strip{display:none}
.hd-ev-dot{position:relative;flex:none;display:block;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#ffca00,#ec6611)}
.hd-ev-dot::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid #ec6611;animation:hdev-ping 2.6s cubic-bezier(.2,.6,.3,1) infinite}
@keyframes hdev-ping{0%{transform:scale(1);opacity:.9}70%,100%{transform:scale(3.4);opacity:0}}

@media (min-width:981px){
  .hd-right--ev{position:relative;flex:none;width:560px;height:60px;overflow:hidden}
  .hd-right--ev>.hd-tools,.hd-right--ev>.hd-ev{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end}
  .hd-ev{gap:22px;font-family:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif}
  .hd-ev-t{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
  .hd-ev-k{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:11.5px;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:#C9CDD1;white-space:nowrap}
  .hd-ev-n{font-weight:800;font-size:26px;line-height:1;letter-spacing:-.025em;color:#fff;white-space:nowrap}
  .hd-ev-n b{font-weight:800;background:linear-gradient(90deg,#1665af,#0e7333 20%,#a8c216 40%,#ffca00 58%,#ec6611 78%,#da0e15);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
  .hd .hd-ev-btn,.hd .hd-ev-btn:hover,.hd .hd-ev-btn:focus{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 24px;border-radius:999px;background:linear-gradient(90deg,#ffca00,#ec6611 55%,#da0e15);color:#120a02;font-weight:800;font-size:16px;line-height:1;text-decoration:none;white-space:nowrap}
  .hd .hd-ev-btn:hover{filter:brightness(1.08)}
  .hd .hd-ev-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
  .hd-right--ev>.hd-tools{animation:hdev-out 14s cubic-bezier(.4,0,.2,1) infinite}
  .hd-right--ev>.hd-ev{animation:hdev-in 14s cubic-bezier(.4,0,.2,1) infinite}
  .hd-right--ev:hover>*,.hd-right--ev:focus-within>*{animation-play-state:paused}
  /* search open: tools stay, swapping stops, and the search box may grow outside the box */
  .hd-right--ev:has(.hd-search:focus-within),.hd-right--ev:has(.hd-search.open){overflow:visible}
  .hd-right--ev:has(.hd-search:focus-within)>.hd-tools,.hd-right--ev:has(.hd-search.open)>.hd-tools{animation:none;transform:none;opacity:1;visibility:visible}
  .hd-right--ev:has(.hd-search:focus-within)>.hd-ev,.hd-right--ev:has(.hd-search.open)>.hd-ev{animation:none;opacity:0;visibility:hidden}
}
@keyframes hdev-out{0%,36%{transform:translateY(0);opacity:1;visibility:visible}40%{transform:translateY(-100%);opacity:0;visibility:hidden}96%{transform:translateY(100%);opacity:0;visibility:hidden}100%{transform:translateY(0);opacity:1;visibility:visible}}
@keyframes hdev-in{0%,36%{transform:translateY(100%);opacity:0;visibility:hidden}40%,96%{transform:translateY(0);opacity:1;visibility:visible}100%{transform:translateY(-100%);opacity:0;visibility:hidden}}

@media (max-width:980px){
  .hd .hd-ev-strip,.hd .hd-ev-strip:hover{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 24px;background:#262626;color:#E9E7E0;font-family:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;font-size:13.5px;line-height:1.2;text-decoration:none}
  .hd-ev-strip>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hd-ev-strip b{font-weight:700;color:#fff}
  .hd-ev-strip em{font-style:normal;font-weight:800;color:#ffca00;white-space:nowrap}
  .hd-ev-strip:hover em{text-decoration:underline;text-underline-offset:3px}
}
@media (max-width:760px){.hd .hd-ev-strip,.hd .hd-ev-strip:hover{padding:0 16px}}

@media (prefers-reduced-motion:reduce){
  .hd-ev-dot::after{animation:none}
  .hd-right--ev{overflow:visible}
  .hd-right--ev>.hd-tools{animation:none}
  .hd-right--ev>.hd-ev{display:none}
}