@charset "UTF-8";
/* Layer 3 — service-solutions layout only (tokens via Layer 2 / header.css). */
.service-solutions__grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 48px;
  align-items: center;
}

.service-solutions__features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px 40px;
  margin-top: 24px;
}

.service-solutions__feature-title {
  font-family: var(--norml-font-display);
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 8px;
  color: var(--header-color-dark);
}

.service-solutions__feature-text {
  font-family: var(--norml-font-body);
  font-size: 16px;
  line-height: 1.6;
  color: var(--norml-muted);
  margin: 0;
}

.service-solutions__image img {
  width: 100%;
  height: auto;
  display: block;
}

/* Dark variant (matches the design). */
.service-solutions.norml-section--dark .service-solutions__feature-title {
  color: var(--header-color-white);
}

.service-solutions.norml-section--dark .service-solutions__feature-text {
  color: var(--header-color-white);
  opacity: 0.85;
}

.service-solutions.norml-section--dark .service-solutions__grid {
  align-items: end;
}

.service-solutions.norml-section--dark .service-solutions__image {
  align-self: stretch;
  display: flex;
  align-items: flex-end;
}

@media (max-width: 992px) {
  .service-solutions__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .service-solutions__image {
    order: -1;
    max-width: 420px;
  }
}
@media (max-width: 560px) {
  .service-solutions__features {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}