@font-face {
  font-family: "Geist";
  src: url("/assets/geist.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Geist Mono";
  src: url("/assets/geist-mono.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Syncopate";
  src: url("/assets/syncopate.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --ink: #1c1c1c;
  --paper: #ffffff;
  --muted: #b9b9b5;
  --line: rgba(28, 28, 28, .16);
  --line-dark: rgba(255, 255, 255, .18);
  --lime: #b8e931;
  --gutter: 150px;
  --card-gutter: clamp(24px, 2.1vw, 40px);
  --header-h: 80px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --grid: repeat(4, minmax(0, 1fr));
  --section-heading-size: clamp(48px, 4vw, 72px);
  --section-heading-weight: 600;
  --section-heading-line: .98;
  --section-heading-tracking: -.055em;
  --section-subtitle-size: clamp(17px, 1.25vw, 21px);
  --section-subtitle-weight: 450;
}

*, *::before, *::after { box-sizing: border-box; }

html {
  background: var(--ink);
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-h);
}

body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "Geist", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}

body.menu-open { overflow: hidden; }
button, a { -webkit-tap-highlight-color: transparent; }
button, input, textarea, select { font: inherit; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
p, h1, h2, h3, figure { margin: 0; }
[data-lucide] { display: block; width: 1em; height: 1em; flex: 0 0 auto; stroke-width: 1.75; }

::selection { color: var(--ink); background: var(--lime); }

.skip-link {
  position: fixed;
  z-index: 1000;
  top: 12px;
  left: 12px;
  display: flex;
  min-height: 46px;
  align-items: center;
  padding: 10px 16px;
  color: var(--ink);
  background: var(--lime);
  transform: translateY(-150%);
  transition: transform .2s ease;
}
.skip-link:focus { transform: translateY(0); }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

.page-grid {
  display: grid;
  grid-template-columns: var(--grid);
  margin-inline: var(--gutter);
}

.section-light { background: var(--paper); color: var(--ink); }
.section-dark { background: var(--ink); color: var(--paper); }
.section-pad { padding-top: 160px; padding-bottom: 120px; }

.eyebrow {
  font-family: "Geist", monospace;
  font-size: 43px;
  font-weight: 700;
  line-height: 1.25;
  text-transform: uppercase;
}

.display-copy {
  max-width: 1400px;
  font-size: clamp(42px, 3.34vw, 47px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -.05em;
}

.section-title {
  font-size: clamp(72px, 6.25vw, 120px);
  font-weight: 500;
  line-height: .95;
  letter-spacing: -.055em;
}

.section-heading {
  font-family: "Geist", Arial, sans-serif;
  font-size: var(--section-heading-size);
  font-weight: var(--section-heading-weight);
  line-height: var(--section-heading-line);
  letter-spacing: var(--section-heading-tracking);
  text-transform: none;
  text-wrap: balance;
}

.section-kicker {
  color: #747470;
  font: 700 11px/1.2 "Geist Mono", monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.section-dark .section-kicker { color: var(--lime); }

.section-subtitle {
  max-width: 720px;
  color: #6f706c;
  font-size: var(--section-subtitle-size);
  font-weight: var(--section-subtitle-weight);
  line-height: 1.46;
  letter-spacing: -.018em;
}

.section-dark .section-subtitle,
.site-footer .section-subtitle { color: #c5c6c0; }

.pill {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  gap: 24px;
  padding: 5px 5px 5px 18px;
  border: 0;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  cursor: pointer;
}

.pill > span:first-child { position: relative; z-index: 2; }
.pill::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 4px;
  border-radius: inherit;
  background: var(--lime);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform .45s var(--ease);
}
.pill:hover::before, .pill:focus-visible::before { transform: scaleX(1); }
.pill-light { color: var(--ink); background: var(--paper); }
.pill-dark { color: var(--paper); background: var(--ink); }
.pill-dark:hover, .pill-dark:focus-visible { color: var(--ink); }
.pill-arrow {
  position: relative;
  z-index: 2;
  display: grid;
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  color: var(--ink);
  background: var(--lime);
  font-size: 18px;
  transition: transform .35s var(--ease), background .35s ease;
}
.pill-arrow [data-lucide] { width: 17px; height: 17px; }
.pill:hover .pill-arrow, .pill:focus-visible .pill-arrow { transform: rotate(-2deg) translateX(1px); }

:focus-visible { outline: 2px solid var(--lime); outline-offset: 4px; }

/* Header */
.site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: grid;
  width: 100%;
  height: var(--header-h);
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  padding-inline: var(--gutter);
  color: var(--paper);
  border-bottom: 1px solid var(--line-dark);
  transition: transform .55s var(--ease), color .35s ease, background-color .35s ease, border-color .35s ease;
}

.site-header.is-hidden { transform: translateY(-105%); }
.site-header.is-light {
  color: var(--ink);
  background: rgba(255, 255, 255, .94);
  border-color: var(--line);
  backdrop-filter: blur(12px);
}
.base-color{
  color: var(--lime);
}
.brand {
  position: relative;
  z-index: 3;
  display: block;
  width: 148px;
  height: 70px;
}
.brand img { position: absolute; top: 7px; left: 0; width: 120px; height: auto; transition: opacity .3s ease; }
.brand-dark { opacity: 0; }
.site-header.is-light .brand-white { opacity: 0; }
.site-header.is-light .brand-dark { opacity: 1; }
.pb-5{
  padding-bottom: 10px !important;
}
.pt-5{
  padding-top: 10px !important;
}
.pt-20{
  padding-top: 30px !important;
}
.pt-50{
  padding-top: 70px !important;
}
.desktop-nav {
  display: flex;
  grid-column: 2 / 4;
  align-items: center;
  justify-content: center;
  gap: 28px;
  font-size: 14px;
}
.desktop-nav a { position: relative; padding-block: 16px; }
.desktop-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .3s var(--ease);
}
.desktop-nav a:hover::after, .desktop-nav a:focus-visible::after { transform: scaleX(1); transform-origin: left; }

.header-contact {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 46px;
  padding: 0 7px 0 17px;
  border-radius: 999px;
  color: var(--ink);
  background: var(--paper);
  font-size: 14px;
  transition: color .25s ease, background .25s ease;
}
.header-contact span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: var(--lime); transition: transform .3s var(--ease); }
.header-contact [data-lucide] { width: 15px; height: 15px; }
.header-contact:hover span { transform: rotate(45deg); }
.site-header.is-light .header-contact { color: var(--paper); background: var(--ink); }
.menu-toggle, .mobile-menu { display: none; }

/* Hero */
.hero {
  position: relative;
  min-height: max(760px, 100svh);
  color: var(--paper);
  background: var(--ink);
  overflow: hidden;
}

.hero-media, .hero-shade { position: absolute; inset: 0; }
.hero-media { overflow: hidden; }
.hero-media img,
.hero-media video {
  display: block;
  width: 100%;
  height: 116%;
  object-fit: cover;
  object-position: 50% 48%;
  transform: translate3d(0, calc(var(--hero-progress, 0) * 8%), 0) scale(calc(1.04 - var(--hero-progress, 0) * .04));
  will-change: transform;
}
.hero-shade { background: linear-gradient(90deg, rgba(18, 18, 18, .28), rgba(18, 18, 18, .03) 70%), linear-gradient(0deg, rgba(18, 18, 18, .5), transparent 48%); }

.hero-grid {
  position: relative;
  z-index: 2;
  min-height: max(760px, 100svh);
  grid-template-rows: var(--header-h) auto 1fr auto;
}
.hero-grid::before {
  content: "";
  position: absolute;
  top: var(--header-h);
  bottom: 0;
  left: 25%;
  width: 1px;
  background: rgba(255,255,255,.18);
}
.hero-eyebrow { grid-column: 1; grid-row: 2; padding-top: 76px; }
.hero-main { grid-column: 2 / 5; grid-row: 2 / 4; padding: 38px 0 110px 20px; }
.hero-title {
  display: flex;
  flex-direction: column;
  max-width: 1340px;
  font-size: clamp(62px, 4.59vw, 88px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.04em;
}
.hero-line { display: block; }
.hero-word { display: inline-block; white-space: nowrap; }
.hero-initial, .hero-rest { display: inline-block; vertical-align: top; }
.hero-initial { color: var(--lime); overflow: hidden; }
.hero-glyph { display: block; }
/* Final text reserves its full layout throughout the SAB opening sequence. */
.hero-intro-pending .hero-glyph,
.hero-intro-pending .hero-rest { opacity: 0; }
.hero-intro-pending .hero-cta { opacity: 0; visibility: hidden; }
.hero-intro-running .hero-word,
.hero-intro-running .hero-glyph,
.hero-intro-running .hero-rest { will-change: transform, opacity; }
.hero-cta { margin-top: 56px; min-height: 60px; padding-left: 20px; font-size: 15px; }
.hero-cta .pill-arrow { width: 48px; height: 48px; }
.scroll-cue { grid-column: 1; grid-row: 4; display: grid; width: 48px; height: 72px; place-items: center; font-size: 20px; }
.scroll-cue span { animation: cue 2s var(--ease) infinite; }
.hero-copy {
  grid-column: 2 / 5;
  grid-row: 4;
  align-self: end;
  min-height: 124px;
  padding: 34px 20px 28px;
  border-top: 1px solid rgba(255,255,255,.2);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;
}
@keyframes cue { 0%,100% { transform: translateY(-4px); opacity: .55; } 50% { transform: translateY(6px); opacity: 1; } }

/* Introduction */
.intro { position: relative; min-height: 0; padding-bottom: 160px; overflow: hidden; }
.intro-heading { align-items: start; padding-top: 138px; padding-bottom: 96px; }
.intro-heading .section-kicker { grid-column: 1; padding-top: 9px; }
.intro-heading .section-heading { grid-column: 2 / 5; padding-left: 20px; }
.intro-heading .section-subtitle { grid-column: 2 / 5; margin-top: 26px; padding-left: 20px; }
.intro-identity { grid-column: 1; padding-top: 8px; }
.intro-heading .eyebrow { padding-top: 0; font: 600 12px/1.2 "Geist Mono", monospace; letter-spacing: .08em; }
.intro-identity img { width: min(250px, 16vw); margin-top: 46px; }
.intro-heading .display-copy {
  grid-column: 2 / 5;
  max-width: 1280px;
  padding-left: 20px;
  font-size: clamp(54px, 4.35vw, 84px);
  line-height: 1.01;
  letter-spacing: -.06em;
  text-wrap: balance;
}
.intro-evidence { position: relative; align-items: end; }
.intro-image {
  position: relative;
  grid-column: 1 / 4;
  grid-row: 1;
  height: min(760px, 48vw);
  overflow: hidden;
  border-radius: 5px;
  background: #d9d9d5;
}
.intro-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 58%, rgba(18,18,18,.16)); pointer-events: none; }
.intro-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.15s var(--ease), filter .55s ease; }
.intro-image:hover img { transform: scale(1.02); filter: contrast(1.03); }
.intro-data {
  position: relative;
  z-index: 2;
  display: flex;
  grid-column: 3 / 5;
  grid-row: 1;
  min-height: 390px;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(42px, 3.2vw, 62px);
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #f0f0eb;
  box-shadow: -30px 34px 70px rgba(28,28,28,.1);
}
.intro-description { max-width: 720px; margin-bottom: 0; font-size: clamp(20px, 1.35vw, 26px); line-height: 1.34; letter-spacing: -.025em; }
.stats-list { border-top: 1px solid var(--line); }
.stat-row { display: grid; min-height: 106px; grid-template-columns: 155px 1fr; align-items: center; gap: 24px; border-bottom: 1px solid var(--line); }
.stat-row strong { font-size: clamp(42px, 3vw, 58px); font-weight: 500; line-height: 1; letter-spacing: -.06em; }
.stat-row p { max-width: 480px; color: #5d5d5a; font-size: 14px; line-height: 1.42; }
.intro-data > .pill { align-self: flex-start; min-height: 52px; margin-top: 54px; }
.intro-data > .pill .pill-arrow { width: 40px; height: 40px; }

/* Milestones */
.milestones { position: relative; min-height: 720px; color: var(--paper); background: #171817; overflow: hidden; isolation: isolate; }
.milestones-media, .milestones-shade { position: absolute; z-index: -2; inset: 0; }
.milestones-media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 48%; filter: saturate(.62) contrast(1.05); transform: scale(1.015); }
.milestones-shade { z-index: -1; background: linear-gradient(90deg, rgba(18,19,18,.93), rgba(18,19,18,.77) 48%, rgba(18,19,18,.88)), linear-gradient(0deg, rgba(18,19,18,.91), rgba(18,19,18,.48) 58%, rgba(18,19,18,.74)); }
.milestones-head { min-height: 230px; padding: 74px var(--gutter) 52px; border-bottom: 1px solid var(--line-dark); }
.milestones-head .section-heading { max-width: 900px; }
.milestones-head .section-subtitle { margin-top: 18px; }
.milestones-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.milestone-card { min-height: 245px; padding: 28px var(--card-gutter) 38px; border-bottom: 1px solid var(--line-dark); }
.milestone-card:nth-child(4n + 1) { padding-left: var(--gutter); }
.milestone-card:nth-child(4n) { padding-right: var(--gutter); }
.milestone-card:not(:nth-child(4n + 1)) { border-left: 1px solid var(--line-dark); }
.milestone-icon { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(255,255,255,.04); border-radius: 10px; background: rgba(255,255,255,.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.milestone-icon img { width: 23px; height: 23px; }
.milestone-card strong { display: block; margin-top: 24px; font-size: clamp(48px, 3.7vw, 70px); font-weight: 500; line-height: .92; letter-spacing: -.055em; white-space: nowrap; }
.milestone-card p { margin-top: 17px; color: #d2d2ce; font-size: 16px; line-height: 1.35; }

/* Partner network */
.partner-showcase { position: relative; padding: 124px 0 142px; background-color: #181917; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 64px 64px; overflow: hidden; }
.partner-showcase::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 82% 6%, rgba(184,233,49,.09), transparent 27%), linear-gradient(180deg, rgba(255,255,255,.02), transparent 30%); pointer-events: none; }
.partner-showcase-head { position: relative; z-index: 1; }
.partner-showcase-head > .eyebrow { grid-column: 1; padding-top: 8px; color: var(--lime); }
.partner-showcase-head > div { grid-column: 2 / 5; padding-left: 20px; }
.partner-showcase-head .display-copy { max-width: 1050px; }
.partner-showcase-copy { max-width: 610px; margin-top: 32px; color: #b9b9b5; font-size: 18px; line-height: 1.5; }
.partner-logo-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 86px var(--gutter) 0; }
.partner-logo-card { position: relative; height: clamp(190px, 12vw, 230px); border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: #f0f0ed; box-shadow: 0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.8); overflow: hidden; }
.partner-logo-card::before { content: ""; position: absolute; z-index: 2; top: 0; left: 0; width: 54px; height: 3px; background: var(--lime); }
.partner-logo-card::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, rgba(240,240,237,.96) 0%, transparent 22%, transparent 78%, rgba(240,240,237,.96) 100%); pointer-events: none; }
.partner-logo-track { display: flex; width: 100%; height: 300%; flex-direction: column; animation: partnerLoop 6.6s cubic-bezier(.72,0,.28,1) infinite; will-change: transform; }
.partner-logo-card:nth-child(2) .partner-logo-track { animation-delay: -.8s; }
.partner-logo-card:nth-child(3) .partner-logo-track { animation-delay: -1.6s; }
.partner-logo-card:nth-child(4) .partner-logo-track { animation-delay: -2.4s; }
.partner-logo-card:nth-child(5) .partner-logo-track { animation-delay: -3.2s; }
.partner-logo-card:nth-child(6) .partner-logo-track { animation-delay: -4s; }
.partner-logo-card:nth-child(7) .partner-logo-track { animation-delay: -4.8s; }
.partner-logo-card:nth-child(8) .partner-logo-track { animation-delay: -5.6s; }
.partner-logo-slot { display: grid; min-width: 0; flex: 0 0 33.333333%; place-items: center; padding: 34px; }
.partner-logo-slot img { width: auto; max-width: min(72%, 230px); max-height: 78px; object-fit: contain; opacity: 1; }
.partner-logo-slot .partner-logo-tall { max-height: 96px; }
@keyframes partnerLoop {
  0%, 38% { transform: translateY(0); }
  50%, 88% { transform: translateY(-33.333333%); }
  100% { transform: translateY(-66.666667%); }
}

/* Dedicated lanes */
.lane-network { position: relative; padding: 126px 0 140px; border-top: 1px solid var(--line-dark); background-color: #151614; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 64px 64px; overflow: hidden; }
.lane-network::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 35% 58%, rgba(184,233,49,.055), transparent 34%); pointer-events: none; }
.lane-network-head { position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; padding-inline: var(--gutter); }
.lane-network-kicker { margin-bottom: 20px; color: var(--lime); font: 700 11px "Geist Mono", monospace; letter-spacing: .13em; text-transform: uppercase; }
.lane-network-head .section-heading { max-width: 860px; }
.lane-network-status { padding-bottom: 5px; }
.lane-network-status strong { display: flex; min-height: 46px; align-items: center; gap: 11px; padding: 0 17px; border: 1px solid rgba(184,233,49,.22); border-radius: 999px; color: #e8e9e4; background: rgba(184,233,49,.055); font: 700 11px "Geist Mono", monospace; letter-spacing: .075em; text-transform: uppercase; }
.lane-network-status i, .lane-map-live i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px rgba(184,233,49,.58); animation: laneSignal 1.8s ease-in-out infinite; }
.lane-network-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr); align-items: stretch; gap: 20px; margin: 70px var(--gutter) 0; }
.lane-map-card, .lane-list-panel { min-width: 0; border: 1px solid rgba(255,255,255,.105); border-radius: 10px; background: rgba(28,30,27,.94); box-shadow: 0 28px 80px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.025); overflow: hidden; }
.lane-map-toolbar, .lane-list-head { display: flex; min-height: 64px; align-items: center; justify-content: space-between; gap: 24px; padding: 0 22px; border-bottom: 1px solid rgba(255,255,255,.09); }
.lane-map-toolbar strong, .lane-list-head strong { color: #f1f2ed; font-size: 15px; font-weight: 650; letter-spacing: -.015em; }
.lane-map-live { display: flex; align-items: center; gap: 9px; color: #a8aaa5; font: 700 10px "Geist Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.lane-map-stage { position: relative; aspect-ratio: 959 / 593; background: radial-gradient(circle at 47% 56%, rgba(184,233,49,.06), transparent 34%), linear-gradient(145deg, rgba(255,255,255,.018), transparent 55%); isolation: isolate; overflow: hidden; }
.lane-map-base, .lane-route-overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.lane-map-base { z-index: 1; object-fit: contain; opacity: .95; filter: drop-shadow(0 18px 32px rgba(0,0,0,.2)); }
.lane-route-overlay { z-index: 2; overflow: visible; }
.lane-route-lines path { fill: none; stroke: #b1d747; stroke-width: 1.35; stroke-linecap: round; stroke-dasharray: 4 7; opacity: .58; vector-effect: non-scaling-stroke; transition: opacity .25s ease, stroke-width .25s ease; }
.lane-route-lines path.is-focus { stroke-width: 2; opacity: 1; filter: url(#lane-glow); }
.lane-route-hubs .hub-core { fill: #b7df47; opacity: .82; }
.lane-route-hubs .hub-ring { fill: none; stroke: #b7df47; stroke-width: 1; opacity: .22; }
.lane-route-carrier { pointer-events: none; }
.lane-route-particle { fill: #edffb7; }
.lane-route-particle-halo { fill: url(#lane-particle-aura); }
.lane-route-particle-tail { fill: #c7ec6e; opacity: .48; }
.lane-list-panel { display: flex; flex-direction: column; }
.lane-list-count { padding: 6px 9px; border: 1px solid rgba(184,233,49,.18); border-radius: 999px; color: var(--lime); background: rgba(184,233,49,.055); font: 700 9px "Geist Mono", monospace; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.lane-label-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-content: start; gap: 10px; padding: 22px; }
.lane-label-grid button { position: relative; display: grid; min-width: 0; min-height: 54px; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 7px; padding: 0 12px; border: 1px solid rgba(255,255,255,.105); border-radius: 7px; color: #f0f1ed; background: #242622; font: 700 13px "Geist Mono", monospace; cursor: pointer; transition: color .25s ease, background-color .25s ease, border-color .25s ease, transform .25s var(--ease), box-shadow .25s ease; }
.lane-label-grid button span:first-child { text-align: right; }
.lane-label-grid button span:last-child { text-align: left; }
.lane-label-grid button i { color: var(--lime); font-size: 15px; font-style: normal; font-weight: 500; }
.lane-label-grid button:hover, .lane-label-grid button:focus-visible { border-color: rgba(184,233,49,.5); background: #2c2f28; transform: translateY(-2px); }
.lane-label-grid button.is-active { border-color: var(--lime); color: #171815; background: var(--lime); box-shadow: 0 10px 26px rgba(0,0,0,.2); }
.lane-label-grid button.is-active i { color: #171815; }
@keyframes laneSignal { 0%, 100% { opacity: .55; transform: scale(.8); } 50% { opacity: 1; transform: scale(1); } }

/* Services */
.services { position: relative; border-top: 1px solid var(--line); overflow: hidden; }
.services-head { display: flex; align-items: flex-end; justify-content: space-between; padding: 98px var(--gutter) 52px; border-bottom: 1px solid var(--line); }
.services-head .count-label { font-family: "Geist", sans-serif; font-size: clamp(76px, 6.25vw, 120px); font-weight: 500; line-height: .95; letter-spacing: -.055em; }
.service-stage { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, 34%); gap: clamp(64px, 6.5vw, 124px); padding: 54px var(--gutter) 120px; }
.service-list { display: flex; grid-column: 1; flex-direction: column; gap: 12px; }
.service-row {
  display: grid;
  width: 100%;
  min-height: 88px;
  grid-template-columns: clamp(82px, 8.5vw, 162px) minmax(0, 1fr) 0;
  align-items: center;
  padding: 0;
  border: 0;
  border-bottom: 1px solid transparent;
  color: #b7b7b4;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: color .35s ease, border-color .35s ease, transform .45s var(--ease);
}
.service-row:hover { color: #71716e; }
.service-row.is-active { color: var(--ink); }
.service-row:focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }
.service-number { font-size: clamp(26px, 2vw, 38px); font-weight: 500; line-height: 1; letter-spacing: -.04em; }
.service-name { display: flex; min-width: 0; align-items: flex-start; gap: 12px; font-size: clamp(31px, 2.25vw, 43px); font-weight: 500; line-height: 1.06; letter-spacing: -.052em; }
.service-title { display: block;}
.service-availability { display: inline-grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; margin-top: -8px; border: 1px solid rgba(106,132,34,.12); border-radius: 50%; color: #4d5f1d; background: #d9f59b; box-shadow: none; transition: color .25s ease, background-color .25s ease, transform .35s var(--ease); }
.service-row.is-active .service-availability { color: #273100; background: var(--lime); transform: translateY(-1px); }
.service-availability span { font: 700 8px/1 "Geist Mono", monospace; letter-spacing: -.07em; transform: none; }
.service-plus { display: none; }
.service-plus [data-lucide] { width: 22px; height: 22px; }
.service-previews { position: sticky; top: calc(var(--header-h) + 28px); grid-column: 2; align-self: start; min-width: 0; height: 590px; }
.service-preview { position: absolute; inset: 0; display: flex; flex-direction: column; opacity: 0; pointer-events: none; transform: translateY(24px); transition: opacity .45s ease, transform .55s var(--ease); }
.service-preview.is-active { opacity: 1; pointer-events: auto; transform: none; }
.service-preview figure { position: relative; height: clamp(270px, 22vw, 390px); overflow: hidden; border-radius: 6px; background: #e8e8e4; }
.service-preview figure::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(25,25,23,.08); border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); pointer-events: none; }
.service-preview img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease); }
.service-preview.is-active img { transform: scale(1.02); }
.service-preview-copy { display: block; width: 100%; min-width: 0; min-height: 0; flex: 0 0 auto; padding: 20px 0 0; border: 0; }
.service-preview-copy p { width: 100%; max-width: none; margin: 0; font-size: 16px; line-height: 1.48; white-space: normal; overflow-wrap: normal; word-break: normal; }
.service-preview .pill { align-self: flex-start; margin-top: 18px; }

/* Experience gallery */
.experience-gallery { position: relative; border-top: 1px solid var(--line); background: var(--paper); overflow: hidden; }
.experience-gallery-inner { padding: 132px var(--gutter) 150px; }
.experience-gallery-head { max-width: 1140px; }
.experience-gallery-head .section-kicker { display: flex; align-items: center; gap: 11px; }
.experience-gallery-head .section-kicker i { width: 9px; height: 9px; flex: 0 0 auto; background: var(--lime); }
.experience-gallery-kicker { display: flex; align-items: center; gap: 11px; color: #747470; font: 600 11px/1 "Geist Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }
.experience-gallery-kicker i { width: 9px; height: 9px; flex: 0 0 auto; background: var(--lime); }
.experience-gallery-head .section-heading { margin-top: 24px; }
.experience-gallery-head .section-subtitle { margin-top: 18px; }
.experience-gallery-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 20px; margin-top: 84px; }
.experience-card { display: block; min-width: 0; color: var(--ink); }
.experience-card figure { position: relative; height: clamp(390px, 32vw, 615px); border-radius: 6px; background: #dcdcd7; overflow: hidden; }
.experience-card figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20,20,18,.04) 36%, rgba(20,20,18,.46) 100%); transition: opacity .4s ease; pointer-events: none; }
.experience-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .85s var(--ease), filter .5s ease; }
.experience-card-team img { object-position: 50% 45%; }
.experience-card-road img { object-position: 50% 57%; }
.experience-card:hover img, .experience-card:focus-visible img { transform: scale(1.035); filter: saturate(1.04) contrast(1.02); }
.experience-card:hover figure::after, .experience-card:focus-visible figure::after { opacity: .82; }
.experience-card:focus-visible { outline: 2px solid var(--lime); outline-offset: 5px; border-radius: 6px; }
.experience-play { position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; width: 72px; height: 72px; place-items: center; border-radius: 50%; color: var(--ink); background: var(--lime); box-shadow: 0 0 0 0 rgba(184,233,49,.28); transform: translate(-50%, -50%); transition: transform .42s var(--ease), box-shadow .42s ease; }
.experience-play::after { content: ""; position: absolute; inset: -9px; border: 1px solid rgba(255,255,255,.38); border-radius: inherit; }
.experience-play [data-lucide] { width: 24px; height: 24px; margin-left: 3px; fill: currentColor; stroke-width: 0; }
.experience-card:hover .experience-play, .experience-card:focus-visible .experience-play { box-shadow: 0 0 0 12px rgba(184,233,49,.18); transform: translate(-50%, -50%) scale(1.06); }
.experience-card-index { position: absolute; z-index: 3; top: 18px; right: 18px; padding: 8px 10px; border: 1px solid rgba(255,255,255,.28); border-radius: 3px; color: var(--paper); background: rgba(20,20,18,.24); font: 10px/1 "Geist Mono", monospace; backdrop-filter: blur(8px); }
.experience-card-caption { display: flex; min-height: 66px; align-items: flex-start; justify-content: space-between; gap: 24px; padding-top: 17px; border-bottom: 1px solid var(--line); }
.experience-card-caption > span:first-child { max-width: 72%; font-size: 17px; font-weight: 500; line-height: 1.3; }
.experience-card-caption > span:last-child { display: flex; align-items: center; gap: 8px; color: #747470; font: 10px/1.3 "Geist Mono", monospace; text-transform: uppercase; transition: color .25s ease; }
.experience-card-caption [data-lucide] { width: 15px; height: 15px; transition: transform .35s var(--ease); }
.experience-card:hover .experience-card-caption > span:last-child { color: var(--ink); }
.experience-card:hover .experience-card-caption [data-lucide] { transform: translate(2px, -2px); }

/* Solutions */
.solutions { overflow: hidden; }
.solution-intro .eyebrow { grid-column: 1; padding-top: 8px; }
.solution-intro > div { grid-column: 2 / 5; padding-left: 20px; }
.solution-intro .pill { margin-top: 50px; }
.solution-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 78px var(--gutter) 70px; }
.solution-card { position: relative; display: flex; min-height: 220px; flex-direction: column; padding: 34px 32px 30px; border-radius: 6px; overflow: hidden; }
.solution-card-lime { background: var(--lime); }
.solution-card-paper { background: #f0f0ed; }
.solution-card-dark { color: var(--paper); background: var(--ink); }
.solution-card h3 { font-size: clamp(27px, 1.72vw, 33px); font-weight: 500; line-height: 1.05; letter-spacing: -.045em; }
.solution-card p { max-width: 365px; margin-top: 22px; color: #3f3f3c; font-size: 16px; line-height: 1.5; }
.solution-card-dark p { color: #d8d8d4; }
.solution-icon { width: 126px; height: 126px; margin-top: auto; color: currentColor; stroke-width: 1; }
.solution-icon-scale { width: 150px; height: 150px; }
.solution-icon-dots { width: 136px; height: 136px; }
.solution-icon *, .solution-icon { transform-box: fill-box; transform-origin: center; }
.solution-icon-coil ellipse { animation: coilFloat 2.3s var(--ease) infinite; animation-delay: calc(var(--i) * -.11s); }
.solution-icon-rings { animation: ringOrbit 3.1s ease-in-out infinite; }
.solution-icon-rings circle { animation: ringBreathe 3.1s ease-in-out infinite; animation-delay: calc(var(--i) * -.08s); }
.solution-icon-scale .scale-arrow { animation-duration: 2.35s; animation-timing-function: var(--ease); animation-iteration-count: infinite; }
.solution-icon-scale .scale-arrow-up { animation-name: arrowUpPulse; }
.solution-icon-scale .scale-arrow-down { animation-name: arrowDownPulse; }
.solution-icon-dots .dot-pulse { animation: dotRoutePulse 2.4s ease-in-out infinite; animation-delay: calc(var(--i) * -.32s); }
.solution-card:not(.is-visible) .solution-icon, .solution-card:not(.is-visible) .solution-icon * { animation-play-state: paused; }
@keyframes coilFloat { 0%, 18%, 100% { transform: translateY(0); } 48%, 66% { transform: translateY(calc(var(--i) * 1.65px)); } }
@keyframes ringOrbit { 0%, 100% { transform: rotate(-23deg) scale(1.08); } 50% { transform: rotate(14deg) scale(.86); } }
@keyframes ringBreathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(.86); } }
@keyframes arrowUpPulse { 0%, 12%, 100% { transform: translate(-22px, 22px); } 48%, 68% { transform: translate(0, 0); } }
@keyframes arrowDownPulse { 0%, 12%, 100% { transform: translate(20px, -20px); } 48%, 68% { transform: translate(0, 0); } }
@keyframes dotRoutePulse { 0%, 100% { transform: scale(.54); } 46%, 68% { transform: scale(1); } }
.solution-trucks { position: relative; height: clamp(760px, 48vw, 920px); background: var(--ink); overflow: hidden;padding-top: 0px; }
.solution-trucks img { width: 100%; height: 118%; object-fit: cover; object-position: 50% 53%; transform: translateY(var(--parallax, 0)); will-change: transform; }
.solution-manifesto { position: relative; display: grid; min-height: 930px; place-items: center; padding: 100px var(--gutter); background-color: var(--paper); background-image: linear-gradient(rgba(28,28,28,.038) 1px, transparent 1px), linear-gradient(90deg, rgba(28,28,28,.038) 1px, transparent 1px); background-size: 56px 56px; overflow: hidden; }
.solution-manifesto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--paper), transparent 13%, transparent 87%, var(--paper)), linear-gradient(0deg, var(--paper), transparent 16%, transparent 84%, var(--paper)); pointer-events: none; }
.solution-manifesto > p { position: relative; z-index: 2; max-width: 830px; font-size: clamp(44px, 3.02vw, 58px); font-weight: 500; line-height: .96; letter-spacing: -.055em; text-align: center; }
.manifesto-squares { position: absolute; z-index: 1; inset: 0; }
.manifesto-squares i { position: absolute; top: var(--y); left: var(--x); width: var(--s); height: var(--s); border: 2px solid rgba(28,28,28,.62); border-radius: 4px; transform: translate3d(0, calc(var(--manifesto-shift, 0px) * var(--d)), 0); transition: transform .2s linear; }

/* Process */
.process { position: relative; }
.process-marquee { position: relative; z-index: 4; height: 90px; color: var(--ink); background: var(--paper); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow: hidden; }
.process-marquee-track { display: flex; width: max-content; height: 100%; align-items: center; animation: processMarquee 28s linear infinite; will-change: transform; }
.process-marquee-group { display: flex; flex: 0 0 auto; height: 100%; align-items: center; }
.process-marquee span { display: flex; min-width: 320px; height: 100%; align-items: center; gap: 82px; padding: 0 40px; white-space: nowrap; font: 13px "Geist Mono", monospace; }
.process-marquee span::before { content: ""; width: 8px; height: 8px; flex: 0 0 auto; background: var(--ink); }
@keyframes processMarquee { to { transform: translateX(-50%); } }
.process-shell { display: grid; grid-template-columns: 55.2% 44.8%; }
.process-heading { position: relative; min-width: 0; }
.process-heading-inner { position: sticky; top: 0; display: flex; height: 100vh; flex-direction: column; justify-content: flex-start; padding: 132px 8vw var(--gutter) var(--gutter); }
.process-heading .eyebrow { display: flex; align-items: center; gap: 12px; font-weight: 500; }
.process-heading .eyebrow::before { content: ""; width: 12px; height: 12px; background: var(--lime); }
.process-heading h2 { max-width: 500px; margin-top: 38px; font-size: clamp(48px, 3.3vw, 64px); font-weight: 500; line-height: 1.08; letter-spacing: -.055em; }
.process-list { --process-progress: 0%; position: relative; min-width: 0; padding: 0 clamp(42px, 7.55vw, 145px) 100px 70px; }
.process-line { position: absolute; top: 116px; bottom: 116px; left: 0; width: 1px; border-left: 1px dashed rgba(255,255,255,.26); }
.process-line i { position: absolute; top: 0; left: -1px; width: 1px; height: var(--process-progress); background: var(--lime); box-shadow: 0 0 0 .25px var(--lime); }
.process-step { position: relative; min-height: 742px; padding-top: 170px; }
.process-marker { position: absolute; z-index: 3; top: 140px; left: -101px; display: grid; width: 60px; height: 60px; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; color: var(--paper); background: var(--ink); font-size: 17px; }
.process-marker.is-active { border-color: rgba(184,233,49,.82); box-shadow: 0 0 0 1px rgba(184,233,49,.1); }
.process-step figure { width: 100%; max-width: 500px; height: min(282px, 15vw); min-height: 245px; border-radius: 5px; overflow: hidden; }
.process-step img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.85); transition: transform .8s var(--ease), filter .4s ease; }
.process-step:hover img { transform: scale(1.025); filter: saturate(1); }
.process-copy { max-width: 500px; padding-top: 80px; }
.process-copy h3 { max-width: 570px; font-size: clamp(28px, 1.72vw, 33px); font-weight: 500; line-height: 1; letter-spacing: -.045em; }
.process-copy p { max-width: 520px; margin-top: 22px; color: #b8b8b4; font-size: 16px; line-height: 1.5; }

/* Company */
.company { position: relative; overflow: hidden; }
.company-stage { position: relative; min-height: 950px; padding: 52px var(--gutter) 68px; }
.company-label { color: #858589; font: 13px "Geist Mono", monospace; }
.company-lede { position: relative; z-index: 2; max-width: 700px; margin-top: 34px; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -.025em; }
.count-block { position: relative; z-index: 2; display: flex; align-items: baseline; margin-top: 58px; color: var(--lime); }
.count-block strong, .count-block > span { font-size: clamp(116px, 8.4vw, 162px); font-weight: 500; line-height: .82; letter-spacing: -.075em; }
.spec-grid { position: relative; z-index: 2; display: block; width: min(700px, 39vw); margin-top: 92px; }
.spec-grid article { display: grid; min-height: 72px; grid-template-columns: 36% 64%; align-items: center; border-bottom: 1px solid rgba(255,255,255,.24); }
.spec-grid h3 { color: #858589; font: 13px "Geist Mono", monospace; }
.spec-grid p { color: var(--paper); font-size: 16px; line-height: 1.45; }
.truck-cutout { position: absolute; z-index: 1; top: 85px; right: -3vw; width: 52vw; height: 770px; overflow: visible; }
.truck-cutout img { width: 100%; height: 100%; object-fit: contain; object-position: right center; }

/* Partners */
.partners { position: relative; min-height: 950px; overflow: hidden; }
.partner-media { position: absolute; inset: 0; }
.partner-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18,18,18,.94) 0%, rgba(18,18,18,.78) 30%, rgba(18,18,18,.28) 70%, rgba(18,18,18,.48) 100%); }
.partner-media img { width: 100%; height: 112%; object-fit: cover; transform: translateY(var(--parallax, 0)); will-change: transform; }
.partner-content { position: relative; z-index: 2; display: flex; min-height: 950px; flex-direction: column; align-items: center; padding: 100px var(--gutter) 22px; text-align: center; }
.partner-content > .section-heading { max-width: 1000px; }
.partner-content > .eyebrow { display: flex; align-items: center; gap: 12px; }
.partner-content > .eyebrow::before { content: ""; width: 12px; height: 12px; background: var(--lime); }
.partner-statement { max-width: 1420px; margin-top: 46px; font-size: clamp(43px, 3vw, 58px); font-weight: 500; line-height: .98; letter-spacing: -.055em; }
.partner-meta { display: flex; flex-direction: column; align-items: center; margin-top: 40px; }
.partner-meta strong { font-size: 42px; font-weight: 500; line-height: .9; letter-spacing: -.05em; }
.partner-meta p { margin-top: 16px; color: var(--paper); font-size: 15px; }
.partner-meta .pill { position: absolute; bottom: 45px; min-height: 44px; }
.logo-rail { position: absolute; z-index: 3; left: var(--gutter); right: var(--gutter); bottom: 132px; height: 157px; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); overflow: hidden; }
.logo-track { display: flex; width: max-content; height: 100%; align-items: center; gap: 0; animation: logoRail 38s linear infinite; will-change: transform; }
.logo-group { display: flex; flex: 0 0 auto; height: 100%; }
.logo-group img { width: 200px; max-width: none; height: 100%; padding: 44px 34px; border-right: 1px solid var(--line-dark); object-fit: contain; filter: brightness(0) invert(1); opacity: .95; }
@keyframes logoRail { to { transform: translateX(-50%); } }

/* Insights */
.insights { padding-bottom: 150px; }
.insights-heading .eyebrow { grid-column: 1; padding-top: 8px; }
.insights-heading .display-copy { grid-column: 2 / 5; padding-left: 20px; }
.featured-posts { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding-inline: var(--gutter); }
.post-card { display: block; min-width: 0; }
.post-card figure { position: relative; overflow: hidden; border-radius: 5px; background: #eee; }
.post-featured figure { height: auto; aspect-ratio: 1.43 / 1; }
.post-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease), filter .5s ease; }
.post-card:hover img { transform: scale(1.025); filter: contrast(1.03); }
.post-category { position: absolute; z-index: 2; top: 16px; left: 16px; padding: 8px 11px; border-radius: 4px; color: var(--paper); background: rgba(28,28,28,.38); font: 12px "Geist Mono", monospace; text-transform: uppercase; backdrop-filter: blur(8px); }
.post-hover-button { position: absolute; z-index: 3; top: 16px; right: 16px; display: grid; width: 16px; height: 16px; place-items: center; border-radius: 50%; color: var(--ink); background: var(--paper); font-size: 0; line-height: 1; transform: translate3d(0,0,0); transition: width .46s var(--ease), height .46s var(--ease), font-size .34s ease, transform .46s var(--ease); }
.post-hover-button [data-lucide] { width: 20px; height: 20px; opacity: 0; transition: opacity .24s ease; }
.post-card:hover .post-hover-button, .post-card:focus-visible .post-hover-button { width: 50px; height: 50px; font-size: 22px; transform: translate3d(0,0,0) rotate(0deg); }
.post-card:hover .post-hover-button [data-lucide], .post-card:focus-visible .post-hover-button [data-lucide] { opacity: 1; }
.post-meta { display: flex; justify-content: space-between; margin-top: 15px; font-family: "Geist Mono", monospace; font-size: 12px; text-transform: uppercase; }
.post-card h3 { max-width: 850px; margin-top: 24px; font-size: clamp(28px, 1.72vw, 33px); font-weight: 500; line-height: 1; letter-spacing: -.045em; }
.post-card > p { max-width: 780px; margin-top: 22px; color: #444; font-size: 17px; line-height: 1.5; }
.post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 110px var(--gutter) 0; padding-top: 38px; border-top: 1px solid var(--line); }
.post-grid figure { height: min(340px, 25vw); }
.post-grid h3 { font-size: clamp(24px, 1.75vw, 34px); }

/* FAQ */
.faqs { border-top: 1px solid var(--line); }
.faq-layout { display: grid; grid-template-columns: 1fr 1.5fr; gap: 80px; padding: 140px var(--gutter) 160px; }
.faq-layout .section-title { font-size: clamp(60px, 5vw, 66px); }
.accordion { border-top: 1px solid var(--line); }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item h3 { margin: 0; }
.faq-item button { display: grid; width: 100%; min-height: 108px; grid-template-columns: 1fr 44px; align-items: center; gap: 24px; padding: 0; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.faq-item button span { font-size: clamp(20px, 1.45vw, 28px); font-weight: 500; letter-spacing: -.025em; }
.faq-item i { position: relative; display: block; width: 36px; height: 36px; justify-self: end; border: 1px solid var(--line); border-radius: 50%; transition: background .25s ease, transform .4s var(--ease); }
.faq-item i::before, .faq-item i::after { content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 1px; background: currentColor; transform: translate(-50%, -50%); }
.faq-item i::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform .35s var(--ease); }
.faq-item button:hover i { background: var(--lime); }
.faq-item button[aria-expanded="true"] i { background: var(--lime); transform: rotate(180deg); }
.faq-item button[aria-expanded="true"] i::after { transform: translate(-50%, -50%) rotate(0deg); }
.faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .5s var(--ease); }
.faq-answer p { max-width: 720px; padding-right: 70px; color: #656565; overflow: hidden; }
.faq-item.is-open .faq-answer { grid-template-rows: 1fr; }
.faq-item.is-open .faq-answer p { padding-bottom: 34px; }

/* About page */
.about-body { background: var(--ink); }
.about-hero { padding-top: var(--header-h); }
.about-hero-copy {
  display: grid;
  min-height: 365px;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  padding-inline: var(--gutter);
}
.about-kicker { grid-column: 1; display: flex; align-items: center; gap: 12px; align-self: start; padding-top: 112px; }
.about-kicker i { width: 12px; height: 12px; background: var(--lime); }
.about-hero h1 {
  grid-column: 2 / 5;
  align-self: center;
  font-size: clamp(60px, 4.25vw, 82px);
  font-weight: 500;
  line-height: .92;
  letter-spacing: -.055em;
  text-transform: uppercase;
}
.about-hero h1 span { display: block; }
.about-hero-media { height: clamp(650px, 37.5vw, 720px); overflow: hidden; }
.about-hero-media img { width: 100%; height: 112%; object-fit: cover; object-position: 50% 45%; animation: aboutHeroIn 1.35s var(--ease) both; }
@keyframes aboutHeroIn { from { clip-path: inset(16% 0 0); transform: scale(1.04); } to { clip-path: inset(0); transform: scale(1); } }

.about-story { padding: 130px var(--gutter) 0; }
.about-story-title { max-width: 760px; font-size: clamp(43px, 3.15vw, 60px); font-weight: 500; line-height: 1.06; letter-spacing: -.05em; }
.about-story-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; margin-top: 115px; }
.about-story-gallery { min-height: 1770px; }
.about-story-image { height: auto; aspect-ratio: 1.19 / 1; overflow: hidden; border-radius: 4px; background: #eee; }
.about-story-image img { width: 100%; height: 112%; object-fit: cover; transform: translateY(var(--story-image-shift, 0)); }
.story-image-one { width: 79%; }
.story-image-two { width: 64%; margin: 28px 0 0 15%; }
.story-image-three { width: 70%; margin: 28px 0 0 10%; }
.about-story-statement {
  position: sticky;
  top: 245px;
  align-self: start;
  padding-bottom: 320px;
  font-size: clamp(31px, 2.46vw, 47px);
  font-weight: 500;
  line-height: 1.13;
  letter-spacing: -.045em;
}
.about-story-statement span { display: block; color: #c7c7c4; transition: color .48s ease; }
.about-story-statement span.is-active { color: var(--ink); }

.about-marquee { height: 92px; color: var(--ink); background: var(--paper); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow: hidden; }
.about-marquee-track { display: flex; width: max-content; height: 100%; animation: aboutRail 27s linear infinite; }
.about-marquee-group { display: flex; flex: 0 0 auto; height: 100%; }
.about-marquee span { display: flex; min-width: 320px; align-items: center; justify-content: center; gap: 60px; padding-inline: 35px; font: 13px "Geist Mono", monospace; text-transform: uppercase; white-space: nowrap; }
.about-marquee span::before { content: ""; width: 9px; height: 9px; margin-right: 48px; background: currentColor; }
@keyframes aboutRail { to { transform: translateX(-50%); } }

.founder { padding: 78px var(--gutter) 155px; }
.founder-card { display: grid; min-height: 690px; grid-template-columns: 1fr 1fr; overflow: hidden; border-radius: 5px; background-color: #f5f5f1; background-image: linear-gradient(rgba(28,28,28,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(28,28,28,.055) 1px, transparent 1px); background-size: 76px 76px; }
.founder-copy { display: flex; flex-direction: column; padding: 62px 60px 45px; }
.founder-copy h2 { font-size: clamp(50px, 3.2vw, 62px); font-weight: 500; line-height: 1; letter-spacing: -.055em; }
.founder-copy blockquote { max-width: 780px; margin: 88px 0 0; font-size: clamp(28px, 1.9vw, 37px); font-weight: 500; line-height: 1.2; letter-spacing: -.04em; }
.founder-copy > p { margin-top: auto; color: #777; font-size: 17px; }
.founder-photo { min-width: 0; overflow: hidden; }
.founder-photo img { width: 100%; height: 800px; object-fit: cover; object-position: 50% 22%; }

.history { position: relative; overflow: hidden; }
.history-intro { height: 720px; padding: 150px var(--gutter) 0; }
.history-intro h2 { max-width: 900px; font-size: clamp(56px, 3.7vw, 72px); font-weight: 500; line-height: 1.03; letter-spacing: -.055em; }
.history-grid { position: relative; min-height: 2800px; margin-top: -300px; color: var(--paper); background: transparent; }
.history-card { position: absolute; }
.history-card figure { overflow: hidden; border-radius: 4px; }
.history-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--ease); }
.history-card:hover img { transform: scale(1.025); }
.history-card h3 { margin-top: 24px; color: var(--lime); font-size: clamp(22px, 1.55vw, 30px); font-weight: 500; letter-spacing: -.035em; }
.history-card p { max-width: 800px; margin-top: 12px; color: #b6b6b3; font-size: 15px; line-height: 1.45; }
.history-foundation { top: 0; left: var(--gutter); width: 52%; }
.history-foundation figure { height: 650px; }
.history-expansion { top: 720px; right: var(--gutter); width: 29%; }
.history-expansion figure { height: 610px; }
.history-technology { top: 990px; left: 8%; width: 45%; }
.history-technology figure { height: 680px; }
.history-trusted { top: 1840px; left: 22%; width: 57%; }
.history-trusted figure { height: 660px; }

.impact { padding: 165px var(--gutter) 180px; }
.impact h2 { text-align: center; font-size: clamp(55px, 3.65vw, 70px); font-weight: 500; letter-spacing: -.05em; }
.impact-list { max-width: 1150px; margin: 95px auto 0; }
.impact-list article { display: grid; min-height: 145px; grid-template-columns: 42% 58%; align-items: center; border-bottom: 1px solid var(--line-dark); }
.impact-list strong { color: var(--lime); font-size: clamp(62px, 5.2vw, 100px); font-weight: 400; line-height: 1; letter-spacing: -.055em; }
.impact-list p { max-width: 580px; color: #bcbcb8; font-size: 16px; }

.about-people {
  position: relative;
  padding: 140px var(--gutter) 150px;
  border-top: 1px solid var(--line);
  overflow: hidden;
  background-color: var(--paper);
  background-image: linear-gradient(rgba(28,28,28,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(28,28,28,.035) 1px, transparent 1px);
  background-size: 72px 72px;
}
.about-people::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 84% 8%, rgba(180,239,28,.16), transparent 28%), linear-gradient(180deg, rgba(246,246,241,.2), var(--paper) 92%);
  pointer-events: none;
}
.backers {
  position: relative;
  min-height: 700px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #e9e9e3;
  box-shadow: 0 30px 80px rgba(28,28,28,.08);
  isolation: isolate;
}
.backers::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, #e9e9e3 0%, #e9e9e3 38%, rgba(233,233,227,.96) 46%, rgba(233,233,227,.42) 62%, rgba(233,233,227,0) 76%);
  pointer-events: none;
}
.backers::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 28px;
  right: 28px;
  width: 86px;
  height: 86px;
  border-top: 2px solid var(--lime);
  border-right: 2px solid var(--lime);
  pointer-events: none;
}
.backers figure {
  position: absolute;
  z-index: 0;
  top: 28px;
  right: 28px;
  bottom: 28px;
  width: 58%;
  overflow: hidden;
  border-radius: 4px;
  background: #d8d8d2;
}
.backers figure::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(28,28,28,0) 55%, rgba(28,28,28,.16));
  pointer-events: none;
}
.backers figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.15s var(--ease), filter .6s ease;
}
.backers:hover figure img { transform: scale(1.025); filter: contrast(1.03); }
.backers-copy {
  position: relative;
  z-index: 2;
  display: flex;
  width: 56%;
  min-height: 700px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 82px clamp(52px, 5.9vw, 112px);
}
.backers-copy::before {
  content: "";
  width: 44px;
  height: 4px;
  margin-bottom: 40px;
  border-radius: 10px;
  background: var(--lime);
  box-shadow: 12px 0 0 rgba(28,28,28,.16);
}
.backers-copy h2 {
  max-width: 760px;
  font-size: clamp(50px, 4vw, 76px);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.062em;
  text-wrap: balance;
}
.backers-copy .pill { margin-top: 56px; box-shadow: 0 14px 30px rgba(28,28,28,.12); }
.backers-copy .pill:hover, .backers-copy .pill:focus-visible { transform: translateY(-3px); }
.backers-route {
  position: absolute;
  z-index: 3;
  top: 92px;
  bottom: 92px;
  left: 46%;
  width: 1px;
  background: linear-gradient(180deg, transparent, var(--lime) 16%, var(--lime) 84%, transparent);
  pointer-events: none;
}
.backers-route::before, .backers-route::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 10px;
  height: 10px;
  border: 3px solid #e9e9e3;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 0 1px rgba(28,28,28,.12), 0 0 18px rgba(180,239,28,.55);
  transform: translateX(-50%);
}
.backers-route::before { top: 21%; }
.backers-route::after { bottom: 21%; }
.team-title { margin: 135px 0 48px; font-size: clamp(58px, 4.1vw, 78px); font-weight: 500; letter-spacing: -.055em; }
.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.team-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 4px; background: var(--paper); }
.team-card figure { height: 430px; overflow: hidden; background: #ddd; }
.team-card img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: filter .45s ease, transform .8s var(--ease); }
.team-card:nth-child(2) img { object-position: 50% 28%; }
.team-card:nth-child(7) img { object-position: 50% 35%; }
.team-card:hover img, .team-card:focus-within img { filter: grayscale(0); transform: scale(1.025); }
.team-card > div { min-height: 94px; padding: 17px 16px; }
.team-card h3 { font-size: 17px; font-weight: 500; }
.team-card p { margin-top: 8px; font: 11px "Geist Mono", monospace; text-transform: uppercase; }
.journey { position: relative; min-height: 690px; margin-top: 95px; overflow: hidden; border-radius: 5px; color: var(--paper); }
.journey > img, .journey-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.journey > img { object-fit: cover; }
.journey-shade { background: linear-gradient(0deg, rgba(18,18,18,.82), rgba(18,18,18,.02) 66%); }
.journey > h2 { position: absolute; z-index: 2; left: 36px; bottom: 34px; font-size: clamp(58px, 4.4vw, 84px); font-weight: 500; line-height: .95; letter-spacing: -.055em; }
.journey-copy { position: absolute; z-index: 2; right: 50px; bottom: 38px; width: 47%; }
.journey-copy p { max-width: 640px; font-size: 17px; }
.journey-copy .pill { margin-top: 25px; }

