/* Accent overrides for KFZ */
body.kfz {
  --primary-light: #006ab4;
  --accent: #006ab4;
  --accent-hover: #005f9f;
  --accent-rgb: 0, 106, 180;
}

/* KFZ Landing */
.kfz-landing { padding: 6rem 0; background: var(--white); }
.kfz-landing-content { display: flex; align-items: center; gap: 60px; }
.kfz-landing-text { flex: 1; }
.kfz-landing-title { font-size: 4rem; font-weight: 700; color: var(--accent); margin-bottom: 1rem; line-height: 1.2; text-align: left; }
.kfz-landing-title .highlight { font-size: 5rem; display: inline-block; }
.kfz-landing-subtitle { font-size: 1.5rem; color: var(--gray-dark); margin-bottom: 1.5rem; font-weight: 400; }
.kfz-landing-description { color: var(--gray-text); }
.kfz-landing-description p { margin-bottom: 1rem; font-size: 1.1rem; line-height: 1.6; }
.kfz-landing-images { flex: 1; }

/* Responsive */
@media (max-width: 1200px) { .container { padding: 0 15px; } .nav-container { padding: 15px 20px; } }

/* Tablet / Desktop Small */
@media (max-width: 1024px) {
  .kfz-landing-content { flex-direction: column; gap: 40px; }
  .footer-content { flex-direction: column; gap: 30px; }
  .footer-left, .footer-right { flex: 0 0 100%; }
}

@media (max-width: 992px) {
    .kfz-landing-text,
    .kfz-landing-images {
        width: 100%;
    }

    body.kfz .image-collage {
        height: 400px;
    }
}

/* Mobile Large */
@media (max-width: 768px) {
  .nav-menu { display: none; }
  .mobile-menu-toggle { display: block; }
  .hero-text h1 { font-size: 3rem; }
  .hero-subline { font-size: 1.1rem; }

  .kfz-landing {
      padding: 4rem 0;
  }

  .kfz-landing-title {
      font-size: 3.3rem;
      text-align: left;
  }

  .kfz-landing-title .highlight {
      font-size: 4.1rem;
  }

  .kfz-landing-subtitle {
      font-size: 1.3rem;
  }

  body.kfz .image-collage {
      height: 350px;
  }
}

/* Mobile Small */
@media (max-width: 576px) {
    .kfz-landing-title {
        font-size: 2.7rem;
        text-align: left;
    }

    .kfz-landing-title .highlight {
        font-size: 3.4rem;
    }

    .kfz-landing-subtitle {
        font-size: 1.1rem;
    }

    body.kfz .image-collage {
        height: 300px;
    }
}