/* Interactive dot band: phrases drawn in dots; moving the cursor changes them, one phrase at a time */
.dotband{position:relative;height:clamp(440px,76vh,800px);height:clamp(440px,76svh,800px);background:var(--bg);overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.dotband canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.db-words{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.db-hint{position:absolute;top:30px;left:50%;translate:-50% 0;margin:0;display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);pointer-events:none;transition:opacity .6s}
.db-hint .svg{width:12px;height:12px;stroke-width:2.4;animation:dbNudge 1.6s ease-in-out infinite}
@keyframes dbNudge{50%{translate:4px 0}}
.dotband.used .db-hint{opacity:0}
@media (prefers-reduced-motion:reduce){.db-hint .svg{animation:none}}