/* Handcrafted by Ashley -- parked landing page.
   Deliberately single-theme. The logo is a printed paper plaque with its own
   cream ground baked in, so the page commits to that same paper rather than
   floating a cream rectangle on a dark background. Every color is painted
   explicitly, so the page holds on either host ground.
   Paper (#f8f3ed) and ink are sampled from the logo file itself. */

:root {
  --paper:     #f8f3ed;
  --paper-2:   #f1ebe1;
  --ink:       #33383a;
  --ink-soft:  #5f6668;   /* darkened from the logo's grey to clear 4.5:1 on paper */
  --sage:      #5c6851;
  --sage-soft: #8b9880;
  --hairline:  rgba(51, 56, 58, 0.18);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(ellipse 80% 55% at 50% 0%, var(--paper), var(--paper-2) 100%);
  background-color: var(--paper);
  color: var(--ink);
  font-family: Karla, "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  font-size: clamp(1rem, 0.4vw + 0.92rem, 1.1rem);
  line-height: 1.7;
  display: flex;
  flex-direction: column;
}

a { color: inherit; }

:focus-visible {
  outline: 2px solid var(--sage);
  outline-offset: 4px;
}

main {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.5rem;
  max-width: 34rem;
  margin: 0 auto;
  padding: clamp(3rem, 10vw, 6rem) 1.5rem 3rem;
}

.logo {
  width: min(100%, 26rem);
  height: auto;
  margin-bottom: 0.75rem;
}

.lead {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 300;
  font-size: clamp(1.35rem, 4vw, 1.75rem);
  line-height: 1.45;
  margin: 0;
  text-wrap: balance;
}

.rule {
  width: 4.5rem;
  height: 1px;
  margin: 0.25rem 0;
  background: var(--sage-soft);
}

.note {
  margin: 0;
  color: var(--ink-soft);
  max-width: 30rem;
}

.status {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 0.8rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--sage);
  margin: 1rem 0 0;
}

footer {
  text-align: center;
  padding: 2rem 1.5rem 3rem;
  border-top: 1px solid var(--hairline);
  margin: 0 auto;
  width: min(100%, 34rem);
}
footer p {
  margin: 0;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  color: var(--ink-soft);
}
footer a { color: var(--sage); }