body { margin: 0; background: var(--color-bg); color: var(--color-text); text-wrap: pretty; font-family: var(--font-body); }
html { scroll-behavior: smooth; }
a { color: var(--color-accent-700); text-decoration: none; }
a:hover { color: var(--color-accent-600); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@keyframes rise { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@keyframes hair { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.site-nav .nav-links { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; }
.site-nav .burger { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 44px; height: 44px; padding: 0 11px; background: none; border: 1px solid color-mix(in srgb, var(--color-bg) 40%, transparent); cursor: pointer; }
.site-nav .burger span { display: block; height: 1.5px; width: 100%; background: var(--color-bg); transition: transform .25s, opacity .25s; }
.site-nav .burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.site-nav .burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.site-nav .burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
@media (max-width: 760px) {
  .site-nav .burger { display: flex; }
  .site-nav .nav-links { display: none; flex-direction: column; align-items: flex-start; gap: 18px; width: 100%; padding: 18px 2px 6px; }
  .site-nav.open .nav-links { display: flex; }
}
[data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .75s cubic-bezier(.16,1,.3,1), transform .75s cubic-bezier(.16,1,.3,1); }
[data-reveal].in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { [data-reveal] { opacity: 1; transform: none; } }
.tslider::-webkit-scrollbar { display: none; }
@media (max-width: 760px) { .kicker-sep { display: none; } .kicker-wrap { display: block; } .kicker-hair { display: none; } }