/* ───────────────────────────────
   LuminArt — Desktop Patch (≥1025px)
   Clean Rev 2 | AxisRadius
   ─────────────────────────────── */
@media (min-width: 1025px) {

  /* ===== HERO ===== */
  #hero {
    height: 100vh;
    background-size: cover;
    background-position: center center;
  }

  .hero-content {
    position: absolute;
    bottom: 10vh;
    left: 8vw;
    max-width: 820px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-tagline {
    font-size: 24px;
    font-weight: 200;
    color: var(--brand);
    margin-bottom: 8px;
  }

  .hero-title {
    font-size: 60px;
    line-height: 1.05;
    font-weight: 800;
    color: var(--white);
    margin-bottom: 20px;
  }

  .hero-subtext {
    font-size: 22px;
    line-height: 1.35;
    color: var(--muted);
    margin-bottom: 28px;
  }

  .hero-ctas {
    display: flex;
    gap: 20px;
  }

  /* ===== FOOTER — Four-column layout ===== */
  .footer-grid {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 60px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .footer-col {
    flex: 1;
    min-width: 0;
  }

  .footer-col h4 {
    text-align: left;
    margin-bottom: 10px;
  }

  .footer-col a {
    display: block;
    margin: 4px 0;
  }

  .footer-bottom {
    margin-top: 80px;
    text-align: center;
  }
}

/* ───────────────────────────────
   LuminArt — Ultra-Wide Enhancement (≥1440px)
   Clean Rev 2 | AxisRadius
   ─────────────────────────────── */
@media (min-width: 1440px) {

  .hero-content {
    left: 10vw;
    max-width: 960px;
  }

  .hero-title {
    font-size: 72px;
    line-height: 1.1;
  }

  .hero-subtext {
    font-size: 24px;
    line-height: 1.4;
  }

  .footer-grid {
    max-width: 1400px;
    gap: 80px;
  }

  .footer-col h4 {
    font-size: 18px;
  }

  .footer-col a {
    font-size: 16px;
  }
}
/* ───────────────────────────────
   LuminArt — 4K Alignment Fix (≥1920px)
   Clean Rev 2 | AxisRadius
   ─────────────────────────────── */
@media (min-width: 1920px) {

  /* Header container full-width but visually aligned */
  .site-header .container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 8vw; /* matches hero's left offset */
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /* Logo stays visually aligned with hero left margin */
  .site-header .logo {
    margin-left: 0;
  }

  /* Nav hugs right edge equally */
  .site-header nav {
    margin-right: 0;
  }

  /* Keep hero visually consistent */
  .hero-content {
    left: 8vw;
    max-width: 880px;
  }

  /* Optional: header scale refinement */
  .site-header {
    height: 90px;
  }
}