/* ============================================================
   SUN HOUSE — MOBILE BRAND / HERO LAYOUT SOURCE OF TRUTH
   2026-09-11

   This file owns only the mobile hero/grid relationship.
   Visual logo sizing is intentionally left to sunhouse-logo-entrance.css
   so legacy max-width/transform rules cannot cancel later brand scaling.
============================================================ */

@media (max-width: 720px) {
  .v7-hero-inner {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(118px, 36vw) !important;
    grid-template-rows: auto !important;
    column-gap: 10px !important;
    align-items: start !important;
    align-content: start !important;
  }

  .v7-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: initial !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    align-self: start !important;
  }

  .sunhouse-horizontal-brand {
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: initial !important;
    position: relative !important;
    inset: auto !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: start !important;
    justify-self: end !important;
    z-index: 6 !important;
  }

  .sunhouse-brand-key,
  .sunhouse-brand-name {
    max-width: 100% !important;
    height: auto !important;
  }

  .v7-kicker {
    margin-top: 0 !important;
  }

  .v7-copy h1 {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: clamp(2rem, 9.4vw, 3rem) !important;
    line-height: .92 !important;
    letter-spacing: -.045em !important;
  }

  .v7-copy h1 span {
    display: block !important;
  }

  .v7-copy p,
  .v7-actions,
  .v7-copy > .v7-service-strip {
    grid-column: 1 / -1 !important;
  }

  .v7-copy {
    display: contents !important;
  }

  .v7-copy > .v7-kicker,
  .v7-copy > h1 {
    grid-column: 1 !important;
  }

  .v7-copy > p,
  .v7-copy > .v7-actions,
  .v7-copy > .v7-service-strip {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  .v7-copy > p {
    margin-top: 12px !important;
  }

  .v7-copy > .v7-service-strip {
    margin-top: 14px !important;
  }

  .v7-hero-inner > .v7-service-strip-desktop {
    display: none !important;
  }
}

@media (max-width: 390px) {
  .v7-hero-inner {
    grid-template-columns: minmax(0, 1fr) minmax(104px, 34vw) !important;
    column-gap: 7px !important;
  }

  .v7-copy h1 {
    font-size: clamp(1.82rem, 9vw, 2.35rem) !important;
  }
}

/* Mobile landscape keeps its established layout; visual brand scale remains
   controlled by sunhouse-logo-entrance.css. */
@media (max-width: 932px) and (orientation: landscape) and (hover: none) and (pointer: coarse) {
  .v7-hero-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1.18fr) minmax(180px, .82fr) !important;
    column-gap: 18px !important;
    align-items: start !important;
  }

  .v7-copy {
    display: contents !important;
  }

  .v7-copy > .v7-kicker,
  .v7-copy > h1 {
    grid-column: 1 !important;
  }

  .sunhouse-horizontal-brand {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    position: relative !important;
    inset: auto !important;
    justify-self: end !important;
    align-self: start !important;
  }

  .v7-copy > p,
  .v7-copy > .v7-actions,
  .v7-copy > .v7-service-strip {
    grid-column: 1 / -1 !important;
  }

  .v7-copy h1 {
    font-size: clamp(2.35rem, 7vw, 3.8rem) !important;
    line-height: .9 !important;
  }
}