/* About — pixel-layout reference */

.se-about {
  --about-fg: #191817;
  --about-muted: #6b6865;
  --about-line: rgba(25, 24, 23, 0.12);
  --about-blue: #0013a3;
  --about-bone: #fcfaee;
  --about-max: 1512px;
  /* reference layout*/
  --about-pad: 36px;
  --about-measure: 920px;   /* quote / story / explore titles */
  --about-prose: 760px;     /* hero lede */
  --about-story: 700px;     /* story body */
  --about-split-copy: 540px;
  --about-split-media: 668px;
  --about-statement: 32px;
  --about-statement-lh: var(--se-lh, 1.3);
  --about-tracking-lg: -1.25px; /* ~32px+ display lines */
  --about-space: 64px;
  --about-space-sm: 48px;
  --about-gap: 32px;
  --about-zoom: 1.2;
  --about-zoom-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --about-zoom-dur: 0.7s;
  color: var(--about-fg);
  background: #fff;
  font-family: var(--se-font);
  font-size: var(--se-body-size, 15px);
  line-height: var(--se-lh, 1.3);
  letter-spacing: var(--se-tracking, -0.20px);
}

.se-about a { color: inherit; text-decoration: none; }

.se-about p,
.se-about li,
.se-about figcaption {
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
}

.se-about__wrap {
  width: 100%;
  max-width: var(--about-max);
  margin-inline: auto;
  padding-inline: var(--about-pad);
  box-sizing: border-box;
}

/* Clipped hover zoom */
.se-about figure {
  position: relative;
  overflow: hidden;
  margin: 0;
}
.se-about figure img,
.se-about figure video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transform-origin: center center;
  transition: transform var(--about-zoom-dur) var(--about-zoom-ease);
  will-change: transform;
}
@media (hover: hover) and (pointer: fine) {
  .se-about figure:hover img,
  .se-about figure:hover video,
  .se-about-pillar:hover figure img,
  .se-about-feature__card:hover figure img,
  .se-about-explore__item:hover figure img {
    transform: scale(var(--about-zoom));
  }
}
@media (prefers-reduced-motion: reduce) {
  .se-about figure img,
  .se-about figure video { transition: none; }
  .se-about figure:hover img,
  .se-about figure:hover video,
  .se-about-pillar:hover figure img,
  .se-about-feature__card:hover figure img,
  .se-about-explore__item:hover figure img {
    transform: none;
  }
}

/* —— Hero —— */
.se-about-hero {
  padding-top: 1.5rem;
  padding-bottom: 2.75rem;
  text-align: center;
}

.se-about-hero__title {
  margin: 0 auto 0.6rem;
  max-width: min(912px, 100%);
  font-size: 48px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--about-tracking-lg, -1.25px) !important;
  font-weight: 400 !important;
  color: var(--about-fg);
  text-align: center !important;
}

.se-about-hero__lede {
  margin: 0 auto;
  max-width: min(var(--about-prose), 100%);
  width: 100%;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
  color: var(--about-fg);
}

/* Hero media — starts inset; scroll expands to full-bleed + slight zoom (reference) */
.se-about-hero__media,
.se-about-split__media {
  touch-action: pan-y;
}
.se-about-hero__media video,
.se-about-split__media video {
  pointer-events: none;
}
.se-about-hero__media {
  --about-hero-inset: var(--about-pad);
  --about-hero-scale: 1;
  position: relative;
  width: auto;
  max-width: none;
  margin-inline: var(--about-hero-inset);
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #111;
  box-sizing: border-box;
  will-change: margin;
}

.se-about-hero__media video,
.se-about-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(var(--about-hero-scale));
  transform-origin: center center;
  will-change: transform;
}

