body.coming-soon { height: 100dvh; overflow: hidden; }
.landing-language-control { position: fixed; z-index: 2; top: 18px; right: clamp(20px, 5vw, 80px); }
.landing-hero {
  height: 100dvh;
  padding: 72px clamp(22px, 6vw, 84px) 64px;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, rgba(12, 18, 16, 0.92), rgba(12, 18, 16, 0.68) 44%, rgba(12, 18, 16, 0.08)), url("assets/images/ostreath-promo-v2.png") center / cover no-repeat;
}
.landing-content { width: 100%; max-width: 600px; transform-origin: left center; }
.landing-logo { width: 220px; max-width: 55%; margin-bottom: 18px; }
.coming-soon .landing-release { font-size: 4rem; line-height: 1.08; color: var(--paper); margin: 0 0 14px; overflow-wrap: anywhere; text-shadow: none; }
.coming-soon .eyebrow { font-size: 0.7rem; letter-spacing: 0; margin-bottom: 8px; }
.landing-motto { font-size: 1.1rem; line-height: 1.45; color: var(--gold); margin-bottom: 20px; white-space: normal; }
.landing-message { max-width: 480px; margin-bottom: 18px; }
.landing-message h2 { font-size: 1.25rem; line-height: 1.3; margin-bottom: 8px; }
.landing-intro { margin-bottom: 0; font: 0.95rem/1.55 "Segoe UI", Arial, sans-serif; color: #d0d1c2; }
.coming-soon .button { min-height: 44px; padding: 0 22px; }
.coming-soon .media-credit { font-size: 0.7rem; margin: 10px 0 0; }
.coming-soon footer { position: fixed; inset: auto 0 0; padding: 14px clamp(22px, 6vw, 84px); background: transparent; border: 0; pointer-events: none; }
.coming-soon footer p { margin: 0; font-size: 0.7rem; line-height: 1.4; }
@media (max-width: 640px) {
  .landing-language-control { top: 14px; right: 20px; }
  .landing-hero { padding: 64px 22px 60px; background-position: 62% center; }
  .landing-logo { width: 170px; margin-bottom: 14px; }
  .coming-soon .landing-release { font-size: 2.45rem; }
  .landing-motto { font-size: 0.95rem; margin-bottom: 16px; }
  .landing-message h2 { font-size: 1.1rem; }
  .landing-intro { font-size: 0.85rem; }
}
@media (max-height: 560px) {
  .landing-logo { width: 100px; margin-bottom: 8px; }
  .coming-soon .landing-release { font-size: 2.4rem; margin-bottom: 8px; }
  .landing-motto { font-size: 0.9rem; margin-bottom: 10px; }
  .landing-message { margin-bottom: 10px; }
  .landing-message h2 { font-size: 1rem; }
  .landing-intro { font-size: 0.8rem; line-height: 1.4; }
}