/* Coming-soon-Seite (Root index.html) – baut auf style.css auf */
.soon {
  min-height: 100vh; min-height: 100dvh;
  display: flex; flex-direction: column;
  background: var(--c-blue); color: #fff;
}
.soon__header { padding-block: 1.4rem; }
.soon__header .brand { color: #fff; }
.soon__header .brand__line2 { color: var(--c-yellow); }

.soon__main {
  position: relative; overflow: hidden; flex: 1;
  display: flex; align-items: center;
  padding-block: clamp(2rem, 5vw, 4rem) clamp(11rem, 22vw, 15rem);
}
.soon__inner { position: relative; z-index: 2; max-width: 820px; }
.soon__title { color: #fff; margin-bottom: 1.2rem; font-size: clamp(2.2rem, 1.4rem + 3.6vw, 4.2rem); }
.soon__lead { font-size: var(--fs-lg); max-width: 620px; color: rgba(255,255,255,.88); }

/* Countdown */
.countdown { display: flex; gap: clamp(.8rem, 3vw, 2rem); margin: 1.6rem 0 1.8rem; }
.countdown__item { display: flex; flex-direction: column; align-items: center; min-width: 3.2ch; }
.countdown__item span {
  font-family: var(--f-head); font-weight: 600; line-height: 1;
  font-size: clamp(2.2rem, 2rem + 2vw, 3.6rem); color: var(--c-yellow);
  font-variant-numeric: tabular-nums;
}
.countdown__item small {
  font-size: var(--fs-xs); letter-spacing: .15em; text-transform: uppercase;
  color: rgba(255,255,255,.65); margin-top: .4rem;
}
.countdown.is-done { display: none; }

.soon__footer { position: relative; z-index: 2; background: var(--c-blue-deep); padding-block: 1.2rem; font-size: var(--fs-xs); }
.soon__footer-inner { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .6rem 1.5rem; opacity: .8; }
.soon__footer a { color: #fff; }