/* Shared by the three homepage directions. Brand: white, soft grey, ink, logo lime. No serif, no uppercase labels, system cursor. */
:root{
  --white:#ffffff; --paper:#fbfbfa; --grey:#f4f4f1; --line:#e4e4df; --mute:#7c7c76; --ink:#121212; --ink-2:#1b1c1c; --lime:#c6d92c; --lime-deep:#9fb11a;
  --sans:"Google Sans Flex","Google Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.76,0,.24,1); --ease-out:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
img,video{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.vs-sound{display:inline-flex;align-items:center;gap:10px;font-size:13px;line-height:1;padding:9px 13px;border-radius:999px}
.vs-sound .bars{display:inline-flex;align-items:flex-end;gap:2px;height:11px}
.vs-sound .bars i{width:2px;height:3px;background:currentColor;border-radius:1px;transition:height .3s}
html.sound-on .vs-sound .bars i{animation:vsbar 1s var(--ease) infinite alternate}
html.sound-on .vs-sound .bars i:nth-child(2){animation-delay:.2s}
html.sound-on .vs-sound .bars i:nth-child(3){animation-delay:.45s}
html.sound-on .vs-sound .bars i:nth-child(4){animation-delay:.1s}
@keyframes vsbar{from{height:3px}to{height:11px}}
.vs-back{position:fixed;left:16px;bottom:16px;z-index:90;font-size:12px;padding:8px 12px;border-radius:999px;background:rgba(18,18,18,.82);color:#fff;text-decoration:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}