:root{ --hd:'Archivo',sans-serif; --accent:#2E9BF5; }
html{ scroll-behavior:smooth; }
body{ margin:0; background:#0B0E13; color:#F4F6F8; font-family:'Archivo',sans-serif; -webkit-font-smoothing:antialiased; }
a{ color:#2E9BF5; text-decoration:none; }
a:hover{ color:#6FBBF8; }
::selection{ background:#2E9BF5; color:#0B0E13; }
@keyframes strandPulse{ 0%,100%{ opacity:.55; } 50%{ opacity:1; } }
@keyframes strandSpin{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
image-slot{ display:block; width:100%; height:100%; }

/* dc-runtime.js injects "html,body,#dc-root,#dc-root>.sc-host{height:100%}" at
   load time. On a page taller than one viewport that clamps the content
   wrapper to exactly 100vh, which breaks position:sticky on the nav once you
   scroll past the first screen. Override with !important so it wins
   regardless of injection order. */
#dc-root, #dc-root > .sc-host{ height:auto !important; min-height:100%; }