/* bl:playbook v1 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
:root{
  --bg:#FFFFDD;
  --surface:#F7F7F5;
  --ink:#151515;
  --muted:#686868;
  --line:#E8E8E8;
  --accent:#722F37;
  --on-accent:#FFFFFF;
  --radius:16px;
  --btn-radius:60px;
  --display:'Montserrat',system-ui,sans-serif;
  --display-weight:600;
  --body:'Montserrat',system-ui,sans-serif;
}
html{scroll-behavior:smooth}
.nav-link{transition:transform .2s ease,box-shadow .2s ease,color .2s ease}
.nav-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15);color:var(--ink)}
body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
.font-display{font-family:var(--display);font-weight:var(--display-weight)}
::selection{background:var(--accent);color:var(--on-accent)}
:where(input,select,textarea):focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}
:where(a,button,summary):focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}

@keyframes slideLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.slide-track {
  display: flex;
  width: max-content;
  animation: slideLeft 40s linear infinite;
}
.slide-track:hover {
  animation-play-state: paused;
}