.se-about-hero__media .se-about-hero__pause,
.se-about-hero__media .se-hero__pause,
[data-about-hero-media] .se-about-hero__pause,
[data-about-hero-media] .se-hero__pause,
.se-about-split__media .se-about-split__pause,
.se-about-split__media .se-hero__pause,
[data-about-split-media] .se-about-split__pause,
[data-about-split-media] .se-hero__pause {
  position: absolute;
  right: 16px;
  left: auto;
  bottom: 16px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 0;
  padding: 0;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.45) !important;
  color: #fff !important;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease, background 0.2s ease;
}
.se-about-hero__media:hover .se-about-hero__pause,
.se-about-hero__media:focus-within .se-about-hero__pause,
.se-about-hero__media:hover .se-hero__pause,
.se-about-hero__media:focus-within .se-hero__pause,
[data-about-hero-media]:hover .se-about-hero__pause,
[data-about-hero-media]:focus-within .se-about-hero__pause,
.se-about-hero__media .se-about-hero__pause.is-paused,
.se-about-hero__media .se-hero__pause.is-paused,
.se-about-hero__media .se-about-hero__pause:focus-visible,
.se-about-hero__media .se-hero__pause:focus-visible,
.se-about-split__media:hover .se-about-split__pause,
.se-about-split__media:focus-within .se-about-split__pause,
.se-about-split__media:hover .se-hero__pause,
.se-about-split__media:focus-within .se-hero__pause,
[data-about-split-media]:hover .se-about-split__pause,
[data-about-split-media]:focus-within .se-about-split__pause,
.se-about-split__media .se-about-split__pause.is-paused,
.se-about-split__media .se-hero__pause.is-paused,
.se-about-split__media .se-about-split__pause:focus-visible,
.se-about-split__media .se-hero__pause:focus-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.se-about-hero__media .se-about-hero__pause:hover,
.se-about-hero__media .se-hero__pause:hover,
.se-about-split__media .se-about-split__pause:hover,
.se-about-split__media .se-hero__pause:hover {
  background: rgba(0, 0, 0, 0.62) !important;
}
.se-about-hero__pause svg,
.se-about-split__pause svg,
.se-about-hero__media .se-hero__pause svg,
.se-about-split__media .se-hero__pause svg {
  display: block;
  fill: currentColor;
  color: #fff;
}

.se-about-pillars .se-hero__pause,
.se-about-feature .se-hero__pause,
.se-about-explore .se-hero__pause {
  display: none !important;
}

@media (max-width: 1023.98px) {
  .se-about { --about-pad: var(--se-gutter-x, 14px); }
  .se-about-hero {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    text-align: left;
  }
  .se-about-hero__title {
    font-size: 18.5px !important;
    line-height: var(--se-lh, 1.3) !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
    text-align: center !important;
    max-width: min(42rem, 100%) !important;
  }
  .se-about-hero__lede {
    text-align: center !important;
    font-size: 13px !important;
    max-width: min(42rem, 100%) !important;
  }
  .se-about-hero__media {
    --about-hero-inset: 0px;
    --about-hero-scale: 1;
    margin-inline: 0;
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .se-about-hero__media {
    aspect-ratio: unset;
    height: 70vh;
    min-height: 70vh;
    max-height: 70vh;
  }
  html.se-about-page:not(.se-resources-page) .se-about h2:not(.se-plp-cta__title),
  html.se-about-page:not(.se-resources-page) .se-about h3,
  html.se-about-page:not(.se-resources-page) main h3:not(.se-newsletter__subtitle):not(.se-plp-float__title),
  .se-about-split__copy h3,
  .se-about-pillar h3,
  .se-about-feature__head,
  .se-about-feature__card h3,
  .se-about-explore__title,
  .se-about-pillars__title,
  .se-about-hero__title,
  .se-about-faq h2 {
    font-size: 18.5px !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
    line-height: var(--se-lh, 1.3) !important;
  }
  .se-about .se-about-quote__text,
  .se-about h2.se-about-quote__text {
    font-size: 15px !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
    line-height: var(--se-lh, 1.3) !important;
  }
}

/* —— Quote —— */
.se-about-quote {
  max-width: var(--about-max);
  margin-inline: auto;
  padding: var(--about-space) var(--about-pad);
  text-align: center;
  box-sizing: border-box;
}

.se-about .se-about-quote__text,
.se-about h2.se-about-quote__text {
  margin: 0 auto;
  max-width: min(var(--about-measure), 100%);
  width: 100%;
  font-size: var(--about-statement) !important;
  line-height: var(--about-statement-lh) !important;
  letter-spacing: var(--about-tracking-lg, -1.25px) !important;
  font-weight: 400 !important;
  color: var(--about-fg);
  text-align: center !important;
}

/* —— Split (square video + aligned copy) —— */
.se-about-split {
  padding-block: var(--about-space-sm);
}

.se-about-split__grid {
  display: grid;
  grid-template-columns: minmax(0, var(--about-split-media)) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 9.3rem);
  align-items: center;
}

