/* Pizzamatic: black ink on white paper. */
body.pizza-page {
  --paper: #fff;
  --ink: #000;
  --text: #000;
  --rule: #000;
  --red: #000;
  --cream: #fff;
  --black: #000;
  color-scheme: light;
  background: #fff;
  color: #000;
}

.pizza-page ::selection { background: #000; color: #fff; }
.pizza-page img { filter: grayscale(1); }
.pizza-page a:focus-visible,
.pizza-page button:focus-visible {
  outline: 3px solid #000;
  outline-offset: 5px;
}

.pizza-page .pizza-header { border-bottom-width: 3px; }
.pizza-page h1,
.pizza-page h2 {
  font-family: Impact, "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  font-weight: 900;
  letter-spacing: -.025em;
  text-transform: uppercase;
  line-height: 1.02;
}
.pizza-page h1 em { font: inherit; }
.pizza-page .pizza-hero h1 { font-size: clamp(2.5rem, 4.5vw, 4.7rem); }
.pizza-page .eyebrow,
.pizza-page .category { font-weight: 800; }
.pizza-page .dish h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
}
.pizza-page .button {
  background: #000;
  border: 2px solid #000;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.pizza-page .button:hover { background: #fff; color: #000; }
.pizza-page .pizza-wordmark img,
.pizza-page .pizza-bottom > img { mix-blend-mode: normal; }
.pizza-page .food-art-slot,
.pizza-page .food-doodle { background: transparent; border: 0; box-shadow: none; }
.pizza-page .food-doodle {
  display: block;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  filter: none;
}
.pizza-page .food-art-slot-pizza {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-self: start;
  padding: 90px 5% 0 0;
}
.pizza-page .food-doodle-pizza {
  width: 50%;
  max-width: 300px;
  transform: rotate(-12deg);
}
.pizza-page .food-art-slot-pasta { padding: 38px 0 12px 12%; }
.pizza-page .food-doodle-pasta {
  width: clamp(75px, 9vw, 115px);
  transform: rotate(9deg);
}
.pizza-page .food-art-slot-burrata {
  display: flex;
  justify-content: flex-end;
  padding: 24px 5% 10px 0;
}
.pizza-page .food-doodle-burrata { width: 145px; transform: rotate(-8deg); }
.pizza-page .pizza-ribbon {
  border-block: 3px solid #000;
  background: #000;
  color: #fff;
  font-weight: 900;
}
.pizza-page .pizza-menu-heading { border-bottom-width: 3px; }
.pizza-page .takeout-menu-group + .takeout-menu-group { margin-top: 38px; }
.pizza-page .takeout-menu-columns > div { min-width: 0; }
.pizza-page .dish > div { align-items: baseline; }
.pizza-page .price {
  flex-shrink: 0;
  font: 700 1rem Arial, Helvetica, sans-serif;
  font-variant-numeric: tabular-nums;
}
.pizza-page .kids { border: 2px solid #000; }
.pizza-page .kids h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.15;
}
.pizza-page .pizza-bottom {
  background: #fff;
  border-block: 3px solid #000;
}
.pizza-page footer { background: #fff; border-top: 0; }
.pizza-page .footer-salt-brand {
  display: block;
  width: 180px;
  max-width: 100%;
  margin-bottom: 10px;
  text-decoration: none;
}
.pizza-page .footer-salt-brand img { width: 100%; height: auto; filter: none; }
.pizza-page .footer-salt-brand .footer-olive { margin-top: -7px; }
.pizza-page dialog { background: #fff; color: #000; border: 3px solid #000; }
.pizza-page dialog::backdrop { background: rgb(0 0 0 / 75%); }

@media (max-width: 760px) {
  .pizza-page .pizza-hero h1 { font-size: clamp(2.3rem, 9vw, 3.6rem); }
  .pizza-page .pizza-menu-heading h2,
  .pizza-page .pizza-bottom h2 { font-size: clamp(2.25rem, 8.5vw, 3rem); }
  .pizza-page .food-art-slot-pizza { padding: 5px 9% 10px 0; }
  .pizza-page .food-doodle-pizza { max-width: 220px; }
  .pizza-page .food-doodle-pasta { width: min(35vw, 125px); }
  .pizza-page .food-art-slot-pasta { padding: 20px 0 0 8%; }
  .pizza-page .food-doodle-burrata { width: 120px; }
  .pizza-page .food-art-slot-burrata { padding: 22px 0 0; }
}