/* Scoped to the Services introduction; no global theme overrides. */
.mkk-services-hero {
  background: var(--pale, #f3f6f7);
  padding: 66px 0;
}
.mkk-services-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: center;
}
.mkk-services-copy,
.mkk-services-photos { min-width: 0; }
.mkk-services-copy > .page-hero {
  background: transparent;
  padding: 0;
  margin: 0;
}
.mkk-services-copy .wrap {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}
.mkk-services-copy h1 {
  font-size: clamp(2.35rem, 4vw, 3.7rem);
  line-height: 1.1;
  overflow-wrap: break-word;
}
.mkk-services-copy .page-hero p:last-child {
  font-size: 1.125rem;
  line-height: 1.7;
}
.mkk-services-photos {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 16px;
}
.mkk-services-photo { margin: 0; padding: 0; }
.mkk-services-photo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}
@media (max-width: 900px) {
  .mkk-services-layout { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .mkk-services-copy h1 { font-size: clamp(2.35rem, 6vw, 3.7rem); }
  .mkk-services-photos { width: 100%; max-width: 660px; }
}
@media (max-width: 480px) {
  .mkk-services-hero { padding: 44px 0; }
  .mkk-services-photos { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .mkk-services-photo-garage { width: min(100%, 300px); justify-self: center; }
}
@media print {
  .mkk-services-hero { padding: 20px 0; }
}