/* ABOUTME: Minimal styles for the coming-soon landing page. */
/* ABOUTME: Matches the invitation page aesthetic: warm palette, Cormorant Garamond. */

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  background-color: #dfd3be; /* matches bottom of body gradient so overscroll isn't white */
}

body {
  background:
    linear-gradient(
      to bottom,
      rgba(250, 248, 245, 0.50) 0%,
      rgba(237, 229, 216, 0.35) 50%,
      rgba(220, 207, 184, 0.50) 100%
    ),
    url('/static/trailer_sketch.webp?v=7') center / auto min(80vh, 100vw) no-repeat;
  background-color: #faf8f5;
  color: #4a3f35;
  font-family: 'Cormorant Garamond', Georgia, serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

.coming-soon {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem;
}

.coming-soon h1 {
  font-size: clamp(1.5rem, 5vw, 2.5rem);
  font-weight: 300;
  font-style: italic;
  letter-spacing: 0.03em;
  line-height: 1.4;
}