/* Full-bleed Elementor boundary contract for the About Us body widget. */
.seer-about-widget-element,
.seer-about-container,
.seer-about,
.seer-about__stage {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  vertical-align: top;
  background: transparent;
}

.seer-about-widget-element > .elementor-widget-container {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/*
 * Elementor can paint a host's default gutter before the enhancement script
 * runs (and some editor views do not execute the script at all). Keep this
 * fallback marker-scoped: every selector must contain the unique About root,
 * so no generic Elementor container is changed on other pages.
 */
:is(.elementor-element, .elementor-widget-container, .e-con, .e-con-inner, .elementor-widget-wrap, .elementor-container, .elementor-row, .elementor-column, .elementor-section):has(.seer-about[data-seer-about-widget]) {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  gap: 0 !important;
  row-gap: 0 !important;
  vertical-align: top;
}

.seer-about-widget-element,
.seer-about-container,
.seer-about {
  overflow: clip;
}

.seer-about__stage {
  overflow: clip;
}

.seer-about-host {
  box-sizing: border-box;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-inline: 0 !important;
  column-gap: 0 !important;
}

.seer-about-host.seer-about-host--chain {
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  row-gap: 0 !important;
}

.seer-about-host.seer-about-host--first {
  padding-top: 0 !important;
  row-gap: 0 !important;
}

.seer-about-host.seer-about-host--last {
  padding-bottom: 0 !important;
  row-gap: 0 !important;
}

.seer-about-host.seer-about-host--only {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  row-gap: 0 !important;
}
.sp-about-widget {
  --about-navy: #011329;
  --about-navy-soft: #0e2645;
  --about-ink: #071932;
  --about-paper: #f1eee9;
  --about-paper-bright: #f7f4ef;
  --about-orange: #f15a18;
  --about-muted: #555f6c;
  --about-line: rgba(7, 25, 50, .19);
  --about-light-line: rgba(255, 255, 255, .22);
  --about-font-body: Helvetica, "Helvetica Neue", Arial, sans-serif;
  --about-font-display: var(--seer-font-iowan, "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif);
  --about-font-data: Helvetica, "Helvetica Neue", Arial, sans-serif;
  --font-body: var(--about-font-body);
  --about-edge: clamp(64px, 5.14vw, 74px);
  --about-track: min(1420px, calc(100% - (var(--about-edge) * 2)));
  /* Keep the Hero/Workflow rail tied to the viewport so it matches centered tracks at wide desktop widths. */
  --about-track-edge: max(var(--about-edge), calc((100vw - 1420px) / 2));
  display: block;
  overflow: clip;
  background: var(--about-paper);
  color: var(--about-ink);
}

.sp-about-widget,
.sp-about-widget * {
  box-sizing: border-box;
}

.sp-about-widget * {
  font-family: var(--about-font-body) !important;
}

.sp-about-widget :is(figure, h1, h2, h3, p, ul) {
  margin: 0;
}

.sp-about-widget :is(ul) {
  padding: 0;
  list-style: none;
}

.sp-about-widget :is(img) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sp-about-widget :is(.sp-about-hero__title, .sp-about-evolution__title, .sp-about-workflow__title, .sp-about-listening__title, .sp-about-future__title, .sp-about-future__cta-title) {
  color: inherit;
  font-family: var(--about-font-display) !important;
  font-synthesis: none;
}

.sp-about-widget :is(.sp-about-hero__title, .sp-about-evolution__title, .sp-about-workflow__title, .sp-about-listening__title, .sp-about-future__title, .sp-about-future__cta-title),
.sp-about-widget :is(.sp-about-hero__title, .sp-about-evolution__title, .sp-about-workflow__title, .sp-about-listening__title, .sp-about-future__title, .sp-about-future__cta-title) * {
  font-family: var(--about-font-display) !important;
}

.sp-about-widget :is(.sp-about-hero__fact-value, .sp-about-listening__principle > span) {
  font-family: var(--about-font-data) !important;
}

.sp-about-widget h1 {
  font-family: var(--about-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -.035em !important;
}

.sp-about-widget h2 {
  font-family: var(--about-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -.025em !important;
}

.sp-about-widget h3 {
  font-family: var(--about-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
}

.sp-about-widget :is(h1, h2, h3) > span {
  font-family: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}

.sp-about-widget :is(.sp-about-hero__title, .sp-about-evolution__title, .sp-about-workflow__title, .sp-about-listening__title, .sp-about-future__title, .sp-about-future__cta-title) {
  font-size: var(--about-title-size) !important;
  line-height: var(--about-title-line-height) !important;
  text-align: left !important;
}

.sp-about-widget :is(.sp-about-hero__title, .sp-about-evolution__title, .sp-about-workflow__title, .sp-about-listening__title, .sp-about-future__title, .sp-about-future__cta-title) > span {
  display: block;
}

.sp-about-widget :is(.sp-about-hero__title, .sp-about-evolution__title, .sp-about-workflow__title, .sp-about-listening__title, .sp-about-future__title, .sp-about-future__cta-title) em {
  color: var(--about-orange);
  font: inherit;
  font-style: normal;
}

.sp-about-widget :is(.sp-about-hero__eyebrow, .sp-about-evolution__eyebrow, .sp-about-workflow__eyebrow, .sp-about-listening__eyebrow, .sp-about-future__eyebrow) {
  display: flex;
  align-items: center;
  gap: 12px;
  color: inherit;
  font-family: var(--about-font-body) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase;
}

.sp-about-widget :is(.sp-about-hero__eyebrow, .sp-about-evolution__eyebrow, .sp-about-workflow__eyebrow, .sp-about-listening__eyebrow, .sp-about-future__eyebrow) span,
.sp-about-widget :is(.sp-about-hero__eyebrow, .sp-about-evolution__eyebrow, .sp-about-workflow__eyebrow, .sp-about-listening__eyebrow, .sp-about-future__eyebrow) i {
  color: var(--about-orange);
  font: inherit;
  font-style: normal;
}

.sp-about-widget :is(p, li) {
  font-family: var(--about-font-body) !important;
}

.sp-about-widget .sp-about-action {
  display: inline-flex;
  min-width: 240px;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  padding: 14px 24px;
  border: 1px solid var(--about-orange);
  color: #fff;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .12em;
  text-align: center;
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-transform: uppercase;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

.sp-about-widget .sp-about-action--primary {
  border-color: var(--about-orange);
  background: var(--about-orange);
}

.sp-about-widget .sp-about-action--secondary {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.72);
  color: #fff;
}

/* Hero secondary only: white outline (global secondary above may still hit orange on non-hero) */
.sp-about-hero__actions .sp-about-action--secondary {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  color: #fff !important;
}

.sp-about-widget .sp-about-action:hover,
.sp-about-widget .sp-about-action:focus-visible {
  border-color: #ff7a38;
  background: #ff6a24;
  color: #fff;
}

.sp-about-widget .sp-about-action:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

.sp-about-widget [data-about-reveal] {
  opacity: 1;
  transform: none;
}

.is-about-motion-ready .sp-about-widget [data-about-reveal]:not(.is-visible) {
  opacity: 0;
  transform: none;
}

.is-about-motion-ready .sp-about-widget [data-about-reveal] {
  transition: opacity 220ms ease;
}

.sp-about-widget :is(.sp-about-evolution, .sp-about-workflow) {
  scroll-margin-top: 88px;
}

@media (max-width: 1024px) {
  .sp-about-widget {
    --about-track: min(1420px, calc(100% - 48px));
    --about-edge: 24px;
    --about-track-edge: 24px;
  }
}

@media (max-width: 760px) {
  .sp-about-widget {
    --about-track: calc(100% - 48px);
    --about-edge: 24px;
    --about-track-edge: 24px;
  }

  .sp-about-widget .sp-about-action {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 13px 16px;
    font-size: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sp-about-widget *,
  .sp-about-widget *::before,
  .sp-about-widget *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  .is-about-motion-ready .sp-about-widget [data-about-reveal] {
    opacity: 1 !important;
    transform: none !important;
  }
}

.sp-about-hero {
  min-height: 0;
  background: var(--about-paper-bright);
}

/* Full-bleed photo + left navy gradient (no 58/42 solid split). */
.sp-about-hero__stage {
  position: relative;
  display: block;
  overflow: hidden;
  background: var(--about-navy);
  color: #f8f6f2;
}

.sp-about-hero__copy {
  position: relative;
  z-index: 2;
  display: flex;
  min-width: 0;
  max-width: min(720px, 58%);
  flex-direction: column;
  padding-inline: var(--about-edge) var(--about-track-edge);
  /* Transparent — photo shows through; shade is on media::after */
  background: transparent;
  background-image: none;
}

.sp-about-hero__eyebrow {
  margin-bottom: 28px !important;
}

.sp-about-hero__title {
  --about-title-size: clamp(58px, 3.8vw, 76px);
  --about-title-line-height: 1.05;
  max-width: min(100%, 820px);
}


.sp-about-hero__accent {
  display: block;
  width: 78px;
  height: 3px;
  margin: 24px 0 22px;
  background: var(--about-orange);
}

.sp-about-hero__lead {
  max-width: 100%;
  margin-bottom: 18px !important;
  color: #fff;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

.sp-about-hero__body {
  max-width: 100%;
  color: rgba(255, 255, 255, .78);
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

@media (min-width: 901px) {
  .sp-about-hero__body {
    width: 100%;
    max-width: 640px;
  }

  .sp-about-hero__lead {
    width: 100%;
    max-width: 640px;
  }

  .sp-about-hero__actions {
    margin-top: 32px;
  }
}

.sp-about-hero__actions {
  display: flex;
  gap: 20px;
  margin-top: 30px;
}

.sp-about-hero__actions .sp-about-action--primary {
  min-width: 266px;
}

.sp-about-hero__actions .sp-about-action--secondary {
  min-width: 258px;
}

.sp-about-hero__media {
  position: absolute;
  z-index: 0;
  inset: 0;
  min-width: 0;
  min-height: 100%;
  margin: 0;
  overflow: hidden;
  isolation: isolate;
  background: #0e1d2a;
}

.sp-about-hero__media::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  /* Shared industrial L→R navy wash; full-bleed photo underneath */
  background: var(
    --seer-hero-gradient-industrial,
    linear-gradient(
      90deg,
      rgba(4, 28, 43, 1) 0%,
      rgba(4, 28, 43, 0.9) 35%,
      rgba(4, 28, 43, 0.7) 50%,
      rgba(4, 28, 43, 0.3) 65%,
      rgba(4, 28, 43, 0.04) 80%,
      rgba(4, 28, 43, 0) 100%
    )
  );
  content: "";
  pointer-events: none;
}

.sp-about-hero__media img {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 51% center;
  transform: none;
  transform-origin: center;
  filter: saturate(.92) contrast(.96);
}

/* Desktop About Hero stays full-bleed stack; no column split. */

.sp-about-hero__facts {
  display: grid;
  width: var(--about-track);
  min-height: 222px;
  grid-template-columns: .82fr 1.17fr 1.4fr 1.35fr;
  align-items: center;
  margin: 0 auto;
  padding: 32px 0;
  background: var(--about-paper-bright);
}

.sp-about-hero__fact {
  display: flex;
  min-height: 138px;
  min-width: 0;
  flex-direction: column;
  justify-content: flex-start;
  gap: 18px;
  padding: 8px 34px;
  border-left: 1px solid var(--about-line);
}

.sp-about-hero__fact:first-child {
  border-left: 0;
  padding-left: 0;
}

.sp-about-hero__fact-label {
  color: var(--about-ink);
  font-family: var(--font-body) !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .13em;
}

.sp-about-hero__fact-value {
  max-width: 100%;
  color: var(--about-ink);
  font-family: var(--about-font-data) !important;
  font-size: clamp(26px, 2.25vw, 34px);
  font-weight: 500;
  line-height: 1.12;
}

.sp-about-hero__fact:first-child .sp-about-hero__fact-value {
  font-size: clamp(45px, 4vw, 60px);
  line-height: .95;
}

@media (max-width: 1100px) {
  .sp-about-hero__title {
    --about-title-size: clamp(58px, 6vw, 64px);
  }

  .sp-about-hero__actions {
    flex-direction: column;
  }

  .sp-about-hero__actions .sp-about-action {
    width: min(100%, 300px);
  }
}

@media (min-width: 901px) and (max-width: 1300px) {
  .sp-about-hero__copy {
    padding-right: 0;
    padding-left: var(--about-track-edge);
  }

  .sp-about-hero__title {
    --about-title-size: clamp(58px, 5vw, 64px);
  }
}

@media (min-width: 901px) {
  .sp-about-hero__copy {
    justify-content: center;
    padding-right: 0;
  }

  .sp-about-hero__title > span {
    white-space: nowrap;
  }
}

@media (min-width: 1200px) {
  .sp-about-hero__title {
    --about-title-size: 70px;
    --about-title-line-height: 1;
  }

}

@media (max-width: 900px) {
  .sp-about-hero {
    min-height: 0;
  }

  .sp-about-hero__stage { display: block; }

  .sp-about-hero__copy {
    max-width: none;
    padding-inline: var(--about-edge);
  }

  .sp-about-hero__media {
    position: absolute;
    inset: 0;
    min-height: 0;
  }

  .sp-about-hero__media::after {
    background: linear-gradient(180deg, rgba(1, 19, 41, .55), rgba(1, 19, 41, .2) 42%, rgba(1, 19, 41, 0) 70%);
  }

  .sp-about-hero__media img {
    transform: none;
  }

  /* Keep title lines as blocks; only the end-period stays inline (hero-system). */
  .sp-about-widget .sp-about-hero__title > .sp-about-hero__title-line,
  .sp-about-widget .sp-about-hero__title > .seer-hero-title-line {
    display: block !important;
  }

  .sp-about-widget .sp-about-hero__title .seer-hero-end-period {
    display: inline !important;
  }

  .sp-about-hero__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(150px, auto));
    align-items: stretch;
    padding: 24px 0;
  }

  .sp-about-hero__fact:nth-child(3) {
    border-left: 0;
  }

  .sp-about-hero__fact:nth-child(n + 3) {
    border-top: 1px solid var(--about-line);
  }
}

@media (max-width: 600px) {
  .sp-about-hero__copy {
    padding-inline: var(--about-edge);
  }

  .sp-about-hero__eyebrow {
    margin-bottom: 34px !important;
  }

  .sp-about-hero__title {
    --about-title-size: clamp(38px, 10.25vw, 42px);
    --about-title-line-height: 1.02;
  }


  .sp-about-hero__accent {
    margin: 24px 0 22px;
  }

  .sp-about-hero__lead {
    font-size: 18px !important;
  }

  .sp-about-hero__body {
    font-size: 15px !important;
  }

  .sp-about-hero__actions {
    gap: 12px;
    margin-top: 30px;
  }

  .sp-about-hero__actions .sp-about-action {
    width: 100%;
    min-width: 0;
  }

  .sp-about-hero__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(150px, auto));
    align-items: stretch;
    padding: 0;
  }

  .sp-about-hero__fact,
  .sp-about-hero__fact:first-child {
    height: 100%;
    min-height: 0;
    padding: 24px 16px;
  }

  .sp-about-hero__fact:nth-child(odd) {
    padding-left: 0;
    border-left: 0;
  }

  .sp-about-hero__fact:nth-child(even) {
    padding-right: 0;
    border-left: 1px solid var(--about-line);
  }

  .sp-about-hero__fact:nth-child(-n + 2) {
    border-top: 0;
  }

  .sp-about-hero__fact-value {
    font-size: 18px;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  .sp-about-hero__fact:first-child .sp-about-hero__fact-value {
    font-size: 45px;
  }
}

.sp-about-evolution {
  min-height: 1032px;
  background-color: var(--about-paper);
  background-image: linear-gradient(rgba(241, 238, 233, .9), rgba(241, 238, 233, .9)), url('../images/about-us/blueprint-light.webp'), url('../images/about-us/blueprint-light.webp');
  background-position: center, top right, bottom left;
  background-size: cover, 1040px auto, 440px auto;
  background-repeat: no-repeat;
  color: var(--about-ink);
}

.sp-about-evolution__inner {
  width: var(--about-track);
  min-height: 1032px;
  margin: 0 auto;
  padding: 96px 0 42px;
}

.sp-about-evolution__header {
  margin-bottom: 28px;
}

.sp-about-evolution__mobile-nav {
  display: none;
}

.sp-about-evolution__eyebrow {
  margin-bottom: 32px !important;
}

.sp-about-evolution__title {
  --about-title-size: 60px;
  --about-title-line-height: 1.02;
  font-size: 60px !important;
  line-height: 1.02 !important;
}


.sp-about-evolution__story {
  display: grid;
  width: 100%;
  grid-template-columns: 35% 65%;
  align-items: stretch;
}

.sp-about-evolution__timeline {
  position: relative;
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  padding: 36px 40px 0 80px;
}

.sp-about-evolution__milestone {
  position: relative;
  display: block;
  min-height: 178px;
}

.sp-about-evolution__milestone:not(:last-child)::after {
  position: absolute;
  top: 26px;
  bottom: 0;
  left: -66px;
  z-index: 0;
  width: 1px;
  background: rgba(7, 25, 50, .52);
  content: "";
}

.sp-about-evolution__milestone::before {
  position: absolute;
  top: -2px;
  left: -80px;
  z-index: 1;
  width: 28px;
  height: 28px;
  border: 2px solid var(--about-ink);
  border-radius: 50%;
  background: var(--about-paper);
  content: "";
}

.sp-about-evolution__milestone > span {
  position: relative;
  z-index: 2;
  display: flex;
  height: 28px;
  align-items: center;
  margin-bottom: 28px;
  color: var(--about-orange);
  font-family: var(--font-body) !important;
  font-size: 19px;
  font-weight: 700;
  line-height: 28px;
}

.sp-about-evolution__milestone h3 {
  margin: 0 0 14px;
  color: var(--about-ink);
  font-family: var(--font-body) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.sp-about-evolution__milestone p {
  max-width: 260px;
  color: var(--about-muted);
  font-size: 15px !important;
  line-height: 1.45 !important;
}

.sp-about-evolution__gallery {
  display: grid;
  height: 670px;
  min-height: 670px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: minmax(0, 1.02fr) minmax(0, 1fr);
  gap: 12px;
}

.sp-about-evolution__media {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #b9b9b4;
}

.sp-about-evolution__media--1 {
  grid-column: 1 / -1;
}

.sp-about-evolution__media img {
  object-position: center;
}

@media (min-width: 1201px) {
  .sp-about-evolution__title {
    --about-title-size: 60px;
    --about-title-line-height: 1.17;
    font-size: 60px !important;
    line-height: 1.17 !important;
  }
}

@media (max-width: 900px) {
  .sp-about-evolution,
  .sp-about-evolution__inner {
    min-height: 0;
  }

  .sp-about-evolution__inner {
    padding: 80px 0;
  }

  .sp-about-evolution__title {
    --about-title-size: clamp(50px, 8vw, 64px);
    font-size: clamp(50px, 8vw, 64px) !important;
  }

  .sp-about-evolution__story {
    width: auto;
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .sp-about-evolution__gallery {
    height: auto;
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .sp-about-evolution__media,
  .sp-about-evolution__media--1 {
    grid-column: auto;
    aspect-ratio: 16 / 10;
  }

  .sp-about-evolution__timeline {
    min-height: 540px;
    padding-left: 72px;
  }

  .sp-about-evolution__milestone:not(:last-child)::after {
    left: -57px;
  }

  .sp-about-evolution__milestone::before {
    left: -71px;
  }
}

@media (max-width: 600px) {
  .sp-about-evolution__inner {
    padding: 64px 0;
  }

  .sp-about-evolution__eyebrow {
    margin-bottom: 28px !important;
  }

  .sp-about-evolution__title {
    --about-title-size: clamp(40px, 11vw, 48px);
    font-size: clamp(40px, 11vw, 48px) !important;
  }

  .sp-about-evolution__mobile-nav {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 0 28px;
  }

  .sp-about-evolution__mobile-nav::before {
    position: absolute;
    top: 13px;
    right: 16.666%;
    left: 16.666%;
    height: 1px;
    background: rgba(7, 25, 50, .48);
    content: "";
  }

  .sp-about-evolution__mobile-tab {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    min-height: 56px;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--about-orange);
    font-family: var(--font-body) !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
  }

  .sp-about-evolution__mobile-tab,
  .sp-about-evolution__mobile-tab:hover,
  .sp-about-evolution__mobile-tab:focus,
  .sp-about-evolution__mobile-tab:active,
  .sp-about-evolution__mobile-tab[aria-selected="true"] {
    appearance: none;
    -webkit-appearance: none;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--about-orange) !important;
  }

  .sp-about-evolution__mobile-tab:focus-visible {
    outline: 2px solid var(--about-orange);
    outline-offset: 3px;
  }

  .sp-about-evolution__mobile-dot {
    display: block;
    width: 26px;
    height: 26px;
    border: 2px solid var(--about-ink);
    border-radius: 50%;
    background: var(--about-paper);
  }

  .sp-about-evolution__mobile-tab.is-active .sp-about-evolution__mobile-dot {
    border-color: var(--about-orange);
    background: var(--about-orange);
    box-shadow: inset 0 0 0 6px var(--about-paper);
  }

  .sp-about-evolution__story {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, minmax(100%, 100%));
    grid-template-rows: auto auto;
    gap: 20px 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    touch-action: pan-x;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .sp-about-evolution__story::-webkit-scrollbar {
    display: none;
  }

  .sp-about-evolution__timeline,
  .sp-about-evolution__gallery {
    display: contents;
  }

  .sp-about-evolution__timeline[data-about-reveal] {
    opacity: 1 !important;
    transform: none !important;
  }

  .sp-about-evolution__milestone {
    grid-row: 1;
    min-height: 0;
    padding: 0 0 2px;
    scroll-snap-align: start;
  }

  .sp-about-evolution__milestone:nth-child(1) {
    grid-column: 1;
  }

  .sp-about-evolution__milestone:nth-child(2) {
    grid-column: 2;
  }

  .sp-about-evolution__milestone:nth-child(3) {
    grid-column: 3;
  }

  .sp-about-evolution__milestone::before,
  .sp-about-evolution__milestone:not(:last-child)::after {
    display: none;
  }

  .sp-about-evolution__milestone > span {
    height: auto;
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 1.1;
  }

  .sp-about-evolution__milestone h3 {
    margin-bottom: 12px;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  .sp-about-evolution__milestone p {
    max-width: 290px;
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  .sp-about-evolution__media,
  .sp-about-evolution__media--1 {
    grid-row: 2;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 10;
    scroll-snap-align: start;
  }

  .sp-about-evolution__media--1 {
    grid-column: 1;
  }

  .sp-about-evolution__media--2 {
    grid-column: 2;
  }

  .sp-about-evolution__media--3 {
    grid-column: 3;
  }

}

.sp-about-workflow {
  position: relative;
  display: grid;
  min-height: 0;
  grid-template-rows: auto minmax(200px, auto);
  background: var(--about-paper-bright);
  color: var(--about-ink);
}

.sp-about-workflow__columns {
  display: grid;
  min-height: 0;
  grid-row: 1;
  grid-column: 1;
  grid-template-columns: 51.1% 48.9%;
}

.sp-about-workflow__market,
.sp-about-workflow__factory {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.sp-about-workflow__market {
  padding: 78px var(--about-edge) 0 var(--about-track-edge);
  background: var(--about-paper-bright);
}

.sp-about-workflow__factory {
  padding: 130px var(--about-track-edge) 0 var(--about-edge);
  background-color: #102c4e;
  background-image: linear-gradient(rgba(16, 44, 78, .9), rgba(16, 44, 78, .9)), url('../images/about-us/blueprint-dark.webp');
  background-position: center, right top;
  background-size: cover, 760px auto;
  background-repeat: no-repeat;
  color: #fff;
}

.sp-about-workflow__eyebrow {
  margin-bottom: 38px !important;
}

.sp-about-workflow__title {
  --about-title-size: 60px;
  --about-title-line-height: 1.06;
  width: min(635px, calc(100% + 56px));
  margin: 0 0 44px !important;
  font-size: 60px !important;
  line-height: 1.06 !important;
  align-self: flex-start;
}


.sp-about-workflow__content h3 {
  margin-bottom: 12px;
  color: inherit;
  font-family: var(--font-body) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .04em !important;
}

.sp-about-workflow__factory .sp-about-workflow__content h3 {
  margin-top: 152px;
  color: var(--about-orange);
}

.sp-about-workflow__list li,
.sp-about-workflow__intro {
  color: inherit;
  font-size: 17px !important;
  line-height: 1.6 !important;
}

.sp-about-workflow__intro {
  max-width: 510px;
  margin-bottom: 38px !important;
  color: rgba(255, 255, 255, .88);
}

.sp-about-workflow__market figure,
.sp-about-workflow__factory figure {
  height: 332px;
  min-height: 332px;
  flex: 0 0 332px;
  margin-top: auto;
  overflow: hidden;
}

.sp-about-workflow__market figure img {
  object-position: center 42%;
}

.sp-about-workflow__roles {
  display: grid;
  width: var(--about-track);
  min-height: 200px;
  grid-row: 2;
  grid-column: 1;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  padding: 24px var(--about-edge) 32px;
}

.sp-about-workflow__roles article {
  min-height: 104px;
  padding: 12px 46px;
  border-left: 1px solid var(--about-line);
  text-align: center;
}

.sp-about-workflow__roles article:first-child {
  border-left: 0;
}

.sp-about-workflow__roles h3 {
  margin-bottom: 12px;
  color: var(--about-ink);
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .02em !important;
}

.sp-about-workflow__roles p {
  color: var(--about-muted);
  font-size: 15px !important;
  line-height: 1.5 !important;
}


@media (max-width: 900px) {
  .sp-about-workflow {
    display: block;
    min-height: 0;
  }

  .sp-about-workflow__columns {
    min-height: 0;
    grid-template-columns: 1fr;
  }

  .sp-about-workflow__market,
  .sp-about-workflow__factory {
    padding: 78px var(--about-edge) 0;
  }

  .sp-about-workflow__factory .sp-about-workflow__content h3 {
    margin-top: 0;
  }

  .sp-about-workflow__title {
    width: auto;
  }

  .sp-about-workflow__market figure,
  .sp-about-workflow__factory figure {
    height: auto;
    min-height: 0;
    flex: none;
    margin-top: 42px;
    aspect-ratio: 16 / 10;
  }



  .sp-about-workflow__roles {
    min-height: 0;
    grid-template-columns: 1fr;
    padding: 28px 32px 68px;
  }

  .sp-about-workflow__roles article,
  .sp-about-workflow__roles article:first-child {
    padding: 28px 0;
    border-top: 1px solid var(--about-line);
    border-left: 0;
  }

  .sp-about-workflow__roles article:first-child {
    border-top: 0;
  }
}

@media (max-width: 600px) {
  .sp-about-workflow__market,
  .sp-about-workflow__factory {
    padding: 64px var(--about-edge) 0;
  }

  .sp-about-workflow__title {
    --about-title-size: clamp(40px, 11vw, 48px);
    margin-bottom: 36px !important;
    font-size: clamp(40px, 11vw, 48px) !important;
  }

  .sp-about-workflow__list li,
  .sp-about-workflow__intro {
    font-size: 15px !important;
  }

  .sp-about-workflow__market figure,
  .sp-about-workflow__factory figure {
    min-height: 0;
    margin-top: 34px;
  }



  .sp-about-workflow__roles {
    padding-right: 24px;
    padding-left: 24px;
  }
}

.sp-about-listening {
  min-height: 1080px;
  background-color: var(--about-paper);
  background-image: linear-gradient(rgba(241, 238, 233, .91), rgba(241, 238, 233, .91)), url('../images/about-us/blueprint-light.webp'), url('../images/about-us/blueprint-light.webp');
  background-position: center, right top, bottom left;
  background-size: cover, 1080px auto, 520px auto;
  background-repeat: no-repeat;
  color: var(--about-ink);
}

.sp-about-listening__inner {
  display: grid;
  width: var(--about-track);
  min-height: 1080px;
  margin: 0 auto;
  padding: 104px 0 76px;
  grid-template-columns: 43% 57%;
  grid-template-rows: 1fr auto;
}

.sp-about-listening__copy {
  position: relative;
  z-index: 2;
}

.sp-about-listening__eyebrow {
  margin-bottom: 42px !important;
}

.sp-about-listening__title {
  --about-title-size: 60px;
  --about-title-line-height: 1.04;
  width: 720px;
  margin-bottom: 32px !important;
  font-size: 60px !important;
  line-height: 1.04 !important;
}


.sp-about-listening__body {
  max-width: 540px;
  margin-bottom: 44px !important;
  color: var(--about-muted);
  font-size: 16px !important;
  line-height: 1.7 !important;
}

@media (min-width: 901px) {
  .sp-about-listening__body {
    margin-bottom: 67px !important;
  }
}

.sp-about-listening__principles {
  border: 1px solid var(--about-line);
}

.sp-about-listening__principle {
  display: grid;
  min-height: 130px;
  grid-template-columns: 106px 1fr;
  align-items: center;
  border-top: 1px solid var(--about-line);
}

.sp-about-listening__principle:first-child {
  border-top: 0;
}

.sp-about-listening__principle > span {
  display: flex;
  min-height: 92px;
  align-items: center;
  padding: 0 20px;
  border-right: 1px solid var(--about-line);
  color: var(--about-orange);
  font-family: var(--about-font-display) !important;
  font-size: 46px;
  font-weight: 500;
  line-height: 1;
}

.sp-about-listening__principle div {
  padding: 18px 24px;
}

.sp-about-listening__principle h3 {
  margin-bottom: 12px;
  color: var(--about-ink);
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: .08em !important;
}

.sp-about-listening__principle p {
  color: var(--about-muted);
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.sp-about-listening__media {
  position: relative;
  align-self: end;
  min-height: 650px;
  margin-top: 86px;
  margin-left: 0;
  overflow: visible;
}

.sp-about-listening__media img {
  position: relative;
  z-index: 0;
  object-fit: cover;
  object-position: 57% 62%;
  filter: drop-shadow(0 18px 24px rgba(7, 25, 50, .16));
}

@media (min-width: 901px) {
  .sp-about-listening__media img {
    width: 120%;
    height: 150%;
    margin-top: 0;
    margin-left: 0;
  }

  .sp-about-listening__media {
    width: calc(100% + 80px);
  }

}

@media (min-width: 1201px) {
  .sp-about-listening__inner {
    width: var(--about-track);
    margin-right: auto;
    margin-left: auto;
    grid-template-columns: 43% 57%;
  }

  .sp-about-listening__media {
    width: auto;
  }

  .sp-about-listening__media img {
    width: 116%;
    height: 140%;
    margin-top: 0;
    margin-left: 0;
    object-position: 60% 62%;
  }
}

.sp-about-listening__statement {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  gap: 24px;
  margin-top: 66px !important;
  color: var(--about-ink);
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .18em !important;
  text-align: center;
}

.sp-about-listening__statement::before,
.sp-about-listening__statement::after {
  height: 1px;
  flex: 1;
  background: var(--about-line);
  content: "";
}

@media (max-width: 900px) {
  .sp-about-listening,
  .sp-about-listening__inner {
    min-height: 0;
  }

  .sp-about-listening__inner {
    padding: 80px 0;
    grid-template-columns: 1fr;
  }

  .sp-about-listening__title {
    width: auto;
  }

  .sp-about-listening__media {
    min-height: 600px;
    margin: 44px 0 0;
  }


  .sp-about-listening__statement {
    grid-column: auto;
  }
}

@media (max-width: 600px) {
  .sp-about-listening__inner {
    padding: 64px 0;
  }

  .sp-about-listening__title {
    --about-title-size: clamp(40px, 11vw, 48px);
    font-size: clamp(40px, 11vw, 48px) !important;
  }

  .sp-about-listening__body {
    font-size: 15px !important;
  }

  .sp-about-listening__principle {
    min-height: 0;
    grid-template-columns: 72px 1fr;
  }

  .sp-about-listening__principle > span {
    min-height: 114px;
    align-items: center;
    padding: 0 12px;
    font-size: 34px;
  }

  .sp-about-listening__principle div {
    padding: 20px 16px;
  }

  .sp-about-listening__principle h3 {
    font-size: 14px !important;
  }

  .sp-about-listening__media {
    display: grid;
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .sp-about-listening__media img {
    width: 100%;
    height: 100%;
    margin: 0;
    aspect-ratio: 4 / 3;
  }

  .sp-about-listening__statement {
    gap: 10px;
    margin-top: 48px !important;
    font-size: 10px !important;
    letter-spacing: .16em !important;
  }
}

.sp-about-future {
  min-height: 0;
  padding: 88px 0 72px;
  background-color: var(--about-navy);
  background-image: linear-gradient(rgba(1, 19, 41, .91), rgba(1, 19, 41, .91)), url('../images/about-us/blueprint-dark.webp');
  background-position: center, right top;
  background-size: cover, 900px auto;
  background-repeat: no-repeat;
  color: #f8f6f2;
}

.sp-about-future__inner {
  width: var(--about-track);
  margin: 0 auto;
}

.sp-about-future__eyebrow {
  margin-bottom: 34px !important;
  color: rgba(255, 255, 255, .8) !important;
}

.sp-about-future__title {
  --about-title-size: 60px;
  --about-title-line-height: 1.04;
  margin-bottom: 28px !important;
  font-size: 60px !important;
  line-height: 1.04 !important;
}


.sp-about-future__header > p {
  max-width: 560px;
  color: rgba(255, 255, 255, .72);
  font-size: 16px !important;
  line-height: 1.65 !important;
}

.sp-about-future__header,
.sp-about-future__pillars {
  margin-right: 0;
  margin-left: 0;
}

.sp-about-future__pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 38px;
  margin-bottom: 0;
}

.sp-about-future__pillars article {
  position: relative;
  min-height: 108px;
  padding: 4px 46px;
}

.sp-about-future__pillars article:not(:first-child)::before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 72px;
  background: var(--about-light-line);
  content: "";
}

.sp-about-future__pillars article:first-child {
  padding-left: 0;
  border-left: 0;
}

.sp-about-future__pillars h3 {
  margin-bottom: 16px;
  color: #fff;
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .14em !important;
}

.sp-about-future__pillars p {
  max-width: 320px;
  color: rgba(255, 255, 255, .68);
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.sp-about-future__cta {
  display: grid;
  min-height: 430px;
  grid-template-columns: 45% 55%;
  overflow: hidden;
  border-top: 1px solid rgba(241, 90, 24, .84);
  border-right: 1px solid rgba(241, 90, 24, .84);
  border-bottom: 0;
  border-left: 1px solid rgba(241, 90, 24, .84);
  border-radius: 16px 16px 0 0;
  background: rgba(0, 11, 25, .46);
}

.sp-about-future__cta-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: flex-start;
  padding: 54px 48px;
}

.sp-about-future__cta-copy > i {
  width: 42px;
  height: 3px;
  margin-bottom: 30px;
  background: var(--about-orange);
}

.sp-about-future__cta-title {
  --about-title-size: clamp(35px, 2.8vw, 40px);
  --about-title-line-height: 1.12;
  font-size: clamp(35px, 2.8vw, 40px) !important;
  line-height: 1.12 !important;
}

.sp-about-future__actions {
  display: flex;
  gap: 20px;
  margin-top: 38px;
}

.sp-about-future__actions .sp-about-action {
  min-width: 0;
  flex: 1;
}

.sp-about-future__cta figure {
  min-width: 0;
  overflow: hidden;
  border-radius: 0 16px 0 0;
}

.sp-about-future__cta figure img {
  object-position: center 42%;
}

@media (min-width: 1201px) {
  .sp-about-future__title {
    --about-title-size: 60px;
    --about-title-line-height: 1.28;
    font-size: 60px !important;
    line-height: 1.28 !important;
  }

}

@media (min-width: 901px) {
  .sp-about-future__cta-copy {
    padding-top: 62px;
  }

  .sp-about-future__actions {
    display: grid;
    grid-template-columns: 1.04fr 1fr;
    gap: 28px;
    margin-right: 0;
  }

  .sp-about-future__actions .sp-about-action {
    white-space: nowrap;
  }
}

@media (min-width: 1301px) {
  .sp-about-future__inner {
    width: var(--about-track);
  }
}

@media (max-width: 980px) {
  .sp-about-future,
  .sp-about-future__cta {
    min-height: 0;
  }

  .sp-about-future__inner {
    width: calc(100% - 64px);
  }

  .sp-about-future__pillars {
    grid-template-columns: 1fr;
    margin-right: 0;
    margin-left: 0;
  }

  .sp-about-future__header {
    margin-right: 0;
    margin-left: 0;
  }

  .sp-about-future__pillars article,
  .sp-about-future__pillars article:first-child {
    min-height: 0;
    padding: 28px 0;
    border-top: 1px solid var(--about-light-line);
    border-left: 0;
  }

  .sp-about-future__pillars article:first-child {
    border-top: 0;
  }

  .sp-about-future__cta {
    grid-template-columns: 1fr;
  }

  .sp-about-future__cta figure {
    min-height: 440px;
    border-radius: 0;
  }
}

@media (max-width: 600px) {
  .sp-about-future {
    padding-top: 64px;
  }

  .sp-about-future__inner {
    width: calc(100% - 48px);
  }

  .sp-about-future__title {
    --about-title-size: clamp(40px, 11vw, 48px);
    font-size: clamp(40px, 11vw, 48px) !important;
  }

  .sp-about-future__header > p,
  .sp-about-future__pillars p {
    font-size: 15px !important;
  }

  .sp-about-future__cta-copy {
    padding: 48px 24px;
  }

  .sp-about-future__cta-title {
    --about-title-size: 34px;
    font-size: 34px !important;
  }

  .sp-about-future__actions {
    flex-direction: column;
    gap: 12px;
    margin-right: 0;
  }

  .sp-about-future__cta figure {
    min-height: 300px;
  }
}

/* 2.2.94 — Future bottom dealer-partnership CTA band removed. */
.sp-about-widget .sp-about-future__cta {
	display: none !important;
}

/* 2.2.96 — collapse empty space after Future CTA removal. */
.sp-about-widget .sp-about-future {
  min-height: 0 !important;
  padding-bottom: 72px !important;
}
.sp-about-widget .sp-about-future__cta {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.sp-about-widget .sp-about-future__pillars {
  margin-bottom: 0 !important;
}