/* HorizonX Waves is confined to the footer and starts when it enters the viewport. */
.footer-waves{position:relative;isolation:isolate;background:#080808}
.footer-waves .waves-background{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:-2;pointer-events:none;background:#171717}
.footer-waves:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgb(8 8 8 / 86%)}
.footer-waves a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}
.footer-motion{display:flex;justify-content:flex-end;margin-top:20px}
.footer-motion:has(.waves-toggle[hidden]){display:none}
.waves-toggle{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:11px 15px;border:1px solid #ffffff66;border-radius:24px;background:#101010;color:#fff;font:600 12px/1 var(--body);cursor:pointer}
.waves-toggle[hidden]{display:none}
.waves-toggle svg{width:14px;height:14px;fill:currentColor;flex-shrink:0}
.waves-toggle:hover{background:#d52b25}
.waves-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:600px){.waves-toggle{font-size:11px;padding:10px 12px}}