/* A compact photographic treatment for the service cards on every viewport. */
@media (min-width: 761px) {
  .ss-page .ss-service-card {
    grid-template-columns: 64px minmax(0, 1fr);
    grid-template-rows: 1fr 138px;
    min-height: 292px;
  }

  .ss-page .ss-service-card > div:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    padding: 30px 0 0 28px;
  }

  .ss-page .ss-service-card > div:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    padding: 30px 30px 22px 16px;
  }

  .ss-page .ss-service-card h3 {
    margin: 0 0 10px;
  }

  .ss-page .ss-service-card p {
    min-height: 0;
  }

  .ss-page .ss-service-card__media {
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: stretch;
    height: 138px;
    max-height: none;
    margin: 0 20px 20px;
  }

  .ss-page .ss-service-card__media img {
    min-height: 0;
  }

  .ss-page .ss-highlight {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 1fr 194px;
    height: 500px;
    min-height: 0;
  }

  .ss-page .ss-highlight article {
    grid-column: 1;
    grid-row: 1;
    order: 0;
    padding: clamp(38px, 4.5vw, 64px);
  }

  .ss-page .ss-highlight article > span {
    margin-bottom: 24px;
  }

  .ss-page .ss-highlight__media {
    grid-column: 1;
    grid-row: 2;
    order: 1;
    align-self: stretch;
    height: 194px;
    max-height: none;
    margin: 0 24px 24px;
  }

  .ss-page .ss-highlight__media img {
    height: 100%;
  }

  .ss-page .ss-highlight:nth-child(even) .ss-highlight__media {
    margin: 0 24px 24px;
  }
}

@media (max-width: 760px) {
  .ss-page .ss-service-grid {
    border: 0;
    gap: 12px;
  }

  .ss-page .ss-service-card {
    grid-template-columns: 52px minmax(0, 1fr);
    grid-template-rows: auto 116px;
    min-height: 0;
  }

  .ss-page .ss-service-card > div:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    padding: 22px 0 0 22px;
  }

  .ss-page .ss-service-card > div:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    padding: 22px 20px 16px 0;
  }

  .ss-page .ss-service-card h3 {
    margin: 0 0 8px;
    font-size: 19px;
  }

  .ss-page .ss-service-card p {
    min-height: 0;
  }

  .ss-page .ss-service-card__media {
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: stretch;
    height: 116px;
    max-height: none;
    margin: 0 14px 14px;
  }

  .ss-page .ss-service-card__media img {
    min-height: 0;
  }

  .ss-page .ss-highlight {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 124px;
    min-height: 0;
  }

  .ss-page .ss-highlight article {
    grid-column: 1;
    grid-row: 1;
    order: 0;
    padding: 24px 22px 20px;
  }

  .ss-page .ss-highlight article > span {
    margin-bottom: 18px;
  }

  .ss-page .ss-highlight__media,
  .ss-page .ss-highlight:nth-child(even) .ss-highlight__media {
    grid-column: 1;
    grid-row: 2;
    order: 1;
    align-self: stretch;
    height: 124px;
    max-height: none;
    margin: 0 14px 14px;
  }

  .ss-page .ss-highlight__media img {
    height: 100%;
  }
}