@font-face {
  font-family: 'Bodoni Moda';
  src: url('../media/bodoni-moda-regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Keep rem-based type and artwork proportional to the logo on wide or zoomed-out views. */
.coming-soon-page { font-size: max(16px, .83333333vw); }

.coming-soon {
  margin: 0;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  background: var(--color-coming-soon-surface);
  color: var(--color-coming-soon-text);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}

.coming-soon__header {
  padding: clamp(2rem, 5svh, 4rem) 0 0;
}

.coming-soon__logo { display: block; width: 70.3125%; height: auto; margin: 0 auto; }
.coming-soon__location { margin: .5rem auto 0; max-width: 90%; font: 400 clamp(1.1rem, 3.54vw, 4.25rem)/1.2 var(--font-display); text-align: center; text-transform: uppercase; }
.coming-soon__main { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; }
.coming-soon__copy { padding: clamp(1.5rem, 4svh, 3rem) var(--space-coming-soon-inset) 0; text-align: center; }
.coming-soon__copy h1 { margin: 0; font-family: var(--font-display); font-size: clamp(2rem, 3.8vw, 4.5rem); font-weight: 400; line-height: 1.12; letter-spacing: -.035em; text-wrap: balance; }
.coming-soon__motif { width: min(100%, 80rem); margin: .75rem auto 0; }
.coming-soon__flowers { display: block; width: 100%; height: clamp(14rem, 44svh, 32rem); object-fit: contain; object-position: center bottom; }

@media (max-width: 600px) {
  .coming-soon__copy { padding-top: 2rem; }
  .coming-soon__flowers { height: 36svh; min-height: 14rem; }
}