.se-about-split__media {
  position: relative;
  width: 100%;
  max-width: var(--about-split-media);
  aspect-ratio: 1;
  overflow: hidden;
  background: #f3f2ef;
}

.se-about-split__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.se-about-split__copy {
  max-width: min(var(--about-split-copy), 100%);
  width: 100%;
  justify-self: start;
  align-self: center;
}

.se-about-split__copy h3,
.se-about main .se-about-split__copy h3,
html.se-about-page .se-about-split__copy h3 {
  margin: 0 0 0.6rem;
  font-size: 21px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  font-weight: 400 !important;
  text-align: left !important;
}

.se-about-split__copy p {
  margin: 0 0 0.6rem;
  max-width: none;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
}

/* Split CTA — outline default (matches About reference) */
.se-about-split__copy .se-about-pill {
  margin-top: 0 !important;
}

@media (max-width: 899.98px) {
  .se-about-split__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .se-about-split__media { max-width: none; }
  .se-about-split__copy { max-width: none; }
}

/* —— Story —— */
.se-about-story {
  max-width: var(--about-max);
  margin-inline: auto;
  padding: var(--about-space) var(--about-pad);
  text-align: center;
  box-sizing: border-box;
}

.se-about .se-about-story h2 {
  margin: 0 auto 0.6rem;
  max-width: min(var(--about-measure), 100%);
  width: 100%;
  font-size: var(--about-statement) !important;
  line-height: var(--about-statement-lh) !important;
  letter-spacing: var(--about-tracking-lg, -1.25px) !important;
  font-weight: 400 !important;
  text-align: center !important;
}

.se-about-story p {
  margin: 0 auto 0.6rem;
  max-width: min(var(--about-story), 100%);
  width: 100%;
  white-space: pre-wrap;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
}

.se-about-story .se-about-pill {
  margin-top: 0 !important;
}

/* —— Pills —— */
.se-about a.se-about-pill,
.se-about .se-about-pill,
.se-about a.se-about-pill:visited,
.se-about .se-about-pill:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 8.5rem !important;
  min-height: 2.75rem !important;
  margin: 0 !important;
  padding: 12px 28px !important;
  border: var(--se-pill-border) solid #191817 !important;
  border-radius: 40px !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #191817 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: var(--se-pill-transition) !important;
}
@media (max-width: 767.98px) {
  .se-about a.se-about-pill,
  .se-about .se-about-pill,
  .se-about a.se-about-pill:visited,
  .se-about .se-about-pill:visited,
  .se-about .se-plp-cta__btn {
    font-size: 13px !important;
  }
}
.se-about a.se-about-pill::before,
.se-about a.se-about-pill::after,
.se-about .se-about-pill::before,
.se-about .se-about-pill::after {
  content: none !important;
  display: none !important;
}
.se-about a.se-about-pill:hover,
.se-about a.se-about-pill:focus-visible,
.se-about .se-about-pill:hover,
.se-about .se-about-pill:focus-visible {
  background: #191817 !important;
  background-color: #191817 !important;
  border-color: #191817 !important;
  color: #fff !important;
  outline: none !important;
}

/* Blue section: ghost outline → fill white (reference layout*/
.se-about a.se-about-pill--invert,
.se-about .se-about-pill--invert,
html.se-about-page .se-about-feature a.se-about-pill--invert {
  border-color: #fff !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #fff !important;
}
.se-about a.se-about-pill--invert:hover,
.se-about a.se-about-pill--invert:focus-visible,
.se-about .se-about-pill--invert:hover,
.se-about .se-about-pill--invert:focus-visible,
html.se-about-page .se-about-feature a.se-about-pill--invert:hover,
html.se-about-page .se-about-feature a.se-about-pill--invert:focus-visible {
  background: #fff !important;
  background-color: #fff !important;
  border-color: #fff !important;
  color: #191817 !important;
}

