/* Avenue Mono's "+" looks like "±", so leave + (U+002B) to the fallback font. */
@font-face { font-family: "Avenue Mono"; src: url(/assets/fonts/AvenueMono.woff2) format("woff2"); font-display: swap; unicode-range: U+0020-002A, U+002C-00FF, U+2013-2026, U+2190-2192; }
@font-face { font-family: "BhuTuka"; src: url(/assets/fonts/BhuTuka.woff2) format("woff2"); font-display: swap; }
/* Hand-lettered display face: A–Z and Ñ only (no accents, lowercase or digits). */
@font-face { font-family: "Bacan"; src: url(/assets/fonts/Bacan.woff2) format("woff2"); font-display: swap; }

:root {
  --accent: #960b12;
  --accent-dark: #7a0910;
  --on-accent: #fff;
  --ink: #1e1e1e;
  --paper: #d5d0cb;
  --muted: #4d4747;
  --line: #bdb6b0;
  --tint: #cbc5bf;
  --dots: #9d948d;
  --w: 640px;

  --font-body: "Avenue Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-ui: var(--font-body);
  --font-display: "Bacan", "BhuTuka", Impact, sans-serif;
  --font-section: "BhuTuka", "Avenue Mono", sans-serif;
  --font-item: var(--font-body);
  --font-price: var(--font-body);
  --font-list: var(--font-body);
  --font-tag: "BhuTuka", sans-serif;
  --font-logo: "Bacan", sans-serif;

  --body-weight: 400;
  --body-size: 15px;
  --body-size-lg: 16px;
  --desc-style: normal;
  --desc-size: 13px;
  --desc-color: #3b3536;
  --item-size: 14px;
  --item-spacing: .02em;
  --list-size: 14px;
  --price-color: var(--accent);
  --section-size: 18px;
  --section-spacing: .06em;

  --logo-style: normal;
  --logo-weight: 400;
  --logo-color: #550031;
  --logo-size: 56px;
  --logo-spacing: 0;
  --tag-size: 15px;
  --tag-color: var(--accent);
  --tag-case: uppercase;
  --display-color: var(--accent);
  --display-size: clamp(52px, 15vw, 80px);
  --display-rotate: -5deg;
  --display-case: uppercase;

  --photo-width: 480px;
  --photo-ratio: 3/4;
  --photo-filter: none;
}

/* Mono body text reads better a touch looser and in caps for labels, like the printed menu. */
body { line-height: 1.5; }
.btn, .top .book, .lang, .chips a, .maps a { text-transform: uppercase; letter-spacing: .06em; font-size: 14px; }
.btn { font-size: 15px; border-radius: 0; }
.top .book, .chips a, .maps a { border-radius: 0; }
.visit h3, .about h2, .guide h2, .guide h3 { font-family: "BhuTuka", sans-serif; text-transform: uppercase; letter-spacing: .04em; font-size: 15px; }
.about h2 { font-size: 16px; }
.guide h2 { font-size: 18px; }
.hero .where { text-transform: uppercase; letter-spacing: .08em; font-size: 12px; }
.intro, .note, .item .desc, .price-note { text-transform: uppercase; }
.hero .photo img { border: 0; }
.guide .faq dt { font-family: "BhuTuka", sans-serif; text-transform: uppercase; font-size: 14px; }
footer p { text-transform: uppercase; font-size: 12px; letter-spacing: .06em; }
footer img { width: 120px; }
.msub h4 { font-family: "BhuTuka", sans-serif; text-transform: uppercase; letter-spacing: .08em; font-size: 14px; color: var(--accent); }
.msub .msub h4 { font-size: 12px; color: var(--muted); }
.msec h3 { -webkit-text-stroke: .3px currentColor; }
.about p { font-size: 15px; }
.guide p, .guide li, .guide .faq dd { font-size: 15px; }
.guide .lead { font-size: 16px; }
.guide h1.title { font-size: clamp(24px, 7vw, 32px); text-transform: uppercase; letter-spacing: .02em; }