/* About page story: compact editorial panel and minimal 2x2 metrics. */
.sap-about .sap-story-section .sap-container {
  width: min(100% - 40px, 1280px);
}

.sap-about .sap-story {
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
  gap: clamp(36px, 5vw, 64px);
  width: 100%;
  margin-inline: auto;
  padding: clamp(32px, 4vw, 52px);
  border: 1px solid color-mix(in srgb, var(--sap-primary) 8%, transparent);
  border-radius: clamp(24px, 3vw, 34px);
  background: var(--sap-surface);
  box-shadow: 0 18px 55px rgba(0, 15, 89, .045);
}

.sap-about .sap-story__content .sap-eyebrow {
  margin-bottom: 7px !important;
}

.sap-about .sap-story__content .sap-eyebrow::before,
.sap-about .sap-story__content .sap-eyebrow::after,
.sap-about .sap-story__content .sap-eyebrow > i:empty {
  display: none !important;
  content: none !important;
}

.sap-about .sap-story__content h2 {
  font-size: clamp(30px, 3vw, 42px);
}

.sap-about .sap-story__text {
  margin-top: 12px;
  overflow-wrap: anywhere;
}

.sap-about .sap-story .sap-counters,
.sap-about .sap-story--single .sap-counters {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--sap-primary) 9%, transparent);
  border-radius: 22px;
  background: color-mix(in srgb, var(--sap-primary) 1.2%, var(--sap-surface));
}

.sap-about .sap-story .sap-counter,
.sap-about .sap-story .sap-counter:hover,
.sap-about .sap-story .sap-counter:focus-within {
  min-width: 0 !important;
  min-height: 126px !important;
  justify-content: center;
  padding: 22px 26px !important;
  overflow: visible;
  border: 0;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
  transform: none;
  transition: background-color 220ms ease;
}

.sap-about .sap-story .sap-counter:nth-child(odd) {
  border-left: 1px solid color-mix(in srgb, var(--sap-primary) 8%, transparent);
}

.sap-about .sap-story .sap-counter:nth-child(-n + 2) {
  border-bottom: 1px solid color-mix(in srgb, var(--sap-primary) 8%, transparent);
}

.sap-about .sap-story .sap-counter:hover,
.sap-about .sap-story .sap-counter:focus-within {
  background: color-mix(in srgb, var(--sap-primary) 2.5%, var(--sap-surface));
}

.sap-about .sap-story .sap-counter__line {
  display: none;
}

.sap-about .sap-story .sap-counter strong {
  color: var(--sap-primary);
  font-size: clamp(34px, 3.6vw, 48px) !important;
  line-height: 1.1;
}

.sap-about .sap-story .sap-counter p {
  margin-top: 10px;
  color: var(--sap-muted);
  font-size: 13px;
  line-height: 1.65;
}

@media (max-width: 960px) {
  .sap-about .sap-story {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: clamp(26px, 5vw, 42px);
  }

  .sap-about .sap-story__content {
    max-width: none;
  }

  .sap-about .sap-story .sap-counter,
  .sap-about .sap-story .sap-counter:hover,
  .sap-about .sap-story .sap-counter:focus-within {
    min-height: 116px !important;
  }
}

@media (max-width: 560px) {
  .sap-about .sap-story-section .sap-container {
    width: min(100% - 24px, 620px);
  }

  .sap-about .sap-story {
    gap: 21px;
    padding: 24px 17px !important;
    border-radius: 23px;
  }

  .sap-about .sap-story__content h2 {
    font-size: clamp(25px, 7.4vw, 32px);
    line-height: 1.45;
    text-wrap: pretty;
  }

  .sap-about .sap-story__text {
    margin-top: 10px;
    font-size: 13.5px;
    line-height: 1.95;
    text-align: right;
  }

  .sap-about .sap-story .sap-counters,
  .sap-about .sap-story--single .sap-counters {
    border-radius: 17px;
  }

  .sap-about .sap-story .sap-counter,
  .sap-about .sap-story .sap-counter:hover,
  .sap-about .sap-story .sap-counter:focus-within {
    min-height: 102px !important;
    padding: 16px 10px !important;
  }

  .sap-about .sap-story .sap-counter strong {
    font-size: clamp(28px, 9vw, 38px) !important;
  }

  .sap-about .sap-story .sap-counter p {
    margin-top: 7px;
    font-size: 11.5px !important;
  }
}