/* ===== typography.css — заголовки h1, .sub, нижний блок .bottom ===== */

h1 {
    font-family:'Orbitron', sans-serif;
    font-weight:700;
    font-size: clamp(18px, 5.2vw, 24px);
    text-align:center;
    line-height:1.35;
    letter-spacing:0.01em;
  }

h1 span {
    background: linear-gradient(100deg, var(--accent-1), var(--accent-neon));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }

.sub {
    font-family:'Chakra Petch', sans-serif;
    font-size: clamp(13px, 3.6vw, 15px);
    color: var(--text-muted);
    text-align:center;
    max-width: min(280px, 82%);
  }

.bottom {
    position:relative;
    z-index:2;
    padding: clamp(12px, 2.5vh, 22px) clamp(20px, 6vw, 32px) max(20px, env(safe-area-inset-bottom, 0px) + 20px);
    text-align:center;
  }

.bottom-hint {
    font-family:'Share Tech Mono', monospace;
    font-size:11px;
    letter-spacing:0.02em;
    color: var(--text-muted);
  }