/* Cheerful Cleaning — shared foundations for the direction previews.
   Fredoka appears nowhere in here on purpose: it is a logo-only face. Using the
   display face for body copy is what made the first design system draft read as
   a children's site, and this is the fix. */

@font-face{font-family:'Archivo';src:url(/assets/fonts/archivo-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Archivo';src:url(/assets/fonts/archivo-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'SourceSerif';src:url(/assets/fonts/serif-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'SourceSerif';src:url(/assets/fonts/serif-600.woff2) format('woff2');font-weight:600;font-display:swap}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
h1,h2,h3,h4,h5{margin:0;line-height:1.12;font-weight:600;text-wrap:balance}
p{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid #1D7EAA;outline-offset:3px;border-radius:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The review banner that sits on every page. Deliberately loud — this site is
   unfinished work on a live domain and nobody should mistake it for the real
   thing, least of all a stranger who guesses the URL. */
.review-bar{
  position:sticky;top:0;z-index:99;display:flex;gap:14px;align-items:center;justify-content:center;
  flex-wrap:wrap;background:#22201C;color:#F3EFE8;padding:9px 18px;
  font-family:'Archivo',system-ui,sans-serif;font-size:12.5px;letter-spacing:.045em;
}
.review-bar strong{font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#FCBD0B}
.review-bar a{color:#7FC9EC;text-decoration:underline;text-underline-offset:2px}