.se-about .se-plp-cta__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 8.5rem !important;
  min-height: 2.75rem !important;
  padding: 12px 28px !important;
  border: var(--se-pill-border) solid #191817 !important;
  border-radius: 40px !important;
  background: transparent !important;
  color: #191817 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: var(--se-pill-transition) !important;
}
.se-about .se-plp-cta__btn:hover,
.se-about .se-plp-cta__btn:focus-visible {
  background: #191817 !important;
  border-color: #191817 !important;
  color: #fff !important;
}

/* —— Pillars (16:9 like reference) —— */
.se-about-pillars {
  padding-block: var(--about-space-sm);
}

.se-about-pillars__title-wrap {
  width: min(912px, 100%);
  margin: 0 auto;
  padding: 0 0 1.5rem;
  text-align: center;
}

.se-about-pillars__title {
  margin: 0;
  font-size: 32px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--about-tracking-lg, -1.25px) !important;
  font-weight: 400 !important;
  text-align: center !important;
}

.se-about-pillars__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--about-gap);
  align-items: start;
}

.se-about-pillar figure {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #f3f2ef;
}

.se-about-pillar__body { padding-top: 0.6rem; }

.se-about-pillar h3,
html.se-about-page .se-about-pillar h3,
html.se-about-page main .se-about-pillar h3 {
  margin: 0;
  font-size: 21px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  font-weight: 400 !important;
  text-align: left !important;
}

.se-about-pillar p {
  margin: 0.6rem 0 0.6rem;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
}

.se-about-pillar .se-about-pill { margin-top: 0 !important; }

@media (max-width: 899.98px) {
  .se-about-pillars__grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .se-about-pillars__title {
    font-size: 18.5px !important;
    line-height: var(--se-lh, 1.3) !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
}

/* —— Feature: title + three cards on one row —— */
.se-about-feature {
  background: var(--about-blue);
  color: #fff;
  padding: var(--about-space) 0;
}

.se-about-feature .se-about__wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.se-about-feature__head {
  margin: 0;
  max-width: min(55rem, 100%);
  font-size: 32px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--about-tracking-lg, -1.25px) !important;
  font-weight: 400 !important;
  color: #fff !important;
  text-align: left !important;
}

.se-about-feature__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2.5vw, 2rem);
  align-items: start;
  width: 100%;
}

.se-about-feature__card--a,
.se-about-feature__card--b,
.se-about-feature__card--c {
  max-width: none;
  width: 100%;
}

.se-about-feature__card figure {
  margin: 0 0 0.6rem;
  background: rgba(0, 0, 0, 0.12);
  width: 100%;
  overflow: hidden;
  aspect-ratio: 3 / 4;
}

.se-about-feature__card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.se-about-feature__card h3,
html.se-about-page .se-about-feature__card h3,
html.se-about-page main .se-about-feature__card h3 {
  margin: 0 0 0.6rem;
  font-size: 21px !important;
  font-weight: 600 !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  color: #fff !important;
  text-align: left !important;
}

.se-about-feature__card p {
  margin: 0 0 0.6rem;
  color: #fff !important;
  max-width: none;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
}

.se-about-feature__card .se-about-pill { margin-top: 0 !important; }

