/* About master composition — 2026-09
   The people accordion is intentionally owned by about-experience-v11.css. */

.about-experience-page {
  background: #f4f7f1;
}

.about-x {
  --about-paper: #f4f7f1;
  --about-ink: #09271c;
  --about-green: #087657;
  --about-green-bright: #b7f36b;
  --about-mint: #e7f1e9;
  --about-line: rgba(9,39,28,.16);
  --about-radius-xl: clamp(38px,4vw,68px);
  overflow: clip;
  background: var(--about-paper);
  color: var(--about-ink);
}

.about-x .about-x-shell {
  width: min(calc(100% - clamp(32px,6vw,96px)),1480px);
  margin-inline: auto;
}

.about-x .about-x-label {
  color: var(--about-green);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .19em;
}

/* 01 — cinematic opening */
.about-x .about-x-hero {
  position: relative;
  min-height: min(920px,92svh);
  overflow: hidden;
  background: #071c14;
  color: #fff;
}

.about-x .about-x-hero-media {
  position: absolute;
  inset: 0;
  clip-path: none;
}

.about-x .about-x-hero-media video,
.about-x .about-x-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 48%;
  filter: saturate(.86) contrast(1.04);
}

.about-x .about-x-hero-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg,rgba(3,22,15,.78) 0%,rgba(3,22,15,.3) 46%,rgba(3,22,15,.08) 70%),
    linear-gradient(180deg,rgba(2,16,11,.18) 0%,rgba(2,16,11,.02) 52%,rgba(2,16,11,.82) 100%);
}

.about-x .about-x-hero-copy {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-rows: auto 1fr auto;
  width: min(calc(100% - clamp(32px,7vw,112px)),1480px);
  min-height: min(920px,92svh);
  margin-inline: auto;
  padding: clamp(30px,4vw,58px) 0 clamp(34px,5vw,72px);
}

.about-x .about-x-kicker {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  color: rgba(255,255,255,.76);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
}

.about-x .about-x-hero h1 {
  align-self: end;
  max-width: 1060px;
  margin: 0 0 clamp(40px,6vh,76px);
  color: #fff;
  font-size: clamp(72px,9vw,148px);
  font-weight: 760;
  line-height: .91;
  letter-spacing: -.075em;
  text-shadow: 0 22px 70px rgba(0,0,0,.28);
}

.about-x .about-x-hero h1 span {
  display: block;
  margin: 0;
}

.about-x .about-x-hero h1 span:last-child {
  margin-left: clamp(40px,8vw,140px);
}

.about-x .about-x-hero-bottom {
  display: grid;
  grid-template-columns: minmax(280px,620px) auto;
  align-items: end;
  justify-content: space-between;
  gap: 50px;
  padding-top: 26px;
  border-top: 1px solid rgba(255,255,255,.32);
}

.about-x .about-x-hero-bottom p {
  color: rgba(255,255,255,.8);
  font-size: clamp(16px,1.25vw,20px);
  line-height: 1.76;
}

.about-x .about-x-hero-bottom a {
  display: inline-flex;
  align-items: center;
  gap: 44px;
  padding: 14px 18px 14px 22px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 999px;
  background: rgba(5,35,24,.24);
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 760;
  backdrop-filter: blur(14px);
  transition: background .3s ease,color .3s ease;
}

.about-x .about-x-hero-bottom a:hover {
  background: var(--about-green-bright);
  color: var(--about-ink);
}

.about-x .about-x-flow {
  position: relative;
  z-index: 3;
  min-height: 84px;
  overflow: hidden;
  border: 0;
  background: #0a2a1e;
}

.about-x .about-x-flow-track span {
  min-height: 84px;
  padding-inline: clamp(22px,3vw,52px);
  border-color: rgba(255,255,255,.14);
  color: #fff;
}

.about-x .about-x-flow-track strong { font-size: clamp(15px,1.25vw,20px); }
.about-x .about-x-flow-track small { color: rgba(183,243,107,.74); }

/* 02 — one coherent editorial field story */
.about-x .about-x-belief {
  padding: clamp(56px,6vw,88px) 0;
  background:
    radial-gradient(circle at 90% 18%,rgba(183,243,107,.18),transparent 26%),
    var(--about-paper);
}

.about-x .about-x-belief-head {
  display: grid;
  grid-template-columns: 130px minmax(0,1fr) minmax(280px,380px);
  gap: 34px clamp(42px,6vw,92px);
  align-items: end;
}