/* Contact page */
.contact-body { background: var(--ink); }
.contact-hero {
  position: relative;
  display: grid;
  min-height: clamp(620px, 74svh, 700px);
  grid-template-columns: minmax(0, 1.72fr) minmax(300px, .58fr);
  align-content: center;
  column-gap: clamp(58px, 7vw, 126px);
  row-gap: clamp(42px, 5vw, 64px);
  padding: calc(var(--header-h) + 68px) var(--gutter) 52px;
  overflow: hidden;
}
.contact-hero::before {
  content: "";
  position: absolute;
  inset: var(--header-h) 0 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent calc(25% - .5px), rgba(255,255,255,.055) 25%, transparent calc(25% + .5px)),
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(255,255,255,.055) 50%, transparent calc(50% + .5px)),
    linear-gradient(90deg, transparent calc(75% - .5px), rgba(255,255,255,.055) 75%, transparent calc(75% + .5px));
}
.contact-hero-main,
.contact-hero-aside,
.contact-route { position: relative; z-index: 1; }
.contact-hero-main .section-kicker { margin-bottom: 24px; }
.contact-hero h1 {
  max-width: 900px;
  font-size: clamp(66px, 5.85vw, 112px);
  font-weight: 560;
  line-height: .88;
  letter-spacing: -.064em;
}
.contact-hero h1 span { color: var(--lime); }
.contact-hero-aside {
  align-self: center;
  padding: 4px 0 4px 26px;
  border-left: 1px solid rgba(255,255,255,.2);
}
.contact-hero-aside > p:not(.contact-availability) {
  max-width: 390px;
  color: #c6c7c1;
  font-size: clamp(15px, .94vw, 17px);
  line-height: 1.5;
}
.contact-availability {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 19px;
  color: var(--paper);
  font-family: "Geist Mono", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.contact-availability i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 0 6px rgba(184,233,49,.11);
  animation: contactPulse 2s ease-in-out infinite;
}
.contact-hero-aside > a {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(255,255,255,.48);
  font-size: 15px;
  font-weight: 650;
  transition: color .25s ease, border-color .25s ease;
}
.contact-hero-aside > a:hover { color: var(--lime); border-color: var(--lime); }
.contact-route {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto minmax(120px, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin-top: 0;
  color: #8e908a;
  font: 650 10px/1.2 "Geist Mono", monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.contact-route-line { position: relative; height: 1px; background: rgba(255,255,255,.2); }
.contact-route-line::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 1px;
  background: var(--lime);
  box-shadow: 0 0 12px rgba(184,233,49,.55);
  animation: contactRoute 4s var(--ease) infinite;
}
.contact-route-line i { position: absolute; top: -3px; width: 7px; height: 7px; border: 1px solid var(--lime); border-radius: 50%; background: var(--ink); }
.contact-route-line i:first-child { left: 0; }
.contact-route-line i:last-child { right: 0; }
.contact-route-line b { position: absolute; top: -2px; left: 50%; width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,.48); }

