/* Fly Away With Me — root brand landing page.
   Single static screen: arch mark + wordmark, centered, no scroll. */

* { box-sizing: border-box; }

html, body {
  height: 100%;
  overflow: hidden;
}

body {
  margin: 0;
  background: #faf4ec;
}

.landing {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 4vw, 26px);
  text-align: center;
  padding: 0 24px;
  color: #2a3e2c;
}

.landing-mark {
  width: clamp(56px, 16vw, 96px);
  height: auto;
}

.landing-wordmark {
  font-family: 'Bricolage Grotesque', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(40px, 12vw, 72px);
  margin: 0;
  letter-spacing: -0.01em;
  text-wrap: balance;
}

.landing-wordmark span {
  color: #b55f40;
}