:root {
  color-scheme: dark;
  --ink: #f0ecdf;
  --ground: #19241c;
  --gutter: clamp(24px, 7vw, 110px);
  --serif: "Baskerville", "Times New Roman", serif;
  --sans: Arial, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--ground); color: var(--ink); }
.cover {
  min-height: 100vh;
  min-height: 100svh;
  padding: clamp(27px, 5vh, 55px) var(--gutter);
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.location {
  margin: 0;
  font: 12px/1.4 var(--sans);
  letter-spacing: .04em;
}
h1 {
  align-self: center;
  margin: 0;
  font-weight: normal;
}
.wordmark {
  display: block;
  width: max-content;
  margin-left: -.047em;
  font: normal clamp(122px, 44vw, 650px)/.78 var(--serif);
  letter-spacing: -.085em;
}
.models {
  display: block;
  margin: clamp(16px, 3vw, 41px) 0 0;
  font: normal clamp(20px, 3.4vw, 55px)/1 var(--serif);
}
.announcement {
  border-top: 1px solid #f0ecdf55;
  padding-top: 15px;
  margin: 0;
  font: 14px/1.4 var(--sans);
}
@media (max-height: 540px) and (orientation: landscape) {
  .wordmark { font-size: min(44vw, 57vh); }
  .models { margin-top: 12px; }
}
@media (forced-colors: active) {
  .announcement { border-color: CanvasText; }
}
