html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: oklch(0.94 0.015 80); }
a { color: oklch(0.42 0.14 30); text-decoration: none; }
a:hover { color: oklch(0.55 0.18 25); }
@keyframes b-marq { from { transform: translateX(0) } to { transform: translateX(-50%) } }
@keyframes b-marq-r { from { transform: translateX(-50%) } to { transform: translateX(0) } }
@keyframes b-bob { 0%,100% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-18px) rotate(2deg) } }
@keyframes b-bob-s { 0%,100% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-30px) rotate(-3deg) } }
@keyframes b-hang { 0%,100% { transform: rotate(-2.2deg) } 50% { transform: rotate(2.2deg) } }
@keyframes b-hang-f { 0%,100% { transform: rotate(3.4deg) } 50% { transform: rotate(-3.4deg) } }
@keyframes b-throb { 0%,100% { transform: scale(1) } 50% { transform: scale(1.09) } }
@keyframes b-blink { 0%,100% { opacity: 0.25 } 50% { opacity: 1 } }
@keyframes b-drop { 0% { transform: translateY(0); opacity: .2 } 45% { opacity: 1 } 100% { transform: translateY(15px); opacity: 0 } }
@keyframes b-tape { 0%,100% { transform: rotate(-2deg) translateY(0) } 50% { transform: rotate(-1.2deg) translateY(-2px) } }
@keyframes b-spin { from { transform: rotate(0deg) } to { transform: rotate(360deg) } }
@keyframes b-sweep { 0% { transform: translateX(-100%) } 100% { transform: translateX(100%) } }
@media (max-width: 1450px) { [data-hide-narrow] { display: none !important } }