/* Coming Soon – gross «Coming soon», Datum auf einer Zeile, fürs Handy als App optimiert */
.cs-hero { min-height: 100vh; min-height: 100svh; padding-top: calc(env(safe-area-inset-top, 0px) + 120px); padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 48px); }
.cs-copy { gap: 22px; }
.cs-big { font-family: var(--display); font-weight: 700; font-size: clamp(56px, 13vw, 220px); line-height: .86; letter-spacing: -.05em; margin: 4px 0 6px; }
.cs-when { font-family: var(--display); font-weight: 500; font-size: clamp(24px, 3.6vw, 48px); letter-spacing: -.01em; white-space: nowrap; color: var(--sun); text-shadow: 0 4px 24px rgba(2,20,40,.45); }
.cs-copy .lead { max-width: 52ch; color: #E3F2F8; text-shadow: 0 2px 18px rgba(2,20,40,.75); }

@media (max-width: 720px) {
  .cs-hero { justify-content: flex-end; padding-top: calc(env(safe-area-inset-top, 0px) + 96px); }
  .cs-hero .whale { object-position: 40% 30%; opacity: .5; -webkit-mask-image: radial-gradient(ellipse 120% 70% at 50% 35%, #000 30%, transparent 85%); mask-image: radial-gradient(ellipse 120% 70% at 50% 35%, #000 30%, transparent 85%); }
  .cs-copy { gap: 16px; }
  .cs-big { font-size: 17.5vw; }
  .cs-when { font-size: 8vw; }
  .cs-copy .lead { font-size: 15px; line-height: 1.5; }
  .cs-copy .chapter { font-size: 11px; letter-spacing: .14em; }
  .cs-copy .chapter::before { width: 24px; }
  .cs-copy .countdown { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
  .cs-copy .cd { min-width: 0; padding: 10px 4px; border-radius: 14px; }
  .cs-copy .cd b { font-size: 22px; }
  .cs-copy .cd span { font-size: 10px; letter-spacing: .08em; }
  .cs-copy .btn { width: 100%; justify-content: center; }
  .login { position: fixed; left: max(16px, env(safe-area-inset-left, 0px)); right: max(16px, env(safe-area-inset-right, 0px)); top: calc(env(safe-area-inset-top, 0px) + 86px); width: auto; }
}
@media (max-width: 380px) { .cs-copy .lead span { display: none; } }
@media (display-mode: standalone) { .cs-hero { padding-top: calc(env(safe-area-inset-top, 0px) + 100px); } }