/* Minimalny, responsywny coming soon */

:root{
  --bg: #0b0b0c;
  --fg: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.72);
}

*{ box-sizing: border-box; }
html, body{ height: 100%; }
body{
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

.wrap{
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: clamp(24px, 4vw, 64px);
}

.stack{
  display: grid;
  justify-items: center;
  gap: clamp(14px, 2.4vw, 22px);
  text-align: center;
}

/* Logo skaluje się responsywnie, ale nie rośnie w nieskończoność */
.logo{
  width: min(72vw, 520px);
  max-height: min(32vh, 220px);
  height: auto;
  object-fit: contain;
}

/* Podpis */
.tagline{
  margin: 0;
  font-size: clamp(16px, 2.2vw, 22px);
  letter-spacing: .02em;
  color: var(--muted);
}

/* Preferencje dostępności: mniej animacji (tu i tak brak) */
@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior: auto; }
}