/* ============================================================
   ALT360 — HERO IDENTITY BLOCK
   Wordmark, accent rule and tagline for the homepage hero.
   Loaded after style.css; scoped to .hm-hero-copy children, so it
   does not affect any other UI. Values follow the Figma "Alt 360
   Revamp" home page (node 198:4444).

   The design specifies Geist; the site ships Inter, so the ramp
   below keeps the design's sizes and tracking against Inter.
   ============================================================ */

/* ── WORDMARK ("Alt360") ────────────────────────────────────── */
/* Geist Bold 128 / line-height normal / tracking -1.92 */
.hm-hero-wordmark {
  font-family: var(--font-sans);
  font-size: clamp(56px, 8.9vw, 128px);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.02;
  color: var(--hm-text-hi, #F8FAFC);
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

/* ── ACCENT RULE ────────────────────────────────────────────── */
/* 88×3, radius 2, Malibu → Picton Blue, glow rgba(31,168,239,0.7) */
.hm-hero-rule {
  width: 88px;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(
    90deg,
    var(--hm-accent-lt, #98D1F8) 0%,
    var(--hm-accent, #1FA8EF) 100%
  );
  box-shadow: 0 0 18px rgba(31, 168, 239, 0.7);
  margin: 0;
  flex-shrink: 0;
}

/* ── TAGLINE ────────────────────────────────────────────────── */
/* Heading/H4 — Geist Bold 24 / 32 / -0.12 */
.hm-hero-tagline {
  font-family: var(--font-sans);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 32px;
  color: var(--hm-text-md, #CBD5E1);
  max-width: 353px;
  margin: 0;
  padding: 0;
}

/* ── RESPONSIVE ADJUSTMENTS ─────────────────────────────────── */
@media (max-width: 960px) {
  .hm-hero-tagline { max-width: 100%; }
}

@media (max-width: 600px) {
  .hm-hero-wordmark {
    font-size: clamp(44px, 13vw, 56px);
    letter-spacing: -0.02em;
  }
  .hm-hero-rule { width: 64px; }
  .hm-hero-tagline { font-size: 20px; line-height: 28px; }
}