/* The logo (System v2 "logo"), in both pages' header: the pot from Mari's
   drawing sheet, then the site's name in the title style. The family site
   says "Mealpal", every other address "MariTest" (js/site.js sets
   <html data-site="test">); both names are in the <h1>, one shows. */
/* Aligned on the text's baseline, so the bottom of the pot sits on the line
   the letters sit on (Mari, 2026-10-22) */
.logo{
  display:flex;
  align-items:baseline;
  gap:var(--space-4);
  margin:0;
  min-width:0;
  font:var(--type-title);
  font-variation-settings:var(--fraunces-axes);
  letter-spacing:var(--tracking-title);
  color:var(--text-primary);
  white-space:nowrap;
}
/* The pot: the same 29 × 31 cut of the 2048px drawing sheet Figma uses */
.logo-pot{
  position:relative;
  flex:none;
  width:29px;
  height:31px;
  overflow:hidden;
  transform:translateY(1px);  /* the drawing ends 1px above the box's bottom */
}
.logo-pot img{
  position:absolute;
  left:-74.17%;
  top:-76%;
  width:678.15%;
  height:630.15%;
  max-width:none;
}
.site-test{ display:none; }
[data-site="test"] .site-family{ display:none; }
[data-site="test"] .site-test{ display:inline; }
.logo :is(.site-family, .site-test){ overflow:hidden; text-overflow:ellipsis; }