@media (max-width: 899.98px) {
  .se-about-feature__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
  }
  .se-about-feature__head {
    max-width: min(42rem, 100%);
    font-size: 18.5px !important;
    line-height: var(--se-lh, 1.3) !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
  .se-about-feature__card h3,
  html.se-about-page .se-about-feature__card h3,
  html.se-about-page main .se-about-feature__card h3 {
    font-size: 18.5px !important;
    line-height: var(--se-lh, 1.3) !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
  .se-about-feature__card p {
    font-size: 13px !important;
  }
}

@media (max-width: 719.98px) {
  .se-about-feature__grid {
    grid-template-columns: 1fr;
    row-gap: 1.75rem;
  }
  .se-about-feature__head {
    font-size: 18.5px !important;
    line-height: var(--se-lh, 1.3) !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
  .se-about-feature__card h3,
  html.se-about-page .se-about-feature__card h3 {
    font-size: 18.5px !important;
    line-height: var(--se-lh, 1.3) !important;
  }
  .se-about-feature__card p {
    font-size: 13px !important;
  }
}

/* —— Explore —— */
.se-about-explore {
  padding-block: var(--about-space);
}

.se-about-explore__title-wrap {
  max-width: min(var(--about-measure), 100%);
  margin-inline: auto;
  padding: 0 0 1.5rem;
  text-align: center;
}

.se-about .se-about-explore__title {
  margin: 0;
  font-size: var(--about-statement) !important;
  line-height: var(--about-statement-lh) !important;
  letter-spacing: var(--about-tracking-lg, -1.25px) !important;
  font-weight: 400 !important;
  text-align: center !important;
}

.se-about-explore__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--about-gap);
}

.se-about-explore__item { display: block; }

.se-about-explore__item figure {
  aspect-ratio: 3 / 4;
  background: #f3f2ef;
}

.se-about-explore__kicker {
  margin: 0.6rem 0 0.6rem;
  font-size: 15px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  text-transform: uppercase;
  color: var(--about-fg);
}

.se-about-explore__name {
  margin: 0;
  font-size: 21px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  font-weight: 400 !important;
  text-align: left !important;
  color: var(--about-fg);
}

@media (max-width: 899.98px) {
  .se-about-explore__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .se-about-explore__name {
    font-size: 18.5px !important;
    line-height: var(--se-lh, 1.3) !important;
  }
}

@media (max-width: 639.98px) {
  .se-about-explore__grid {
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }
  .se-about-explore__item:last-child { display: block; max-width: none; }
  .se-about-explore__name {
    font-size: 15px !important;
    line-height: var(--se-lh, 1.3) !important;
  }
  .se-about-explore__title {
    font-size: 18.5px !important;
    line-height: var(--se-lh, 1.3) !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
}

/* —— FAQ (reference layout
   Height via class toggle: :not(.is-expanded) { max-height:0 !important }
   + inline measured height. Open also runs -fadeInUp (1.2s). */
.se-about-faq {
  padding-block: var(--about-space-sm) var(--about-space);
}

.se-about-faq__inner {
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.se-about-faq h2 {
  margin: 0 0 34px;
  font-size: 32px !important;
  line-height: var(--se-lh, 1.3) !important;
  font-weight: 400 !important;
  letter-spacing: var(--about-tracking-lg, -1.25px) !important;
  text-align: left !important;
  color: var(--about-fg) !important;
}

.se-about-faq__item {
  border-top: 1px solid #e5e5e5;
  overflow: hidden;
}
.se-about-faq__item:last-child {
  border-bottom: 1px solid #e5e5e5;
}

.se-about-faq__btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0;
  padding: 20px 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: var(--about-fg);
  transform: translateZ(0);
  box-sizing: border-box;
  line-height: var(--se-lh, 1.3) !important;
  min-height: 0;
}

.se-about-faq__btn > span:first-child {
  flex: 1;
  min-width: 0;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  text-transform: uppercase;
  font-weight: 400;
  color: #191817 !important;
}

.se-about-faq__icon {
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 100%;
  border: var(--se-pill-border) solid #191817;
  background-color: #191817;
  transition: background-color 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  text-indent: -999px;
}
.se-about-faq__icon::before,
.se-about-faq__icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  transform: translate3d(-50%, -50%, 0);
  transition:
    opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1),
    background-color 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.se-about-faq__icon::before {
  height: 8px;
  width: 2px;
}
.se-about-faq__icon::after {
  height: 2px;
  width: 8px;
}
.se-about-faq__icon.is-expanded {
  background-color: transparent;
}
.se-about-faq__icon.is-expanded::before {
  opacity: 0;
}
.se-about-faq__icon.is-expanded::after {
  background-color: #191817;
}

