:root { color-scheme: dark; }
body { font-feature-settings: "ss01" 1, "kern" 1; }
[data-elevate].is-elevated { background: rgba(7, 8, 11, .88); border-color: rgba(255,255,255,.1); }
.lang-btn.is-active { background: #deb100; color: #07080b; }
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease, border-color .2s ease, background .2s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.reveal:hover { border-color: rgba(222,177,0,.38); }
.text-balance { text-wrap: balance; }
.text-pretty { text-wrap: pretty; }
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; transition: none !important; }
  .reveal { opacity: 1; transform: none; }
}