/* Decimals kit: sand-cream page with a blush wash, warm brown-black ink, a tight book serif, Arial small print,
   soft paper cards. */
:root { --page: #ede8e1; --ink: #4d4638; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--page); color: var(--ink); font: 15px/1.5 Arial, Helvetica, sans-serif; overflow-x: clip; -webkit-font-smoothing: antialiased; }

.intro { padding: clamp(28px, 4.6vh, 56px) clamp(16px, 5vw, 56px) 0; text-align: center; }
.intro h1 { margin: 0; font: 400 clamp(30px, 5.2vw, 58px)/1.02 Newsreader, Georgia, serif; letter-spacing: -.035em; }
.intro h1 span { opacity: .5; }

section.rows { padding: clamp(24px, 3.4vh, 40px) clamp(16px, 4vw, 44px) 0; --gw-veil: var(--page); }
.giveway {
  --gw-top: clamp(90px, 13vh, 150px);
  --gw-gap: 40px;
  --gw-min-h: min(62vh, 640px);
  max-width: 980px; margin: 0 auto;
}
.row { display: flex; gap: 10px; padding: 10px; background: #f7f3ec; border-radius: 10px;
  box-shadow: 0 0 0 1px rgb(77 70 56 / .08), 0 22px 44px -26px rgb(77 70 56 / .4); }
.row:nth-child(even) { flex-direction: row-reverse; }
.copy { flex: 1 1 46%; padding: clamp(20px, 3.6vw, 40px); display: flex; flex-direction: column; justify-content: space-between; gap: 24px; }
.time { font: 400 clamp(40px, 6.4vw, 72px)/1 Newsreader, Georgia, serif; letter-spacing: -.04em; opacity: .9; }
.copy h3 { margin: 0; font: 400 clamp(22px, 2.9vw, 32px)/1.16 Newsreader, Georgia, serif; letter-spacing: -.025em; max-width: 13em; }
.copy p { margin: 14px 0 0; color: rgb(77 70 56 / .78); max-width: 24em; font-size: clamp(14px, 1.5vw, 16px); }
.sign { display: block; margin-top: 16px; font: 400 clamp(22px, 2.6vw, 28px)/1 "La Belle Aurore", cursive; font-style: normal; transform: rotate(-3deg); transform-origin: left; }
.pane { flex: 1 1 54%; border-radius: 6px; overflow: hidden; background: #e9dfd2; }
.pane img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tail { height: 30vh; }
@media (max-width: 767px) {
  .row, .row:nth-child(even) { flex-direction: column-reverse; }
  .giveway { --gw-gap: 16px; }
  .pane { aspect-ratio: 4 / 3; }
}