@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

:root {
  color-scheme: dark;
  font-family: "DM Sans", sans-serif;
  color: #edf8f7;
  background: #071c29;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; }
.water { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1; }
.page { min-height: 100vh; display: flex; flex-direction: column; padding: 38px 7vw 32px; }
.header, footer { display: flex; align-items: center; justify-content: space-between; }
.brand { color: #edf8f7; font-size: 24px; font-weight: 700; text-decoration: none; letter-spacing: -1px; }
.brand span { font-weight: 400; }
.brand i { color: #83dccd; font-style: normal; }
.header-label, .eyebrow, .coming-soon, footer { font-size: 10px; font-weight: 700; letter-spacing: .18em; }
.header-label, footer { color: #a4c4c6; }
main { width: min(720px, 100%); margin: auto 0; padding: 100px 0; }
.eyebrow { color: #9cddd3; display: flex; align-items: center; gap: 12px; }
.eyebrow span { width: 24px; height: 1px; background: #9cddd3; }
h1 { margin: 29px 0; font: 500 clamp(62px, 9.5vw, 130px)/.98 "Playfair Display", Georgia, serif; letter-spacing: -.055em; }
h1 em { color: #a8e4d9; font-weight: 500; }
.intro { max-width: 420px; color: #c1d8d8; font-size: clamp(16px, 1.4vw, 19px); line-height: 1.7; }
.divider { width: 58px; height: 1px; margin: 38px 0 25px; background: #6ea7a4; }
.coming-soon { color: #c1d8d8; }
.coming-soon span { color: #72bfb2; padding: 0 6px; }
footer { gap: 16px; }
@media (max-width: 600px) {
  .page { padding: 28px 7vw 25px; }
  .header-label { font-size: 8px; }
  main { padding: 90px 0; }
  footer { font-size: 8px; }
}