/**
 * Landlords & Housing Associations — isolated hero layer
 * Loaded after landlords-housing-associations.css.
 */

.lha-wrap .lha-hero {
  width: 100%;
  max-width: 100%;
}

/* Keep the hero legible when the Solak theme applies its global heading/link palette. */
.lha-wrap.lha-expert .lha-hero h1 {
  color: #fff !important;
  font-size: clamp(42px, 4.3vw, 62px) !important;
  line-height: 1.01 !important;
  letter-spacing: -.052em !important;
}

.lha-wrap.lha-expert .lha-hero h1 span {
  color: var(--lha-mint) !important;
}

.lha-wrap.lha-expert .lha-hero .lha-btn-secondary,
.lha-wrap.lha-expert .lha-cta .lha-btn-secondary {
  color: #fff !important;
}

.lha-wrap .lha-hero-media {
  background-position: center 46%;
  filter: contrast(1.04) saturate(.94) brightness(.94);
}

.lha-wrap .lha-dashboard {
  isolation: isolate;
  overflow: hidden;
}

.lha-wrap .lha-dashboard::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -30%;
  bottom: -30%;
  left: -55%;
  width: 42%;
  opacity: .32;
  transform: rotate(12deg);
  background: linear-gradient(90deg, transparent, rgba(160,255,212,.16), transparent);
  animation: lhaDashboardScan 8s ease-in-out infinite;
  pointer-events: none;
}

@keyframes lhaDashboardScan {
  0%, 18% { left: -55%; opacity: 0; }
  34% { opacity: .42; }
  68%, 100% { left: 120%; opacity: 0; }
}

.lha-wrap .lha-flow-step.featured b {
  box-shadow: 0 0 18px rgba(160,255,212,.22);
}

@media (max-width: 820px) {
  .lha-wrap .lha-hero-media { background-position: 59% center; }
  .lha-wrap .lha-hero-gridlines { opacity: .1; }
}

@media (max-width: 580px) {
  .lha-wrap .lha-dashboard::after { display: none; }
  .lha-wrap.lha-expert .lha-hero h1 {
    font-size: clamp(38px, 11vw, 50px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lha-wrap .lha-dashboard::after { display: none; }
}