/* REST Concept — restaurants poster (page 3, QR codes removed, logo centered)
   Built on the original 1080 × 1920 artboard. Every size is written in
   artboard pixels and multiplied by --u, so the page scales to any screen
   while keeping the exact proportions of the PDF. */

:root {
  --bg: #0d2823;
  --card: #ffffff;
}

*,
*::before,
*::after { box-sizing: border-box; }

html, body { margin: 0; height: 100%; }

body {
  background: var(--bg);
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.poster {
  /* fit the 9:16 artboard to the viewport width or height, whichever is smaller */
  width: min(100vw, 100dvh * 1080 / 1920);
  aspect-ratio: 1080 / 1920;
  container-type: inline-size;
  position: relative;
  overflow: hidden;
  background: var(--bg);
}

/* 1 artboard pixel */
.poster { --u: calc(100cqw / 1080); }

/* ---------- Logo (centered) ---------- */
.brand {
  position: absolute;
  top: calc(174.5 * var(--u));
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}

.brand img {
  width: calc(306.8 * var(--u));
  height: auto;
  display: block;
}

/* ---------- Venue cards ---------- */
.venues {
  position: absolute;
  top: calc(612.4 * var(--u));
  left: calc(148.3 * var(--u));
  display: grid;
  grid-template-columns: repeat(2, calc(363.6 * var(--u)));
  column-gap: calc(56.2 * var(--u));
  row-gap: calc(79 * var(--u));
}

.card {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(212.3 * var(--u));
  position: relative;
  background: var(--card);
  text-decoration: none;
}

/* each logo keeps its exact spot from the PDF (set per card in index.html) */
.card__logo {
  position: absolute;
  left: calc(var(--x) * var(--u));
  top: calc(var(--y) * var(--u));
  width: calc(var(--w) * var(--u));
  height: auto;
  display: block;
}

/* Empty space where the QR code used to be */
.qr-slot {
  width: calc(317.3 * var(--u));
  aspect-ratio: 1;
  margin-top: calc(193.3 * var(--u));
}

.qr-slot img { width: 100%; height: 100%; display: block; }