.about-x .about-x-belief-head .about-x-label { align-self: start; margin-top: 15px; }

.about-x .about-x-belief-head h2 {
  max-width: 900px;
  color: var(--about-ink);
  font-size: clamp(58px,6.4vw,104px);
  line-height: 1.02;
  letter-spacing: -.068em;
}

.about-x .about-x-belief-head h2 span { display: block; white-space: normal; }

.about-x .about-x-belief-head > p:last-child {
  align-self: end;
  color: #4b675b;
  font-size: clamp(16px,1.2vw,20px);
  line-height: 1.86;
}

.about-x .about-x-belief-stage {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  grid-template-rows: repeat(10,58px);
  min-height: 0;
  margin-top: clamp(32px,4vw,56px);
}

.about-x .about-master-field {
  position: relative;
  inset: auto;
  grid-column: 1 / 10;
  grid-row: 1 / 10;
  width: auto;
  height: auto;
  overflow: hidden;
  border-radius: var(--about-radius-xl) var(--about-radius-xl) 24px var(--about-radius-xl);
  box-shadow: 0 36px 90px rgba(11,54,37,.14);
}

.about-x .about-master-field img,
.about-x .about-master-data img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-x .about-master-field figcaption {
  position: absolute;
  top: 22px;
  left: 22px;
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(244,247,241,.84);
  color: var(--about-green);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .16em;
  backdrop-filter: blur(12px);
}

.about-x .about-master-data {
  position: relative;
  inset: auto;
  z-index: 3;
  grid-column: 9 / 13;
  grid-row: 6 / 11;
  width: auto;
  height: auto;
  overflow: hidden;
  border: 12px solid var(--about-paper);
  border-radius: 999px 999px 28px 999px;
  background: #dbe8df;
  box-shadow: 0 28px 70px rgba(11,54,37,.16);
}

.about-x .about-master-pull {
  position: relative;
  right: auto;
  bottom: auto;
  z-index: 4;
  grid-column: 1 / 8;
  grid-row: 2 / 5;
  align-self: center;
  margin-left: clamp(22px,3vw,40px);
  color: var(--about-ink);
  font-size: clamp(32px,3.2vw,48px);
  font-weight: 720;
  line-height: 1.08;
  letter-spacing: -.06em;
  text-shadow: none;
}

.about-x .about-x-values {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: clamp(24px,3vw,44px);
  margin-top: clamp(72px,8vw,120px);
}

.about-x .about-x-values article {
  min-height: 270px;
  padding: 28px 28px 34px;
  border: 1px solid var(--about-line);
  border-radius: 30px;
  background: rgba(255,255,255,.45);
  transition: background .35s ease,transform .45s var(--ax-ease),box-shadow .4s ease;
}

.about-x .about-x-values article:hover {
  background: #fff;
  box-shadow: 0 24px 65px rgba(10,58,39,.12);
  transform: translateY(-8px);
}

