/* Latteria 1963, visual revision 97. Original application and intro are unchanged. */
.landing-view .hero-photo img { object-position: 50% 61%; }
.landing-view .hero-photo { border-radius: 42px 42px 12px 12px; }
@media (min-width: 981px) {
  .landing-view .hero {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    column-gap: 48px;
    padding-top: 116px;
  }
  .landing-view .hero-brand-lockup { grid-column: 1; grid-row: 1; padding: 112px 0 0; align-self: end; }
  .landing-view .hero-title { font-size: clamp(66px, 7.1vw, 102px); }
  .landing-view .hero-side > p { grid-column: 1; grid-row: 2; max-width: 410px; margin: 20px auto 26px; align-self: center; }
  .landing-view .hero-actions { grid-column: 1; grid-row: 3; align-self: start; margin: 0 0 112px; }
  .landing-view .hero-photo { grid-column: 2; grid-row: 1 / 4; min-height: 620px; border-radius: 48px 12px 12px 12px; }
  .landing-view .hero-photo img { object-position: 48% 50%; }
  .landing-view .hero-photo::after { content: none; }
  .landing-view .hero-meta { grid-column: 1 / -1; grid-row: 4; padding-top: 30px; }
}

.order-page, .dish-modal, .cart-drawer, .cart-fab, .overlay-menu {
  --ink: #501f29;
  --night: #37161e;
  --paper: #f5eddf;
  --paper-2: #fffaf2;
  --gold: #e1c4aa;
  --muted: #795d57;
  --line: #cbb7a4;
  --cream-line: #cbb7a4;
}
.order-page { background: #f5eddf; color: #501f29; }
.order-page :focus-visible, .dish-modal :focus-visible {
  outline: 2px solid #9c475b;
  outline-offset: 4px;
}
.order-page .order-section { padding-top: 136px; }
.order-page .shell { width: min(1240px, calc(100% - 64px)); }
.order-page .order-head {
  max-width: none;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 30px;
  border-bottom: 1px solid #cbb7a4;
}
.order-page .order-kicker {
  margin: 0 0 14px;
  color: #795d57;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .22em;
}
.order-page .order-head .section-title {
  font-family: Forum, Georgia, serif;
  font-size: clamp(46px, 5.5vw, 76px);
  line-height: 1.06;
  font-weight: 400;
  letter-spacing: -.025em;
  text-transform: none;
}
.order-page .order-head::after {
  content: '1963';
  padding-bottom: 5px;
  font-family: Forum, Georgia, serif;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: .12em;
  color: #795d57;
}
.order-page .order-tools {
  grid-template-columns: minmax(0, 1fr) 280px;
  align-items: start;
  gap: 28px;
  top: 94px;
  margin: 0;
  padding: 20px 0;
  background: #f5eddf;
  border: 0;
  border-bottom: 1px solid #cbb7a4;
  backdrop-filter: none;
  overflow: visible;
}
.order-page .filters {
  flex-wrap: wrap;
  gap: 6px 8px;
  padding: 0;
  overflow: visible;
}
.order-page .chip {
  min-height: 44px;
  padding: 0 13px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #65434a;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.order-page .chip:hover { color: #501f29; background: #ecddce; }
.order-page .chip.active { background: #501f29; color: #fffaf2; border-color: #501f29; }
.order-page .search {
  height: 48px;
  border: 1px solid #bba18f;
  border-radius: 10px;
  background: #fffaf2;
  padding: 0 16px;
  color: #501f29;
  font-size: 15px;
}
.order-page .search::placeholder { color: #795d57; opacity: 1; }
.order-page .menu-board { gap: 38px 30px; padding-top: 36px; }
.order-page .dish-card {
  min-height: 0;
  border: 0;
  border-bottom: 1px solid #cbb7a4;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  scroll-margin-top: 240px;
  transition: none;
}
.order-page .dish-card::after { content: none; }
.order-page .dish-card:hover { transform: none; box-shadow: none; border-color: #8e5a61; }
.order-page .dish-card-photo {
  padding: 0;
  border: 0;
  border-radius: 14px 38px 14px 14px;
  background: #eee1d2;
  aspect-ratio: 1;
}
.order-page .dish-card-photo img { object-fit: contain; }
.order-page .dish-card:hover .dish-card-photo img { filter: none; }
.order-page .dish-card-body {
  gap: 14px;
  min-height: 196px;
  padding: 22px 2px 24px;
  background: transparent;
}
.order-page .dish-card h4 {
  margin: 0;
  max-width: none;
  font-family: Forum, Georgia, serif;
  color: #501f29;
  font-size: 30px;
  line-height: 1.12;
  font-weight: 400;
  letter-spacing: -.01em;
  text-transform: none;
}
.order-page .dish-card-meta {
  gap: 12px;
  color: #795d57;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .015em;
  text-transform: none;
}
.order-page .dish-price { color: #501f29; font-size: 23px; font-weight: 500; }
.order-page .dish-count { border-color: #cbb7a4; border-radius: 5px; color: #795d57; }
.order-page .add-round, .order-page .card-stepper.is-active .add-round {
  width: 44px;
  height: 44px;
  border: 1px solid #501f29;
  border-radius: 10px;
  background: #501f29;
  color: #fffaf2;
}
.order-page .add-round:hover { background: #783849; border-color: #783849; transform: none; }
.order-page .card-stepper.is-active { grid-template-columns: 44px minmax(22px, auto) 44px; }
.order-page .card-stepper-count { color: #501f29; }
.order-page .empty-menu, .order-page .menu-accessibility-note { color: #795d57; }
.order-page .menu-download { border-color: #cbb7a4; }
.order-page .pdf-button {
  background: #501f29;
  border-color: #501f29;
  border-radius: 10px;
  color: #fffaf2;
  letter-spacing: .03em;
  text-transform: none;
  font-size: 13px;
  font-weight: 500;
}
.order-page .pdf-button-secondary { background: transparent; color: #501f29; }
.order-page .pdf-button:hover { background: #713443; color: #fffaf2; transform: none; }

.order-page .breakfast-builder {
  background: #501f29;
  color: #fffaf2;
  border: 0;
  border-radius: 14px 38px 14px 14px;
  box-shadow: none;
}
.order-page .breakfast-builder::after { content: none; }
.order-page .breakfast-builder-head h3 { line-height: 1.08; letter-spacing: -.015em; }
.order-page .breakfast-builder-head > p,
.order-page .breakfast-builder-head > span,
.order-page .breakfast-builder-group h4,
.order-page .breakfast-builder-option-copy span,
.order-page .breakfast-builder-note { color: #ead9cd; }
.order-page .breakfast-builder-option {
  border: 0;
  border-bottom: 1px solid #9e7376;
  background: transparent;
  padding-inline: 0;
}
.order-page .breakfast-builder-option-copy strong {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
}
.order-page .breakfast-builder-option .add-round,
.order-page .breakfast-builder-option .card-stepper.is-active .add-round {
  background: #fffaf2;
  border-color: #fffaf2;
  color: #501f29;
}
.order-page .breakfast-builder .card-stepper-count { color: #fffaf2; }
.order-page .breakfast-builder-option .add-round:disabled { opacity: .45; }
.order-page .breakfast-builder-option .add-round:disabled:hover { background: #fffaf2; color: #501f29; }

.dish-modal { background: #f5eddf; color: #501f29; }
.dish-modal .modal-image { background: #e9d9c7; }
.dish-modal .modal-image img { border-radius: 14px; box-shadow: none; }
.dish-modal .modal-info { background: #f5eddf; }
.dish-modal .modal-info h2 { font-size: clamp(32px, 3vw, 46px); text-transform: none; letter-spacing: -.015em; }
.dish-modal .modal-info p, .dish-modal .modal-meta, .dish-modal .modal-nutrition { color: #795d57; }
.dish-modal .modal-info b, .dish-modal .modal-price, .dish-modal .close-dish { color: #501f29; }
.dish-modal .button { border-radius: 10px; font-size: 12px; text-transform: none; letter-spacing: .02em; }
.dish-modal .button-primary { background: #501f29; border-color: #501f29; color: #fffaf2; }
.dish-modal .button-outline { border-color: #9d7a73; color: #501f29; }
.dish-modal .modal-cart-state { background: #eadccc; border-color: #cbb7a4; border-radius: 10px; color: #501f29; }
.dish-modal .modal-cart-state > span, .dish-modal .modal-cart-state > span b,
.dish-modal .modal-stepper strong, .dish-modal .modal-stepper button { color: #501f29; }
.dish-modal .modal-stepper button { border-color: #9d7a73; border-radius: 8px; }
.dish-modal .modal-stepper button:hover { background: #501f29; color: #fffaf2; }
.cart-drawer .cart-panel { background: #f5eddf; }
.cart-drawer .cart-head { background: #f5eddf; }
.cart-drawer .cart-head h2 { text-transform: none; letter-spacing: -.015em; }
.cart-drawer .button, .cart-drawer .field input, .cart-drawer .field select,
.cart-drawer .field textarea { border-radius: 8px; }
.cart-fab { background: #501f29; color: #fffaf2; border-color: #82545b; border-radius: 12px 12px 0 0; }
.overlay-menu { background: #501f29; }

@media (max-width: 980px) {
  .order-page .menu-board { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; }
  .order-page .order-tools { grid-template-columns: 1fr; gap: 14px; }
  .order-page .filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
  .order-page .dish-card { scroll-margin-top: 260px; }
}
@media (max-width: 760px) {
  .landing-view .hero-photo img { object-position: 48% 57%; }
  .landing-view .hero-photo { border-radius: 28px 28px 12px 12px; }
  .order-page .order-section { padding-top: 112px; }
  .order-page .shell { width: calc(100% - 36px); }
  .order-page .order-head { padding-bottom: 24px; gap: 12px; }
  .order-page .order-kicker { font-size: 10px; margin-bottom: 12px; letter-spacing: .15em; }
  .order-page .order-head .section-title { font-size: 46px; }
  .order-page .order-head::after { content: none; }
  .order-page .order-tools { top: 80px; gap: 10px; padding: 14px 0; }
  .order-page .chip { font-size: 13px; }
  .order-page .search { font-size: 16px; }
  .order-page .menu-board { grid-template-columns: 1fr; gap: 30px; padding-top: 26px; }
  .order-page .dish-card-photo { border-radius: 12px 30px 12px 12px; }
  .order-page .dish-card-body { min-height: 0; padding: 20px 0 24px; gap: 14px; }
  .order-page .dish-card h4 { font-size: 29px; }
  .order-page .dish-price { font-size: 22px; }
  .order-page .dish-card-meta { font-size: 12px; }
  .order-page .breakfast-builder { padding: 28px 20px; }
  .order-page .breakfast-builder-option { gap: 10px; }
  .dish-modal .modal-info h2 { font-size: 34px; }
}