@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,900&family=Public+Sans:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#f4f1ea;
  --surface-3:#f6f6f5;
  --ink:#000000;
  --muted:#636363;
  --muted-2:#8a8a8a;
  --line:#e3e3e0;
  --line-2:#111111;
  --paper:#fbfaf8;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0d0d0d;
    --surface:#111111;
    --surface-2:#1b1b1b;
    --surface-3:#191919;
    --ink:#ffffff;
    --muted:#b8b8b8;
    --muted-2:#9a9a9a;
    --line:#2b2b2b;
    --line-2:#ffffff;
    --paper:#121212;
  }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Public Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.font-serif-x{font-family:"Fraunces",Georgia,"Times New Roman",serif}
button,input,textarea,select{font:inherit}
a{color:inherit}
::selection{background:#000;color:#fff}
@media (prefers-color-scheme: dark){::selection{background:#fff;color:#000}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee-track{animation:marquee 32s linear infinite;will-change:transform}
.marquee-wrap:hover .marquee-track{animation-play-state:paused}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.fade-up{animation:fadeUp .45s ease both}
@keyframes overlayIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.overlay-in{animation:overlayIn .25s ease both}
.no-scrollbar::-webkit-scrollbar{display:none}
.no-scrollbar{scrollbar-width:none}
.dot-grid{background-image:radial-gradient(rgba(255,255,255,.18) 1px, transparent 1px);background-size:18px 18px}
.dot-grid-dark{background-image:radial-gradient(rgba(0,0,0,.14) 1px, transparent 1px);background-size:16px 16px}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}