.se-about-faq__panel {
  overflow: hidden;
  transition: max-height 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.se-about-faq__panel:not(.is-expanded) {
  max-height: 0 !important;
}
.se-about-faq__panel.is-invisible {
  visibility: hidden;
}
.se-about-faq__panel.is-fade-in {
  animation: se-about-faq-fade 700ms cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes se-about-faq-fade {
  0%,
  5% {
    opacity: 0;
    transform: translate3d(0, 32px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.se-about-faq__panel > div {
  min-height: 0;
}

.se-about-faq__panel p {
  margin: 0;
  padding: 0 var(--about-pad) 20px 0;
  max-width: none;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  font-weight: 400 !important;
  color: #191817 !important;
}

@media (max-width: 47.98rem) {
  .se-about-faq {
    padding-block: 2.5rem 3.5rem;
  }
  .se-about-faq h2 {
    margin-bottom: 1.25rem;
    font-size: 18.5px !important;
    line-height: var(--se-lh, 1.3) !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
  .se-about-faq__btn {
    padding: 18px 0;
    gap: 0.75rem;
  }
  .se-about-faq__btn > span:first-child {
    font-size: var(--se-body-size, 13px) !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
    line-height: var(--se-lh, 1.3) !important;
  }
  .se-about-faq__panel p {
    padding: 0 0 18px;
    font-size: var(--se-body-size, 13px) !important;
    line-height: var(--se-lh, 1.3) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .se-about-faq__panel,
  .se-about-faq__icon,
  .se-about-faq__icon::before,
  .se-about-faq__icon::after {
    transition: none !important;
  }
  .se-about-faq__panel.is-fade-in {
    animation: none !important;
    opacity: 1;
    transform: none;
  }
}

/* —— CTA —— match Services / PLP bone block —— */
.se-about .se-plp-cta {
  background: var(--about-bone, #fcfaee);
  padding: 3rem var(--about-pad, 16px) 3.25rem;
  text-align: center;
}
.se-about .se-plp-cta__inner {
  max-width: min(36rem, 100%);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.se-about .se-plp-cta__mark {
  width: auto;
  height: 2.5rem;
  max-width: 2.75rem;
  margin: 0 auto 0.85rem;
  display: block;
  object-fit: contain;
}
.se-about .se-plp-cta__title {
  margin: 0 0 0.55rem !important;
  font-size: 15px !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  text-transform: uppercase !important;
  line-height: var(--se-lh, 1.3) !important;
  font-weight: 400 !important;
  text-align: center !important;
}
.se-about .se-plp-cta__copy {
  margin: 0 !important;
  max-width: min(36rem, 100%);
  font-size: 15px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  text-align: center !important;
}
.se-about .se-plp-cta__btn {
  margin-top: 1.15rem !important;
}

/* —— Header —— */
html.se-about-page .se-header-bar,
html.se-about-page.se-has-video .se-header-bar,
html.se-about-page.se-has-video:not(.se-scrolled) .se-header-bar {
  background: #fff !important;
  background-color: #fff !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}
html.se-about-page .se-logo-mark--dark,
html.se-about-page.se-has-video .se-logo-mark--dark,
html.se-about-page.se-has-video:not(.se-scrolled) .se-logo-mark--dark {
  display: block !important;
}
html.se-about-page .se-logo-mark--light,
html.se-about-page.se-has-video .se-logo-mark--light,
html.se-about-page.se-has-video:not(.se-scrolled) .se-logo-mark--light {
  display: none !important;
}
html.se-about-page .se-menu-open,
html.se-about-page .se-header-search,
html.se-about-page .se-header-nav,
html.se-about-page .se-logo,
html.se-about-page.se-has-video:not(.se-scrolled) .se-menu-open,
html.se-about-page.se-has-video:not(.se-scrolled) .se-header-search,
html.se-about-page.se-has-video:not(.se-scrolled) .se-header-nav,
html.se-about-page.se-has-video:not(.se-scrolled) .se-logo {
  color: #191817 !important;
}
html.se-about-page .se-menu-open .se-menu-open-bars span,
html.se-about-page.se-has-video:not(.se-scrolled) .se-menu-open .se-menu-open-bars span {
  background: #191817 !important;
}
html.se-about-page .se-header-icon img,
html.se-about-page .se-header-search img,
html.se-about-page.se-has-video:not(.se-scrolled) .se-header-icon img,
html.se-about-page.se-has-video:not(.se-scrolled) .se-header-search img {
  filter: brightness(0) !important;
}

.se-about-split__copy,
.se-about-pillar,
.se-about-feature__card,
.se-about-explore__item,
.se-about-faq__inner { text-align: left; }

.se-about-hero,
.se-about-quote,
.se-about-story,
.se-about-pillars__title-wrap,
.se-about-explore__title-wrap,
.se-about .se-plp-cta { text-align: center; }

@media (max-width: 767.98px) {
  .se-about {
    --about-pad: var(--se-gutter-x, 14px);
    --about-space: 3.5rem;
    --about-space-sm: 2.5rem;
    --about-statement: 18.5px;
    --about-statement-lh: var(--se-lh, 1.3);
  }
  .se-about-pillars__grid,
  .se-about-split__grid {
    grid-template-columns: 1fr !important;
  }
  .se-about-quote {
    text-align: center;
    padding-block: var(--about-space-sm);
  }
  .se-about .se-about-quote__text,
  .se-about h2.se-about-quote__text {
    text-align: center !important;
    font-size: 15px !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
    line-height: var(--se-lh, 1.3) !important;
  }
  /* Story + split + pillars: left on mobile (match established About mobile) */
  .se-about-story {
    text-align: left;
    padding-inline: var(--about-pad);
  }
  .se-about-story h2,
  .se-about .se-about-story h2,
  .se-about-story p {
    text-align: left !important;
  }
  .se-about-story p {
    font-size: 13px !important;
  }
  .se-about-story h2,
  .se-about-pillars__title,
  .se-about .se-about-pillars__title,
  .se-about .se-about-explore__title {
    font-size: 18.5px !important;
    line-height: var(--se-lh, 1.3) !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
    max-width: min(42rem, 100%) !important;
  }
  .se-about-explore__name,
  html.se-about-page .se-about-explore__name,
  html.se-about-page main h3.se-about-explore__name {
    font-size: 15px !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
    line-height: var(--se-lh, 1.3) !important;
  }
  .se-about-explore__kicker,
  .se-about-split__copy p,
  .se-about-pillar__body, .se-about-pillar p,
  .se-about-hero__lede {
    font-size: 13px !important;
  }
  .se-about-split__copy {
    max-width: none;
    text-align: left !important;
  }
  .se-about-split__copy h3,
  .se-about-split__copy p {
    text-align: left !important;
  }
  .se-about-split__copy .se-about-pill {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .se-about-pillars__title-wrap {
    text-align: left;
  }
  .se-about .se-about-pillars__title {
    text-align: left !important;
  }
  .se-about-pillar,
  .se-about-pillar__body,
  .se-about-pillar h3,
  .se-about-pillar p {
    text-align: left !important;
  }
  .se-about-pillar .se-about-pill {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .se-about-explore__title-wrap {
    text-align: left;
    max-width: none;
  }
  .se-about .se-about-explore__title {
    text-align: left !important;
  }
  .se-about .se-plp-cta {
    padding-inline: var(--about-pad);
  }
  .se-about .se-plp-cta__title,
  html.se-about-page .se-about .se-plp-cta__title {
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
    line-height: var(--se-lh, 1.3) !important;
  }
  .se-about .se-plp-cta__copy,
  .se-about .se-plp-cta__btn,
  html.se-about-page .se-about .se-plp-cta__copy,
  html.se-about-page .se-about .se-plp-cta__btn {
    font-size: 13px !important;
  }
  html.se-pricing-page .se-about-hero__title {
    font-size: 22px !important;
    text-align: center !important;
  }
  html.se-pricing-page .se-about-hero__lede,
  html.se-pricing-page .se-about-split__copy p,
  html.se-pricing-page .se-about-story p,
  html.se-pricing-page .se-about-pillar__body,
  html.se-pricing-page .se-about-pillar p {
    font-size: 13px !important;
  }
  html.se-pricing-page .se-about h2:not(.se-plp-cta__title),
  html.se-pricing-page .se-about-split__copy h3,
  html.se-pricing-page .se-about-pillar h3 {
    font-size: 18.5px !important;
    letter-spacing: var(--se-tracking, -0.2px) !important;
    line-height: var(--se-lh, 1.3) !important;
  }
}

/* Resources — Exclusive Services pattern */
.se-about-hero__eyebrow {
  margin: 0 0 0.6rem;
  font-size: 15px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  font-weight: 400 !important;
  color: var(--about-muted);
  text-align: center;
}
.se-about-quote__cta {
  margin: 1.25rem 0 0;
  text-align: center;
}
.se-about-split__grid--flip {
  direction: rtl;
}
.se-about-split__grid--flip > * {
  direction: ltr;
}
@media (max-width: 1023.98px) {
  .se-about-hero__eyebrow {
    font-size: 13px !important;
    text-align: left;
  }
  .se-about-split__grid--flip {
    direction: ltr;
  }
}


/* —— Mobile body text hard lock: exactly 13px (not 13.5 / 14) —— */
@media (max-width: 767.98px) {
  :root {
    --se-body-size: 13px !important;
  }
  html {
    font-size: 13px;
  }
  main,
  main p,
  main li,
  main td,
  main th,
  main figcaption,
  main label,
  .se-duo__text,
  .se-duo__text-link,
  .se-duo [data-cid="n132"],
  .se-duo [data-cid="n133"],
  .se-duo [data-cid="n145"],
  .se-duo [data-cid="n146"],
  .se-duo [data-cid="n150"],
  .se-hero__lede,
  [data-cid="n161"],
  html.se-home [data-cid="n161"],
  html.se-home a[data-cid="n116"],
  html.se-home [data-cid="n116"],
  .se-about-hero__lede,
  .se-about-hero__eyebrow,
  .se-about-feature__card p,
  .se-about-split__copy p,
  .se-about-pillar__body,
  .se-about-pillar p,
  .se-about-explore__kicker,
  .se-about-faq__btn > span:first-child,
  .se-about-faq__panel p,
  .se-industries-immersive__body,
  .se-industries-statement__body,
  .se-industries-copy__body,
  .se-industries-explore__body,
  .se-industries-explore__lede,
  .se-industries-hero__eyebrow,
  .se-industries-detail-section__intro,
  .se-industries-detail-start__body,
  .se-industries-detail-grid p,
  .se-industries-detail-case p,
  .se-pdp-overview__body,
  .se-pdp-overview__note,
  .se-pdp-story__copy p,
  .se-pdp-hero__eyebrow,
  .se-pdp-hero p,
  .se-plp__desc,
  .se-plp__meta,
  .se-plp__copy,
  .se-plp-cta__body,
  .se-res-header__lede,
  .se-res-header__eyebrow,
  .se-res-duo__item p,
  .se-res-fifty__copy p,
  .se-res-immersive__copy p,
  .se-res-link,
  .se-fit__option,
  .se-fit__btn,
  .se-fit__btn span,
  .se-fit__result,
  .se-fit__score,
  .se-fit__answer,
  .se-fit__label,
  .se-newsletter__placeholder,
  .se-newsletter__actions button,
  .se-legal p,
  .se-legal li,
  .se-cookies p,
  .se-cookies li,
  .se-search__input,
  .se-search__input::placeholder,
  .se-search__suggest-item,
  .se-search__hit-title,
  .o-footer p:not(.o-footer__brand):not(.head):not(.m-footerPolicies__title),
  .o-footer li,
  .o-footer a:not(.o-footer__brand) {
    font-size: 13px !important;
  }
  .o-footer__brand {
    font-size: clamp(14px, 4.6vw, 23.8px) !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.05 !important;
    text-transform: uppercase !important;
  }
  .o-footer .m-footerLinksInternalList .head,
  .o-footer .accordian-btn .head,
  .o-footer p.head {
    font-size: 16px !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }
  #main-footer.o-footer p.m-footerPolicies__title,
  .o-footer p.m-footerPolicies__title,
  .o-footer .m-footerPolicies__title {
    font-size: 18px !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }
}