/* ==========================================================
Local Web Guy - Homepage CSS v2
Purpose: Homepage-only styles.
File location:
assets/css/lwg-home.css
========================================================== */

.lwg-hero-panel {
  display: grid;
  grid-template-columns: 1.35fr .85fr;
  gap: 28px;
  align-items: stretch;
}

.lwg-hero-proof {
  background: var(--lwg-cream);
  border: 1px solid var(--lwg-border-warm);
  border-radius: var(--lwg-radius);
  padding: 26px;
}

.lwg-proof-heading {
  display: block;
  margin-bottom: 12px;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.05;
  font-weight: 950;
  color: var(--lwg-primary-dark);
}

.lwg-proof-row {
  display: grid;
  gap: 14px;
  margin-top: 20px;
}

@media (max-width: 900px) {
  .lwg-hero-panel {
    grid-template-columns: 1fr;
  }
}

/* End Local Web Guy - Homepage CSS v2 */