@font-face {
  font-family: "Claricord Sans";
  src: url("./fonts/claricord-sans-latin-400-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

:root {
  color-scheme: only light;
  font-family: "Claricord Sans", Arial, sans-serif;
  font-weight: 400;
  font-synthesis: none;
  color: #121212;
  background: #ffffff;
  --paper: #ffffff;
  --ink: #121212;
  --ink-secondary: #3d4250;
  --cobalt: #01318f;
  --orange: #e3482d;
  --orange-hover: #c83f28;
  --hairline: #dcdfe5;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --gutter: clamp(24px, 6vw, 96px);
  --page-max: 1440px;
  --header-height: clamp(72px, 5.55vw, 88px);
  --source-unit: calc(100vw / 1584);
  --target: 44px;
  --fs-display: clamp(40px, 4.66vw, 74px);
  --fs-hero-body: clamp(18px, 1.5vw, 24px);
  --fs-section: 36px;
  --fs-body: 18px;
  --fs-ui: 16px;
  --fs-action: clamp(19px, 1.38vw, 22px);
  --radius-control: 6px;
  --z-art: 0;
  --z-vehicles: 1;
  --z-controls: 3;
  --z-copy: 4;
  --z-header: 5;
  --z-skip: 6;
}

* { box-sizing: border-box; }

[hidden] { display: none; }
html { scroll-behavior: smooth; }
body { margin: 0; min-inline-size: 320px; }
button, a { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
button { font: inherit; color: inherit; }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--cobalt); outline-offset: var(--space-1); }
::selection { color: var(--cobalt); background: #e6eaf4; }

.page-width { inline-size: min(100% - var(--gutter) * 2, var(--page-max)); margin-inline: auto; }
.visually-hidden { position: absolute; inline-size: 1px; block-size: 1px; margin: 0; padding: 0; border: 0; clip-path: inset(50%); white-space: nowrap; }
.skip-link { position: fixed; inset-block-start: var(--space-4); inset-inline-start: var(--gutter); z-index: var(--z-skip); padding: var(--space-3) var(--space-4); background: var(--paper); color: var(--cobalt); transform: translateY(-200%); }
.skip-link:focus { transform: translateY(0); }
.skip-link:not(:focus) { clip-path: inset(50%); }

.page-header { position: absolute; inset-block-start: 0; inset-inline: 0; z-index: var(--z-header); display: flex; align-items: center; justify-content: space-between; gap: var(--space-8); min-block-size: var(--header-height); }
.brand { display: inline-flex; align-items: center; min-block-size: var(--target); margin-inline-start: calc(-8 * var(--source-unit)); }
.brand img { display: block; inline-size: clamp(180px, 13.49vw, 214px); block-size: auto; }
.main-nav { display: flex; align-items: center; min-inline-size: 0; gap: var(--space-8); font-size: var(--fs-ui); line-height: 1.4; }
.main-nav > a { display: inline-flex; align-items: center; min-block-size: var(--target); }
.language-switch { display: flex; align-items: center; gap: var(--space-1); }
.language-switch a { min-block-size: var(--target); min-inline-size: var(--target); padding: 0 var(--space-1); border: 0; background: transparent; cursor: pointer; }
.language-switch a[aria-current="page"] { color: var(--cobalt); font-weight: 700; }

.hero { position: relative; isolation: isolate; }
.bridge-journey { inline-size: 100%; aspect-ratio: 1584 / 993; }
.hero-intro { position: absolute; z-index: var(--z-copy); inset-block-start: calc(156 * var(--source-unit)); inset-inline: 0; inline-size: min(100% - var(--gutter) * 2, 1120px); margin-inline: auto; text-align: center; }
h1 { margin: 0; font-size: var(--fs-display); font-weight: 400; line-height: 1.07; letter-spacing: -0.025em; text-wrap: balance; }
h1 span, .hero-copy span { display: block; }
.hero-copy { margin: var(--space-3) auto var(--space-5); max-inline-size: 38em; color: var(--ink-secondary); font-size: var(--fs-hero-body); line-height: 1.35; text-wrap: pretty; }
.primary-action { display: inline-flex; align-items: center; justify-content: center; min-inline-size: clamp(220px, 17.02vw, 270px); min-block-size: max(48px, 3.467vw); padding: var(--space-2) var(--space-6); border-radius: var(--radius-control); color: var(--paper); background: var(--orange); font-size: var(--fs-action); font-weight: 700; line-height: 1.35; transition: background-color 160ms ease-out; }

.art-window { position: absolute; z-index: var(--z-art); inset-inline-start: 0; inset-block-start: calc(480 * var(--source-unit)); inline-size: 100%; block-size: calc(513 * var(--source-unit)); overflow: clip; background: var(--paper); }
.bridge-image { position: absolute; inset-inline-start: 0; inset-block-start: -93.56725146199%; inline-size: 100%; block-size: auto; max-inline-size: none; user-select: none; -webkit-user-drag: none; pointer-events: none; }
.bridge-image:not([hidden]) { display: block; }
.vehicle-poster { position: absolute; z-index: var(--z-vehicles); inset-block-end: 0; inset-inline-start: 0; inline-size: 100%; block-size: auto; pointer-events: none; }
#vehicle-canvas { position: absolute; inset: 0; z-index: var(--z-vehicles); inline-size: 100%; block-size: 100%; background: transparent; pointer-events: none; }
.motion-pause { position: absolute; z-index: var(--z-controls); inset-inline-end: var(--gutter); inset-block-end: var(--space-6); min-block-size: var(--target); padding: var(--space-2) 0; border: 0; background: transparent; color: var(--ink); font-size: var(--fs-ui); font-weight: 400; line-height: 1.4; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: var(--space-1); cursor: pointer; }

/* One soft photographic reflection below the vehicles; a small cursor cue above.
   Both are decorative compositor layers and never intercept native controls. */
.studio-light-layer, .studio-cursor-layer { position: absolute; inset: 0; overflow: clip; pointer-events: none; }
.studio-light-layer { z-index: var(--z-art); }
.studio-cursor-layer { z-index: var(--z-controls); }
#studio-ring, #studio-glow { position: absolute; inset-block-start: 0; inset-inline-start: 0; opacity: 0; pointer-events: none; }
#studio-ring { inline-size: var(--space-6); block-size: var(--space-6); border: 1px solid rgb(1 49 143 / 55%); border-radius: 50%; box-shadow: 0 0 0 1px rgb(255 255 255 / 35%); }
#studio-glow { inline-size: clamp(144px, 12vw, 192px); aspect-ratio: 1.6; border-radius: 50%; background: radial-gradient(ellipse, rgb(255 255 255 / 85%), rgb(255 255 255 / 35%) 38%, transparent 72%); }
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) { .studio-light-layer, .studio-cursor-layer { display: none; } }

.section-label { margin: 0 0 var(--space-5); color: var(--cobalt); font-size: var(--fs-ui); font-weight: 600; line-height: 1.4; }
h2 { margin: 0; font-size: var(--fs-section); font-weight: 400; line-height: 1.18; letter-spacing: -0.02em; text-wrap: balance; }

@media (hover: hover) {
  .primary-action:hover { background: var(--orange-hover); }
  .main-nav > a:hover { text-decoration: underline; text-underline-offset: var(--space-1); }
  .language-switch a:hover { color: var(--cobalt); }
  .motion-pause:hover { text-decoration-color: currentColor; }
}

@media (max-width: 1080px) {
  :root { --header-height: 80px; --fs-display: 36px; --fs-hero-body: 18px; --fs-action: 19px; --fs-section: 28px; --gutter: 24px; }
  .page-header { position: relative; inset: auto; gap: var(--space-4); }
  .brand { margin-inline-start: 0; }
  .brand img { inline-size: 144px; }
  .main-nav { gap: var(--space-4); }
  .bridge-journey { aspect-ratio: auto; overflow: clip; }
  .hero-intro { position: relative; inset: auto; inline-size: calc(100% - var(--gutter) * 2); padding-block-start: var(--space-6); }
  .hero-copy { max-inline-size: 26em; }
  .primary-action { min-block-size: 48px; }
  /* Reserve 220 source-image rows above the 120%-wide runway for takeoff. */
  .art-window { position: relative; inset-block-start: auto; inset-inline-start: -10%; inline-size: 120%; block-size: auto; aspect-ratio: 1584 / 513; margin-block-start: calc(var(--space-8) + 264 * var(--source-unit)); }
  .vehicle-poster { inset-inline-start: -10%; inline-size: 120%; }
  .motion-pause { inset-block-end: var(--space-4); }
}

@media (max-width: 540px) {
  .main-nav > .contact-link { display: none; }
  .main-nav { gap: var(--space-2); }
  .language-switch { gap: 0; }
}

@media (max-width: 390px) { .main-nav > a { display: none; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .primary-action { transition: none; } }
@media (forced-colors: active) { .primary-action { border: 1px solid ButtonText; } }


/* Growth atlas. The hero's styles above this file remain unchanged. */
:root {
 --chapter-space: clamp(64px, 7.5vw, 120px);
 --fs-chapter: clamp(36px, 3.65vw, 58px);
 --fs-subhead: clamp(24px, 2.05vw, 30px);
 --fs-plan-subhead: 24px;
 --plan-paper: #f4f6fa;
 --plan-rule: #c5cee0;
 --input-edge: #7a859b;
 --blue-secondary: #d6e2fa;
 --z-editorial-art: 0;
 --z-editorial-copy: 1;
}
.chapter-label { margin: 0 0 var(--space-5); color: var(--cobalt); font-size: var(--fs-ui); line-height: 1.4; font-weight: 500; }
.chapter-title { margin: 0; max-inline-size: 20ch; font-size: var(--fs-chapter); line-height: 1.08; letter-spacing: -.028em; font-weight: 400; text-wrap: balance; }
.chapter-lead { margin: var(--space-6) 0 0; max-inline-size: 44ch; font-size: var(--fs-body); line-height: 1.55; color: var(--ink-secondary); }
.editorial-link { display: inline-flex; align-items: center; justify-content: space-between; gap: var(--space-4); min-block-size: var(--target); padding: 0; border: 0; background: none; color: var(--cobalt); font: inherit; font-size: var(--fs-ui); line-height: 1.4; cursor: pointer; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: .3em; }
.editorial-link svg { inline-size: var(--space-6); block-size: var(--space-6); fill: none; stroke: currentColor; stroke-width: 1.5; flex: none; }
.editorial-link[hidden] { display: none; }
.editorial-art { pointer-events: none; }
.editorial-art img { display: block; inline-size: 100%; block-size: 100%; object-fit: contain; opacity: 0; transition: opacity 300ms ease-out; }
.editorial-art.is-ready img, .editorial-art noscript img { opacity: 1; }
.editorial-art noscript img { position: absolute; inset: 0; }
.growth-chapter { position: relative; isolation: isolate; padding-block: var(--chapter-space); }
.growth-art { position: absolute; z-index: var(--z-editorial-art); inset-block: 0; inset-inline-end: 0; inline-size: 100%; mask-image: linear-gradient(to right, transparent 0, transparent 52%, #000 63%); }
.growth-art picture { display: block; inline-size: 100%; block-size: 100%; }
.growth-art img { object-fit: cover; }
.growth-content { position: static; }
.growth-opening, .outcome-explorer { position: relative; z-index: var(--z-editorial-copy); }
.growth-opening { inline-size: 51%; }
.growth-opening .chapter-title { max-inline-size: 18ch; }
.outcome-explorer { inline-size: 53%; margin-block-start: var(--space-10); }
.outcome-tabs { display: flex; gap: var(--space-6); border-block-end: 1px solid var(--plan-rule); }
.outcome-tabs button, .capability-tabs button { position: relative; flex: 0 1 auto; min-inline-size: 0; min-block-size: var(--target); padding: var(--space-3) 0; border: 0; background: none; font: inherit; font-size: var(--fs-ui); line-height: 1.35; cursor: pointer; color: var(--ink-secondary); text-align: start; }
.outcome-tabs button::after, .capability-tabs button::after { content: ''; position: absolute; inset-inline: 0; inset-block-end: -1px; block-size: 2px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform 160ms ease-out; }
.outcome-tabs button[aria-selected=true] { color: var(--cobalt); }
.outcome-tabs button[aria-selected=true]::after, .capability-tabs button[aria-selected=true]::after { transform: scaleX(1); }
.outcome-panel { padding-block: var(--space-8) var(--space-3); min-block-size: 19em; }
.outcome-panel h3 { max-inline-size: 30ch; margin: 0 0 var(--space-4); font-size: var(--fs-subhead); line-height: 1.2; letter-spacing: -.02em; font-weight: 400; text-wrap: balance; }
.outcome-panel > p:not(.indicator-label):not(.outcome-metrics) { margin: 0; max-inline-size: 48ch; font-size: var(--fs-body); line-height: 1.5; color: var(--ink-secondary); }
.indicator-label { margin: var(--space-6) 0 var(--space-2); font-size: var(--fs-ui); line-height: 1.4; color: var(--ink-secondary); }
.outcome-metrics { margin: 0; max-inline-size: 52ch; color: var(--cobalt); font-size: var(--fs-ui); line-height: 1.6; }
.decision-chapter { padding-block: var(--chapter-space); background: var(--paper); scroll-margin-block-start: var(--space-6); }
.decision-heading { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: var(--space-24); align-items: end; margin-block-end: var(--space-12); }
.decision-heading .chapter-title { max-inline-size: 19ch; }
.decision-heading .chapter-lead { margin: 0; max-inline-size: 40ch; }
.decision-folio { position: relative; isolation: isolate; }
.home-enhanced .decision-folio { aspect-ratio: 3 / 2; }
.folio-art { display: none; }
.folio-art picture { display: block; inline-size: 100%; block-size: 100%; }
.home-enhanced .folio-art { display: block; position: absolute; inset: 0; z-index: var(--z-editorial-art); }
.folio-content { position: relative; z-index: var(--z-editorial-copy); padding: var(--space-8); min-inline-size: 0; }
.home-enhanced .folio-content { inline-size: 50%; padding: 7% 6.5% 5% 6%; }
.folio-header { display: flex; justify-content: space-between; align-items: center; gap: var(--space-8); padding-block-end: var(--space-6); border-block-end: 1px solid var(--plan-rule); }
.folio-header p { font-size: var(--fs-ui); color: var(--cobalt); margin: 0; }
.folio-header img { inline-size: var(--space-24); block-size: auto; }
.folio-objective { padding-block: var(--space-8); }
.folio-objective .indicator-label { display: flex; gap: var(--space-4); flex-wrap: wrap; margin: 0 0 var(--space-4); }
#brief-priority { color: var(--cobalt); font-weight: 500; }
.folio-objective h3 { margin: 0; max-inline-size: 27ch; min-block-size: 3lh; font-size: clamp(28px, 2.2vw, 36px); line-height: 1.15; font-weight: 400; letter-spacing: -.025em; text-wrap: balance; }
.decision-stages { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-2) var(--space-6); border-block-end: 1px solid var(--plan-rule); }
.decision-stages button { position: relative; display: flex; align-items: center; gap: var(--space-3); min-inline-size: 0; min-block-size: var(--target); padding: var(--space-4) var(--space-3) var(--space-4) 0; border: 0; background: none; color: var(--ink-secondary); font: inherit; font-size: var(--fs-ui); line-height: 1.4; text-align: start; cursor: pointer; }
.decision-stages button > span:first-child { font-variant-numeric: tabular-nums; font-size: var(--fs-ui); color: var(--cobalt); }
.decision-stages button::after { content:''; position: absolute; inset-inline: 0; inset-block-end: 0; block-size: 2px; background: var(--cobalt); transform: scaleX(0); transform-origin: left; transition: transform 160ms ease-out; }
.decision-stages button:focus-visible { outline: 2px solid var(--cobalt); outline-offset: -2px; }
.decision-stages button[aria-selected=true] { color: var(--cobalt); }
.decision-stages button[aria-selected=true]::after { transform: scaleX(1); }
.decision-body { padding-block: var(--space-8); }
.home-enhanced .decision-body { display: grid; }
.home-enhanced .decision-stage { grid-area: 1 / 1; }
.home-enhanced .decision-stage[hidden] { display: block; visibility: hidden; pointer-events: none; }
.decision-stage { min-inline-size: 0; margin-block-end: var(--space-6); }
.home-enhanced .decision-stage { min-block-size: 9em; margin-block-end: 0; }
.decision-stage h4 { margin: 0 0 var(--space-4); font-size: var(--fs-plan-subhead); line-height: 1.2; font-weight: 400; letter-spacing: -.015em; }
.decision-stage p { margin: 0; max-inline-size: 45ch; font-size: var(--fs-body); line-height: 1.55; color: var(--ink-secondary); }
.folio-footer { display: flex; justify-content: space-between; align-items: center; gap: var(--space-8); padding-block-start: var(--space-6); border-block-start: 1px solid var(--plan-rule); }
.folio-footer > p { margin: 0; max-inline-size: 40ch; color: var(--ink-secondary); font-size: var(--fs-ui); line-height: 1.5; }
.folio-footer .editorial-link { flex-shrink: 0; }
.engineering-chapter { position: relative; isolation: isolate; padding-block-start: var(--chapter-space); background: var(--cobalt); color: var(--paper); }
.engineering-art { position: absolute; z-index: var(--z-editorial-art); inset-block-start: 0; inset-inline-end: 0; inline-size: 85%; max-block-size: 100%; aspect-ratio: 3 / 2; mask-image: linear-gradient(to right, transparent 0, transparent 40%, #000 50%); }
.engineering-art::after { content:''; position:absolute; inset: 55% 0 0; background: linear-gradient(transparent,var(--cobalt) 75%); }
.engineering-art img { object-fit: cover; }
.engineering-opening, .capability-inspector, .engineering-bottom { position: relative; z-index: var(--z-editorial-copy); }
.engineering-opening { inline-size: 48%; }
.engineering-opening .chapter-title { max-inline-size: 17ch; }
.engineering-chapter .chapter-label, .engineering-chapter .chapter-lead { color: var(--blue-secondary); }
.capability-inspector { inline-size: 48%; margin-block-start: var(--space-12); }
.capability-tabs { display: flex; gap: var(--space-8); border-block-end: 1px solid rgb(255 255 255 / 35%); }
.capability-tabs button { color: var(--blue-secondary); }
.capability-tabs button[aria-selected=true] { color: var(--paper); }
#capability-panel { padding-block-start: var(--space-6); min-block-size: 16em; }
#capability-panel h3 { margin: 0 0 var(--space-4); max-inline-size: 28ch; font-size: var(--fs-subhead); line-height: 1.2; font-weight: 400; letter-spacing: -.015em; }
#capability-copy { max-inline-size: 43ch; font-size: var(--fs-body); line-height: 1.55; color: var(--blue-secondary); margin: 0; }
#capability-detail { max-inline-size: 50ch; font-size: var(--fs-ui); line-height: 1.6; margin: var(--space-6) 0 0; }
.engineering-bottom-band { position: relative; z-index: var(--z-editorial-copy); margin-block-start: var(--space-10); padding-block-end: var(--space-12); background: var(--cobalt); }
.engineering-bottom-band::before { content:''; position:absolute; inset-inline:0; inset-block-end:100%; block-size:var(--space-12); background:linear-gradient(transparent,var(--cobalt)); pointer-events:none; }
.engineering-bottom { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; gap: var(--space-24); padding-block-start: var(--space-8); border-block-start: 1px solid rgb(255 255 255 / 35%); }
.ai-execution { margin: 0; max-inline-size: 43ch; color: var(--blue-secondary); font-size: var(--fs-body); line-height: 1.5; }
.quality-inspector summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); min-block-size: var(--target); list-style: none; cursor: pointer; font-size: var(--fs-body); line-height: 1.5; }
.quality-inspector summary::-webkit-details-marker { display: none; }
.quality-inspector summary::after { content:'+'; font-size: var(--fs-subhead); }
.quality-inspector[open] summary::after { transform: rotate(45deg); }
.quality-inspector dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-6); margin: var(--space-6) 0 0; }
.quality-inspector dt { font-size: var(--fs-ui); margin-block-end: var(--space-2); }
.quality-inspector dd { font-size: var(--fs-ui); line-height: 1.5; margin: 0; color: var(--blue-secondary); }
.engineering-chapter :is(button,summary,[tabindex]):focus-visible { outline: 2px solid var(--paper); outline-offset: var(--space-1); }
.conversation-chapter { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.08fr); gap: clamp(48px,7vw,112px); align-items: start; padding-block: var(--chapter-space); scroll-margin-block-start: var(--space-6); }
.conversation-heading { min-inline-size: 0; }
.conversation-heading .chapter-title { max-inline-size: 13ch; }
.conversation-heading .chapter-lead { max-inline-size: 36ch; }
.conversation-context { margin-block-start: var(--space-10); max-inline-size: 35ch; }
.conversation-context h3 { margin: 0 0 var(--space-3); font-size: var(--fs-ui); font-weight: 600; color: var(--ink); }
.conversation-context p { margin: 0; font-size: var(--fs-ui); line-height: 1.6; color: var(--ink-secondary); }
.letter-form { min-inline-size: 0; padding-block-start: var(--space-2); }
.letter-form > h3 { margin: 0 0 var(--space-8); font-size: var(--fs-subhead); font-weight: 400; letter-spacing: -.02em; }
.letter-details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-6); }
.company-field { grid-column: 1 / -1; }
.letter-field { display: grid; gap: var(--space-3); min-inline-size: 0; }
.letter-field label { font-size: var(--fs-ui); color: var(--ink); line-height: 1.4; }
.letter-field input, .letter-field textarea { inline-size: 100%; min-inline-size: 0; min-block-size: calc(var(--target) + var(--space-2)); padding: var(--space-3) var(--space-4); background: var(--paper); border: 1px solid var(--input-edge); border-radius: var(--radius-control); color: var(--ink); font: inherit; font-size: var(--fs-body); line-height: 1.5; transition: border-color 150ms ease; }
.letter-field textarea { resize: vertical; }
.letter-field :is(input,textarea):hover { border-color: var(--cobalt); }
.letter-field :is(input,textarea):focus-visible { outline: 2px solid var(--cobalt); outline-offset: var(--space-1); }
.challenge-field { margin-block-start: var(--space-6); }
#contact-priority { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); margin-block-start: var(--space-4); font-size: var(--fs-ui); color: var(--ink-secondary); }
#contact-priority strong { color: var(--cobalt); font-weight: 500; }
#clear-priority { min-block-size: var(--target); background: none; border: 0; padding: 0 var(--space-2); color: var(--ink-secondary); font: inherit; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.letter-send { display: grid; justify-items: start; gap: var(--space-4); margin-block-start: var(--space-8); }
.letter-send button { display: inline-flex; gap: var(--space-8); align-items: center; justify-content: space-between; border: 0; cursor: pointer; max-inline-size: 100%; }
.letter-send svg, .direct-email svg, .editorial-footer svg { inline-size: var(--space-6); block-size: var(--space-6); fill: none; stroke: currentColor; stroke-width: 1.5; flex: none; }
.letter-send > p { max-inline-size: 48ch; margin: 0; font-size: var(--fs-ui); line-height: 1.5; color: var(--ink-secondary); }
.mail-handoff { border-block-start: 1px solid var(--plan-rule); padding-block-start: var(--space-6); margin-block-start: var(--space-8); }
.mail-handoff p { font-size: var(--fs-ui); line-height: 1.5; }
.mail-handoff pre { padding: var(--space-4); border: 1px solid var(--input-edge); white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: var(--fs-ui); line-height: 1.5; max-block-size: 16em; overflow: auto; }
.direct-email { margin-block-start: var(--space-12); display: grid; gap: var(--space-3); font-size: var(--fs-ui); line-height: 1.5; color: var(--ink-secondary); }
.direct-email a { display: flex; align-items: center; gap: var(--space-4); inline-size: fit-content; max-inline-size: 100%; color: var(--cobalt); font-size: clamp(18px,1.65vw,24px); text-decoration: none; overflow-wrap: anywhere; }
.direct-email a:hover { text-decoration: underline; text-underline-offset: .2em; }
.editorial-footer { background: var(--cobalt); color: var(--paper); padding-block: var(--space-16) var(--space-8); }
.footer-main { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.1fr); gap: var(--space-12); padding-block-end: var(--space-16); }
.footer-identity img { display: block; inline-size: clamp(180px,18vw,280px); max-inline-size: 100%; block-size: auto; filter: brightness(0) invert(1); }
.footer-identity { align-self: center; }
.footer-identity > p { margin: var(--space-6) 0; max-inline-size: 24ch; font-size: var(--fs-body); line-height: 1.5; }
.footer-identity > span { font-size: var(--fs-ui); color: var(--blue-secondary); }
.footer-navigation, .footer-contact { display: flex; flex-direction: column; align-items: start; min-inline-size: 0; }
.editorial-footer h2 { margin: 0 0 var(--space-5); font-size: var(--fs-ui); font-weight: 600; color: var(--blue-secondary); }
.editorial-footer a { display: inline-flex; align-items: center; gap: var(--space-4); min-block-size: var(--target); max-inline-size: 100%; color: var(--paper); font-size: var(--fs-ui); line-height: 1.5; text-decoration: none; overflow-wrap: anywhere; }
.editorial-footer a:hover { text-decoration: underline; text-underline-offset: .25em; }
.editorial-footer a:focus-visible { outline: 2px solid var(--paper); outline-offset: var(--space-1); }
.footer-conversation { margin-block-start: var(--space-3); }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-6); border-block-start: 1px solid rgb(255 255 255 / 30%); padding-block-start: var(--space-6); }
.footer-bottom p { margin: 0; color: var(--blue-secondary); font-size: var(--fs-ui); line-height: 1.5; }
:is(.outcome-tabs,.decision-stages,.capability-tabs,.decision-stage)[hidden], #contact-priority[hidden] { display: none; }
@media (hover:hover) { .editorial-link:hover { text-decoration-color: currentColor; } .outcome-tabs button:hover, .decision-stages button:hover { color: var(--cobalt); } .capability-tabs button:hover { color: var(--paper); } }
@media (max-width:1100px) {
 .growth-opening { inline-size: 58%; }
 .outcome-explorer { inline-size: 60%; }
 .growth-art { inline-size: 100%; mask-image: linear-gradient(to right,transparent 0,transparent 62%,#000 72%); }
 .outcome-tabs { gap: var(--space-4); }
 .decision-heading, .engineering-bottom { gap: var(--space-12); }
 .folio-footer { align-items: start; flex-direction: column; gap: var(--space-4); }
 .engineering-opening, .capability-inspector { inline-size: 58%; }
 .engineering-art { inline-size: 90%; mask-image: linear-gradient(to right,transparent 0,transparent 58%,#000 70%); }
}
@media (max-width:1280px) {
 .home-enhanced .decision-folio { display: flex; flex-direction: column; aspect-ratio: auto; background: var(--paper); border: 1px solid var(--hairline); box-shadow: 0 4px 16px rgb(18 18 18 / 5%); }
 .home-enhanced .folio-art { order: 2; position: relative; inset: auto; inline-size: calc(100% - var(--space-12)); max-inline-size: 34rem; aspect-ratio: 2.05; margin: 0 auto var(--space-8); overflow: clip; }
 .home-enhanced .folio-art img { position: absolute; inline-size: 235%; max-inline-size: none; block-size: auto; inset-inline-start: -126%; inset-block-start: -18%; }
 .home-enhanced .folio-content, .folio-content { inline-size: 100%; padding: var(--space-8); }
 .folio-objective h3 { min-block-size: 2lh; }
 .decision-stages { grid-template-columns: repeat(4,minmax(0,1fr)); }
 .decision-stage p { max-inline-size: 62ch; }
}
@media (max-width:760px) {
 .conversation-chapter { grid-template-columns: minmax(0,1fr); gap: var(--space-12); }
 .conversation-heading .chapter-title { max-inline-size: 18ch; }
 .conversation-context { margin-block-start: var(--space-6); }
 .direct-email { margin-block-start: var(--space-8); }
 .footer-main { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-10) var(--space-6); padding-block-end: var(--space-10); }
 .footer-identity { grid-column: 1 / -1; }
 .footer-navigation { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 var(--space-6); }
 .footer-navigation h2 { grid-column: 1 / -1; }
 .footer-identity > p { max-inline-size: 30ch; }
 .footer-contact { grid-column: 1 / -1; }
 .chapter-title { max-inline-size: 22ch; }
 .growth-chapter { padding-block: var(--space-16); }
 .growth-content { display: contents; }
 .growth-opening, .outcome-explorer { inline-size: calc(100% - var(--gutter)*2); margin-inline: auto; }
 .growth-opening .chapter-title { max-inline-size: 22ch; }
 .growth-chapter { display: flex; flex-direction: column; }
 .growth-opening { order: 1; }
 .growth-art { order: 2; position: relative; inset: auto; inline-size: 100%; aspect-ratio: 3 / 2; margin-block: var(--space-4); mask-image: none; }
 .outcome-explorer { order: 3; margin-block-start: 0; }
 .outcome-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 var(--space-6); }
 .outcome-panel { min-block-size: 25em; }
 .decision-heading { grid-template-columns: minmax(0,1fr); gap: var(--space-6); }
 .folio-header { gap: var(--space-4); }
 .folio-header img { inline-size: 96px; }
 .folio-objective { padding-block: var(--space-6); }
 .decision-stages { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .decision-stages button { gap: var(--space-2); }
 .home-enhanced .folio-content { padding: var(--space-6); }
 .folio-objective h3 { min-block-size: 5lh; }
 .home-enhanced .decision-stage { min-block-size: 16em; }
 .folio-footer .editorial-link { flex-shrink: 1; }
 .engineering-chapter { padding-block: var(--space-16) var(--space-10); }
 .engineering-opening, .capability-inspector { inline-size: 100%; }
 .engineering-opening .chapter-title { max-inline-size: 21ch; }
 .engineering-art { position: relative; inset: auto; inline-size: calc(100% + var(--gutter)*2); margin-inline: calc(-1*var(--gutter)); aspect-ratio: 1.25; mask-image: none; margin-block-start: var(--space-6); }
 .engineering-art img { object-fit: cover; object-position: 70% center; }
 .capability-inspector { margin-block-start: var(--space-6); }
 .engineering-bottom-band { margin-block-start: var(--space-6); }
 .engineering-bottom { grid-template-columns: minmax(0,1fr); gap: var(--space-6); }
 #capability-panel { min-block-size: 19em; }
 .letter-details { grid-template-columns: minmax(0,1fr); gap: var(--space-6); }
 .letter-send { gap: var(--space-5); }
}
@media (prefers-reduced-motion:reduce) { .editorial-art img,.outcome-tabs button::after,.capability-tabs button::after,.decision-stages button::after { transition: none; } }
@media (forced-colors:active) { .decision-folio { border-color: CanvasText; } .letter-send button { border: 1px solid ButtonText; } }

.language-switch a { display: inline-flex; align-items: center; justify-content: center; }