/*
Theme Name: ESSENTIAL Minimal
Description: Jednostronicowy, neutralny motyw: tylko logo ESSENTIAL i podpis. Logo: wgraj plik logo.svg lub logo.png do katalogu motywu.
Version: 1.0
Text Domain: eps-essential
*/

:root {
  --bg: #17181a; --bg2: #101112; --ink: #eceae5; --muted: #9a9ca1; --line: #3a3c40;
}
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  display: flex; align-items: center; justify-content: center;
  padding: 24px;
  background: radial-gradient(ellipse at 50% 38%, var(--bg) 0%, var(--bg) 40%, var(--bg2) 100%);
  color: var(--ink);
  font-family: "Helvetica Neue", Helvetica, Arial, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
main { text-align: center; max-width: 100%; }
.logo { margin: 0; font-weight: 300; font-size: clamp(2.2rem, 8vw, 4.6rem); letter-spacing: .32em; text-indent: .32em; line-height: 1.1; text-transform: uppercase; }
.logo img { display: block; max-width: min(78vw, 420px); max-height: 38vh; width: auto; height: auto; margin: 0 auto; }
.rule { width: 56px; height: 1px; margin: 2rem auto 1.6rem; background: var(--line); border: 0; }
.tagline { margin: 0; font-size: clamp(.78rem, 2.4vw, .98rem); font-weight: 400; letter-spacing: .34em; text-indent: .34em; text-transform: uppercase; color: var(--muted); }

@media (max-width: 480px) {
  .logo { letter-spacing: .2em; text-indent: .2em; }
  .tagline { letter-spacing: .22em; text-indent: .22em; }
}