/* RAVENFORGE — Coming-Soon-Seite
   Eigenständiges Stylesheet (styles.css der Vollseite wird hier nicht gemountet).
   Farbtokens 1:1 aus der echten styles.css übernommen. */

:root {
  --rf-schwarz:    #0E0F11;
  --rf-gunmetal:   #1C1F23;
  --rf-stahl:      #8A9099;
  --rf-chrom:      #C4C8CC;
  --rf-edelstahl:  #EDEEF0;
  --rf-kupfer:     #B06A3B;
  --rf-amber:      #D9A03F;

  --rf-bg:          var(--rf-schwarz);
  --rf-text:        var(--rf-chrom);
  --rf-text-stark:  var(--rf-edelstahl);
  --rf-text-gedimmt:var(--rf-stahl);
  --rf-akzent:      var(--rf-kupfer);
  --rf-akzent-hell: var(--rf-amber);

  --rf-font-display: 'Big Shoulders Display', ui-sans-serif, system-ui, sans-serif;
  --rf-font-text:    ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", sans-serif;
  --rf-font-mono:    ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body { height: 100%; }

body {
  background: var(--rf-bg);
  color: var(--rf-text);
  font-family: var(--rf-font-text);
  /* Sanfter Lichtschein von oben, damit die Fläche nicht flach wirkt */
  background-image: radial-gradient(120% 80% at 50% -10%, rgba(217,160,63,.10), transparent 60%);
  -webkit-font-smoothing: antialiased;
  /* Sicherheitsgurt gegen horizontalen Overflow (z. B. Wasserzeichen) */
  overflow-x: hidden;
}

.rf-soon {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1.4rem;
  padding: 2rem 1.5rem;
}

/* Rabenkopf als großes, sehr dezentes Wasserzeichen hinter dem Text */
.rf-soon__raven {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -52%);
  width: min(620px, 96vw);
  max-width: 96vw;
  opacity: .05;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

.rf-soon__logo,
.rf-soon__label,
.rf-soon__titel,
.rf-soon__text {
  position: relative;
  z-index: 1;
  /* begrenzt Flex-Kinder auf die Viewport-Breite → Titel bricht um statt zu überlaufen */
  max-width: 100%;
  overflow-wrap: break-word;
}

.rf-soon__logo {
  width: clamp(160px, 42vw, 220px);
  height: auto;
}

.rf-soon__label {
  font-family: var(--rf-font-mono);
  font-size: .8rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--rf-akzent-hell);
}

.rf-soon__titel {
  font-family: var(--rf-font-display);
  font-weight: 800;
  line-height: .95;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: var(--rf-text-stark);
  font-size: clamp(3rem, 14vw, 7rem);
}

.rf-soon__titel span { color: var(--rf-akzent); }

.rf-soon__text {
  /* min() begrenzt hart auf die Viewport-Breite, überschreibt die generische 100%-Regel */
  max-width: min(34ch, 100%);
  color: var(--rf-text-gedimmt);
  font-size: clamp(.95rem, 2.6vw, 1.1rem);
  line-height: 1.6;
  text-wrap: balance;
}