/* ===== RESET & BASE ===== */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#070a12;color:#fff;font-family:'Inter',sans-serif;overflow-x:hidden;cursor:default}
body.locked{overflow:hidden;height:100vh}
body.unlocked{}

canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}

.white-flash{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;background:#fff;opacity:0;pointer-events:none;transition:none}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ===== KEYFRAMES ===== */
@keyframes revealUp{from{opacity:0;transform:translateY(24px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes revealWord{from{opacity:0;transform:translateY(12px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes fadeIn{to{opacity:1}}