:root {
  --bg: #FAF8F4;
  --ink: #151515;
  --muted: #6B665E;
  --accent: #8A6D33;
  --rule: #E7E1D6;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 400 15px/1.65 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}

a { color: var(--accent); }

/* Home */
.home {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 28px;
  padding: 48px 16px;
  text-align: center;
}

.wordmark { margin: 0; line-height: 0; }

.wordmark img {
  width: min(340px, 100%);
  height: auto;
  aspect-ratio: 5 / 2;
  object-fit: cover;
  filter: brightness(1.15); /* lifts the image's mottled off-white to pure white so multiply removes it */
  mix-blend-mode: multiply;
}

.hairline { width: 56px; height: 1px; background: #C8A96A; }

.tagline {
  margin: 0;
  font: italic 500 clamp(26px, 6vw, 34px)/1.2 "Cormorant Garamond", Georgia, "Times New Roman", serif;
}

.play {
  display: inline-block;
  padding: 16px 32px;
  border: 1px solid #C8A96A;
  border-radius: 999px;
  background: var(--ink);
  color: #FFFFFF;
  font: 500 15px/1.2 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing: 0.02em;
  text-decoration: none;
}

.play:hover, .play:focus-visible { background: #3A352D; }

.links { margin: 0; color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }

/* Privacy policy */
.doc { max-width: 42em; margin: 0 auto; padding: 40px 16px 72px; overflow-wrap: anywhere; }

.back { font: 15px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; }

.doc h1 { margin: 28px 0 4px; font-size: 34px; font-weight: 400; line-height: 1.2; }

.effective { margin: 0 0 28px; padding-bottom: 24px; border-bottom: 1px solid var(--rule); color: var(--muted); }

.doc h2 { margin: 36px 0 8px; font-size: 20px; line-height: 1.3; }

.doc p { margin: 0 0 12px; }

.doc ul { margin: 0 0 12px; padding-left: 22px; }

.doc li { margin-bottom: 6px; }