.contact-workspace {
  display: grid;
  grid-template-columns: minmax(300px, .82fr) minmax(520px, 1.18fr);
  gap: clamp(70px, 9vw, 170px);
  padding: 148px var(--gutter) 160px;
  scroll-margin-top: var(--header-h);
}
.contact-details { align-self: start; }
.contact-details > .section-kicker { margin-bottom: 26px; }
.contact-details > .section-heading { max-width: 590px; font-size: clamp(46px, 3.45vw, 66px); }
.contact-details dl { display: flex; flex-direction: column; gap: 0; margin: 72px 0 0; }
.contact-details dl div { padding: 24px 0 25px; border-top: 1px solid var(--line); }
.contact-details dl div:last-child { border-bottom: 1px solid var(--line); }
.contact-details dt {
  margin-bottom: 12px;
  color: #777872;
  font-family: "Geist Mono", monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.contact-details dd { margin: 0; font-size: clamp(17px, 1.1vw, 21px); font-weight: 560; line-height: 1.34; letter-spacing: -.025em; }
.contact-details dd a { display: flex; width: fit-content; max-width: 100%; align-items: flex-start; gap: 8px; transition: color .25s ease; }
.contact-details dd a { overflow-wrap: anywhere; }
.contact-details dd a:hover { color: #648600; }
.contact-details dd [data-lucide] { width: 15px; height: 15px; margin-top: 5px; }
.contact-socials { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.contact-socials a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 22px;
  padding: 0 15px 0 17px;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}
.contact-socials a:hover { color: var(--paper); background: var(--ink); border-color: var(--ink); }

.contact-form-panel {
  padding: clamp(34px, 3.3vw, 62px);
  border-radius: 4px;
  color: var(--paper);
  background: var(--ink);
  box-shadow: 0 34px 80px rgba(28,28,28,.13);
}
.contact-form-head { padding-bottom: 42px; border-bottom: 1px solid var(--line-dark); }
.contact-form-head .section-kicker { margin-bottom: 23px; }
.contact-form-head h2 { max-width: 680px; font-size: clamp(42px, 3.15vw, 60px); font-weight: 570; line-height: .98; letter-spacing: -.055em; }
.contact-form-head > p:last-child { max-width: 580px; margin-top: 19px; color: #aeb0aa; font-size: 15px; line-height: 1.5; }
.contact-form { display: flex; min-width: 0; flex-direction: column; gap: 24px; padding-top: 38px; }
.contact-form-row { display: grid; gap: 18px; }
.contact-form-row-even { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-field { position: relative; min-width: 0; }
.form-field label {
  display: block;
  margin: 0 0 10px 1px;
  color: #bfc0ba;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .015em;
}
.form-field label span { color: var(--lime); }
.form-field input,
.form-field select,
.form-field textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 2px;
  color: var(--paper);
  background: rgba(255,255,255,.055);
  outline: 0;
  transition: border-color .22s ease, background-color .22s ease, box-shadow .22s ease;
}
.form-field input,
.form-field select { height: 56px; padding: 0 16px; }
.form-field textarea { min-height: 148px; padding: 15px 16px; resize: vertical; }
.form-field textarea::placeholder { color: #777a75; }
.form-field input:hover,
.form-field select:hover,
.form-field textarea:hover { border-color: rgba(255,255,255,.44); }
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus { border-color: var(--lime); background: rgba(255,255,255,.075); box-shadow: 0 0 0 3px rgba(184,233,49,.12); }
.form-field-select select { padding-right: 48px; cursor: pointer; appearance: none; }
.form-field-select select:invalid { color: #8e908a; }
.form-field-select option { color: var(--ink); background: var(--paper); }
.select-icon { position: absolute; right: 17px; bottom: 19px; width: 16px; height: 16px; color: var(--lime); pointer-events: none; }
.field-error { display: none; margin: 7px 2px 0; color: #ff988f; font-size: 12px; }
.form-field.is-invalid .field-error { display: block; }
.form-field.is-invalid input,
.form-field.is-invalid select,
.form-field.is-invalid textarea { border-color: #ff786d; }
.contact-submit {
  position: relative;
  isolation: isolate;
  display: flex;
  width: 100%;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
  padding: 7px 68px 7px 24px;
  border: 0;
  border-radius: 999px;
  color: var(--ink);
  background: var(--lime);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  overflow: hidden;
  transition: transform .25s var(--ease), background-color .25s ease;
}
.contact-submit span { position: relative; z-index: 1; }
.contact-submit > [data-lucide] {
  position: absolute;
  right: 7px;
  width: 44px;
  height: 44px;
  padding: 13px;
  border-radius: 50%;
  color: var(--paper);
  background: var(--ink);
  transition: transform .35s var(--ease);
}
.contact-submit:hover { background: #c5f13f; transform: translateY(-2px); }
.contact-submit:hover > [data-lucide] { transform: rotate(45deg); }
.contact-submit:active { transform: translateY(0); }
.contact-submit:disabled { cursor: wait; opacity: .72; }
.contact-form-status { min-height: 20px; color: var(--lime); font-size: 13px; }
.contact-footer-qr { width: 100px; height: 100px; margin-top: 20px; border-radius: 5px; }

@keyframes contactPulse { 50% { box-shadow: 0 0 0 10px rgba(184,233,49,0); } }
@keyframes contactRoute { 0% { transform: translateX(0); } 75%, 100% { transform: translateX(300%); } }

/* Footer */
.site-footer { position: relative; min-height: 0; color: var(--paper); background: var(--ink); overflow: hidden; }
.footer-media { position: relative; height: clamp(520px, 34vw, 650px); background: var(--ink); overflow: hidden; }
.footer-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(28,28,28,.1) 68%, var(--ink) 100%); }
.footer-media img { width: 100%; height: 138%; object-fit: cover; object-position: 50% 60%; transform: translateY(var(--parallax, 0)); will-change: transform; }
.footer-cta { position: relative; z-index: 2; display: flex; min-height: 700px; flex-direction: column; align-items: center; justify-content: center; padding: 90px 40px 120px; text-align: center; }
.footer-cta h2 { max-width: 780px; }
.footer-cta > p { margin-top: 32px; font-size: 18px; }
.footer-cta .pill { margin-top: 48px; min-height: 68px; padding-left: 22px; font-size: 16px; }
.footer-cta .pill-arrow { width: 52px; height: 52px; font-size: 0; }
.footer-programs { position: relative; min-height: 760px; overflow: hidden; border-bottom: 1px solid var(--line-dark); isolation: isolate; }
.site-footer .footer-programs .footer-media { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; background: #343434; }
.site-footer .footer-programs .footer-media::after {
  background: linear-gradient(180deg, rgba(22,22,22,.5) 0%, rgba(22,22,22,.34) 40%, rgba(22,22,22,.7) 76%, var(--ink) 100%), linear-gradient(90deg, rgba(22,22,22,.28), transparent 35%, transparent 65%, rgba(22,22,22,.28));
}
.site-footer .footer-programs .footer-media img {
  width: 100%;
  height: 118%;
  object-fit: cover;
  object-position: 50% 54%;
  filter: grayscale(.25) saturate(.6) contrast(.88) brightness(.78) blur(1.5px);
  transform: scale(1.02) translateY(var(--parallax, 0));
}
.footer-programs .footer-cta {
  display: block;
  min-height: 760px;
  padding: 96px var(--gutter) 88px;
  background: linear-gradient(180deg, rgba(28,28,28,.08), rgba(28,28,28,.15));
}
.footer-programs .footer-cta h2 {
  max-width: none;
  text-align: center;
}
.footer-program-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(80px, 10vw, 190px);
  max-width: 1600px;
  margin: 112px auto 0;
}
.footer-program-grid::before {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 4px;
  left: 50%;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.28) 18%, rgba(180,239,28,.58) 50%, rgba(255,255,255,.28) 82%, transparent);
}
.footer-program {
  display: flex;
  min-height: 320px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
}
.footer-program h3 {
  max-width: 690px;
  font-size: clamp(31px, 2.15vw, 42px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.footer-programs .footer-program .pill { margin-top: 44px; box-shadow: 0 16px 38px rgba(0,0,0,.2); }
.footer-programs .footer-program .pill:hover, .footer-programs .footer-program .pill:focus-visible { transform: translateY(-3px); }
.footer-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.1fr .8fr 1.2fr .7fr; gap: 30px; padding: 64px var(--gutter) 80px; border-top: 1px solid var(--line-dark); }
.footer-grid > * { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.footer-grid span { color: #9d9d9a; font-family: "Geist Mono", monospace; font-size: 12px; }
.footer-grid a { position: relative; font-size: 15px; }
.footer-grid a:hover { color: var(--lime); }
.footer-brand-logo { width: min(190px, 100%); height: auto; }
.footer-brand p { margin-top: 22px; color: #aaa; font-family: "Geist Mono", monospace; font-size: 12px; }
.footer-contact span:not(:first-child) { margin-top: 24px; }
.footer-contact p { max-width: 360px; }
.footer-contact { min-width: 0; }
.footer-map { width: 100%; max-width: 380px; height: 192px; margin-top: 8px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 6px; background: #dedede; }
.footer-map iframe { display: block; width: 100%; height: 100%; border: 0; }
.footer-qr { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 24px; }
.footer-qr img { display: block; width: 112px; height: 112px; padding: 8px; border-radius: 7px; background: var(--paper); }
.footer-grid .footer-qr span { color: #9d9d9a; font-size: 10px; letter-spacing: .08em; }
.footer-grid .footer-address { display: inline-flex; max-width: 320px; align-items: flex-start; gap: 8px; line-height: 1.45; }
.footer-address [data-lucide] { width: 14px; height: 14px; flex: 0 0 auto; margin-top: 3px; }
.footer-bottom { position: relative; z-index: 2; display: flex; justify-content: space-between; padding: 24px var(--gutter); border-top: 1px solid var(--line-dark); color: #aaa; font-size: 13px; }
.footer-social a, .footer-bottom a { display: inline-flex; align-items: center; gap: 7px; }
.footer-social [data-lucide], .footer-bottom [data-lucide] { width: 14px; height: 14px; transition: transform .25s var(--ease); }
.footer-social a:hover [data-lucide], .footer-social a:focus-visible [data-lucide] { transform: translate(2px, -2px); }
.footer-bottom a:hover [data-lucide], .footer-bottom a:focus-visible [data-lucide] { transform: translateY(-2px); }
.footer-word { height: clamp(150px, 19vw, 65px); margin: 0 var(--gutter); color: #404040; font-size: clamp(170px, 24vw, 160px); font-weight: 700; line-height: .76; letter-spacing: -.075em; white-space: nowrap; overflow: hidden; }

/* Motion */
.js .reveal, .js .reveal-text, .js .reveal-media { opacity: 0; }
.js .reveal { transform: translateY(32px); }
.js .reveal-text { transform: translateY(42px); clip-path: inset(0 0 100% 0); }
.js .reveal-media { transform: scale(.96); clip-path: inset(8% 0 8% 0); }
.js .reveal.is-visible { opacity: 1; transform: none; transition: opacity .8s ease, transform .9s var(--ease); }
.js .reveal-text.is-visible { opacity: 1; transform: none; clip-path: inset(0); transition: opacity .8s ease, transform 1s var(--ease), clip-path 1.1s var(--ease); }
.js .reveal-media.is-visible { opacity: 1; transform: none; clip-path: inset(0); transition: opacity .7s ease, transform 1.2s var(--ease), clip-path 1.2s var(--ease); }

@media (max-width: 1399px) {
  :root { --gutter: 72px; --header-h: 72px; }
  .section-pad { padding-top: 120px; padding-bottom: 96px; }
  .desktop-nav { gap: 22px; }
  .hero-main { padding-left: 20px; }
  .hero-title { font-size: 56px; }
  .hero-cta { margin-top: 40px; }
  .hero-copy { font-size: 16px; }
  .intro { padding-bottom: 125px; }
  .intro-heading { padding-top: 120px; padding-bottom: 88px; }
  .intro-heading .display-copy { font-size: clamp(50px, 4.8vw, 68px); }
  .intro-image { height: min(650px, 49vw); }
  .intro-data { min-height: 350px; padding: 42px; }
  .intro-description { font-size: 21px; }
  .stat-row { min-height: 96px; grid-template-columns: 125px 1fr; }
  .stat-row strong { font-size: 43px; }
  .lane-network-layout { grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr); }
  .lane-label-grid { grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); }
  .service-stage { grid-template-columns: minmax(0, 1fr) minmax(370px, 36%); gap: 52px; }
  .service-row { grid-template-columns: 76px minmax(0, 1fr) 0; }
  .service-name { font-size: clamp(28px, 2.55vw, 36px); }
  .service-previews { height: 560px; }
  .service-preview figure { height: 300px; }
  .solution-card { min-height: 450px; padding-inline: 26px; }
  .solution-card p { font-size: 14px; }
  .process-list { padding-right: 48px; }
  .process-step { min-height: 720px; }
  .process-step figure { height: 260px; min-height: 0; }
  .process-copy { padding-top: 56px; }
  .company-stage { min-height: 900px; }
  .truck-cutout { width: 56vw; }
  .partners, .partner-content { min-height: 900px; }
  .about-hero-copy { min-height: 285px; }
  .about-kicker { padding-top: 82px; }
  .about-hero h1 { font-size: 58px; }
  .about-hero-media { height: 720px; }
  .about-story { padding-top: 110px; }
  .about-story-title { max-width: 650px; font-size: 43px; }
  .about-story-layout { margin-top: 82px; }
  .about-story-gallery { min-height: 1280px; }
  .about-story-image, .story-image-two, .story-image-three { height: auto; }
  .about-story-statement { top: 220px; font-size: 30px; }
  .founder-card { min-height: 620px; }
  .founder-copy { padding: 45px 38px 34px; }
  .founder-copy blockquote { margin-top: 65px; font-size: 28px; }
  .history-intro { height: 650px; padding-top: 120px; }
  .history-grid { min-height: 2520px; margin-top: -270px; }
  .history-foundation figure { height: 520px; }
  .history-expansion { top: 620px; }
  .history-expansion figure { height: 500px; }
  .history-technology { top: 850px; }
  .history-technology figure { height: 560px; }
  .history-trusted { top: 1590px; }
  .history-trusted figure { height: 540px; }
  .impact-list { max-width: 760px; }
  .backers, .backers-copy { min-height: 620px; }
  .backers-copy { padding: 64px 58px; }
  .backers-copy h2 { font-size: clamp(46px, 4.1vw, 62px); }
  .team-card figure { height: 345px; }
  .journey { min-height: 540px; }
  .site-footer { min-height: 0; }
}

/* Compact laptops: keep navigation and wide contact grids from colliding. */
@media (max-width: 1199px) {
  .desktop-nav, .header-contact { display: none; }
  .site-header { grid-template-columns: 1fr auto; }
  .menu-toggle {
    position: relative;
    z-index: 3;
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    justify-self: end;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    cursor: pointer;
  }
  .menu-toggle span { position: absolute; width: 24px; height: 1px; background: currentColor; transition: transform .35s var(--ease), top .35s var(--ease); }
  .menu-toggle span:first-child { top: 20px; }
  .menu-toggle span:last-child { top: 28px; }
  .menu-toggle[aria-expanded="true"] span:first-child { top: 24px; transform: rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { top: 24px; transform: rotate(-45deg); }
  .mobile-menu {
    position: fixed;
    z-index: 2;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 110px var(--gutter) 50px;
    color: var(--paper);
    background: var(--ink);
    visibility: hidden;
    opacity: 0;
    transform: translateY(-2%);
    transition: opacity .35s ease, transform .5s var(--ease), visibility .35s;
  }
  .mobile-menu.is-open { visibility: visible; opacity: 1; transform: none; }
  .mobile-menu a { display: flex; min-height: 68px; align-items: center; gap: 30px; border-bottom: 1px solid var(--line-dark); font-size: clamp(30px, 5vw, 48px); line-height: 1; letter-spacing: -.04em; }
  .mobile-menu a span { width: 36px; color: #777; font: 12px "Geist Mono", monospace; }
  .site-header:has(.mobile-menu.is-open) { color: var(--paper); border-color: var(--line-dark); transform: none; }
  .site-header:has(.mobile-menu.is-open) .brand-dark { opacity: 0; }
  .site-header:has(.mobile-menu.is-open) .brand-white { opacity: 1; }
  .contact-workspace { grid-template-columns: 1fr; gap: 84px; padding-top: 110px; padding-bottom: 120px; }
  .contact-details > .section-heading { max-width: 720px; }
  .contact-details dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 54px; }
  .contact-details dl div { padding-right: 22px; border-bottom: 1px solid var(--line); }
  .contact-form-panel { max-width: 860px; }
}

@media (min-width: 768px) and (max-width: 899px) {
  .contact-details dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1023px) {
  :root { --gutter: 32px; --header-h: 72px; }
  .desktop-nav, .header-contact { display: none; }
  .site-header { grid-template-columns: 1fr auto; }
  .menu-toggle { position: relative; z-index: 3; display: grid; width: 48px; height: 48px; place-items: center; justify-self: end; padding: 0; border: 0; color: inherit; background: transparent; cursor: pointer; }
  .menu-toggle span { position: absolute; width: 24px; height: 1px; background: currentColor; transition: transform .35s var(--ease), top .35s var(--ease); }
  .menu-toggle span:first-child { top: 20px; }
  .menu-toggle span:last-child { top: 28px; }
  .menu-toggle[aria-expanded="true"] span:first-child { top: 24px; transform: rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { top: 24px; transform: rotate(-45deg); }
  .mobile-menu { position: fixed; z-index: 2; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 110px var(--gutter) 50px; color: var(--paper); background: var(--ink); visibility: hidden; opacity: 0; transform: translateY(-2%); transition: opacity .35s ease, transform .5s var(--ease), visibility .35s; }
  .mobile-menu.is-open { visibility: visible; opacity: 1; transform: none; }
  .mobile-menu a { display: flex; min-height: 76px; align-items: center; gap: 30px; border-bottom: 1px solid var(--line-dark); font-size: clamp(34px, 6vw, 58px); line-height: 1; letter-spacing: -.04em; }
  .mobile-menu a span { width: 36px; color: #777; font: 12px "Geist Mono", monospace; }
  .site-header:has(.mobile-menu.is-open) { color: var(--paper); border-color: var(--line-dark); transform: none; }
  .site-header:has(.mobile-menu.is-open) .brand-dark { opacity: 0; }
  .site-header:has(.mobile-menu.is-open) .brand-white { opacity: 1; }
  .hero-grid::before { left: 25%; }
  .hero-title { font-size: clamp(52px, 7vw, 72px); }
  .hero-eyebrow { padding-top: 54px; }
  .hero-main { padding-top: 24px; }
  .hero-copy { min-height: 115px; }
  .intro-heading .display-copy { grid-column: 2 / 5; }
  .intro-identity img { width: 190px; }
  .intro-evidence { display: grid; align-items: start; }
  .intro-image { grid-column: 1 / 5; grid-row: 1; height: min(620px, 68vw); }
  .intro-data { grid-column: 2 / 5; grid-row: 2; min-height: 0; margin-top: -105px; padding: 46px; }
  .stat-row { grid-template-columns: 120px 1fr; }
  .stat-row strong { font-size: 40px; }
  .milestones-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .milestone-card:not(:nth-child(4n + 1)) { border-left: 0; }
  .milestone-card:nth-child(even) { border-left: 1px solid var(--line-dark); }
  .milestone-card:nth-child(4n + 1), .milestone-card:nth-child(4n) { padding-inline: var(--card-gutter); }
  .milestone-card:nth-child(odd) { padding-left: var(--gutter); }
  .milestone-card:nth-child(even) { padding-right: var(--gutter); }
  .partner-showcase { padding: 104px 0 112px; }
  .partner-showcase-head > div { grid-column: 2 / 5; }
  .partner-logo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .partner-logo-card { height: 230px; }
  .lane-network { padding: 105px 0 112px; }
  .lane-network-layout { grid-template-columns: 1fr; }
  .lane-list-panel { min-height: 390px; }
  .lane-label-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .services { min-height: auto; }
  .service-stage { display: block; padding-top: 32px; padding-bottom: 90px; }
  .service-list { gap: 8px; padding-right: 0; }
  .service-row { min-height: 84px; grid-template-columns: 82px 1fr 42px; border-bottom-color: var(--line); }
  .service-name { align-items: flex-start; font-size: clamp(27px, 4vw, 35px); }
  .service-title { max-width: none; }
  .service-availability { width: 32px; height: 32px; flex-basis: 32px; margin-top: -6px; }
  .service-plus { display: grid; width: 34px; height: 34px; place-items: center; justify-self: center; border: 1px solid var(--line); border-radius: 50%; opacity: .55; transition: opacity .3s ease, color .3s ease, background-color .3s ease, transform .4s var(--ease); }
  .service-row.is-active .service-plus { color: var(--ink); background: var(--lime); opacity: 1; transform: rotate(45deg); }
  .service-previews { display: none; }
  .experience-gallery-inner { padding-top: 110px; padding-bottom: 120px; }
  .experience-gallery-head { max-width: 820px; }
  .experience-gallery-grid { grid-template-columns: 1fr; gap: 56px; margin-top: 64px; }
  .experience-card figure { height: 58vw; min-height: 420px; }
  .experience-card-road img { object-position: 50% 50%; }
  .solution-grid { grid-template-columns: 1fr 1fr; }
  .solution-trucks { height: 70vw; min-height: 520px; }
  .solution-manifesto { min-height: 760px; }
  .process-shell { grid-template-columns: 43% 57%; }
  .process-heading-inner { padding-right: 34px; }
  .process-heading h2 { font-size: 44px; }
  .process-list { padding-right: 24px; padding-left: 62px; }
  .process-step { min-height: 610px; }
  .process-step figure { height: 250px; }
  .process-marker { left: -93px; }
  .company-stage { min-height: 850px; }
  .company-lede { max-width: 52%; }
  .spec-grid { width: 52%; }
  .truck-cutout { top: 150px; width: 59vw; }
  .partner-statement { max-width: 900px; font-size: 42px; }
  .logo-track img { width: 180px; }
  .faq-layout { grid-template-columns: .9fr 1.1fr; gap: 50px; }
  .about-hero-copy { grid-template-columns: 34% 66%; }
  .about-kicker { grid-column: 1; }
  .about-hero h1 { grid-column: 2; font-size: 46px; }
  .about-hero-media { height: 58vw; min-height: 520px; }
  .about-story-layout { grid-template-columns: 48% 52%; gap: 36px; }
  .about-story-gallery { min-height: 1000px; }
  .about-story-image, .story-image-two, .story-image-three { height: auto; }
  .about-story-statement { top: 170px; font-size: 27px; }
  .founder-card { min-height: 540px; }
  .founder-copy h2 { font-size: 43px; }
  .founder-copy blockquote { margin-top: 45px; font-size: 22px; }
  .history-grid { min-height: 2200px; }
  .history-foundation figure { height: 440px; }
  .history-expansion { top: 570px; width: 34%; }
  .history-expansion figure { height: 430px; }
  .history-technology { top: 810px; width: 49%; }
  .history-technology figure { height: 470px; }
  .history-trusted { top: 1480px; left: 18%; width: 64%; }
  .history-trusted figure { height: 480px; }
  .impact-list article { grid-template-columns: 36% 64%; }
  .about-people { padding-block: 100px 110px; }
  .backers { display: flex; min-height: 0; flex-direction: column; }
  .backers::before { display: none; }
  .backers-copy { width: 100%; min-height: 430px; padding: 66px 58px; }
  .backers-copy h2 { max-width: 820px; font-size: clamp(44px, 6.2vw, 60px); }
  .backers figure { position: relative; inset: auto; width: calc(100% - 32px); height: 58vw; min-height: 390px; max-height: 600px; margin: 0 16px 16px; }
  .backers-route { display: none; }
  .backers::after { top: auto; right: 28px; bottom: 28px; }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .team-card figure { height: 48vw; }
  .journey-copy { width: 52%; }
  .contact-hero { min-height: 700px; grid-template-columns: 1fr; align-content: center; gap: 36px; padding-top: calc(var(--header-h) + 72px); padding-bottom: 52px; }
  .contact-hero h1 { max-width: 760px; }
  .contact-hero-aside { max-width: 590px; }
  .contact-route { margin-top: 14px; }
  .contact-workspace { grid-template-columns: 1fr; gap: 84px; padding-top: 110px; padding-bottom: 120px; }
  .contact-details > .section-heading { max-width: 720px; }
  .contact-details dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 54px; }
  .contact-details dl div { padding-right: 22px; border-bottom: 1px solid var(--line); }
  .contact-form-panel { max-width: 860px; }
  .footer-programs, .footer-programs .footer-cta { min-height: 720px; }
  .footer-programs .footer-cta { padding-top: 84px; padding-bottom: 76px; }
  .footer-program-grid { gap: 62px; margin-top: 88px; }
  .footer-program { min-height: 310px; }
  .footer-program h3 { font-size: clamp(29px, 3.25vw, 36px); }
  .footer-grid { grid-template-columns: 1fr 1fr; row-gap: 60px; }
}

@media (max-width: 767px) {
  :root { --gutter: 20px; --header-h: 72px; --section-heading-size: clamp(38px, 10.8vw, 52px); --section-subtitle-size: 16px; }
  body { font-size: 15px; }
  .section-pad { padding-top: 90px; padding-bottom: 70px; }
  .page-grid { display: block; }
  .eyebrow { font-size: 12px; }
  .display-copy { font-size: clamp(34px, 9.5vw, 48px); line-height: 1.06; }
  .section-title { font-size: clamp(56px, 18vw, 84px); }
  .brand, .brand img { width: 132px; }
  .hero { min-height: 820px; }
  .hero-grid { display: grid; min-height: 820px; grid-template-columns: 1fr; grid-template-rows: var(--header-h) auto 1fr auto; margin: 0; padding-inline: var(--gutter); }
  .hero-grid::before { display: none; }
  .hero-media img, .hero-media video { height: 108%; object-position: 66% 50%; }
  .hero-eyebrow { grid-column: 1; grid-row: 2; padding-top: 46px; }
  .hero-main { grid-column: 1; grid-row: 3; padding: 32px 0 40px; }
  .hero-title { font-size: clamp(45px, 13vw, 68px); line-height: .98; }
  .hero-title > .hero-line:nth-child(2) { max-width: 12ch; }
  .hero-cta { min-height: 56px; margin-top: 44px; }
  .hero-cta .pill-arrow { width: 44px; height: 44px; }
  .scroll-cue { display: none; }
  .hero-copy { grid-column: 1; grid-row: 4; min-height: auto; padding: 22px 0 26px; font-size: 14px; }
  .intro { min-height: 0; padding-bottom: 88px; }
  .intro-heading { display: block; margin-inline: var(--gutter); padding-top: 88px; padding-bottom: 64px; }
  .intro-heading .eyebrow { font-size: 11px; }
  .intro-identity img { width: 180px; margin-top: 34px; }
  .intro-heading .section-kicker { padding-top: 0; }
  .intro-heading .section-heading { margin-top: 28px; padding-left: 0; }
  .intro-heading .section-subtitle { margin-top: 20px; padding-left: 0; }
  .intro-evidence { display: block; margin-inline: 0; }
  .intro-image { height: 92vw; margin-inline: var(--gutter); border-radius: 4px; }
  .intro-image::after { background: linear-gradient(0deg, rgba(18,18,18,.14), transparent 45%); }
  .intro-data { min-height: 0; margin: -44px var(--gutter) 0; padding: 34px 24px 30px; border-radius: 4px; box-shadow: 0 22px 52px rgba(28,28,28,.1); }
  .intro-description { margin-bottom: 36px; font-size: 20px; line-height: 1.35; }
  .stat-row { min-height: 112px; grid-template-columns: 88px 1fr; gap: 16px; }
  .stat-row strong { font-size: 34px; }
  .stat-row p { font-size: 12px; line-height: 1.4; }
  .intro-data > .pill { margin-top: 32px; }
  .milestones { min-height: 0; }
  .milestones-head { min-height: 0; padding: 76px var(--gutter) 42px; }
  .milestones-head .section-heading { max-width: 9ch; }
  .milestones-head p { margin-top: 13px; font-size: 15px; }
  .milestone-card { min-height: 184px; padding: 22px 16px 28px; }
  .milestone-card:nth-child(odd) { padding-left: var(--gutter); }
  .milestone-card:nth-child(even) { padding-right: var(--gutter); }
  .milestone-icon { width: 38px; height: 38px; border-radius: 9px; }
  .milestone-icon img { width: 21px; height: 21px; }
  .milestone-card strong { margin-top: 20px; font-size: clamp(31px, 9.5vw, 44px); }
  .milestone-card p { margin-top: 12px; font-size: 13px; }
  .partner-showcase { padding: 88px 0 94px; background-size: 48px 48px; }
  .partner-showcase-head > div { margin-top: 38px; padding-left: 0; }
  .partner-showcase-copy { margin-top: 24px; font-size: 16px; }
  .partner-logo-grid { gap: 10px; margin-top: 54px; }
  .partner-logo-card { height: 160px; }
  .partner-logo-card::before { width: 38px; height: 2px; }
  .partner-logo-slot { padding: 22px 16px; }
  .partner-logo-slot img { max-width: 78%; max-height: 54px; }
  .partner-logo-slot .partner-logo-tall { max-height: 68px; }
  .lane-network { padding: 86px 0 92px; background-size: 48px 48px; }
  .lane-network-head { display: block; }
  .lane-network-kicker { margin-bottom: 16px; }
  .lane-network-head .section-heading { max-width: 10ch; }
  .lane-network-status { min-width: 0; align-items: flex-start; margin-top: 34px; padding-bottom: 0; }
  .lane-network-status strong { min-height: 42px; font-size: 10px; }
  .lane-network-layout { gap: 12px; margin-top: 50px; }
  .lane-map-card, .lane-list-panel { border-radius: 9px; }
  .lane-map-toolbar, .lane-list-head { min-height: 58px; padding-inline: 15px; }
  .lane-list-panel { min-height: 0; }
  .lane-list-head strong, .lane-map-toolbar strong { font-size: 13px; }
  .lane-list-count { font-size: 8px; }
  .lane-label-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 14px; }
  .lane-label-grid button { min-height: 48px; gap: 4px; padding-inline: 8px; font-size: 11px; }
  .services-head { padding-top: 90px; padding-bottom: 60px; }
  .service-stage { padding: 18px var(--gutter) 84px; }
  .service-list { gap: 10px; }
  .service-row { min-height: 94px; grid-template-columns: 45px minmax(0, 1fr) 48px; border-color: var(--line); }
  .service-number { font-size: 17px; font-family: "Geist Mono", monospace; }
  .service-name { gap: 7px; font-size: clamp(24px, 6.6vw, 32px); }
  .service-availability { width: 28px; height: 28px; flex-basis: 28px; margin-top: -5px; }
  .service-availability span { font-size: 7px; }
  .service-plus { opacity: 1; transform: none; }
  .service-row.is-active .service-plus { transform: rotate(45deg); }
  .experience-gallery-inner { padding-top: 92px; padding-bottom: 96px; }
  .experience-gallery-head .section-heading { margin-top: 20px; }
  .experience-gallery-head .section-subtitle { margin-top: 14px; }
  .experience-gallery-grid { gap: 42px; margin-top: 50px; }
  .experience-card figure { height: 78vw; min-height: 300px; max-height: 470px; }
  .experience-card-team img { object-position: 50% 50%; }
  .experience-play { width: 62px; height: 62px; }
  .experience-play::after { inset: -7px; }
  .experience-card-index { top: 12px; right: 12px; }
  .experience-card-caption { min-height: 76px; padding-top: 14px; }
  .experience-card-caption > span:first-child { max-width: 78%; font-size: 15px; }
  .experience-card-caption > span:last-child { width: 36px; height: 36px; justify-content: center; border: 1px solid var(--line); border-radius: 50%; font-size: 0; }
  .solution-intro > div { margin-top: 38px; padding-left: 0; }
  .solution-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 40px; }
  .solution-card { min-height: 390px; }
  .solution-trucks { height: 86vw; min-height: 330px; }
  .solution-trucks img { object-position: 50% 50%; }
  .solution-manifesto { min-height: 720px; padding-inline: 34px; }
  .solution-manifesto > p { font-size: 38px; }
  .manifesto-squares i { transform: scale(.72) translate3d(0, calc(var(--manifesto-shift, 0px) * var(--d)), 0); }
  .process-shell { display: block; }
  .process-marquee { height: 72px; }
  .process-marquee span { min-width: 250px; gap: 46px; padding-inline: 24px; font-size: 11px; }
  .process-heading-inner { position: relative; height: auto; padding: 100px var(--gutter) 72px; }
  .process-heading h2 { margin-top: 34px; font-size: 48px; }
  .process-list { padding: 0 var(--gutter) 70px 64px; }
  .process-line { top: 44px; bottom: 60px; left: 32px; }
  .process-step { min-height: 0; padding: 84px 0 54px; }
  .process-step figure { height: 64vw; min-height: 220px; }
  .process-marker { top: 54px; left: -62px; width: 54px; height: 54px; font-size: 15px; }
  .process-copy { padding-top: 32px; }
  .process-copy h3 { font-size: 34px; }
  .process-copy p { font-size: 15px; }
  .company-stage { min-height: 0; padding: 90px var(--gutter) 80px; }
  .company-lede { max-width: 100%; margin-top: 28px; font-size: 20px; }
  .count-block { margin-top: 54px; }
  .count-block strong, .count-block > span { font-size: 25vw; }
  .truck-cutout { position: relative; top: auto; right: auto; width: calc(100% + var(--gutter) * 2); height: 72vw; margin: 50px calc(var(--gutter) * -1) 0; }
  .spec-grid { width: 100%; margin-top: 20px; }
  .spec-grid article { min-height: 112px; grid-template-columns: 34% 66%; }
  .spec-grid p { font-size: 14px; }
  .partners, .partner-content { min-height: 1100px; }
  .partner-content { padding-top: 80px; }
  .partner-statement { margin-top: 46px; font-size: 36px; }
  .partner-meta { margin-top: 80px; }
  .logo-rail { left: 0; right: 0; bottom: 150px; }
  .logo-track img { width: 170px; padding-inline: 28px; }
  .partner-meta .pill { bottom: 40px; }
  .insights-heading .display-copy { margin-top: 38px; padding-left: 0; }
  .featured-posts, .post-grid { grid-template-columns: 1fr; gap: 70px; }
  .post-featured figure, .post-grid figure { width: 100%; height: 70vw; aspect-ratio: auto; }
  .post-card h3 { font-size: 31px; }
  .post-grid { margin-top: 80px; }
  .faq-layout { display: block; padding-top: 100px; }
  .faq-layout .section-title { font-size: 58px; }
  .accordion { margin-top: 70px; }
  .faq-item button { min-height: 92px; }
  .faq-item button span { font-size: 20px; }
  .about-hero-copy { display: block; min-height: 310px; padding-top: 72px; }
  .about-kicker { padding-top: 45px; }
  .about-hero h1 { margin-top: 56px; font-size: clamp(43px, 13vw, 61px); }
  .about-hero-media { height: 76vw; min-height: 360px; }
  .about-hero-media img { object-position: 52% 50%; }
  .about-story { padding-top: 90px; }
  .about-story-title { max-width: 100%; font-size: 37px; }
  .about-story-layout { display: flex; flex-direction: column; gap: 58px; margin-top: 75px; }
  .about-story-gallery { min-height: 0; }
  .about-story-image, .story-image-two, .story-image-three { width: 100%; height: 92vw; margin: 0 0 18px; }
  .story-image-two { width: 84%; margin-left: 16%; }
  .story-image-three { width: 90%; margin-left: 7%; }
  .about-story-statement { position: relative; top: auto; padding: 25px 0 110px; font-size: 29px; }
  .about-marquee { height: 72px; }
  .about-marquee span { min-width: 250px; padding-inline: 20px; font-size: 10px; }
  .founder { padding: 55px var(--gutter) 95px; }
  .founder-card { display: flex; min-height: 0; flex-direction: column; }
  .founder-copy { min-height: 490px; padding: 34px 24px 28px; }
  .founder-copy h2 { font-size: 43px; }
  .founder-copy blockquote { margin-top: 54px; font-size: 24px; }
  .founder-photo { height: 118vw; max-height: 600px; }
  .history-intro { height: 570px; padding-top: 95px; }
  .history-intro h2 { font-size: 43px; }
  .history-grid { display: flex; min-height: 0; flex-direction: column; gap: 90px; margin-top: -170px; padding: 0 var(--gutter) 120px; }
  .history-card { position: relative; inset: auto; width: 100%; }
  .history-card:nth-child(even) { width: 86%; align-self: flex-end; }
  .history-card figure, .history-foundation figure, .history-expansion figure, .history-technology figure, .history-trusted figure { height: 86vw; max-height: 520px; }
  .history-card h3 { font-size: 24px; }
  .impact { padding: 105px var(--gutter) 115px; }
  .impact h2 { text-align: left; font-size: 48px; }
  .impact-list { margin-top: 65px; }
  .impact-list article { min-height: 135px; grid-template-columns: 1fr; align-content: center; gap: 16px; padding-block: 22px; }
  .impact-list strong { font-size: 64px; }
  .impact-list p { font-size: 14px; }
  .about-people { padding-top: 76px; padding-bottom: 88px; background-size: 48px 48px; }
  .backers { border-radius: 5px; box-shadow: 0 18px 44px rgba(28,28,28,.07); }
  .backers-copy { min-height: 410px; padding: 52px 24px 48px; }
  .backers-copy::before { margin-bottom: 30px; }
  .backers-copy h2 { font-size: clamp(38px, 11vw, 50px); line-height: 1; }
  .backers-copy .pill { margin-top: 40px; }
  .backers figure { width: calc(100% - 20px); height: 78vw; min-height: 300px; margin: 0 10px 10px; }
  .backers::after { right: 18px; bottom: 18px; width: 58px; height: 58px; }
  .team-title { margin: 90px 0 38px; font-size: 56px; }
  .team-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .team-card figure { height: 65vw; }
  .team-card > div { min-height: 112px; padding-inline: 12px; }
  .team-card h3 { font-size: 15px; }
  .team-card p { font-size: 9px; }
  .journey { min-height: 690px; margin-top: 70px; }
  .journey > img { object-position: 47% 50%; }
  .journey > h2 { left: 20px; right: 20px; bottom: 250px; font-size: 52px; }
  .journey-copy { right: 20px; bottom: 28px; left: 20px; width: auto; }
  .journey-copy p { font-size: 15px; }
  .contact-hero { min-height: 630px; display: flex; flex-direction: column; justify-content: flex-end; gap: 28px; padding: calc(var(--header-h) + 46px) var(--gutter) 34px; }
  .contact-hero::before { background: linear-gradient(90deg, transparent calc(50% - .5px), rgba(255,255,255,.055) 50%, transparent calc(50% + .5px)); }
  .contact-hero-main .section-kicker { margin-bottom: 18px; }
  .contact-hero h1 { font-size: clamp(50px, 14.35vw, 64px); line-height: .9; letter-spacing: -.057em; }
  .contact-hero-aside { padding: 0; border-left: 0; }
  .contact-availability { margin-bottom: 14px; }
  .contact-hero-aside > p:not(.contact-availability) { font-size: 15px; }
  .contact-hero-aside > a { margin-top: 18px; }
  .contact-route { width: 100%; grid-template-columns: auto 1fr auto; gap: 10px; margin-top: 8px; font-size: 8px; }
  .contact-workspace { gap: 72px; padding: 86px var(--gutter) 96px; }
  .contact-details > .section-kicker { margin-bottom: 20px; }
  .contact-details > .section-heading { font-size: var(--section-heading-size); }
  .contact-details dl { display: flex; margin-top: 46px; }
  .contact-details dl div { padding: 20px 0 21px; }
  .contact-details dd { max-width: 100%; font-size: 17px; }
  .contact-socials { display: grid; grid-template-columns: 1fr 1fr; }
  .contact-socials a { justify-content: space-between; }
  .contact-form-panel { padding: 32px 20px 26px; }
  .contact-form-head { padding-bottom: 30px; }
  .contact-form-head .section-kicker { margin-bottom: 18px; }
  .contact-form-head h2 { font-size: 39px; }
  .contact-form-head > p:last-child { margin-top: 15px; font-size: 14px; }
  .contact-form { gap: 19px; padding-top: 30px; }
  .contact-form-row { grid-template-columns: 1fr; gap: 19px; }
  .form-field input, .form-field select { height: 54px; }
  .form-field textarea { min-height: 150px; }
  .contact-submit { min-height: 56px; }
  .footer-media { height: 360px; }
  .footer-media img { height: 145%; object-position: 50% 58%; }
  .footer-cta { min-height: 620px; padding-inline: var(--gutter); }
  .footer-programs { min-height: 0; }
  .site-footer .footer-programs .footer-media { height: 100%; }
  .site-footer .footer-programs .footer-media img { height: 108%; object-position: 54% 50%; filter: grayscale(.3) saturate(.56) contrast(.9) brightness(.68) blur(1px); }
  .footer-programs .footer-cta { min-height: 0; padding: 82px var(--gutter) 94px; }
  .footer-program-grid { grid-template-columns: 1fr; gap: 0; margin-top: 72px; }
  .footer-program-grid::before { display: none; }
  .footer-program { min-height: 0; padding: 0 0 68px; }
  .footer-program + .footer-program { padding: 68px 0 0; border-top: 1px solid rgba(255,255,255,.24); }
  .footer-program h3 { max-width: 12ch; font-size: clamp(30px, 8.7vw, 40px); line-height: 1.05; }
  .footer-programs .footer-program .pill { min-height: 62px; margin-top: 36px; font-size: 14px; }
  .footer-programs .footer-program .pill-arrow { width: 48px; height: 48px; }
  .footer-grid { grid-template-columns: 1fr; gap: 55px; padding-bottom: 100px; }
  .footer-grid a { display: flex; min-height: 44px; align-items: center; }
  .footer-bottom { position: relative; padding-block: 22px; }
  .footer-word { height: 130px; margin-inline: var(--gutter); font-size: 31vw; }
  .site-footer { min-height: 0; }
}

@media (hover: none) {
  .post-hover-button { width: 44px; height: 44px; font-size: 19px; }
  .post-hover-button [data-lucide] { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; }
  .hero-media img, .hero-media video, .solution-trucks img, .partner-media img, .footer-media img { transform: none !important; }
  .solution-icon, .solution-icon *, .process-marquee-track, .logo-track { animation: none !important; transform: none !important; }
  .partner-logo-track { animation: none !important; transform: none !important; }
  .lane-route-lines path.is-focus, .lane-network-status i, .lane-map-live i { animation: none !important; transform: none !important; }
  .about-marquee-track { animation: none !important; transform: none !important; }
  .about-story-statement span { color: var(--ink) !important; }
  .js .reveal, .js .reveal-text, .js .reveal-media { opacity: 1; transform: none; clip-path: none; }
  .hero-intro-pending .hero-word,
  .hero-intro-pending .hero-glyph,
  .hero-intro-pending .hero-rest,
  .hero-intro-pending .hero-cta { opacity: 1 !important; visibility: visible !important; transform: none !important; }
}

/* Blog / News */
.blog-body { background: var(--paper); }

.blog-hero {
  display: grid;
  min-height: 520px;
  grid-template-columns: 25% 75%;
  padding: 148px var(--gutter) 92px;
}
.blog-kicker {
  align-self: start;
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 17px;
}
.blog-kicker i { width: 10px; height: 10px; background: var(--lime); }
.blog-hero h1 {
  align-self: start;
  display: flex;
  max-width: 980px;
  flex-direction: column;
  font-size: clamp(58px, 5.47vw, 105px);
  font-weight: 500;
  line-height: .99;
  letter-spacing: -.057em;
  text-transform: uppercase;
}

.blog-news { padding: 0 var(--gutter) 160px; }
.blog-filters {
  display: flex;
  min-height: 78px;
  align-items: flex-start;
  gap: 8px;
  padding-top: 2px;
  border-bottom: 1px solid var(--line);
}
.blog-filters button {
  min-height: 44px;
  padding: 0 14px;
  border: 0;
  border-radius: 3px;
  color: #606060;
  background: #eeeeeb;
  font-family: "Geist Mono", monospace;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: color .24s ease, background-color .24s ease, transform .24s var(--ease);
}
.blog-filters button:hover { color: var(--paper); background: #555; }
.blog-filters button:active { transform: scale(.97); }
.blog-filters button.is-active { color: var(--paper); background: var(--ink); }

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 58px;
  padding-top: 32px;
}
.blog-card {
  min-width: 0;
  transition: opacity .28s ease, transform .4s var(--ease);
}
.blog-card.is-leaving,
.blog-card.is-entering { opacity: 0; transform: translateY(12px); }
.blog-card.is-filtered { display: none; }
.blog-card a { display: block; }
.blog-card figure {
  position: relative;
  aspect-ratio: 1.428 / 1;
  border-radius: 3px;
  background: #ececea;
  overflow: hidden;
}
.blog-card figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15,15,15,.12), transparent 35%);
  pointer-events: none;
}
.blog-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .65s var(--ease), filter .45s ease;
}
.blog-card:nth-child(5) img,
.blog-card:nth-child(6) img { object-position: center 47%; }
.blog-category {
  position: absolute;
  z-index: 2;
  top: 16px;
  left: 16px;
  padding: 9px 12px;
  border-radius: 3px;
  color: var(--paper);
  background: rgba(58, 66, 68, .42);
  backdrop-filter: blur(9px);
  font-family: "Geist Mono", monospace;
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase;
}
.blog-open {
  position: absolute;
  z-index: 3;
  top: 16px;
  right: 16px;
  display: grid;
  width: 14px;
  height: 14px;
  place-items: center;
  border-radius: 50%;
  color: var(--ink);
  background: var(--paper);
  font-size: 0;
  transform: rotate(-45deg);
  transition: width .4s var(--ease), height .4s var(--ease), font-size .25s ease, transform .4s var(--ease);
}
.blog-open [data-lucide] { width: 20px; height: 20px; opacity: 0; transition: opacity .24s ease; }
.blog-card h2 {
  margin-top: 15px;
  font-size: clamp(19px, 1.25vw, 24px);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -.035em;
}
.blog-card p {
  display: -webkit-box;
  margin-top: 17px;
  color: #565656;
  font-size: clamp(14px, .84vw, 16px);
  line-height: 1.48;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.blog-card a:hover img,
.blog-card a:focus-visible img { transform: scale(1.035); }
.blog-card a:hover .blog-open,
.blog-card a:focus-visible .blog-open {
  width: 52px;
  height: 52px;
  font-size: 22px;
  transform: rotate(0deg);
}
.blog-card a:hover .blog-open [data-lucide],
.blog-card a:focus-visible .blog-open [data-lucide] { opacity: 1; }
.blog-body .footer-media { height: clamp(760px, 55vw, 1050px); }
.blog-body .footer-media img { transform: translateY(calc(var(--parallax, 0%) - 8%)); }

@media (max-width: 1023px) {
  .blog-hero { min-height: 470px; grid-template-columns: 30% 70%; padding-top: 132px; }
  .blog-hero h1 { font-size: clamp(48px, 6.7vw, 68px); }
  .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .blog-body .footer-media { height: 650px; }
}

@media (max-width: 767px) {
  .blog-hero {
    min-height: 445px;
    grid-template-columns: 1fr;
    gap: 46px;
    padding: 118px var(--gutter) 60px;
  }
  .blog-kicker { padding-top: 0; }
  .blog-hero h1 { font-size: clamp(40px, 11.8vw, 56px); line-height: 1.01; }
  .blog-news { padding-inline: var(--gutter); padding-bottom: 110px; }
  .blog-filters {
    min-height: 68px;
    margin-inline: calc(var(--gutter) * -1);
    padding: 0 var(--gutter) 12px;
    align-items: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .blog-filters::-webkit-scrollbar { display: none; }
  .blog-filters button { flex: 0 0 auto; }
  .blog-grid { grid-template-columns: 1fr; row-gap: 46px; padding-top: 26px; }
  .blog-card h2 { font-size: 22px; }
  .blog-card p { font-size: 15px; }
  .blog-open { width: 44px; height: 44px; font-size: 19px; transform: none; }
  .blog-open [data-lucide] { opacity: 1; }
  .blog-body .footer-media { height: 430px; }
  .blog-body .footer-media img { transform: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .blog-card,
  .blog-card img,
  .blog-open,
  .blog-filters button { transition: none !important; }
}

/* Solutions */
.solutions-page { background: var(--paper); }
.solutions-hero {
  display: grid;
  min-height: 427px;
  grid-template-columns: 25% 75%;
  padding: 148px var(--gutter) 60px;
}
.solutions-kicker { display: flex; align-items: center; gap: 16px; padding-top: 15px; }
.solutions-kicker i { width: 10px; height: 10px; background: var(--lime); }
.solutions-hero h1 {
  display: flex;
  flex-direction: column;
  font-size: clamp(58px, 5.47vw, 105px);
  font-weight: 500;
  line-height: .99;
  letter-spacing: -.057em;
  text-transform: uppercase;
}
.solutions-hero-media { height: clamp(720px, 73vw, 1080px); overflow: hidden; }
.solutions-hero-media img { width: 100%; height: 116%; object-fit: cover; object-position: 50% 52%; transform: translateY(var(--parallax, 0%)); }
.solutions-problem { position: relative; z-index: 2; margin-top: -165px; padding: 170px var(--gutter) 170px; }
.solutions-problem > h2 { max-width: 80%; font-size: clamp(48px, 5vw, 76px); font-weight: 500; line-height: 1.04; letter-spacing: -.055em; }
.problem-card { display: grid; min-height: 637px; grid-template-columns: 45% 55%; margin-top: 100px; padding: 45px 40px 40px; border-radius: 4px; background: #f0f0ec; }
.problem-card > .eyebrow { align-self: start; }
.problem-copy { display: flex; flex-direction: column; padding: 0; }
.problem-copy h3 { max-width: 760px; font-size: clamp(27px, 2.1vw, 40px); font-weight: 500; line-height: 1.08; letter-spacing: -.045em; }
.problem-copy > p { max-width: 830px; margin-top: 34px; color: #555; font-size: 14px; line-height: 1.55; }
.problem-copy > p:last-of-type { padding-bottom: 40px; border-bottom: 1px solid #c6c8ca; }
.problem-stat { display: grid; grid-template-columns: 31% 69%; align-items: center; min-height: 185px; margin-top: auto; border-radius: 4px; background-color: var(--lime); background-image: linear-gradient(rgba(24,24,24,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(24,24,24,.045) 1px, transparent 1px); background-size: 32px 32px; }
.problem-stat strong { padding-left: 28px; font-size: clamp(62px, 6.7vw, 110px); font-weight: 500; letter-spacing: -.06em; }
.problem-stat span { max-width: 470px; padding-right: 24px; font-size: clamp(15px, 1.05vw, 20px); line-height: 1.34; }

.expert-section { position: relative; min-height: 1415px; padding: 170px var(--gutter) 120px; overflow: hidden; }
.expert-section > h2 { font-size: clamp(48px, 5vw, 76px); font-weight: 500; line-height: 1.03; letter-spacing: -.055em; }
.expert-orbit { position: relative; width: min(51vw, 700px); aspect-ratio: 1; margin: 60px auto 0; }
.expert-wheel { width: 100%; height: 100%; animation: expert-spin 28s linear infinite; }
.orbit-core { position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; border-radius: 50%; background: var(--lime); transform: translate(-50%, -50%); box-shadow: 0 0 25px rgba(184,239,64,.75); }
.orbit-label { position: absolute; z-index: 2; padding: 7px 10px; border: 1px solid #777b80; color: var(--paper); background: rgb(12, 11, 11); font-family: "Geist Mono", monospace; font-size: 22px; line-height: 1; text-transform: uppercase; white-space: nowrap; }
.orbit-one { top: 7%; left: 62%; }
.orbit-two { top: 48%; right: -9%; }
.orbit-three { right: 1%; bottom: 15%; }
.orbit-four { bottom: 27%; left: -5%; }
.orbit-five { top: 29%; left: -4%; }
@keyframes expert-spin { to { transform: rotate(360deg); } }
.expert-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 52px; margin-top: 115px; }
.expert-points article { padding-top: 3px; }
.expert-points img { width: 52px; height: 52px; object-fit: contain; }
.expert-points p { max-width: 455px; margin-top: 30px; color: #b9b9b9; font-size: 14px; line-height: 1.5; }

.solution-story { position: relative; height: 720px; overflow: hidden; color: var(--paper); }
.solution-story > img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease); }
.solution-story:hover > img { transform: scale(1.02); }
.story-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,10,10,.46), rgba(10,10,10,.06) 50%, rgba(10,10,10,.25)), linear-gradient(0deg, rgba(8,8,8,.62), transparent 43%); }
.story-label { position: absolute; top: 42px; left: var(--gutter); font-family: "Geist Mono", monospace; font-size: 11px; text-transform: uppercase; }
.solution-story h2 { position: absolute; top: 82px; left: var(--gutter); max-width: 830px; font-size: clamp(42px, 4.3vw, 72px); font-weight: 500; line-height: 1.01; letter-spacing: -.05em; }
.story-description { position: absolute; right: var(--gutter); bottom: 42px; max-width: 460px; font-size: 14px; line-height: 1.5; }

.performance-section { padding: 150px var(--gutter) 175px; overflow: hidden; }
.performance-head { display: grid; grid-template-columns: 66% 34%; align-items: end; }
.performance-head h2 { font-size: clamp(48px, 5vw, 76px); font-weight: 500; line-height: 1.02; letter-spacing: -.055em; }
.performance-head > p { max-width: 330px; padding-bottom: 8px; font-size: 14px; line-height: 1.45; }
.performance-cards { display: flex; width: calc(100% + var(--gutter) * 2); margin: 90px calc(var(--gutter) * -1) 0; overflow: hidden; }
.performance-card { min-width: 0; flex: 1 1 0; transition: flex .65s var(--ease); }
.performance-cards:has(.performance-card:hover) .performance-card:not(:hover) { flex: .88 1 0; }
.performance-card:hover { flex: 1.24 1 0; }
.performance-card figure { position: relative; height: 480px; overflow: hidden; }
.performance-card figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10,10,10,.68), transparent 58%); }
.performance-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .75s var(--ease); }
.performance-card:hover img { transform: scale(1.035); }
.performance-card h3 { position: absolute; z-index: 2; bottom: 28px; left: 28px; max-width: 290px; color: var(--paper); font-size: clamp(26px, 2.3vw, 40px); font-weight: 500; line-height: 1.02; letter-spacing: -.045em; }
.performance-card > p { display: none; }

.solutions-manifesto { display: grid; min-height: 930px; place-items: center; padding: 100px var(--gutter); background-image: linear-gradient(rgba(18,18,18,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(18,18,18,.025) 1px, transparent 1px); background-size: 56px 56px; }
.solutions-manifesto p { max-width: 760px; color: rgba(26,26,26,.1); font-size: clamp(45px, 4.25vw, 72px); font-weight: 500; line-height: .99; letter-spacing: -.055em; text-align: center; }
.trusted-section { padding: 75px var(--gutter) 165px; }
.trusted-section > h2 { font-size: clamp(48px, 5vw, 76px); font-weight: 500; line-height: 1; letter-spacing: -.055em; text-align: center; }
.trusted-card { display: grid; grid-template-columns: 60% 40%; width: 100%; margin: 100px auto 0; border-radius: 5px; overflow: hidden; }
.trusted-card figure { min-height: 607px; overflow: hidden; }
.trusted-card figure img { width: 100%; height: 800px; object-fit: cover; }
.trusted-copy { display: flex; min-width: 0; min-height: 607px; flex-direction: column; padding: 34px 32px 31px; background: var(--lime); }
.testimonial-viewport { position: relative; flex: 1; min-height: 455px; }
.testimonial-slide { position: absolute; inset: 0; display: flex; flex-direction: column; opacity: 0; transform: translateX(25px); pointer-events: none; transition: opacity .48s ease, transform .58s var(--ease); }
.testimonial-slide.is-active { z-index: 1; opacity: 1; transform: none; pointer-events: auto; }
.testimonial-slide blockquote { max-width: 640px; font-size: clamp(25px, 1.8vw, 34px); font-weight: 500; line-height: 1.23; letter-spacing: -.04em; }
.trusted-person { display: grid; grid-template-columns: 160px 1fr; align-items: center; gap: 24px; margin-top: auto; padding-bottom: 39px; }
.trusted-person > img { width: 160px; height: 160px; border-radius: 0; object-fit: cover; }
.trusted-person > div { align-self: stretch; display: flex; flex-direction: column; padding: 4px 0 2px; }
.trusted-person h3 { font-size: clamp(21px, 1.35vw, 26px); font-weight: 500; letter-spacing: -.035em; }
.trusted-person p { margin-top: auto; font-family: "Geist Mono", monospace; font-size: 12px; line-height: 1.55; text-transform: uppercase; }
.testimonial-controls { display: flex; min-height: 76px; align-items: flex-end; justify-content: space-between; padding-top: 26px; border-top: 1px solid rgba(24,24,24,.26); }
.trusted-index { display: flex; align-items: baseline; gap: 7px; margin: 0; }
.trusted-index b { font-size: 28px; font-weight: 500; letter-spacing: -.05em; }
.trusted-index span { color: #5f8616; font-family: "Geist Mono", monospace; font-size: 14px; }
.testimonial-arrows { display: flex; gap: 9px; }
.testimonial-arrows button { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(24,24,24,.35); border-radius: 50%; color: var(--ink); background: transparent; font-size: 19px; cursor: pointer; transition: color .22s ease, background-color .22s ease, transform .22s ease; }
.testimonial-arrows button:hover, .testimonial-arrows button:focus-visible { color: var(--lime); background: var(--ink); }
.testimonial-arrows button:active { transform: scale(.94); }
.solutions-page .footer-media { height: clamp(760px, 55vw, 1050px); }
.solutions-page .footer-media img { transform: translateY(calc(var(--parallax, 0%) - 8%)); }

@media (max-width: 1023px) {
  .solutions-hero { grid-template-columns: 30% 70%; }
  .problem-card { grid-template-columns: 35% 65%; }
  .expert-section { min-height: 1200px; }
  .expert-points { gap: 25px; }
  .solution-story { height: 650px; }
  .performance-card figure { height: 390px; }
  .trusted-card figure, .trusted-copy { min-height: 520px; }
  .trusted-person { grid-template-columns: 120px 1fr; }
  .trusted-person > img { width: 120px; height: 120px; }
}

@media (max-width: 767px) {
  .solutions-hero { display: block; min-height: 355px; padding: 116px var(--gutter) 50px; }
  .solutions-kicker { padding: 0; }
  .solutions-hero h1 { margin-top: 52px; font-size: clamp(40px, 12vw, 56px); line-height: 1; }
  .solutions-hero-media { height: 300px; }
  .solutions-hero-media img { height: 112%; object-position: 52% 50%; }
  .solutions-problem { margin-top: -18px; padding: 75px var(--gutter) 95px; }
  .solutions-problem > h2 { max-width: 11ch; font-size: 39px; }
  .problem-card { display: block; min-height: 0; margin-top: 72px; padding: 24px 20px 20px; }
  .problem-copy { margin-top: 44px; }
  .problem-copy h3 { font-size: 24px; }
  .problem-copy > p { margin-top: 25px; font-size: 13px; }
  .problem-copy > p:last-of-type { padding-bottom: 28px; }
  .problem-stat { min-height: 0; grid-template-columns: 1fr; gap: 10px; margin: 0 -20px -20px; padding: 18px 20px 22px; }
  .problem-stat strong { padding: 0; font-size: 74px; }
  .expert-section { min-height: 0; padding: 82px var(--gutter) 90px; }
  .expert-section > h2 { font-size: 42px; }
  .expert-orbit { width: 105vw; margin: 85px 0 0 -8vw; }
  .orbit-label { font-size: 7px; }
  .expert-points { grid-template-columns: 1fr; gap: 52px; margin-top: 90px; }
  .expert-points article { display: grid; grid-template-columns: 54px 1fr; gap: 22px; align-items: start; }
  .expert-points p { margin-top: 0; font-size: 13px; }
  .solution-story { height: 620px; }
  .solution-story > img { object-position: 50% 50%; }
  .story-label { top: 26px; }
  .solution-story h2 { top: 58px; right: var(--gutter); font-size: 36px; }
  .story-description { right: var(--gutter); bottom: 28px; left: var(--gutter); max-width: none; font-size: 12px; }
  .performance-section { padding: 86px var(--gutter) 105px; }
  .performance-head { display: block; }
  .performance-head h2 { font-size: 41px; }
  .performance-head > p { margin-top: 34px; }
  .performance-cards { display: grid; width: auto; gap: 58px; margin: 64px 0 0; overflow: visible; }
  .performance-card, .performance-card:hover, .performance-cards:has(.performance-card:hover) .performance-card:not(:hover) { flex: none; }
  .performance-card figure { height: 76vw; min-height: 275px; }
  .performance-card h3 { bottom: 20px; left: 20px; font-size: 28px; }
  .performance-card > p { display: block; margin-top: 17px; color: #555; font-size: 14px; line-height: 1.5; }
  .solutions-manifesto { min-height: 690px; padding-inline: 36px; }
  .solutions-manifesto p { font-size: 38px; }
  .trusted-section { padding: 78px var(--gutter) 110px; }
  .trusted-section > h2 { font-size: 43px; }
  .trusted-card { display: block; margin-top: 62px; }
  .trusted-card figure { min-height: 0; height: 78vw; }
  .trusted-copy { min-height: 535px; padding: 26px 22px 24px; }
  .testimonial-viewport { min-height: 410px; }
  .testimonial-slide blockquote { font-size: 27px; }
  .trusted-person { grid-template-columns: 96px 1fr; gap: 16px; padding-bottom: 25px; }
  .trusted-person > img { width: 96px; height: 96px; }
  .trusted-person h3 { font-size: 20px; }
  .trusted-person p { font-size: 9px; }
  .testimonial-controls { min-height: 68px; }
  .solutions-page .footer-media { height: 430px; }
  .solutions-page .footer-media img { transform: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .expert-wheel { animation: none !important; }
  .performance-card, .performance-card img, .solution-story > img { transition: none !important; }
}