:root {
  --ink: #18231f;
  --muted: #5c6963;
  --paper: #fffaf1;
  --ivory: #f2eadb;
  --line: rgba(24, 35, 31, 0.16);
  --jade: #31584d;
  --red: #9c2f25;
  --gold: #bf8f44;
}

* {
  box-sizing: border-box;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}

html,
body {
  margin: 0;
  color: var(--ink);
  background: #e8e3d8;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.48;
}

img {
  display: block;
  max-width: 100%;
}

.document {
  width: 210mm;
  margin: 0 auto;
  background: var(--paper);
}

.page {
  position: relative;
  min-height: 297mm;
  padding: 18mm 17mm;
  page-break-after: always;
  overflow: hidden;
}

.page:last-child {
  page-break-after: auto;
}

.cover {
  display: grid;
  align-items: end;
  color: #fff;
  padding: 0;
}

.cover img,
.cover-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.cover img {
  object-fit: cover;
}

.cover-shade {
  background:
    linear-gradient(90deg, rgba(8, 14, 12, 0.86), rgba(8, 14, 12, 0.46), rgba(8, 14, 12, 0.18)),
    linear-gradient(180deg, rgba(8, 14, 12, 0.06), rgba(8, 14, 12, 0.76));
}

.cover-content {
  position: relative;
  z-index: 1;
  padding: 22mm 18mm;
}

.brand,
.kicker {
  margin: 0 0 8mm;
  color: var(--gold);
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.brand {
  color: #f3cf88;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  max-width: 150mm;
  margin-bottom: 8mm;
  font-size: 44pt;
  line-height: 0.95;
  letter-spacing: 0;
}

.subtitle {
  max-width: 145mm;
  margin-bottom: 10mm;
  font-size: 16pt;
}

.cover-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4mm;
}

.cover-meta span {
  padding: 2.5mm 4mm;
  border: 0.25mm solid rgba(255, 255, 255, 0.38);
  border-radius: 20mm;
  background: rgba(255, 255, 255, 0.08);
  font-family: Arial, sans-serif;
  font-size: 9pt;
}

h2 {
  margin-bottom: 9mm;
  font-size: 27pt;
  line-height: 1.08;
}

h3 {
  margin-bottom: 3mm;
  font-size: 15pt;
  line-height: 1.2;
}

p,
li,
td,
th {
  font-size: 10.5pt;
}

.two-col,
.feature-grid,
.food-grid {
  display: grid;
  gap: 8mm;
}

.two-col {
  grid-template-columns: 1.05fr 0.95fr;
}

.summary-box {
  padding: 8mm;
  border-left: 1.2mm solid var(--red);
  background: var(--ivory);
}

.summary-box ul,
.closing ul {
  margin: 0;
  padding-left: 5mm;
}

.summary-box li + li {
  margin-top: 2.5mm;
}

.route-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}

.route-table th,
.route-table td {
  padding: 2.25mm 2.4mm;
  border-bottom: 0.25mm solid var(--line);
  vertical-align: top;
}

.route-table th {
  color: #fff;
  background: var(--jade);
  font-size: 9pt;
  text-align: left;
}

.route-table td {
  font-size: 8.4pt;
}

.route-table td:first-child {
  width: 18mm;
  font-weight: 700;
  color: var(--red);
}

.visual-page {
  padding-top: 14mm;
}

.image-band {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4mm;
  margin-bottom: 11mm;
}

.image-band.three {
  grid-template-columns: 1fr 1fr 1fr;
}

.image-band img {
  width: 100%;
  height: 62mm;
  object-fit: cover;
}

.feature-grid {
  grid-template-columns: 1fr 1fr;
}

.feature-grid div,
.food-grid div {
  padding: 6mm;
  border: 0.25mm solid var(--line);
  background: rgba(255, 255, 255, 0.58);
}

.text-columns {
  column-count: 2;
  column-gap: 10mm;
}

.food-grid {
  grid-template-columns: 1fr 1fr;
}

.food-grid p {
  margin-bottom: 0;
  font-family: Arial, sans-serif;
}

.final {
  background: linear-gradient(180deg, var(--paper), var(--ivory));
}

@media print {
  @page {
    size: A4;
    margin: 0;
  }

  html,
  body {
    width: 210mm;
    background: #fff;
  }

  .document {
    width: 210mm;
  }

  .page {
    min-height: 297mm;
  }
}