:root {
  --ink: #1d1b16;
  --muted: #6b6457;
  --paper: #f6f1e7;
  --accent: #e0a526;
}
* { box-sizing: border-box; margin: 0; }
html, body { height: 100%; }
body {
  font-family: Georgia, "Times New Roman", serif;
  color: var(--ink);
  background: var(--paper);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.25rem;
  text-align: center;
}
main { max-width: 42rem; width: 100%; }
.stripe {
  height: 10px;
  margin: 0 auto 2.5rem;
  max-width: 14rem;
  border-radius: 2px;
  background: repeating-linear-gradient(-45deg, var(--accent) 0 14px, var(--ink) 14px 28px);
}
.photo {
  display: block;
  width: 100%;
  max-height: 60vh;
  object-fit: contain;
  border-radius: 6px;
  margin: 0 auto 2.25rem;
}
h1 {
  font-size: clamp(2.2rem, 7vw, 3.75rem);
  font-weight: normal;
  letter-spacing: -0.02em;
  line-height: 1.05;
  margin-bottom: 1rem;
}
p {
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--muted);
  font-size: 1.1rem;
  line-height: 1.6;
}
a { color: var(--ink); }

/* Holding page: full-page picture with a footer */
body.holding {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  min-height: 100%;
  padding: 0;
  text-align: left;
  color: #f2f2f2;
  background: #141414 url("/images/under-construction.jpg") center / cover no-repeat;
}
body.holding main { flex: 1; max-width: none; }
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.site-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.5rem;
  padding: 1rem 1.5rem;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.85rem;
  line-height: 1.5;
  background: rgba(0, 0, 0, 0.75);
  border-top: 3px solid var(--accent);
}
.footer-info { display: flex; flex-direction: column; }
.footer-info strong { letter-spacing: 0.08em; color: var(--accent); }
.footer-copy { white-space: nowrap; color: #c9c9c9; }

/* On tall, narrow screens show the whole picture instead of cropping its text */
@media (max-aspect-ratio: 4/3) {
  body.holding { background-size: contain; background-position: center 40%; }
}
@media (max-width: 720px) {
  .site-footer { flex-direction: column; align-items: flex-start; }
  .footer-copy { white-space: normal; }
}