/* tunegolf.com's temporary page. Colours and type are the coming-soon site's tokens
   (apps/sim/src/coming-soon/styles/tokens.css). */
:root {
  --ink-950: #0B0C0E;
  --ink-900: #17161D;
  --paper: #F5F5F3;
  --mist-400: #A6A4B3;
  --orange: #FF6B2C;
  --font: Archivo, system-ui, sans-serif;
  --font-script: Damion, cursive;
}
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--ink-950); }
body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--ink-950) radial-gradient(120% 80% at 50% 0%, var(--ink-900), var(--ink-950) 70%) no-repeat;
  color: var(--paper);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
}
.page {
  flex: 1;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: clamp(64px, 14vh, 160px) 16px 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
/* The lockup as the site's header draws it (logo height 28px beside "golf" at 36px), scaled up. The ball's
   flight draws outside the logo's box, about 0.9em above it, so the lockup keeps that space clear. */
.lockup {
  margin: 0 0 clamp(40px, 7vh, 72px);
  padding-top: 0.9em;
  display: flex;
  align-items: baseline;
  gap: 0.12em;
  font-size: clamp(64px, 14vw, 128px);
  font-weight: 400;
  line-height: 1;
}
.lockup__logo { display: inline-block; }
.lockup__logo img { display: block; height: 0.693em; }
.lockup__golf { font-family: var(--font-script); font-size: 0.89em; line-height: 0; color: var(--paper); }
.label {
  margin: 0 0 20px;
  font-stretch: 112%;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--orange);
}
.title {
  margin: 0;
  font-stretch: 74%;
  font-weight: 900;
  font-size: clamp(40px, 7vw, 84px);
  line-height: 0.95;
  text-transform: uppercase;
  text-wrap: balance;
}
.title__fun {
  font-family: var(--font-script);
  font-weight: 400;
  font-stretch: 100%;
  text-transform: none;
  font-size: 1.5em;
  line-height: 0;
  color: var(--orange);
  -webkit-text-stroke: 0.015em var(--orange);
  paint-order: stroke fill;
  padding-right: 0.08em;
}
.foot { padding: 24px 16px 32px; text-align: center; font-size: 13px; color: var(--mist-400); }