.about-x .about-x-values strong { color: var(--about-green); }
.about-x .about-x-values h3 { margin-top: clamp(38px,5vw,74px); font-size: clamp(38px,4vw,64px); }
.about-x .about-x-values p { max-width: 320px; margin-top: 20px; color: #587066; font-size: 15px; line-height: 1.8; }

/* 03 — fixed cards; hover reveals depth without moving the grid */
.about-x .about-x-domains {
  padding: clamp(56px,6vw,88px) 0;
  background: #e7f0e8;
}

.about-x .about-x-domain-core {
  display: grid;
  grid-template-columns: 130px minmax(0,1fr) minmax(280px,380px);
  gap: 34px clamp(42px,6vw,92px);
  align-items: end;
  width: min(calc(100% - clamp(32px,6vw,96px)),1480px);
  margin-inline: auto;
}

.about-x .about-x-domain-core .about-x-label { align-self: start; margin-top: 14px; }
.about-x .about-x-domain-core h2 { max-width: 930px; font-size: clamp(58px,6.3vw,102px); line-height: 1.03; letter-spacing: -.066em; }
.about-x .about-x-domain-core h2 span { display: block; }
.about-x .about-x-domain-core > p:last-child { grid-column: auto; align-self: end; justify-self: auto; max-width: none; color: #4e685d; font-size: clamp(16px,1.2vw,19px); line-height: 1.84; }

.about-x .about-x-domain-landscape {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 14px;
  width: min(calc(100% - clamp(32px,4vw,64px)),1600px);
  min-height: 0;
  margin: clamp(32px,4vw,56px) auto 0;
}

.about-x .about-x-domain-landscape article,
.about-x .about-x-domain-landscape article:nth-child(n),
.about-x .about-x-domain-landscape:hover article,
.about-x .about-x-domain-landscape:has(article:hover) article {
  position: relative;
  min-width: 0;
  height: clamp(520px,55vw,720px);
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.64);
  border-radius: 34px;
  box-shadow: 0 20px 54px rgba(12,56,38,.1);
  filter: none;
  transform: none;
  transition: box-shadow .45s ease,filter .45s ease;
}

.about-x .about-x-domain-landscape article:nth-child(2),
.about-x .about-x-domain-landscape article:nth-child(4) { border-radius: 999px 999px 34px 34px; }

.about-x .about-x-domain-landscape article:hover {
  box-shadow: 0 36px 86px rgba(12,56,38,.22);
  filter: saturate(1.06);
}

.about-x .about-x-domain-landscape figure,
.about-x .about-x-domain-landscape picture,
.about-x .about-x-domain-landscape img { width: 100%; height: 100%; }
.about-x .about-x-domain-landscape img { object-fit: cover; transition: transform .9s var(--ax-ease); }
.about-x .about-x-domain-landscape article:hover img { transform: scale(1.055); }

.about-x .about-x-domain-landscape article > div {
  position: absolute;
  inset: auto 0 0;
  padding: 100px clamp(22px,2.2vw,36px) clamp(28px,3vw,46px);
  background: linear-gradient(180deg,transparent,rgba(3,24,16,.9));
  color: #fff;
}

.about-x .about-x-domain-landscape span { color: #caff7d; font-size: 8px; font-weight: 850; letter-spacing: .16em; }
.about-x .about-x-domain-landscape h3 { margin-top: 15px; color: #fff; font-size: clamp(28px,2.4vw,42px); line-height: 1.16; opacity: 1; transform: none; }
.about-x .about-x-domain-landscape p { max-height: 0; margin-top: 0; overflow: hidden; color: rgba(255,255,255,.78); font-size: 13px; line-height: 1.72; opacity: 0; transition: max-height .55s ease,margin-top .45s ease,opacity .4s ease; }
.about-x .about-x-domain-landscape article:hover p { max-height: 110px; margin-top: 14px; opacity: 1; }

/* 04 — responsive capability matrix; no sticky overlap */
.about-x .about-x-capabilities {
  position: relative;
  padding: clamp(56px,6vw,88px) 0;
  border-radius: 68px 68px 0 0;
  background:
    radial-gradient(circle at 14% 18%,rgba(36,143,105,.26),transparent 28%),
    radial-gradient(circle at 94% 82%,rgba(183,243,107,.1),transparent 22%),
    #061f16;
  color: #fff;
}

.about-x .about-x-cap-grid {
  display: grid;
  grid-template-columns: minmax(0,.86fr) minmax(0,1.14fr);
  gap: clamp(64px,7vw,120px);
  align-items: start;
}

.about-x .about-x-cap-grid > header {
  position: relative;
  top: auto;
  min-width: 0;
  padding-right: 0;
}

.about-x .about-x-cap-grid h2 {
  max-width: 8.8ch;
  margin-top: 28px;
  color: #fff;
  font-size: clamp(58px,5.5vw,92px);
  line-height: 1.02;
  letter-spacing: -.072em;
  text-wrap: balance;
}

.about-x .about-x-cap-grid header > p:last-child {
  max-width: 460px;
  margin-top: 30px;
  color: rgba(255,255,255,.65);
  font-size: clamp(15px,1.12vw,18px);
  line-height: 1.82;
}

.about-x .about-x-cap-list {
  min-width: 0;
  margin: 0;
  border-top: 1px solid rgba(255,255,255,.22);
}

.about-x .about-x-cap-list article,
.about-x .about-x-cap-list article:nth-child(n) {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  gap: clamp(18px,2.4vw,34px);
  align-items: center;
  min-height: clamp(142px,14vw,190px);
  padding: 30px 0;
  border-bottom: 1px solid rgba(255,255,255,.2);
  transform: none;
  transition: background .35s ease,padding .5s var(--ax-ease),color .35s ease;
}

.about-x .about-x-cap-list article:hover {
  padding-inline: 22px;
  background: linear-gradient(90deg,rgba(183,243,107,.1),transparent 82%);
  color: var(--about-green-bright);
}

.about-x .about-x-cap-list article > span { align-self: start; color: #89ceb0; font-size: 10px; font-weight: 850; letter-spacing: .14em; }
.about-x .about-x-cap-list h3 { color: inherit; font-size: clamp(28px,2.5vw,42px); line-height: 1.15; letter-spacing: -.045em; }
.about-x .about-x-cap-list p { max-width: 590px; margin-top: 14px; color: rgba(255,255,255,.6); font-size: 14px; line-height: 1.78; }
.about-x .about-x-cap-list figure { display: none; }

/* 05 — four equal steps, one continuous system */
.about-x .about-x-process {
  padding: clamp(56px,6vw,88px) 0;
  border-radius: 0 0 78px 78px;
  background:
    radial-gradient(circle at 84% 12%,rgba(183,243,107,.3),transparent 22%),
    #dfeee2;
}

.about-x .about-x-process-head {
  display: grid;
  grid-template-columns: 130px minmax(0,1fr);
  gap: 34px clamp(42px,6vw,92px);
  align-items: start;
}

.about-x .about-x-process-head h2 {
  max-width: 980px;
  margin: 0;
  font-size: clamp(58px,6.3vw,102px);
  line-height: 1.02;
  letter-spacing: -.068em;
}

.about-x .about-x-process-line {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px;
  margin-top: clamp(32px,4vw,56px);
}

.about-x .about-x-process-line::before {
  position: absolute;
  top: 37px;
  right: 4%;
  left: 4%;
  height: 1px;
  background: linear-gradient(90deg,transparent,var(--about-green),transparent);
  content: "";
}

.about-x .about-x-process-line li,
.about-x .about-x-process-line li:nth-child(even),
.about-x .about-x-process-line li.is-active {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 42px;
  width: 100%;
  min-height: 330px;
  margin: 0;
  padding: 28px;
  border: 1px solid rgba(9,39,28,.14);
  border-radius: 28px;
  background: rgba(250,252,247,.7);
  box-shadow: none;
  transform: none;
  transition: background .35s ease,transform .45s var(--ax-ease),box-shadow .4s ease;
}

.about-x .about-x-process-line li:hover,
.about-x .about-x-process-line li.is-active:hover {
  background: #fff;
  box-shadow: 0 24px 65px rgba(11,58,39,.13);
  transform: translateY(-9px);
}

.about-x .about-x-process-line li > span {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(8,118,87,.28);
  border-radius: 50%;
  background: #edf6ed;
  color: var(--about-green);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
}

.about-x .about-x-process-line h3,
.about-x .about-x-process-line li.is-active h3 { color: var(--about-ink); font-size: clamp(30px,2.7vw,44px); line-height: 1.15; letter-spacing: -.05em; }
.about-x .about-x-process-line p,
.about-x .about-x-process-line li.is-active p { max-width: 300px; margin-top: 16px; color: #587066; font-size: 14px; line-height: 1.8; }

/* 06 — editorial case grid */
.about-x .about-x-work {
  padding: clamp(56px,6vw,88px) 0;
  background: #f7f8f3;
}

.about-x .about-x-work-head {
  display: grid;
  grid-template-columns: 130px minmax(0,1fr);
  gap: 34px clamp(42px,6vw,92px);
  align-items: start;
}

.about-x .about-x-work-head h2 {
  max-width: 1060px;
  font-size: clamp(58px,6.3vw,102px);
  line-height: 1.02;
  letter-spacing: -.068em;
}

.about-x .about-x-work-collage {
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: 22px;
  margin-top: clamp(32px,4vw,56px);
}

.about-x .about-x-project,
.about-x .about-x-project-wide,
.about-x .about-x-project-tall,
.about-x .about-x-project-round {
  position: relative;
  display: block;
  grid-column: auto;
  padding: 0;
  color: var(--about-ink);
  text-decoration: none;
}

.about-x .about-x-project-wide { grid-column: span 7; }
.about-x .about-x-project-tall { grid-column: span 5; padding-top: 112px; }
.about-x .about-x-project-round { grid-column: 3 / 11; margin-top: 64px; padding-bottom: 0; }

.about-x .about-x-project figure,
.about-x .about-x-project-wide figure,
.about-x .about-x-project-tall figure,
.about-x .about-x-project-round figure {
  width: 100%;
  height: clamp(420px,44vw,670px);
  overflow: hidden;
  border-radius: 34px;
  background: #dce7df;
  box-shadow: 0 28px 75px rgba(12,56,38,.12);
}

.about-x .about-x-project-tall figure { border-radius: 999px 999px 34px 34px; }
.about-x .about-x-project-round figure { height: clamp(400px,38vw,590px); border-radius: 34px 999px 999px 34px; }
.about-x .about-x-project img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--ax-ease),filter .5s ease; }
.about-x .about-x-project:hover img { filter: saturate(1.05); transform: scale(1.045); }
.about-x .about-x-project > div { padding: 24px 8px 0; }
.about-x .about-x-project span { color: var(--about-green); font-size: 9px; font-weight: 850; letter-spacing: .16em; }
.about-x .about-x-project h3 { max-width: 800px; margin-top: 16px; font-size: clamp(30px,3.1vw,52px); line-height: 1.18; letter-spacing: -.055em; }
.about-x .about-x-project p { max-width: 620px; margin-top: 16px; color: #5a7066; font-size: 15px; line-height: 1.78; }

/* Closing — compact, strong, and readable. */
.about-x .about-x-contact {
  padding: clamp(56px,6vw,88px) 0;
  background:
    radial-gradient(circle at 86% 20%,rgba(255,255,255,.5),transparent 22%),
    #b7f36b;
  color: var(--about-ink);
}

.about-x .about-x-contact h2 {
  max-width: 1080px;
  margin-top: 24px;
  font-size: clamp(62px,7.7vw,122px);
  line-height: .98;
  letter-spacing: -.075em;
}

.about-x .about-x-contact .about-x-shell > div {
  display: grid;
  grid-template-columns: minmax(280px,560px) auto;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  margin-top: clamp(28px,3vw,44px);
  padding-top: 30px;
  border-top: 1px solid rgba(9,39,28,.26);
}

.about-x .about-x-contact .about-x-shell > div > p { font-size: clamp(16px,1.25vw,20px); line-height: 1.78; }
.about-x .about-x-contact a { gap: 48px; padding: 17px 22px 17px 26px; background: var(--about-ink); color: #fff; }

@media (max-width: 1180px) {
  .about-x .about-x-belief-head,
  .about-x .about-x-domain-core { grid-template-columns: 105px minmax(0,1fr); }
  .about-x .about-x-belief-head > p:last-child,
  .about-x .about-x-domain-core > p:last-child { grid-column: 2; max-width: 620px; }
  .about-x .about-x-domain-landscape { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .about-x .about-x-domain-landscape article,
  .about-x .about-x-domain-landscape article:nth-child(n) { height: 560px; border-radius: 38px; }
  .about-x .about-x-cap-grid { grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); gap: 60px; }
  .about-x .about-x-cap-grid h2 { font-size: clamp(52px,5.5vw,72px); }
  .about-x .about-x-process-line { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-x .about-x-process-line::before { display: none; }
  .about-x .about-x-process-line li,
  .about-x .about-x-process-line li:nth-child(even),
  .about-x .about-x-process-line li.is-active { min-height: 280px; }
}

@media (max-width: 1040px) {
  .about-x .about-x-cap-grid { grid-template-columns: 1fr; gap: 32px; }
  .about-x .about-x-cap-grid > header { display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,.72fr); gap: 26px 50px; align-items: end; }
  .about-x .about-x-cap-grid > header .about-x-label { grid-column: 1 / -1; }
  .about-x .about-x-cap-grid h2 { max-width: 9ch; margin-top: 0; font-size: clamp(50px,7vw,76px); }
  .about-x .about-x-cap-grid header > p:last-child { margin-top: 0; }
  .about-x .about-x-cap-list { margin-top: 0; }
}

@media (max-width: 760px) {
  .about-x .about-x-shell { width: calc(100% - 28px); }
  .about-x .about-x-hero { min-height: 780px; }
  .about-x .about-x-hero-copy { width: calc(100% - 32px); min-height: 780px; padding-block: 24px 34px; }
  .about-x .about-x-kicker { font-size: 8px; }
  .about-x .about-x-kicker span:last-child { max-width: 130px; text-align: right; }
  .about-x .about-x-hero h1 { margin-bottom: 36px; font-size: clamp(58px,16vw,82px); line-height: .96; }
  .about-x .about-x-hero h1 span:last-child { margin-left: 0; }
  .about-x .about-x-hero-bottom { grid-template-columns: 1fr; gap: 22px; }
  .about-x .about-x-hero-bottom a { justify-self: start; }
  .about-x .about-x-flow,.about-x .about-x-flow-track span { min-height: 70px; }

  .about-x .about-x-belief,
  .about-x .about-x-domains,
  .about-x .about-x-capabilities,
  .about-x .about-x-process,
  .about-x .about-x-work { padding-block: 48px; }

  .about-x .about-x-belief-head,
  .about-x .about-x-domain-core,
  .about-x .about-x-process-head,
  .about-x .about-x-work-head { grid-template-columns: 1fr; gap: 20px; }
  .about-x .about-x-belief-head > p:last-child,
  .about-x .about-x-domain-core > p:last-child { grid-column: 1; }
  .about-x .about-x-belief-head h2,
  .about-x .about-x-domain-core h2,
  .about-x .about-x-process-head h2,
  .about-x .about-x-work-head h2 { font-size: clamp(47px,13vw,66px); line-height: 1.05; letter-spacing: -.055em; }

  .about-x .about-x-belief-stage { display: block; margin-top: 32px; }
  .about-x .about-master-field { width: 88%; height: 520px; }
  .about-x .about-master-data { position: absolute; right: 0; bottom: -42px; width: 48%; height: 230px; border-width: 8px; }
  .about-x .about-master-pull { position: absolute; top: 98px; right: auto; bottom: auto; left: 22px; max-width: calc(88% - 44px); margin: 0; font-size: 38px; }
  .about-x .about-x-values { grid-template-columns: 1fr; margin-top: 110px; }
  .about-x .about-x-values article { min-height: 230px; }

  .about-x .about-x-domain-core { width: calc(100% - 28px); }
  .about-x .about-x-domain-landscape { display: flex; width: 100%; padding: 0 14px 18px; overflow-x: auto; scroll-snap-type: x mandatory; }
  .about-x .about-x-domain-landscape article,
  .about-x .about-x-domain-landscape article:nth-child(n) { flex: 0 0 82vw; height: 560px; scroll-snap-align: center; }
  .about-x .about-x-domain-landscape p { max-height: 110px; margin-top: 14px; opacity: 1; }

  .about-x .about-x-capabilities { border-radius: 42px 42px 0 0; }
  .about-x .about-x-cap-grid > header { display: block; }
  .about-x .about-x-cap-grid h2 { max-width: 9ch; margin-top: 24px; font-size: clamp(48px,13vw,64px); }
  .about-x .about-x-cap-grid header > p:last-child { margin-top: 24px; }
  .about-x .about-x-cap-list { margin-top: 0; }
  .about-x .about-x-cap-list article,
  .about-x .about-x-cap-list article:nth-child(n) { grid-template-columns: 34px minmax(0,1fr); min-height: 0; padding: 28px 0; }
  .about-x .about-x-cap-list article:hover { padding-inline: 12px; }
  .about-x .about-x-cap-list h3 { font-size: 29px; }

  .about-x .about-x-process { border-radius: 0 0 44px 44px; }
  .about-x .about-x-process-line { grid-template-columns: 1fr; margin-top: 32px; }
  .about-x .about-x-process-line li,
  .about-x .about-x-process-line li:nth-child(even),
  .about-x .about-x-process-line li.is-active { min-height: 245px; gap: 30px; padding: 24px; }

  .about-x .about-x-work-collage { grid-template-columns: 1fr; gap: 64px; margin-top: 32px; }
  .about-x .about-x-project-wide,
  .about-x .about-x-project-tall,
  .about-x .about-x-project-round { grid-column: 1; margin: 0; padding: 0; }
  .about-x .about-x-project figure,
  .about-x .about-x-project-wide figure,
  .about-x .about-x-project-tall figure,
  .about-x .about-x-project-round figure { height: 460px; border-radius: 30px; }
  .about-x .about-x-project-tall figure { border-radius: 999px 999px 30px 30px; }
  .about-x .about-x-project-round figure { border-radius: 30px 999px 999px 30px; }
  .about-x .about-x-project h3 { font-size: 32px; }

  .about-x .about-x-contact { padding-block: 48px; }
  .about-x .about-x-contact h2 { font-size: clamp(54px,15vw,72px); }
  .about-x .about-x-contact .about-x-shell > div { grid-template-columns: 1fr; align-items: start; }
  .about-x .about-x-contact a { justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  .about-x .about-x-domain-landscape img,
  .about-x .about-x-project img,
  .about-x .about-x-values article,
  .about-x .about-x-process-line li { transition: none !important; }
}