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

@font-face {
  font-family: "Instrument Serif";
  src: url("/assets/fonts/instrument-serif-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Fustat";
  src: url("/assets/fonts/fustat-arabic-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+0600-06ff, U+0750-077f, U+0870-088e, U+0890-0891,
    U+0897-08e1, U+08e3-08ff, U+200c-200e, U+2010-2011, U+204f,
    U+2e41, U+fb50-fdff, U+fe70-fe74, U+fe76-fefc;
}

:root {
  /* Normative values live in /DESIGN.md. */
  --color-ink: #171714;
  --color-bone: #f1ebdd;
  --color-paper: #fbf8f1;
  --color-atlantic: #183b45;
  --color-clay: #b45f43;
  --color-clay-text: #98472f;
  --color-stone-reference: #7a776f;
  --color-stone: #5f5c55;
  --color-line: #cfc7b8;
  --color-focus: #005fcc;
  --font-sans: "Instrument Sans", Arial, sans-serif;
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-arabic: "Fustat", "Instrument Sans", Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --font-xs: clamp(0.72rem, 0.7rem + 0.1vw, 0.79rem);
  --font-sm: clamp(0.9rem, 0.87rem + 0.15vw, 0.98rem);
  --font-md: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --font-lg: clamp(1.18rem, 1.08rem + 0.45vw, 1.45rem);
  --font-xl: clamp(1.75rem, 1.5rem + 1.15vw, 2.5rem);
  --font-2xl: clamp(2.65rem, 1.9rem + 3vw, 5.1rem);
  --font-hero: clamp(3.5rem, 2.25rem + 4.5vw, 6.5rem);
  --gutter: clamp(1.25rem, 3vw, 2.75rem);
  --content-max: 84rem;
  --reading-max: 43rem;
  --header-height: 4.5rem;
  --duration: 180ms;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

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

html {
  scroll-behavior: smooth;
}

html[dir="rtl"] {
  --font-sans: var(--font-arabic);
  --font-serif: var(--font-arabic);
}

body {
  margin: 0;
  overflow-x: hidden;
  background: var(--color-bone);
  color: var(--color-ink);
  font-family: var(--font-sans);
  font-size: var(--font-md);
  line-height: 1.55;
  text-rendering: optimizeLegibility;
}

html[dir="rtl"] body {
  line-height: 1.72;
}

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

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-underline-offset: 0.22em;
}

a:hover {
  text-decoration-thickness: 2px;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 4px;
}

h1,
h2,
h3,
p,
figure,
blockquote {
  margin-top: 0;
}

h1,
h2,
h3 {
  text-wrap: balance;
}

bdi {
  unicode-bidi: isolate;
}

.shell {
  width: min(100% - (2 * var(--gutter)), var(--content-max));
  margin-inline: auto;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link {
  position: absolute;
  z-index: 100;
  top: 0.75rem;
  inset-inline-start: 0.75rem;
  padding: 0.75rem 1rem;
  background: var(--color-paper);
  color: var(--color-ink);
  transform: translateY(-200%);
}

.skip-link:focus {
  transform: translateY(0);
}

.site-header {
  position: relative;
  z-index: 30;
  border-bottom: 1px solid color-mix(in srgb, var(--color-line) 70%, transparent);
  background: var(--color-bone);
}

.header-inner {
  min-height: var(--header-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.wordmark {
  display: inline-flex;
  align-items: center;
  color: inherit;
  flex: 0 0 auto;
  text-decoration: none;
}

.wordmark-art {
  width: 9.25rem;
  aspect-ratio: 449.4845 / 102.0619;
  display: block;
  background: currentColor;
  -webkit-mask: url("/assets/brand/amidship-wordmark.svg") center / contain no-repeat;
  mask: url("/assets/brand/amidship-wordmark.svg") center / contain no-repeat;
}

.primary-nav {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 1.8vw, 1.75rem);
  font-size: var(--font-sm);
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}

.language-switcher {
  display: inline-flex;
  align-items: stretch;
  direction: ltr;
  font-family: "Instrument Sans", Arial, sans-serif;
  font-size: 0.68rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  line-height: 1;
}

.language-switcher a {
  min-width: 2.35rem;
  min-height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: 0.45rem;
  color: currentColor;
  text-decoration: none;
}

.language-switcher a + a {
  border-inline-start: 1px solid color-mix(in srgb, currentColor 22%, transparent);
}

.language-switcher a[aria-current="page"] {
  background: color-mix(in srgb, currentColor 9%, transparent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.language-switcher a[lang="ar"] {
  min-width: 4.25rem;
  font-family: var(--font-arabic);
  font-size: 0.78rem;
  letter-spacing: 0;
}

.primary-nav > a:not(.button) {
  text-decoration: none;
}

.primary-nav > a:not(.button):hover {
  text-decoration: underline;
}

.nav-toggle {
  display: none;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}

.button {
  min-height: 2.85rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-ink);
  border-radius: 2px;
  background: var(--color-ink);
  color: var(--color-bone);
  font-family: var(--font-sans);
  font-size: var(--font-sm);
  font-weight: 600;
  text-decoration: none;
  transition: background var(--duration), border-color var(--duration), color var(--duration), transform var(--duration);
}

.button:hover {
  border-color: var(--color-atlantic);
  background: var(--color-atlantic);
  color: var(--color-paper);
  transform: translateY(-1px);
}

.button-small {
  min-height: 2.4rem;
  padding: 0.55rem 0.8rem;
}

.button-inverse {
  border-color: var(--color-paper);
  background: var(--color-paper);
  color: var(--color-ink);
}

.button-inverse:hover {
  border-color: var(--color-atlantic);
  background: var(--color-atlantic);
  color: var(--color-paper);
}

.text-link,
.case-link,
.proof-link {
  font-weight: 600;
}

.eyebrow,
.case-meta,
.trust-meta,
figcaption {
  font-family: var(--font-sans);
  font-size: var(--font-xs);
  font-weight: 650;
  letter-spacing: 0.11em;
  line-height: 1.35;
  text-transform: uppercase;
}

.eyebrow {
  margin-bottom: 1.5rem;
  color: var(--color-ink);
}

html[dir="rtl"] .eyebrow,
html[dir="rtl"] .case-meta,
html[dir="rtl"] .trust-meta,
html[dir="rtl"] figcaption,
html[dir="rtl"] .artifact-chrome {
  letter-spacing: 0;
  text-transform: none;
}

.hero .eyebrow,
.point-of-view .eyebrow,
.final-cta .eyebrow,
.page-hero .eyebrow,
.site-footer .eyebrow {
  color: var(--color-paper);
}

/* Homepage */
.hero {
  min-height: calc(100svh - var(--header-height));
  display: grid;
  grid-template-columns: minmax(0, 44%) minmax(0, 56%);
  background: var(--color-ink);
  color: var(--color-paper);
}

.hero-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(3rem, 5vw, 5rem) clamp(2rem, 5vw, 5.5rem) 2rem max(var(--gutter), calc((100vw - var(--content-max)) / 2 + var(--gutter)));
}

.hero h1 {
  max-width: 8.5ch;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-family: var(--font-serif);
  font-size: var(--font-hero);
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 0.93;
}

html[lang="fr-CA"] .hero h1 {
  max-width: 10ch;
  font-size: clamp(3.4rem, 2.35rem + 3.8vw, 5.7rem);
}

html[dir="rtl"] .hero h1 {
  max-width: 10.5ch;
  font-size: clamp(3.3rem, 2.3rem + 3.5vw, 5.35rem);
  letter-spacing: 0;
  line-height: 1.14;
}

.hero-lead {
  max-width: 31rem;
  margin-bottom: 0;
  color: color-mix(in srgb, var(--color-paper) 86%, transparent);
  font-size: var(--font-lg);
  line-height: 1.5;
}

.hero-lead p {
  margin-block: 0 1rem;
}

.hero-lead p:last-child {
  margin-bottom: 0;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  margin-top: 2rem;
}

.hero-image {
  min-width: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 52% center;
  scale: 1.015;
}

.studio-paths {
  padding-block: clamp(5.5rem, 9vw, 8.5rem);
  border-bottom: 1px solid var(--color-line);
  background: var(--color-bone);
}

.studio-paths-intro {
  display: grid;
  grid-template-columns: minmax(9rem, 3fr) minmax(0, 9fr);
  gap: clamp(2rem, 5vw, 5rem);
  margin-bottom: clamp(3.5rem, 7vw, 5.5rem);
}

.studio-paths-intro h2 {
  max-width: 17ch;
  margin-bottom: 1.4rem;
  font-family: var(--font-serif);
  font-size: clamp(2.75rem, 2rem + 2.5vw, 4.75rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.98;
}

.studio-paths-intro > div > p {
  max-width: var(--reading-max);
  margin-bottom: 0;
  color: var(--color-stone);
  font-size: var(--font-lg);
}

.studio-paths-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-block: 1px solid var(--color-ink);
}

.studio-path {
  min-width: 0;
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: clamp(1rem, 2.5vw, 2rem);
  padding-block: clamp(2.5rem, 5vw, 4rem);
  padding-inline: clamp(1.25rem, 3vw, 3.25rem);
}

.studio-path:first-child {
  padding-inline-start: 0;
  border-inline-end: 1px solid var(--color-line);
}

.studio-path:last-child {
  padding-inline-end: 0;
}

.studio-path-index {
  padding-top: 0.35rem;
  color: var(--color-clay-text);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
}

.studio-path h3 {
  max-width: 18ch;
  margin-bottom: 1rem;
  font-family: var(--font-serif);
  font-size: clamp(2rem, 1.6rem + 1.2vw, 3.15rem);
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.02;
}

.studio-path p {
  max-width: 36rem;
  margin-bottom: 1.75rem;
  color: var(--color-stone);
}

.studio-path a,
.home-work-all a {
  font-weight: 650;
}

.commercial-section {
  padding-block: clamp(6rem, 10vw, 9rem);
}

.commercial-intro,
.trust-bridge-grid {
  display: grid;
  grid-template-columns: minmax(9rem, 3fr) minmax(0, 9fr);
  gap: clamp(2rem, 5vw, 5rem);
  margin-bottom: clamp(3.5rem, 7vw, 6rem);
}

.commercial-intro h2,
.trust-bridge h2 {
  max-width: 16ch;
  margin-bottom: 1.75rem;
  font-family: var(--font-serif);
  font-size: clamp(2.75rem, 2rem + 2.5vw, 4.75rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.98;
}

.commercial-intro > div > p {
  max-width: var(--reading-max);
  margin-bottom: 0;
  color: var(--color-stone);
  font-size: var(--font-lg);
}

.delivery-continuity {
  background: var(--color-paper);
}

.delivery-continuity-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-block: 0;
  padding: 0;
  border-top: 1px solid var(--color-ink);
  list-style: none;
}

.delivery-continuity-list li {
  min-width: 0;
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 1rem;
  padding-block: clamp(2rem, 4vw, 3rem);
  padding-inline: clamp(1rem, 3vw, 2.5rem);
  border-bottom: 1px solid var(--color-line);
}

.delivery-continuity-list li:nth-child(odd) {
  padding-inline-start: 0;
  border-inline-end: 1px solid var(--color-line);
}

.delivery-continuity-list li:nth-child(even) {
  padding-inline-end: 0;
}

.delivery-continuity-list li > span,
.engagement-meta > span,
.home-work-meta {
  color: var(--color-stone);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
  letter-spacing: 0.04em;
}

.delivery-continuity-list h3 {
  margin-bottom: 0.75rem;
  font-family: var(--font-serif);
  font-size: clamp(1.75rem, 1.45rem + 0.8vw, 2.5rem);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1.05;
}

.delivery-continuity-list p {
  max-width: 38rem;
  margin-bottom: 0;
  color: var(--color-stone);
}

.home-work-list {
  border-top: 1px solid var(--color-ink);
}

.home-work-item {
  display: grid;
  grid-template-columns: minmax(8rem, 2fr) minmax(0, 7fr) minmax(10rem, 3fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: start;
  padding-block: clamp(2.5rem, 4vw, 3.75rem);
  border-bottom: 1px solid var(--color-line);
}

.home-work-meta {
  display: grid;
  gap: 1.1rem;
  line-height: 1.45;
  text-transform: uppercase;
}

.home-work-meta span:first-child {
  color: var(--color-ink);
}

.home-work-copy .case-project {
  margin-bottom: 0.75rem;
  font-size: var(--font-sm);
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home-work-copy h3 {
  max-width: 24ch;
  margin-bottom: 0;
  font-family: var(--font-serif);
  font-size: clamp(2.4rem, 1.75rem + 1.7vw, 3.9rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.98;
}

.home-work-actions {
  display: flex;
  justify-content: flex-end;
  font-size: var(--font-sm);
  font-weight: 650;
}

.home-work-all {
  display: flex;
  justify-content: flex-end;
  padding-top: clamp(2rem, 4vw, 3rem);
}

.engagement-section {
  border-top: 1px solid var(--color-line);
  background: var(--color-bone);
}

.engagement-shapes {
  margin-block: 0;
  padding: 0;
  border-top: 1px solid var(--color-ink);
  list-style: none;
}

.engagement-shapes > li {
  display: grid;
  grid-template-columns: minmax(8rem, 2fr) minmax(0, 6fr) minmax(15rem, 4fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  padding-block: clamp(2.5rem, 5vw, 4rem);
  border-bottom: 1px solid var(--color-line);
}

.engagement-meta {
  display: grid;
  align-content: start;
  gap: 1rem;
}

.engagement-meta p,
.engagement-outcome p {
  margin-bottom: 0;
  color: var(--color-stone);
  font-size: var(--font-sm);
}

.engagement-meta strong,
.engagement-outcome strong {
  display: block;
  margin-bottom: 0.3rem;
  color: var(--color-ink);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.engagement-copy h3 {
  max-width: 24ch;
  margin-bottom: 1rem;
  font-family: var(--font-serif);
  font-size: clamp(2rem, 1.55rem + 1.2vw, 3rem);
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.02;
}

.engagement-copy p {
  max-width: 46rem;
  margin-bottom: 0;
  color: var(--color-stone);
}

.engagement-outcome {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
}

.engagement-outcome a {
  font-weight: 650;
}

.trust-bridge {
  padding-block: clamp(6rem, 10vw, 9rem);
  background: var(--color-ink);
  color: var(--color-paper);
}

.trust-bridge-grid {
  margin-bottom: 0;
}

.trust-bridge .eyebrow {
  color: var(--color-paper);
}

.trust-bridge h2 {
  max-width: 13ch;
}

.trust-bridge h2 + p {
  max-width: var(--reading-max);
  margin-bottom: 2rem;
  color: color-mix(in srgb, var(--color-paper) 78%, transparent);
  font-size: var(--font-lg);
}

.point-of-view {
  padding-block: clamp(6rem, 11vw, 10rem);
  background: var(--color-atlantic);
  color: var(--color-paper);
}

.pov-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.5rem;
}

.pov-grid > .eyebrow {
  grid-column: 1 / 4;
}

.pov-grid > div {
  grid-column: 4 / 12;
}

.pov-grid h2 {
  max-width: 14ch;
  margin-bottom: 2.5rem;
  font-family: var(--font-serif);
  font-size: var(--font-2xl);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.98;
}

html[dir="rtl"] .pov-grid h2,
html[dir="rtl"] .situations-intro h2,
html[dir="rtl"] .situation-list h3,
html[dir="rtl"] .work-heading h2,
html[dir="rtl"] .work-copy h3,
html[dir="rtl"] .studio-paths-intro h2,
html[dir="rtl"] .studio-path h3,
html[dir="rtl"] .commercial-intro h2,
html[dir="rtl"] .delivery-continuity-list h3,
html[dir="rtl"] .home-work-copy h3,
html[dir="rtl"] .engagement-copy h3,
html[dir="rtl"] .trust-bridge h2,
html[dir="rtl"] .principal-grid h2,
html[dir="rtl"] .final-cta-copy h2,
html[dir="rtl"] .page-hero h1,
html[dir="rtl"] .compact-hero h1,
html[dir="rtl"] .section h2 {
  letter-spacing: 0;
  line-height: 1.2;
}

html[dir="rtl"] .home-work-meta,
html[dir="rtl"] .home-work-copy .case-project,
html[dir="rtl"] .engagement-meta strong,
html[dir="rtl"] .engagement-outcome strong {
  letter-spacing: 0;
  text-transform: none;
}

.pov-grid h2::after {
  width: 4.5rem;
  height: 2px;
  display: block;
  margin-top: 2.5rem;
  background: var(--color-clay);
  content: "";
}

.pov-grid > div > p {
  max-width: var(--reading-max);
  margin: 0 0 1.25rem;
  color: color-mix(in srgb, var(--color-paper) 82%, transparent);
  font-size: var(--font-lg);
}

.pov-grid > div > p:last-child {
  margin-bottom: 0;
}

.situations-section {
  padding-block: clamp(5rem, 9vw, 8rem);
  background: var(--color-paper);
}

.situations-intro {
  display: grid;
  grid-template-columns: 3fr 5fr 4fr;
  gap: 1.5rem;
  margin-bottom: clamp(3.5rem, 7vw, 6rem);
}

.situations-intro h2 {
  max-width: 17ch;
  margin: 0;
  font-family: var(--font-serif);
  font-size: clamp(2.5rem, 2rem + 2.3vw, 4.5rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 1;
}

.situations-intro > p:last-child {
  max-width: 30rem;
  margin: 0;
  color: var(--color-stone);
  align-self: end;
}

.situation-list {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color-ink);
  list-style: none;
}

.situation-list li {
  display: grid;
  grid-template-columns: 1fr 9fr;
  gap: 1.5rem;
  padding-block: clamp(2rem, 4vw, 3.25rem);
  border-bottom: 1px solid var(--color-line);
}

.situation-list > li > span {
  padding-top: 0.35rem;
  color: var(--color-ink);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
}

.situation-list h3 {
  max-width: 26ch;
  margin: 0 0 1rem;
  font-family: var(--font-serif);
  font-size: clamp(2rem, 1.5rem + 1.5vw, 3.25rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 1.02;
}

.situation-list p {
  max-width: 48rem;
  margin: 0;
  color: var(--color-stone);
  font-size: var(--font-lg);
}

.work-section {
  padding-block: clamp(6rem, 10vw, 10rem);
  background: var(--color-bone);
}

.work-heading {
  display: grid;
  grid-template-columns: 3fr 5fr 4fr;
  gap: 1.5rem;
  align-items: end;
  margin-bottom: clamp(5rem, 10vw, 9rem);
}

.work-heading h2 {
  max-width: 13ch;
  margin: 0;
  font-family: var(--font-serif);
  font-size: clamp(2.75rem, 2rem + 2.6vw, 4.75rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.98;
}

.work-heading > p:last-child {
  margin: 0;
  color: var(--color-stone);
}

.work-list {
  display: grid;
  gap: clamp(6rem, 12vw, 11rem);
}

.work-story {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(18rem, 5fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.work-story-2 .work-artifact {
  order: 2;
  background: var(--color-atlantic);
}

.work-story-2 .work-copy {
  order: 1;
}

.work-artifact {
  min-height: 31rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(1.5rem, 3vw, 2.75rem);
  background: var(--color-ink);
  color: var(--color-paper);
}

.artifact-chrome {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid color-mix(in srgb, var(--color-paper) 25%, transparent);
  font-family: var(--font-mono);
  font-size: 0.69rem;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.artifact-chrome span:last-child {
  color: color-mix(in srgb, var(--color-paper) 60%, transparent);
  text-align: end;
}

.artifact-system {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
  align-items: center;
  margin-block: 3rem;
}

.artifact-node {
  min-height: 7.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.8rem;
  border: 1px solid color-mix(in srgb, var(--color-paper) 42%, transparent);
}

.artifact-node span {
  color: var(--color-paper);
  font-family: var(--font-mono);
  font-size: 0.66rem;
}

.artifact-node strong {
  font-size: var(--font-sm);
  font-weight: 520;
  line-height: 1.25;
}

.artifact-system > i {
  display: none;
}

.work-artifact > p {
  max-width: 38rem;
  margin: 0;
  color: color-mix(in srgb, var(--color-paper) 72%, transparent);
  font-family: var(--font-serif);
  font-size: var(--font-lg);
}

.work-copy h3 {
  margin-bottom: 1.5rem;
  font-family: var(--font-serif);
  font-size: clamp(2.5rem, 2rem + 1.8vw, 4rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.98;
}

.work-copy > p:not(.eyebrow) {
  color: var(--color-stone);
}

.work-copy blockquote {
  margin-block: 2rem;
  padding-block: 1.25rem;
  padding-inline: 1.5rem 0;
  border-inline-start: 2px solid var(--color-clay);
  font-family: var(--font-serif);
  font-size: var(--font-lg);
  line-height: 1.35;
}

.craft-interlude {
  position: relative;
  min-height: 43rem;
  overflow: hidden;
  background: var(--color-ink);
}

.craft-interlude img {
  width: 100%;
  height: 43rem;
  object-fit: cover;
  object-position: center 55%;
}

.craft-interlude::after {
  position: absolute;
  inset: 0;
  background: rgba(23, 23, 20, 0.46);
  content: "";
}

.craft-interlude p {
  position: absolute;
  z-index: 1;
  top: 50%;
  inset-inline-start: max(var(--gutter), calc((100vw - var(--content-max)) / 2 + var(--gutter)));
  max-width: 9ch;
  margin: 0;
  color: var(--color-paper);
  font-family: var(--font-serif);
  font-size: clamp(3rem, 2rem + 3.2vw, 5.5rem);
  letter-spacing: -0.04em;
  line-height: 0.96;
  transform: translateY(-50%);
}

.principal-section {
  padding-block: clamp(6rem, 10vw, 10rem);
  background: var(--color-paper);
}

.principal-grid {
  display: grid;
  grid-template-columns: minmax(18rem, 5fr) minmax(0, 7fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: center;
}

.principal-grid figure {
  margin: 0;
}

.principal-grid picture {
  display: block;
}

.principal-grid figure img {
  display: block;
  width: 100%;
  height: auto;
  filter: saturate(0.82) contrast(1.04);
}

.principal-grid figcaption {
  padding-top: 0.85rem;
  color: var(--color-stone);
}

.principal-grid h2 {
  max-width: 15ch;
  margin-bottom: 2rem;
  font-family: var(--font-serif);
  font-size: clamp(2.75rem, 2rem + 2.3vw, 4.75rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.98;
}

.principal-story {
  max-width: 39rem;
  color: var(--color-stone);
  font-size: var(--font-lg);
}

.principal-story p:last-child {
  margin-bottom: 0;
}

.external-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 2.25rem;
  font-size: var(--font-sm);
  font-weight: 600;
}

.principal-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.75rem;
  margin-top: 2.25rem;
}

.principal-actions .external-row {
  margin-top: 0;
}

/* Rida authority surface */
.rida-page h1,
.rida-page h2,
.rida-talk h3 {
  font-family: var(--font-serif);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.98;
}

html[dir="rtl"] .rida-page h1,
html[dir="rtl"] .rida-page h2,
html[dir="rtl"] .rida-talk h3 {
  letter-spacing: 0;
  line-height: 1.18;
}

.rida-hero {
  padding-block: clamp(4.5rem, 8vw, 8rem);
  border-bottom: 1px solid var(--color-line);
  background: var(--color-paper);
}

.rida-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(19rem, 5fr);
  gap: clamp(3rem, 7vw, 7rem);
  align-items: center;
}

.rida-hero-copy,
.rida-hero-portrait,
.rida-focus-grid > div,
.rida-editorial-grid > div,
.rida-section-intro > div,
.rida-talk-body,
.rida-closing-grid > div {
  min-width: 0;
}

.breadcrumb {
  margin-bottom: clamp(3rem, 6vw, 5.5rem);
  color: var(--color-stone);
  font-size: var(--font-xs);
}

.breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb li + li::before {
  margin-inline-end: 0.55rem;
  color: var(--color-line);
  content: "/";
}

.breadcrumb [aria-current="page"] {
  color: var(--color-ink);
}

.rida-hero h1 {
  max-width: 11ch;
  margin-bottom: 2rem;
  font-size: clamp(3.5rem, 2.4rem + 3.8vw, 6.5rem);
}

html[lang="fr-CA"] .rida-hero h1 {
  max-width: 13ch;
  font-size: clamp(3.15rem, 2.2rem + 3.3vw, 5.8rem);
}

html[dir="rtl"] .rida-hero h1 {
  max-width: 12ch;
  font-size: clamp(3.2rem, 2.25rem + 3.3vw, 5.7rem);
}

.rida-hero-lead {
  max-width: 43rem;
  color: var(--color-stone);
  font-size: var(--font-lg);
}

.rida-hero-lead p:last-child,
.rida-section-copy p:last-child,
.rida-publishing p:last-of-type,
.rida-closing p:last-of-type {
  margin-bottom: 0;
}

.rida-hero-portrait {
  margin: 0;
  background: var(--color-bone);
}

.rida-hero-portrait picture {
  display: block;
}

.rida-hero-portrait img {
  width: 100%;
  height: auto;
  filter: saturate(0.82) contrast(1.04);
}

.authority-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem 1.5rem;
  margin-top: 2rem;
  font-size: var(--font-sm);
  font-weight: 600;
}

.authority-actions a {
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.rida-focus,
.rida-engagement,
.rida-experience,
.rida-inspectable,
.rida-publishing,
.rida-closing {
  padding-block: clamp(5rem, 9vw, 9rem);
}

.rida-focus {
  background: var(--color-atlantic);
  color: var(--color-paper);
}

.rida-focus .eyebrow,
.rida-closing .eyebrow {
  color: var(--color-paper);
}

.rida-focus-grid,
.rida-editorial-grid,
.rida-section-intro,
.rida-closing-grid {
  display: grid;
  grid-template-columns: minmax(10rem, 4fr) minmax(0, 8fr);
  gap: clamp(2rem, 6vw, 6rem);
}

.rida-focus h2,
.rida-editorial-grid h2,
.rida-section-intro h2,
.rida-closing h2 {
  max-width: 14ch;
  margin-bottom: 2rem;
  font-size: clamp(2.85rem, 2rem + 2.5vw, 5rem);
}

.rida-focus .rida-section-copy,
.rida-closing-grid > div > p {
  max-width: 42rem;
  color: color-mix(in srgb, var(--color-paper) 76%, transparent);
  font-size: var(--font-lg);
}

.rida-engagement {
  background: var(--color-bone);
}

.rida-engagement .rida-section-copy,
.rida-publishing .rida-editorial-grid > div > p {
  max-width: 43rem;
  color: var(--color-stone);
  font-size: var(--font-lg);
}

.rida-engagement .button,
.rida-closing .button {
  margin-top: 2rem;
}

.rida-experience {
  border-block: 1px solid var(--color-line);
  background: var(--color-paper);
}

.rida-section-intro {
  align-items: end;
  margin-bottom: clamp(3.5rem, 7vw, 6rem);
}

.rida-section-intro h2 {
  max-width: 16ch;
}

.rida-section-intro > div > p {
  max-width: 43rem;
  margin-bottom: 0;
  color: var(--color-stone);
  font-size: var(--font-lg);
}

.rida-experience-list {
  margin-block: 0;
  padding: 0;
  border-top: 1px solid var(--color-line);
  list-style: none;
}

.rida-experience-list li {
  display: grid;
  grid-template-columns: minmax(2.5rem, 1fr) minmax(12rem, 3fr) minmax(0, 6fr);
  gap: clamp(1.25rem, 3vw, 3rem);
  padding-block: clamp(2rem, 4vw, 3.25rem);
  border-bottom: 1px solid var(--color-line);
  align-items: start;
}

.rida-experience-index,
.rida-evidence-meta,
.rida-experience-title > p {
  color: var(--color-stone);
  font-family: var(--font-sans);
  font-size: var(--font-xs);
  font-weight: 650;
  letter-spacing: 0.09em;
  line-height: 1.35;
  text-transform: uppercase;
}

html[dir="rtl"] .rida-experience-index,
html[dir="rtl"] .rida-evidence-meta,
html[dir="rtl"] .rida-experience-title > p {
  letter-spacing: 0;
  text-transform: none;
}

.rida-experience-title h3 {
  margin-bottom: 0.5rem;
  font-size: var(--font-xl);
  line-height: 1.08;
}

.rida-experience-title > p,
.rida-experience-list > li > p {
  margin-bottom: 0;
}

.rida-experience-list > li > p {
  max-width: 44rem;
  color: var(--color-stone);
}

.rida-inspectable {
  background: var(--color-bone);
}

.rida-talks {
  display: grid;
  gap: clamp(4rem, 9vw, 8rem);
}

.rida-talk {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.rida-talk-preview {
  grid-column: 1 / 8;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--color-line);
  background: var(--color-ink);
  direction: ltr;
}

.rida-talk-preview img {
  width: 100%;
  height: auto;
}

.rida-talk-body {
  grid-column: 8 / -1;
}

.rida-talk:nth-child(even) .rida-talk-preview {
  grid-column: 6 / -1;
  grid-row: 1;
}

.rida-talk:nth-child(even) .rida-talk-body {
  grid-column: 1 / 6;
  grid-row: 1;
}

.rida-evidence-meta {
  margin-bottom: 1.25rem;
  color: var(--color-clay-text);
}

.rida-talk h3 {
  margin-bottom: 1.4rem;
  font-size: clamp(2.35rem, 1.7rem + 1.8vw, 4rem);
  overflow-wrap: anywhere;
}

.rida-talk-body > p:not(.rida-evidence-meta) {
  color: var(--color-stone);
}

.rida-talk-actions {
  display: grid;
  margin-top: 2rem;
  border-top: 1px solid var(--color-line);
  font-size: var(--font-sm);
  font-weight: 600;
}

.rida-talk-actions a {
  min-height: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid var(--color-line);
  text-decoration: none;
}

.rida-talk-actions a:hover {
  text-decoration: underline;
}

.rida-writing {
  display: grid;
  grid-template-columns: minmax(8rem, 3fr) minmax(0, 6fr) minmax(10rem, 3fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  margin-top: clamp(5rem, 10vw, 9rem);
  padding-block: clamp(2rem, 4vw, 3rem);
  border-block: 1px solid var(--color-line);
  align-items: start;
}

.rida-writing h3,
.rida-writing p,
.rida-writing ul {
  margin: 0;
}

.rida-writing h3 {
  font-size: var(--font-xl);
}

.rida-writing ul {
  display: grid;
  gap: 1rem;
  padding: 0;
  list-style: none;
}

.rida-writing a {
  font-weight: 600;
}

.rida-writing > p {
  font-size: var(--font-sm);
}

.rida-publishing {
  background: var(--color-paper);
}

.rida-closing {
  background: var(--color-ink);
  color: var(--color-paper);
}

.rida-closing h2 {
  max-width: 12ch;
}

.government-signal {
  border-block: 1px solid var(--color-line);
  background: var(--color-bone);
}

.government-signal-inner {
  min-height: 5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  font-size: var(--font-sm);
}

.government-signal-inner p {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
}

.government-signal-inner p span {
  width: 0.45rem;
  height: 0.45rem;
  background: var(--color-clay);
}

.government-signal a {
  font-weight: 600;
}

.final-cta {
  min-height: 39rem;
  display: grid;
  grid-template-columns: 56% 44%;
  background: var(--color-ink);
  color: var(--color-paper);
}

.final-cta-image {
  min-height: 39rem;
  background: url("/assets/brand/centerline-horizon.webp") center / cover no-repeat;
}

.final-cta-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(3rem, 6vw, 6rem);
}

.final-cta-copy h2 {
  max-width: 9ch;
  margin-bottom: 2rem;
  font-family: var(--font-serif);
  font-size: clamp(3rem, 2rem + 3vw, 5rem);
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 0.96;
}

.final-cta-copy > p:not(.eyebrow) {
  max-width: 31rem;
  color: color-mix(in srgb, var(--color-paper) 76%, transparent);
  font-size: var(--font-lg);
}

.final-cta-copy > div {
  margin-top: 1.25rem;
}

/* Shared secondary-page system */
.section {
  padding-block: clamp(5rem, 8vw, 8rem);
}

.section h2,
.page-hero h1,
.compact-hero h1 {
  font-family: var(--font-serif);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.98;
}

.page-hero {
  padding-block: clamp(5rem, 9vw, 9rem);
  background: var(--color-atlantic);
  color: var(--color-paper);
}

.page-hero-grid,
.section-grid,
.section-heading-row {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(18rem, 5fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: end;
}

.page-hero h1 {
  max-width: 14ch;
  margin-bottom: 0;
  font-size: clamp(3.2rem, 2rem + 3.8vw, 6rem);
}

.page-hero-lead,
.section-intro > p:last-child,
.section-aside {
  color: var(--color-stone);
}

.page-hero-lead {
  margin-bottom: 0;
  color: color-mix(in srgb, var(--color-paper) 76%, transparent);
  font-size: var(--font-lg);
}

.government-hero {
  padding-block: 0;
}

.government-hero-grid {
  min-height: min(52rem, calc(100vh - var(--header-height)));
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(22rem, 5fr);
  gap: clamp(2.5rem, 5vw, 5.5rem);
  align-items: stretch;
}

.government-hero-copy {
  align-self: center;
  padding-block: clamp(5rem, 8vw, 8rem);
}

.government-hero h1 {
  max-width: 12ch;
  margin-bottom: 2rem;
}

.government-hero-lead,
.government-hero-support {
  max-width: 42rem;
  color: color-mix(in srgb, var(--color-paper) 82%, transparent);
}

.government-hero-lead {
  font-size: var(--font-lg);
}

.government-hero-support {
  margin-block: 1.25rem 0;
  padding-inline-start: 1rem;
  border-inline-start: 2px solid var(--color-clay);
  font-size: var(--font-sm);
}

.government-hero-link {
  color: var(--color-paper);
  font-size: var(--font-sm);
  font-weight: 620;
}

.government-hero-media {
  min-height: 38rem;
  margin: 0;
  overflow: hidden;
}

.government-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 56% center;
}

.section-intro h2,
.section-heading-row h2 {
  margin-bottom: 1.75rem;
  font-size: clamp(2.5rem, 1.8rem + 2vw, 4rem);
}

.engagement-list,
.government-fit-list {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color-ink);
  list-style: none;
}

.engagement-list li,
.government-fit-list li {
  padding-block: 1.5rem;
  border-bottom: 1px solid var(--color-line);
}

.engagement-list h3,
.government-fit-list h3 {
  margin-bottom: 0.5rem;
  font-size: var(--font-lg);
  font-weight: 560;
}

.engagement-list p,
.government-fit-list p {
  margin-bottom: 0;
  color: var(--color-stone);
}

.delivery-section,
.government-evidence {
  background: var(--color-paper);
}

.government-accountability .section-grid,
.government-production .section-grid,
.government-key-person .section-grid,
.government-interoperability .section-grid {
  align-items: start;
}

.government-editorial-copy {
  max-width: var(--reading-max);
  font-size: var(--font-md);
}

.government-editorial-copy p:last-child {
  margin-bottom: 0;
}

.government-fact-row,
.government-lifecycle,
.government-system-flow {
  padding: 0;
  list-style: none;
}

.government-fact-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-block: clamp(3rem, 5vw, 5rem) 0;
  border-block: 1px solid var(--color-line);
}

.government-fact-row li {
  min-height: 8.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.5rem;
}

.government-fact-row li + li {
  border-inline-start: 1px solid var(--color-line);
}

.government-fact-row span,
.government-lifecycle span,
.government-system-flow span {
  color: var(--color-clay-text);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
}

.government-fact-row strong {
  max-width: 19ch;
  font-size: var(--font-md);
  font-weight: 620;
  line-height: 1.35;
}

.government-delivery {
  background: var(--color-paper);
}

.government-delivery .section-heading-row {
  align-items: end;
}

.government-lifecycle {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-block: clamp(3rem, 5vw, 5rem) 0;
  border-block: 1px solid var(--color-line);
}

.government-lifecycle li {
  min-height: 18rem;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}

.government-lifecycle li + li {
  border-inline-start: 1px solid var(--color-line);
}

.government-lifecycle h3 {
  margin-block: 2.5rem 0.75rem;
  font-size: var(--font-lg);
  font-weight: 600;
}

.government-lifecycle p {
  margin: 0;
  color: var(--color-stone);
  font-size: var(--font-sm);
}

.government-interoperability {
  background: var(--color-atlantic);
  color: var(--color-paper);
}

.government-interoperability .eyebrow,
.government-key-person .eyebrow {
  color: var(--color-paper);
}

.government-interoperability .government-editorial-copy,
.government-key-person .government-editorial-copy {
  color: color-mix(in srgb, var(--color-paper) 78%, transparent);
}

.government-system {
  margin-block: clamp(3rem, 5vw, 5rem) 0;
  background: var(--color-paper);
  color: var(--color-ink);
}

.government-system-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(12rem, 0.72fr) auto minmax(0, 1fr);
  margin: 0;
  align-items: stretch;
}

.government-system-flow > li:not(.government-system-arrow) {
  min-height: 12rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  padding: 1.5rem;
}

.government-system-flow strong {
  max-width: 24ch;
  font-size: var(--font-md);
  font-weight: 620;
  line-height: 1.4;
}

.government-system-control {
  border-block-start: 0.3rem solid var(--color-clay);
  background: var(--color-bone);
}

.government-system-arrow {
  display: grid;
  place-items: center;
  padding-inline: 0.8rem;
  color: var(--color-clay-text);
  font-family: var(--font-mono);
}

.government-system figcaption {
  margin: 0;
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--color-line);
  color: var(--color-stone);
  font-family: var(--font-mono);
  letter-spacing: 0;
  text-transform: none;
}

.government-production {
  background: var(--color-bone);
}

.government-key-person {
  background: var(--color-ink);
  color: var(--color-paper);
}

.government-proof-copy > .text-link {
  display: inline-block;
  margin-top: 1rem;
}

.government-microcopy {
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--color-line);
  color: var(--color-stone);
  font-size: var(--font-sm);
}

.government-key-person .government-proof-copy > .text-link {
  color: var(--color-paper);
}

.delivery-visual {
  border-top: 1px solid var(--color-ink);
}

.delivery-visual > div {
  display: grid;
  grid-template-columns: 3rem 1fr;
  padding-block: 1.25rem;
  border-bottom: 1px solid var(--color-line);
}

.delivery-visual span {
  grid-row: 1 / 3;
  color: var(--color-clay-text);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
}

.delivery-visual h3,
.delivery-visual p {
  margin-bottom: 0;
}

.delivery-visual h3 {
  font-size: var(--font-lg);
  font-weight: 560;
}

.delivery-visual p {
  color: var(--color-stone);
  font-size: var(--font-sm);
}

.government-evidence .section-heading-row {
  margin-bottom: 3rem;
}

.trust-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-block: 1px solid var(--color-line);
}

.trust-item {
  padding: 2rem;
}

.trust-item + .trust-item {
  border-inline-start: 1px solid var(--color-line);
}

.trust-meta {
  margin-bottom: 2rem;
  color: var(--color-clay-text);
}

.trust-item h3 {
  margin-bottom: 0.75rem;
  font-size: var(--font-xl);
  font-weight: 560;
}

.trust-item p {
  margin-bottom: 0;
  color: var(--color-stone);
}

.government-trust-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.trust-item-actions {
  display: grid;
  gap: 0.65rem;
  margin-top: 1.5rem;
  font-size: var(--font-sm);
  font-weight: 620;
}

.trust-item-actions a {
  width: fit-content;
}

.government-page .final-cta {
  display: block;
  min-height: auto;
  padding-block: clamp(5rem, 8vw, 8rem);
}

.government-page .final-cta .shell h2 {
  max-width: 17ch;
  font-size: clamp(2.75rem, 2rem + 2.4vw, 4.75rem);
}

.government-page .cta-row {
  grid-template-columns: minmax(18rem, 34rem) auto;
  justify-content: space-between;
}

.cta-row {
  display: grid;
  grid-template-columns: auto minmax(15rem, 28rem);
  gap: 2rem;
  align-items: center;
}

.cta-row p {
  margin: 0;
  color: color-mix(in srgb, var(--color-paper) 72%, transparent);
}

.procurement-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}

.quiet-link {
  color: color-mix(in srgb, var(--color-paper) 75%, transparent);
  font-size: var(--font-sm);
}

/* Trust, privacy, and procurement reading surfaces */
.policy-hero,
.capability-hero {
  padding-block: clamp(4.5rem, 8vw, 7.5rem);
  background: var(--color-atlantic);
  color: var(--color-paper);
}

.policy-hero .eyebrow,
.capability-hero .eyebrow {
  color: var(--color-paper);
}

.policy-hero .breadcrumb,
.capability-hero .breadcrumb {
  color: color-mix(in srgb, var(--color-paper) 66%, transparent);
}

.policy-hero .breadcrumb [aria-current="page"],
.capability-hero .breadcrumb [aria-current="page"] {
  color: var(--color-paper);
}

.policy-hero .breadcrumb li + li::before,
.capability-hero .breadcrumb li + li::before {
  color: color-mix(in srgb, var(--color-paper) 34%, transparent);
}

.policy-hero-inner {
  max-width: 74rem;
}

.policy-hero h1,
.capability-hero h1 {
  max-width: 17ch;
  margin-bottom: 2rem;
  font-family: var(--font-serif);
  font-size: clamp(3rem, 2.1rem + 3.1vw, 5.6rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.98;
}

.policy-lead {
  max-width: 57rem;
  margin: 0;
  color: color-mix(in srgb, var(--color-paper) 78%, transparent);
  font-size: var(--font-lg);
}

.contact-direct {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  align-items: center;
  margin-top: 2rem;
}

.contact-direct p {
  max-width: 33rem;
  margin: 0;
  color: color-mix(in srgb, var(--color-paper) 68%, transparent);
  font-size: var(--font-sm);
}

.policy-effective {
  width: fit-content;
  margin-bottom: 1.5rem;
  padding-block: 0.45rem;
  border-block: 1px solid color-mix(in srgb, var(--color-paper) 30%, transparent);
  color: color-mix(in srgb, var(--color-paper) 82%, transparent);
  font-size: var(--font-sm);
}

.policy-layout {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(14rem, 3fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: start;
  padding-block: clamp(5rem, 8vw, 8rem);
}

.policy-body {
  max-width: 51rem;
}

.policy-section,
.policy-sources {
  padding-block: clamp(2.25rem, 4vw, 3.5rem);
  border-top: 1px solid var(--color-line);
}

.policy-section:first-child {
  padding-top: 0;
  border-top-color: var(--color-ink);
}

.policy-section h2,
.policy-sources h2 {
  max-width: 27ch;
  margin-bottom: 1.25rem;
  font-family: var(--font-serif);
  font-size: clamp(1.9rem, 1.55rem + 1vw, 2.8rem);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1.08;
}

.policy-section p,
.policy-section li,
.policy-sources li {
  max-width: var(--reading-max);
}

.policy-section ul,
.policy-sources ul {
  display: grid;
  gap: 0.65rem;
  padding-inline-start: 1.25rem;
}

.policy-section code {
  padding: 0.08em 0.28em;
  background: color-mix(in srgb, var(--color-line) 42%, transparent);
  font-family: var(--font-mono);
  font-size: 0.88em;
}

.policy-aside {
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-ink);
}

.policy-aside > .button {
  width: 100%;
  justify-content: space-between;
  text-align: start;
}

.policy-related {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--color-line);
}

.policy-related ul {
  display: grid;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--font-sm);
}

.policy-sources {
  margin-top: 1rem;
}

.capability-hero .breadcrumb {
  margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

.capability-title-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3rem;
  align-items: end;
}

.capability-title-row h1 {
  max-width: 15ch;
  margin-bottom: 0;
}

.capability-title-row .button {
  border-color: var(--color-paper);
  color: var(--color-paper);
}

.capability-title-row .button:hover {
  background: var(--color-paper);
  color: var(--color-ink);
}

.capability-positioning {
  max-width: 38rem;
  margin: 3rem 0 0;
  font-size: var(--font-xl);
  line-height: 1.22;
}

.capability-brand-line {
  margin: 1rem 0 0;
  color: color-mix(in srgb, var(--color-paper) 68%, transparent);
  font-size: var(--font-sm);
}

.capability-document {
  background: var(--color-paper);
}

.capability-profile,
.capability-section,
.capability-closing {
  padding-block: clamp(4.5rem, 8vw, 7rem);
}

.capability-profile {
  background: var(--color-bone);
}

.capability-profile-grid,
.capability-two-column {
  display: grid;
  grid-template-columns: minmax(14rem, 4fr) minmax(0, 8fr);
  gap: clamp(2.5rem, 7vw, 7rem);
  align-items: start;
}

.capability-profile h2,
.capability-section > .shell > h2,
.capability-two-column > h2,
.capability-closing h2 {
  margin-bottom: 1.5rem;
  font-family: var(--font-serif);
  font-size: clamp(2.25rem, 1.7rem + 1.7vw, 3.75rem);
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1;
}

.capability-profile-grid > p {
  max-width: var(--reading-max);
  margin: 0;
  font-size: var(--font-lg);
}

.capability-profile-line {
  max-width: 30rem;
  margin: 0;
  color: var(--color-stone);
}

.capability-grid,
.capability-evidence-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 3rem;
  border-block: 1px solid var(--color-ink);
}

.capability-grid article,
.capability-evidence-grid article {
  padding: 2rem;
}

.capability-grid article + article,
.capability-evidence-grid article + article {
  border-inline-start: 1px solid var(--color-line);
}

.capability-grid article > span {
  color: var(--color-clay-text);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
}

.capability-grid h3 {
  margin: 1.5rem 0 0.75rem;
  font-size: var(--font-xl);
  font-weight: 560;
  line-height: 1.1;
}

.capability-grid p,
.capability-evidence-grid p,
.capability-evidence-grid li {
  margin-bottom: 0;
  color: var(--color-stone);
  font-size: var(--font-sm);
}

.capability-engagements,
.capability-assurance {
  background: var(--color-bone);
}

.capability-engagements ol {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color-ink);
  list-style: none;
  counter-reset: capability-engagement;
}

.capability-engagements li {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: 1rem;
  padding-block: 1.25rem;
  border-bottom: 1px solid var(--color-line);
  counter-increment: capability-engagement;
}

.capability-engagements li::before {
  color: var(--color-clay-text);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
  content: "0" counter(capability-engagement);
}

.capability-engagements p,
.capability-assurance p {
  margin: 0;
}

.capability-evidence-grid .eyebrow {
  min-height: 3.5rem;
  margin-bottom: 1.5rem;
  color: var(--color-clay-text);
}

.capability-evidence-grid ul {
  display: grid;
  gap: 0.8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.capability-assurance .capability-two-column > div {
  display: grid;
  gap: 1.5rem;
}

.capability-closing {
  background: var(--color-atlantic);
  color: var(--color-paper);
}

.capability-closing-grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(17rem, 5fr);
  gap: clamp(3rem, 8vw, 8rem);
}

.capability-closing p,
.capability-closing address {
  color: color-mix(in srgb, var(--color-paper) 78%, transparent);
  font-style: normal;
}

.capability-explore {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid color-mix(in srgb, var(--color-paper) 24%, transparent);
  font-size: var(--font-sm);
}

.capability-explore ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.compact-hero {
  min-height: calc(100vh - var(--header-height));
  display: grid;
  align-items: center;
  padding-block: 4rem;
}

.compact-hero h1 {
  font-size: var(--font-hero);
}

.compact-hero .hero-lead {
  color: color-mix(in srgb, var(--color-paper) 82%, transparent);
}

.not-found-recovery {
  max-width: 48rem;
  margin-top: clamp(3rem, 7vw, 5rem);
  padding-top: 1.5rem;
  border-top: 1px solid color-mix(in srgb, var(--color-paper) 28%, transparent);
}

.not-found-recovery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--font-sm);
}

/* Footer */
.site-footer {
  padding-top: clamp(4rem, 7vw, 7rem);
  background: var(--color-ink);
  color: var(--color-bone);
}

.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: clamp(2rem, 5vw, 5rem);
}

.wordmark-footer {
  margin-bottom: 1.75rem;
}

.wordmark-footer .wordmark-art {
  width: 8rem;
}

.footer-grid p,
.footer-note {
  color: color-mix(in srgb, var(--color-bone) 63%, transparent);
  font-size: var(--font-sm);
}

.footer-links {
  display: grid;
  gap: 0.7rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--font-sm);
}

.footer-grid .eyebrow {
  margin-bottom: 1.25rem;
}

.footer-base {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 4rem;
  padding-block: 1.25rem;
  border-top: 1px solid color-mix(in srgb, var(--color-bone) 22%, transparent);
  color: color-mix(in srgb, var(--color-bone) 55%, transparent);
  font-size: var(--font-xs);
}

.footer-legal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.6rem 1.25rem;
}

.noscript {
  margin: 0;
  padding: 0.75rem var(--gutter);
  background: var(--color-clay);
  color: var(--color-paper);
  font-size: var(--font-sm);
}

.language-switcher-footer {
  color: var(--color-bone);
}

@media (max-width: 1120px) {
  .nav-toggle {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.5rem;
    cursor: pointer;
  }

  .nav-toggle-glyph,
  .nav-toggle-glyph::after {
    width: 1.15rem;
    height: 1px;
    display: block;
    background: currentColor;
    content: "";
  }

  .nav-toggle-glyph::after {
    transform: translateY(0.35rem);
  }

  .js .primary-nav {
    position: absolute;
    top: 100%;
    inset-inline: 0;
    display: none;
    padding: 1.25rem var(--gutter) 1.75rem;
    border-bottom: 1px solid var(--color-line);
    background: var(--color-paper);
  }

  .js .primary-nav[data-open="true"] {
    display: grid;
  }

  .primary-nav {
    display: grid;
    gap: 0;
  }

  .primary-nav > a:not(.button) {
    min-height: 3rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--color-line);
  }

  .header-actions {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    gap: 1rem;
    margin-top: 1rem;
  }

  .government-lifecycle {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-block-end: 0;
  }

  .government-lifecycle li {
    min-height: 15rem;
    border-block-end: 1px solid var(--color-line);
  }

  .government-lifecycle li + li {
    border-inline-start: 0;
  }

  .government-lifecycle li:nth-child(even) {
    border-inline-start: 1px solid var(--color-line);
  }

  .government-lifecycle li:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 980px) {
  .hero {
    grid-template-columns: 48% 52%;
  }

  .hero-copy {
    padding-inline: var(--gutter);
  }

  .final-cta {
    grid-template-columns: 50% 50%;
  }

  .artifact-system {
    grid-template-columns: 1fr 1fr;
  }

  .artifact-system > i {
    display: none;
  }

  .work-story {
    grid-template-columns: 1.2fr 0.8fr;
  }

  .home-work-item,
  .engagement-shapes > li {
    grid-template-columns: minmax(8rem, 2fr) minmax(0, 7fr);
  }

  .home-work-actions,
  .engagement-outcome {
    grid-column: 2;
  }

  .home-work-actions {
    justify-content: flex-start;
  }

  .rida-hero-grid {
    grid-template-columns: minmax(0, 6fr) minmax(17rem, 4fr);
    gap: 3rem;
  }

  .rida-talk-preview {
    grid-column: 1 / 7;
  }

  .rida-talk-body {
    grid-column: 7 / -1;
  }

  .rida-talk:nth-child(even) .rida-talk-preview {
    grid-column: 7 / -1;
  }

  .rida-talk:nth-child(even) .rida-talk-body {
    grid-column: 1 / 7;
  }

  .rida-writing {
    grid-template-columns: minmax(8rem, 3fr) minmax(0, 6fr);
  }

  .rida-writing > p {
    grid-column: 2;
  }

  .government-hero-grid {
    width: 100%;
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .government-hero-copy {
    width: min(100% - (2 * var(--gutter)), var(--content-max));
    margin-inline: auto;
  }

  .government-hero-media {
    min-height: 27rem;
    max-height: 36rem;
  }

  .government-fact-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .government-fact-row li:nth-child(3) {
    border-block-start: 1px solid var(--color-line);
    border-inline-start: 0;
  }

  .government-fact-row li:nth-child(4) {
    border-block-start: 1px solid var(--color-line);
  }

  .government-system-flow {
    grid-template-columns: 1fr;
  }

  .government-system-flow > li:not(.government-system-arrow) {
    min-height: 9rem;
  }

  .government-system-arrow {
    min-height: 3rem;
    transform: rotate(90deg);
  }

  .government-trust-grid,
  .capability-grid,
  .capability-evidence-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .government-trust-grid .trust-item:nth-child(3),
  .capability-grid article:nth-child(3),
  .capability-evidence-grid article:nth-child(3) {
    border-top: 1px solid var(--color-line);
    border-inline-start: 0;
  }

  .government-trust-grid .trust-item:nth-child(4) {
    border-top: 1px solid var(--color-line);
  }
}

@media (max-width: 760px) {
  :root {
    --header-height: 4.1rem;
  }

  .header-inner {
    min-height: var(--header-height);
  }

  .hero {
    min-height: auto;
    grid-template-columns: 1fr;
  }

  .hero-copy {
    display: contents;
  }

  .hero-main {
    display: contents;
  }

  .hero-intro {
    order: 1;
    padding: 4rem var(--gutter) 2.5rem;
  }

  .hero-details {
    order: 3;
    padding: 2.75rem var(--gutter) 3.5rem;
  }

  .hero h1 {
    font-size: clamp(3.65rem, 15vw, 5.4rem);
  }

  .hero-image {
    order: 2;
    height: 74vw;
    min-height: 25rem;
  }

  .pov-grid,
  .situations-intro,
  .work-heading,
  .studio-paths-intro,
  .commercial-intro,
  .trust-bridge-grid,
  .principal-grid,
  .page-hero-grid,
  .section-grid,
  .section-heading-row {
    grid-template-columns: 1fr;
  }

  .rida-hero-grid,
  .rida-focus-grid,
  .rida-editorial-grid,
  .rida-section-intro,
  .rida-closing-grid {
    grid-template-columns: 1fr;
  }

  .rida-hero {
    padding-block: 4rem 0;
  }

  .rida-hero-copy {
    padding-bottom: 3.5rem;
  }

  .rida-hero-portrait {
    width: calc(100% + (2 * var(--gutter)));
    margin-inline: calc(-1 * var(--gutter));
  }

  .breadcrumb {
    margin-bottom: 3.5rem;
  }

  .rida-section-intro {
    align-items: start;
  }

  .rida-experience-list li {
    grid-template-columns: 2.5rem minmax(0, 1fr);
  }

  .rida-experience-list > li > p {
    grid-column: 2;
  }

  .rida-talk {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .rida-talk-preview,
  .rida-talk-body,
  .rida-talk:nth-child(even) .rida-talk-preview,
  .rida-talk:nth-child(even) .rida-talk-body {
    grid-column: auto;
    grid-row: auto;
  }

  .rida-writing {
    grid-template-columns: 1fr;
  }

  .rida-writing > p {
    grid-column: auto;
  }

  .studio-paths-list {
    grid-template-columns: 1fr;
  }

  .studio-path:first-child,
  .studio-path:last-child {
    padding-inline: 0;
    border-inline-end: 0;
  }

  .studio-path + .studio-path {
    border-top: 1px solid var(--color-line);
  }

  .delivery-continuity-list {
    grid-template-columns: 1fr;
  }

  .delivery-continuity-list li:nth-child(odd),
  .delivery-continuity-list li:nth-child(even) {
    padding-inline: 0;
    border-inline-end: 0;
  }

  .home-work-item,
  .engagement-shapes > li {
    grid-template-columns: 1fr;
  }

  .home-work-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
  }

  .home-work-meta span:first-child {
    width: 100%;
  }

  .home-work-actions,
  .engagement-outcome {
    grid-column: auto;
  }

  .engagement-meta {
    grid-template-columns: 2.5rem minmax(0, 1fr);
  }

  .pov-grid > .eyebrow,
  .pov-grid > div {
    grid-column: auto;
  }

  .pov-grid h2 {
    font-size: clamp(3rem, 12vw, 4.3rem);
  }

  .situation-list li {
    grid-template-columns: 2.5rem 1fr;
    gap: 0.5rem 1rem;
  }

  .situations-intro > p:last-child {
    max-width: var(--reading-max);
  }

  .final-cta {
    grid-template-columns: 1fr;
  }

  .final-cta-image {
    min-height: 70vw;
  }

  .final-cta-copy {
    padding: 4.5rem var(--gutter);
  }

  .work-heading {
    align-items: start;
  }

  .work-story {
    grid-template-columns: 1fr;
  }

  .work-story-2 .work-artifact,
  .work-story-2 .work-copy {
    order: initial;
  }

  .work-artifact {
    min-height: 27rem;
  }

  .artifact-system {
    grid-template-columns: 1fr 1fr;
  }

  .principal-grid figure {
    max-width: 33rem;
  }

  .government-signal-inner,
  .footer-base {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding-block: 1.25rem;
  }

  .government-hero-copy {
    padding-block: 4.5rem;
  }

  .government-hero h1 {
    font-size: clamp(3rem, 12vw, 4.7rem);
  }

  .government-hero-media {
    min-height: 70vw;
  }

  .government-fact-row,
  .government-lifecycle {
    grid-template-columns: 1fr;
  }

  .government-fact-row li,
  .government-lifecycle li,
  .government-lifecycle li:last-child {
    min-height: auto;
    grid-column: auto;
  }

  .government-fact-row li + li,
  .government-fact-row li:nth-child(3),
  .government-fact-row li:nth-child(4),
  .government-lifecycle li:nth-child(even) {
    border-block-start: 1px solid var(--color-line);
    border-inline-start: 0;
  }

  .government-lifecycle h3 {
    margin-top: 1.5rem;
  }

  .trust-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .trust-item + .trust-item {
    border-top: 1px solid var(--color-line);
    border-inline-start: 0;
  }

  .footer-grid {
    gap: 2.5rem;
  }

  .cta-row {
    grid-template-columns: 1fr;
  }

  .government-page .cta-row {
    grid-template-columns: 1fr;
  }

  .policy-layout,
  .capability-title-row,
  .capability-profile-grid,
  .capability-two-column,
  .capability-closing-grid {
    grid-template-columns: 1fr;
  }

  .policy-aside {
    order: -1;
  }

  .policy-aside > .button {
    width: auto;
  }

  .capability-title-row {
    align-items: start;
  }

  .capability-title-row .button {
    width: fit-content;
  }

  .government-trust-grid,
  .capability-grid,
  .capability-evidence-grid {
    grid-template-columns: 1fr;
  }

  .government-trust-grid .trust-item:nth-child(3),
  .capability-grid article:nth-child(3),
  .capability-evidence-grid article:nth-child(3) {
    border-inline-start: 0;
  }

  .capability-grid article + article,
  .capability-evidence-grid article + article {
    border-top: 1px solid var(--color-line);
    border-inline-start: 0;
  }

  .capability-evidence-grid .eyebrow {
    min-height: auto;
  }
}

@media (max-width: 430px) {
  .wordmark-art {
    width: 8rem;
  }

  .hero-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .header-actions {
    grid-template-columns: 1fr;
  }

  .authority-actions,
  .principal-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .principal-actions .external-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .work-artifact {
    margin-inline: calc(-1 * var(--gutter));
  }

  .artifact-chrome {
    align-items: flex-start;
    flex-direction: column;
  }

  .artifact-chrome span:last-child {
    text-align: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

@media print {
  .site-header,
  .site-footer,
  .hero-actions,
  .final-cta,
  .nav-toggle {
    display: none;
  }

  body {
    background: #fff;
    color: #000;
  }

  .hero,
  .work-artifact,
  .page-hero,
  .rida-focus,
  .rida-closing {
    min-height: auto;
    background: #fff;
    color: #000;
  }
}

/* Work evidence layer */
.project-link {
  display: inline-block;
  margin-inline-start: 1.25rem;
  font-weight: 600;
}

.work-page-hero h1 {
  max-width: 10ch;
}

.work-page-hero .page-hero-lead p {
  margin: 0 0 1rem;
}

.work-page-hero .page-hero-lead p:last-child {
  margin-bottom: 0;
}

.work-index-section {
  background: var(--color-bone);
}

.work-index-intro {
  display: grid;
  grid-template-columns: 3fr 5fr 4fr;
  gap: 1.5rem;
  align-items: end;
  margin-bottom: clamp(4rem, 8vw, 7rem);
}

.work-index-intro h2,
.case-section-grid h2,
.case-proof-grid h2,
.case-section-heading h2,
.case-workflows-heading h2 {
  margin: 0;
  font-family: var(--font-serif);
  font-size: clamp(2.5rem, 1.8rem + 2vw, 4rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.98;
}

.work-index-intro > p:last-child {
  margin: 0;
  color: var(--color-stone);
}

.case-index-list {
  border-top: 1px solid var(--color-ink);
}

.case-index-item {
  display: grid;
  grid-template-columns: 2fr minmax(0, 7fr) 3fr;
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: start;
  padding-block: clamp(2.5rem, 5vw, 4.5rem);
  border-bottom: 1px solid var(--color-line);
}

.case-index-meta {
  display: grid;
  gap: 1.25rem;
  color: var(--color-stone);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.case-index-item .case-project {
  margin-bottom: 0.75rem;
  font-size: var(--font-sm);
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.case-index-item h3 {
  max-width: 19ch;
  margin-bottom: 1.25rem;
  font-family: var(--font-serif);
  font-size: clamp(2.25rem, 1.65rem + 1.6vw, 3.6rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 1;
}

.case-index-item > div:nth-child(2) > p:last-child {
  max-width: 46rem;
  margin-bottom: 0;
  color: var(--color-stone);
}

.case-index-action {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
  font-size: var(--font-sm);
}

.case-index-action > span {
  color: var(--color-stone);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
  text-transform: uppercase;
}

.case-index-action a {
  font-weight: 650;
}

.case-index-item > .work-cover {
  grid-column: 1 / -1;
  margin-block-start: clamp(1rem, 2vw, 2rem);
}

.work-index-group + .work-index-group {
  margin-block-start: clamp(5rem, 10vw, 9rem);
}

.work-index-group__heading {
  display: grid;
  grid-template-columns: 3fr minmax(0, 9fr);
  gap: 1.5rem;
  align-items: end;
  margin-block-end: clamp(2rem, 4vw, 3.5rem);
  padding-block-end: 1.25rem;
  border-block-end: 1px solid var(--color-ink);
}

.work-index-group__heading h2 {
  grid-column: 2;
  max-width: 22ch;
  margin: 0;
  font-family: var(--font-serif);
  font-size: clamp(2.6rem, 1.9rem + 2.3vw, 4.75rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.98;
}

.work-index-group__intro {
  display: grid;
  grid-template-columns: 3fr minmax(0, 9fr);
  gap: 1.5rem;
  margin-block-end: clamp(3rem, 6vw, 5.5rem);
}

.work-index-group__intro h3 {
  max-width: 22ch;
  margin: 0 0 1rem;
  font-family: var(--font-serif);
  font-size: clamp(2rem, 1.55rem + 1.35vw, 3.25rem);
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1;
}

.work-index-group__intro p:last-child {
  max-width: 46rem;
  margin: 0;
  color: var(--color-stone);
}

.case-cover-section {
  padding-block: clamp(2.5rem, 6vw, 5.5rem);
  background: var(--color-bone);
}

.work-cover {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--color-ink);
  background: var(--color-paper);
  color: var(--color-ink);
}

.work-cover__meta {
  min-height: 3.25rem;
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: center;
  padding-block: 0.75rem;
  padding-inline: 1rem;
  border-block-end: 1px solid var(--color-line);
  background: var(--color-bone);
  font-family: var(--font-sans);
  font-size: var(--font-xs);
  line-height: 1.35;
}

.work-cover__stewardship-plate {
  display: grid;
  gap: clamp(2.25rem, 5vw, 4.5rem);
  padding: clamp(1.25rem, 3vw, 2.75rem);
  background: var(--color-paper);
}

.work-cover__stewardship-meta,
.work-cover__stewardship-layers,
.work-cover__stewardship-checkpoints {
  margin: 0;
  padding: 0;
  list-style: none;
}

.work-cover__stewardship-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-block: 1px solid var(--color-ink);
  color: var(--color-stone);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
  letter-spacing: 0.045em;
  line-height: 1.4;
  text-transform: uppercase;
}

.work-cover__stewardship-meta li {
  padding-block: 0.8rem;
}

.work-cover__stewardship-meta li + li {
  padding-inline-start: 1rem;
  border-inline-start: 1px solid var(--color-line);
}

.work-cover__stewardship-layers {
  width: min(100%, 48rem);
  display: grid;
  justify-self: center;
  border: 1px solid var(--color-ink);
}

.work-cover__stewardship-layers li {
  min-height: clamp(4rem, 6vw, 5.5rem);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1.5rem;
  align-items: center;
  padding: 1rem clamp(1rem, 3vw, 2rem);
}

.work-cover__stewardship-layers li:nth-child(even) {
  background: var(--color-bone);
}

.work-cover__stewardship-layers li + li {
  border-block-start: 1px solid var(--color-line);
}

.work-cover__stewardship-layers span,
.work-cover__stewardship-layers strong {
  line-height: 1.2;
}

.work-cover__stewardship-layers span {
  color: var(--color-stone);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
}

.work-cover__stewardship-layers strong {
  font-size: clamp(1rem, 0.92rem + 0.25vw, 1.2rem);
  font-weight: 620;
}

.work-cover__stewardship-checkpoints {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(0.5rem, 1.1vw, 1rem);
}

.work-cover__stewardship-checkpoints li {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-rows: 1rem auto;
  gap: 0.65rem;
  color: var(--color-stone);
  font-family: var(--font-mono);
  font-size: clamp(0.62rem, 0.58rem + 0.08vw, 0.7rem);
  line-height: 1.4;
}

.work-cover__stewardship-checkpoints li::before {
  position: absolute;
  inset-block-start: 0.35rem;
  inset-inline-start: 0.7rem;
  width: calc(100% - 1.1rem);
  height: 1px;
  background: var(--color-line);
  content: "";
}

.work-cover__stewardship-checkpoints li:last-child::before {
  width: calc(100% - 0.7rem);
  height: 0;
  background: none;
  border-block-start: 1px dashed var(--color-line);
}

.work-cover__checkpoint-marker {
  position: relative;
  z-index: 1;
  width: 0.7rem;
  height: 0.7rem;
  border: 2px solid var(--color-clay);
  background: var(--color-paper);
}

.work-cover--index.work-cover--layout-product-stewardship .work-cover__stewardship-plate {
  gap: clamp(1.5rem, 3vw, 2.75rem);
}

.work-cover__journey-plate {
  padding: clamp(1rem, 2.5vw, 2rem);
  background: var(--color-ink);
}

.work-cover__journey-stages {
  --journey-gap: clamp(0.45rem, 0.8vw, 0.75rem);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--journey-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.work-cover__journey-stages li {
  position: relative;
  min-height: clamp(9rem, 13vw, 12rem);
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 1rem;
  padding: clamp(0.8rem, 1.4vw, 1.1rem);
  border: 1px solid color-mix(in srgb, var(--color-paper) 28%, transparent);
  background: color-mix(in srgb, var(--color-paper) 7%, transparent);
  color: var(--color-paper);
}

.work-cover__journey-stages li:not(:last-child)::after {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: calc(-1 * var(--journey-gap) - 1px);
  z-index: 2;
  width: calc(var(--journey-gap) + 2px);
  height: 1px;
  background: var(--color-clay);
  content: "";
}

.work-cover__journey-number {
  color: color-mix(in srgb, var(--color-paper) 58%, transparent);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
}

.work-cover__journey-mark {
  position: relative;
  width: clamp(1.8rem, 3vw, 2.5rem);
  height: clamp(1.8rem, 3vw, 2.5rem);
  align-self: center;
  border: 1px solid color-mix(in srgb, var(--color-paper) 52%, transparent);
}

.work-cover__journey-mark::before,
.work-cover__journey-mark::after {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  background: var(--color-clay);
  content: "";
  transform: translate(-50%, -50%);
}

.work-cover__journey-mark::before {
  width: 45%;
  height: 1px;
}

.work-cover__journey-mark::after {
  width: 1px;
  height: 45%;
}

.work-cover__journey-stages strong {
  max-width: 13ch;
  font-size: clamp(0.82rem, 0.75rem + 0.22vw, 1rem);
  font-weight: 620;
  line-height: 1.3;
}

.work-cover--index.work-cover--layout-operating-journey .work-cover__journey-stages li {
  min-height: 8rem;
}

.work-cover__parallel-plate {
  display: grid;
  grid-template-rows: auto clamp(2.5rem, 5vw, 4.25rem) auto;
  padding: clamp(1rem, 2.5vw, 2rem);
  background: var(--color-paper);
}

.work-cover__parallel-repository {
  width: min(100%, 24rem);
  min-height: 5.5rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  justify-self: center;
  padding: 1rem 1.15rem;
  border: 1px solid var(--color-ink);
  background: var(--color-bone);
}

.work-cover__parallel-repository-mark {
  width: 0.7rem;
  height: 0.7rem;
  background: var(--color-clay);
}

.work-cover__parallel-repository strong,
.work-cover__parallel-repository span {
  display: block;
}

.work-cover__parallel-repository strong {
  font-size: var(--font-sm);
  font-weight: 650;
}

.work-cover__parallel-repository span {
  margin-block-start: 0.3rem;
  color: var(--color-stone);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
  line-height: 1.4;
}

.work-cover__parallel-axis {
  position: relative;
  width: 66.666%;
  justify-self: center;
}

.work-cover__parallel-axis::before,
.work-cover__parallel-axis::after {
  position: absolute;
  background: var(--color-line);
  content: "";
}

.work-cover__parallel-axis::before {
  inset-block: 0;
  inset-inline-start: 50%;
  width: 1px;
}

.work-cover__parallel-axis::after {
  inset-block-end: 0;
  inset-inline: 0;
  height: 1px;
}

.work-cover__parallel-environments,
.work-cover__parallel-boundaries {
  margin: 0;
  padding: 0;
  list-style: none;
}

.work-cover__parallel-environments {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.65rem, 1.4vw, 1.25rem);
}

.work-cover__parallel-environment {
  position: relative;
  min-width: 0;
  min-height: clamp(13rem, 17vw, 16rem);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  gap: 0.9rem;
  padding: 1rem;
  border: 1px solid var(--color-ink);
  background: var(--color-paper);
}

.work-cover__parallel-environment::before {
  position: absolute;
  inset-block-start: calc(-1 * clamp(2.5rem, 5vw, 4.25rem));
  inset-inline-start: 50%;
  width: 1px;
  height: clamp(2.5rem, 5vw, 4.25rem);
  background: var(--color-line);
  content: "";
}

.work-cover__parallel-number {
  color: var(--color-stone);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
}

.work-cover__parallel-copy strong,
.work-cover__parallel-copy span {
  display: block;
}

.work-cover__parallel-copy strong {
  overflow-wrap: anywhere;
  font-family: var(--font-mono);
  font-size: clamp(0.78rem, 0.72rem + 0.18vw, 0.9rem);
  font-weight: 600;
  line-height: 1.35;
}

.work-cover__parallel-copy span {
  margin-block-start: 0.3rem;
  color: var(--color-stone);
  font-size: var(--font-xs);
  line-height: 1.4;
}

.work-cover__parallel-boundaries {
  grid-column: 1 / -1;
  align-self: end;
  border-block-start: 1px solid var(--color-line);
}

.work-cover__parallel-boundaries li {
  min-height: 2.6rem;
  display: flex;
  align-items: center;
  padding-block: 0.6rem;
  font-size: var(--font-xs);
  font-weight: 600;
  line-height: 1.35;
}

.work-cover__parallel-boundaries li + li {
  border-block-start: 1px solid var(--color-line);
}

.work-cover--index.work-cover--layout-parallel-environments .work-cover__parallel-environment {
  min-height: clamp(11rem, 14vw, 13rem);
}

.work-cover__meta strong {
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.work-cover__meta span {
  color: var(--color-stone);
}

.work-cover__plate {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(0.35rem, 0.7vw, 0.55rem) minmax(0, 1fr);
}

.work-cover__zone {
  min-width: 0;
  display: grid;
  grid-template-rows: auto 1fr;
}

.work-cover__zone--surface-paper {
  background: var(--color-paper);
  color: var(--color-ink);
}

.work-cover__zone--surface-atlantic {
  background: var(--color-atlantic);
  color: var(--color-paper);
}

.work-cover__legend {
  margin: 0;
  padding-block: 0.9rem;
  padding-inline: 1rem;
  border-block-end: 1px solid var(--color-line);
  font-family: var(--font-sans);
  font-size: var(--font-xs);
  font-weight: 650;
  letter-spacing: 0.06em;
  line-height: 1.35;
}

.work-cover__zone--surface-atlantic .work-cover__legend {
  border-color: color-mix(in srgb, var(--color-paper) 28%, transparent);
}

.work-cover__stages {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

.work-cover__stage {
  min-width: 0;
  min-height: clamp(14rem, 19vw, 18rem);
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-block: clamp(1.1rem, 2vw, 1.5rem);
  padding-inline: clamp(1rem, 2vw, 1.5rem);
}

.work-cover--index .work-cover__stage {
  min-height: clamp(12.5rem, 16vw, 15rem);
}

.work-cover__zone--surface-paper .work-cover__stage + .work-cover__stage {
  border-inline-start: 1px solid var(--color-line);
}

.work-cover__zone--surface-atlantic .work-cover__stage + .work-cover__stage {
  border-inline-start: 1px solid color-mix(in srgb, var(--color-paper) 28%, transparent);
}

.work-cover__stage-copy {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.85rem;
  align-items: start;
}

.work-cover__stage-number {
  color: var(--color-stone);
  direction: ltr;
  font-family: var(--font-mono);
  font-size: var(--font-xs);
  letter-spacing: 0.04em;
  unicode-bidi: isolate;
}

.work-cover__zone--surface-atlantic .work-cover__stage-number {
  color: color-mix(in srgb, var(--color-paper) 56%, transparent);
}

.work-cover__stage-copy strong,
.work-cover__stage-copy > div > span {
  display: block;
}

.work-cover__stage-copy strong {
  font-family: var(--font-sans);
  font-size: var(--font-sm);
  font-weight: 650;
  line-height: 1.25;
}

.work-cover__stage-copy > div > span {
  margin-block-start: 0.35rem;
  color: var(--color-stone);
  font-family: var(--font-mono);
  font-size: clamp(0.64rem, 0.59rem + 0.12vw, 0.72rem);
  line-height: 1.45;
}

.work-cover__zone--surface-atlantic .work-cover__stage-copy > div > span {
  color: color-mix(in srgb, var(--color-paper) 62%, transparent);
}

.work-cover__boundary {
  min-width: 0;
  background: var(--color-clay);
}

.work-cover figcaption {
  margin: 0;
  padding-block: 1rem;
  padding-inline: 1rem;
  border-block-start: 1px solid var(--color-line);
  background: var(--color-bone);
  color: var(--color-stone);
  font-family: var(--font-sans);
  font-size: var(--font-sm);
  font-weight: 450;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
}

.work-cover-diagram {
  width: min(100%, 9rem);
  min-height: 6.5rem;
  display: grid;
  place-items: center;
  align-self: center;
  margin-block-start: auto;
  margin-inline: auto;
  direction: ltr;
}

.work-cover-document {
  position: relative;
  width: 4.65rem;
  aspect-ratio: 0.72;
  border: 1px solid currentColor;
  background: var(--color-bone);
  color: var(--color-ink);
}

.work-cover-document__rule,
.work-cover-document__field {
  position: absolute;
  display: block;
}

.work-cover-document__rule {
  inset-inline-start: 0.65rem;
  height: 1px;
  background: currentColor;
}

.work-cover-document__rule--one {
  inset-block-start: 0.8rem;
  width: 2.35rem;
}

.work-cover-document__rule--two {
  inset-block-start: 1.3rem;
  width: 1.55rem;
}

.work-cover-document__field {
  width: 1.45rem;
  height: 1rem;
  border: 1px solid var(--color-clay);
}

.work-cover-document__field--one {
  inset-block-start: 2.4rem;
  inset-inline-start: 0.7rem;
}

.work-cover-document__field--two {
  inset-block-start: 4.25rem;
  inset-inline-end: 0.7rem;
}

.work-cover-schema {
  width: 100%;
  display: grid;
  gap: 0.65rem;
}

.work-cover-schema > span {
  display: grid;
  grid-template-columns: 0.55rem minmax(0, 1fr);
  gap: 0.55rem;
  align-items: center;
  padding-block-end: 0.55rem;
  border-block-end: 1px solid var(--color-line);
}

.work-cover-schema i {
  width: 0.45rem;
  height: 0.45rem;
  display: block;
  background: var(--color-clay);
}

.work-cover-schema b {
  height: 1px;
  display: block;
  background: var(--color-stone);
}

.work-cover-operations {
  width: 100%;
  display: grid;
  grid-template-columns: 1.75rem minmax(0.75rem, 1fr) 1.75rem minmax(0.75rem, 1fr) 1.75rem;
  align-items: center;
}

.work-cover-operations span {
  width: 1.75rem;
  aspect-ratio: 1;
  display: block;
  border: 1px solid currentColor;
}

.work-cover-operations span:nth-of-type(2) {
  background: var(--color-paper);
}

.work-cover-operations i {
  height: 1px;
  display: block;
  background: currentColor;
}

.work-cover-artifact {
  width: 7.5rem;
  display: grid;
  grid-template-columns: 4.25rem 2rem;
  gap: 0.7rem;
  align-items: end;
}

.work-cover-artifact__page {
  min-height: 5.6rem;
  display: grid;
  align-content: center;
  gap: 0.65rem;
  padding: 0.65rem;
  border: 1px solid currentColor;
}

.work-cover-artifact__page i {
  height: 1px;
  display: block;
  background: currentColor;
}

.work-cover-artifact__page i:nth-child(2) {
  width: 68%;
}

.work-cover-artifact__expiry {
  position: relative;
  width: 2rem;
  aspect-ratio: 1;
  display: block;
  border: 1px solid currentColor;
  border-radius: 50%;
}

.work-cover-artifact__expiry::before,
.work-cover-artifact__expiry::after {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  width: 1px;
  background: currentColor;
  transform-origin: 50% 0;
  content: "";
}

.work-cover-artifact__expiry::before {
  height: 0.6rem;
  transform: rotate(180deg);
}

.work-cover-artifact__expiry::after {
  height: 0.45rem;
  transform: rotate(245deg);
}

.work-cover-artifact__expiry i {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  width: 0.25rem;
  height: 0.25rem;
  display: block;
  border-radius: 50%;
  background: currentColor;
  transform: translate(-50%, -50%);
}

.work-cover__state-control-plate {
  display: grid;
  grid-template-columns:
    minmax(0, 0.9fr)
    clamp(1.5rem, 2.5vw, 2.5rem)
    minmax(0, 1.45fr)
    clamp(1.5rem, 2.5vw, 2.5rem)
    minmax(0, 0.95fr);
  background: var(--color-bone);
}

.work-cover__control-group {
  min-width: 0;
  min-height: clamp(16rem, 20vw, 19rem);
  display: grid;
  grid-template-rows: auto 1fr;
}

.work-cover--index .work-cover__control-group {
  min-height: clamp(14rem, 17vw, 16rem);
}

.work-cover__control-group--surface-paper {
  background: var(--color-paper);
  color: var(--color-ink);
}

.work-cover__control-group--surface-atlantic {
  background: var(--color-atlantic);
  color: var(--color-paper);
}

.work-cover__control-legend {
  margin: 0;
  padding-block: 0.9rem;
  padding-inline: 1rem;
  border-block-end: 1px solid var(--color-line);
  font-family: var(--font-sans);
  font-size: var(--font-xs);
  font-weight: 650;
  letter-spacing: 0.06em;
  line-height: 1.35;
}

.work-cover__control-group--surface-atlantic .work-cover__control-legend {
  border-color: color-mix(in srgb, var(--color-paper) 28%, transparent);
}

.work-cover__control-items {
  min-width: 0;
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

.work-cover__control-group--capabilities .work-cover__control-items {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.work-cover__control-group--control .work-cover__control-items {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.work-cover__control-item {
  min-width: 0;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: clamp(1.25rem, 2.5vw, 2rem);
  align-items: start;
  padding-block: clamp(1rem, 2vw, 1.4rem);
  padding-inline: clamp(0.9rem, 1.8vw, 1.35rem);
}

.work-cover__control-item strong {
  font-family: var(--font-sans);
  font-size: var(--font-sm);
  font-weight: 650;
  line-height: 1.3;
}

.work-cover__control-group--capabilities .work-cover__control-item + .work-cover__control-item {
  border-inline-start: 1px solid var(--color-line);
}

.work-cover__control-group--control .work-cover__control-item + .work-cover__control-item {
  border-block-start: 1px solid color-mix(in srgb, var(--color-paper) 28%, transparent);
}

.work-cover__interface {
  position: relative;
  min-width: 0;
  display: grid;
  place-items: center;
  background: var(--color-bone);
}

.work-cover__interface::before {
  width: 100%;
  height: 1px;
  background: var(--color-line);
  content: "";
}

.work-cover__interface::after {
  position: absolute;
  width: 0.45rem;
  height: 0.45rem;
  background: var(--color-clay);
  content: "";
}

.work-cover__control-item .work-cover-diagram {
  width: min(100%, 7.5rem);
  min-height: 5.75rem;
}

.work-cover-state-record {
  position: relative;
  width: 7rem;
  height: 5.5rem;
}

.work-cover-state-record__task,
.work-cover-state-record__messages {
  position: absolute;
  display: grid;
  align-content: center;
  gap: 0.55rem;
  padding: 0.65rem;
  border: 1px solid currentColor;
}

.work-cover-state-record__task {
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 4.8rem;
  height: 4.2rem;
}

.work-cover-state-record__messages {
  inset-block-end: 0;
  inset-inline-end: 0;
  width: 4.35rem;
  height: 3.45rem;
  background: var(--color-atlantic);
}

.work-cover-state-record i {
  height: 1px;
  display: block;
  background: currentColor;
}

.work-cover-state-record i:nth-child(2) {
  width: 68%;
}

.work-cover-model-gateway {
  width: 100%;
  display: grid;
  grid-template-columns: 0.65rem minmax(0, 1fr) 2.35rem minmax(0, 1fr) 0.65rem;
  align-items: center;
}

.work-cover-model-gateway span {
  width: 0.65rem;
  aspect-ratio: 1;
  display: block;
  border: 1px solid currentColor;
}

.work-cover-model-gateway i {
  height: 1px;
  display: block;
  background: var(--color-line);
}

.work-cover-model-gateway b {
  width: 2.35rem;
  aspect-ratio: 1;
  display: block;
  border: 1px solid currentColor;
  background: var(--color-bone);
}

.work-cover-authorized-tools {
  width: 6.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.65rem;
  align-items: end;
}

.work-cover-authorized-tools i {
  grid-column: 1 / -1;
  height: 1px;
  display: block;
  background: var(--color-line);
}

.work-cover-authorized-tools span {
  aspect-ratio: 1;
  display: block;
  border: 1px solid currentColor;
  background: var(--color-bone);
}

.work-cover-human-intervention {
  width: 6.5rem;
  display: grid;
  grid-template-columns: 1fr 0.7rem 1fr;
  align-items: center;
}

.work-cover-human-intervention span,
.work-cover-human-intervention b {
  height: 1px;
  display: block;
  background: currentColor;
}

.work-cover-human-intervention i {
  width: 0.7rem;
  aspect-ratio: 1;
  display: block;
  border: 1px solid var(--color-paper);
  background: var(--color-clay);
  transform: rotate(45deg);
}

.work-cover-terminal-states {
  width: 6.5rem;
  display: grid;
  grid-template-columns: 1.1rem minmax(0, 1fr) 1.1rem minmax(0, 1fr) 1.1rem;
  align-items: center;
}

.work-cover-terminal-states span {
  width: 1.1rem;
  aspect-ratio: 1;
  display: block;
  border: 1px solid currentColor;
}

.work-cover-terminal-states span:last-child {
  background: var(--color-paper);
}

.work-cover-terminal-states i {
  height: 1px;
  display: block;
  background: currentColor;
}

.work-evidence-section {
  background: var(--color-paper);
}

.work-evidence__intro {
  display: grid;
  grid-template-columns: 3fr 9fr;
  gap: 1.5rem;
  align-items: end;
  margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

.work-evidence__intro .eyebrow {
  margin: 0;
}

.work-evidence__intro h2 {
  max-width: 16ch;
  margin: 0;
}

.work-evidence {
  margin: 0;
}

.work-evidence__sequence {
  display: grid;
  margin: 0;
  padding: 0;
  border-block: 1px solid var(--color-ink);
  list-style: none;
}

.work-evidence__sequence--equal {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.work-evidence__sequence--source-then-compare {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.work-evidence__sequence--terminal-stack {
  grid-template-columns: minmax(0, 1fr);
}

.work-evidence__sequence--product-stack {
  grid-template-columns: minmax(0, 1fr);
}

.work-evidence__sequence--product-stack .evidence-frame {
  grid-template-columns: minmax(14rem, 3fr) minmax(0, 9fr);
  grid-template-rows: auto 1fr;
  grid-template-areas:
    "header media"
    "caption media";
}

.work-evidence__sequence--product-stack .evidence-frame + .evidence-frame {
  border-block-start: 1px solid var(--color-ink);
  border-inline-start: 0;
}

.work-evidence__sequence--product-stack .evidence-frame__header {
  grid-area: header;
}

.work-evidence__sequence--product-stack .evidence-frame__media {
  grid-area: media;
  border-block: 0;
  border-inline-start: 1px solid var(--color-line);
  background: var(--color-paper);
}

.work-evidence__sequence--product-stack .evidence-frame > p {
  grid-area: caption;
  align-self: end;
}

.work-evidence__sequence--historical-views {
  grid-template-columns: minmax(0, 1fr);
}

.work-evidence__sequence--historical-views .evidence-frame {
  grid-template-columns: minmax(15rem, 4fr) minmax(0, 8fr);
  grid-template-rows: auto 1fr;
  grid-template-areas:
    "header media"
    "caption media";
}

.work-evidence__sequence--historical-views .evidence-frame + .evidence-frame {
  border-block-start: 1px solid var(--color-ink);
  border-inline-start: 0;
}

.work-evidence__sequence--historical-views .evidence-frame__header {
  grid-area: header;
}

.work-evidence__sequence--historical-views .evidence-frame__media {
  min-height: clamp(20rem, 42vw, 38rem);
  grid-area: media;
  border-block: 0;
  border-inline-start: 1px solid var(--color-line);
  background: var(--color-paper);
}

.work-evidence__sequence--historical-views .evidence-frame__media img {
  width: auto;
  max-width: 100%;
  max-height: clamp(20rem, 42vw, 38rem);
}

.work-evidence__sequence--historical-views .evidence-frame > p {
  grid-area: caption;
  align-self: end;
}

.work-evidence__sequence--historical-views .evidence-frame[data-evidence-stage="business-administration"] .evidence-frame__media {
  min-height: 0;
  background: var(--color-ink);
}

.work-evidence__sequence--historical-views .evidence-frame[data-evidence-stage="business-administration"] .evidence-frame__media img {
  width: 100%;
  max-height: none;
}

.work-evidence__sequence--historical-views .evidence-frame[data-evidence-stage="mobile-scheduling"] {
  grid-template-columns: minmax(0, 8fr) minmax(15rem, 4fr);
  grid-template-areas:
    "media header"
    "media caption";
}

.work-evidence__sequence--historical-views .evidence-frame[data-evidence-stage="mobile-scheduling"] .evidence-frame__media {
  border-inline-start: 0;
  border-inline-end: 1px solid var(--color-line);
}

.work-evidence__sequence--terminal-stack .evidence-frame + .evidence-frame {
  border-block-start: 1px solid var(--color-ink);
  border-inline-start: 0;
}

.work-evidence__sequence--terminal-stack .evidence-frame__media {
  place-items: start;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

.work-evidence__sequence--terminal-stack .evidence-frame__media img {
  width: max(100%, 68rem);
}

.work-evidence__sequence--terminal-stack .evidence-frame[data-evidence-stage="feature-list"] .evidence-frame__media img {
  width: max(100%, 90rem);
}

.evidence-frame {
  min-width: 0;
  display: grid;
  grid-template-rows: auto auto 1fr;
  background: var(--color-bone);
}

.evidence-frame + .evidence-frame {
  border-inline-start: 1px solid var(--color-line);
}

.evidence-frame__header {
  min-height: 4.5rem;
  display: flex;
  gap: 1rem;
  align-items: baseline;
  justify-content: space-between;
  padding: 1rem;
}

.evidence-frame__header strong {
  font-size: var(--font-sm);
  font-weight: 650;
  line-height: 1.3;
  text-align: end;
}

.evidence-frame__number {
  flex: 0 0 auto;
  color: var(--color-stone);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
  letter-spacing: 0.04em;
}

.evidence-frame__media {
  display: grid;
  place-items: center;
  overflow: hidden;
  border-block: 1px solid var(--color-line);
  background: var(--color-ink);
  direction: ltr;
}

.evidence-frame__media img {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
  object-fit: contain;
  object-position: center;
}

.evidence-frame > p {
  margin: 0;
  padding: 1.25rem 1rem 1.5rem;
  color: var(--color-stone);
  font-size: var(--font-sm);
  line-height: 1.5;
}

.work-evidence__sequence--source-then-compare .evidence-frame[data-layout-position="lead"] {
  grid-column: 1 / -1;
  grid-template-columns: minmax(14rem, 1fr) minmax(0, 2fr);
  grid-template-rows: auto 1fr;
  grid-template-areas:
    "header media"
    "caption media";
  border-bottom: 1px solid var(--color-ink);
}

.work-evidence__sequence--source-then-compare .evidence-frame[data-layout-position="lead"] .evidence-frame__header {
  grid-area: header;
}

.work-evidence__sequence--source-then-compare .evidence-frame[data-layout-position="lead"] .evidence-frame__media {
  grid-area: media;
  border-block: 0;
  border-inline-start: 1px solid var(--color-line);
}

.work-evidence__sequence--source-then-compare .evidence-frame[data-layout-position="lead"] > p {
  grid-area: caption;
  align-self: end;
}

.work-evidence__sequence--source-then-compare .evidence-frame + .evidence-frame {
  border-inline-start: 0;
}

.work-evidence__sequence--source-then-compare .evidence-frame[data-layout-position="comparison"] + .evidence-frame[data-layout-position="comparison"] {
  border-inline-start: 1px solid var(--color-line);
}

.work-evidence figcaption {
  display: grid;
  grid-template-columns: 3fr 9fr;
  gap: 1.5rem;
  padding-block: 1.25rem;
  border-bottom: 1px solid var(--color-line);
  color: var(--color-stone);
  font-size: var(--font-sm);
  line-height: 1.5;
}

.work-evidence__provenance {
  display: flex;
  gap: 0.65rem;
  align-items: baseline;
  color: var(--color-ink);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.work-evidence__provenance::before {
  width: 0.45rem;
  height: 0.45rem;
  flex: 0 0 auto;
  background: var(--color-clay);
  content: "";
}

.case-architecture-section--has-system-plate .case-section-heading {
  margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

.work-system-plate {
  margin: 0;
}

.work-system-plate__isolation-boundary {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr);
  border: 1px solid color-mix(in srgb, var(--color-paper) 35%, transparent);
}

.work-system-plate__boundary-group {
  min-width: 0;
  display: grid;
  grid-template-rows: auto 1fr;
}

.work-system-plate__boundary-group + .work-system-plate__boundary-group {
  border-inline-start: 1px solid var(--color-line);
}

.work-system-plate__boundary-group--surface-atlantic {
  background: var(--color-atlantic);
  color: var(--color-paper);
}

.work-system-plate__boundary-group--surface-paper {
  background: var(--color-paper);
  color: var(--color-ink);
}

.work-system-plate__boundary-group--surface-bone {
  background: var(--color-bone);
  color: var(--color-ink);
}

.work-system-plate__boundary-group-copy {
  min-height: clamp(18rem, 24vw, 23rem);
  display: flex;
  flex-direction: column;
  padding: clamp(1.1rem, 2vw, 1.75rem);
}

.work-system-plate__boundary-kicker {
  margin: 0 0 auto;
  color: var(--color-stone);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
  letter-spacing: 0.045em;
  line-height: 1.4;
  text-transform: uppercase;
}

.work-system-plate__boundary-group--surface-atlantic .work-system-plate__boundary-kicker {
  color: color-mix(in srgb, var(--color-paper) 62%, transparent);
}

.work-system-plate__boundary-group h3 {
  max-width: 14ch;
  margin: clamp(2rem, 5vw, 4rem) 0 1rem;
  font-family: var(--font-serif);
  font-size: clamp(1.8rem, 1.45rem + 1.1vw, 2.8rem);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1;
}

.work-system-plate__boundary-group-copy > p:last-child {
  margin: 0;
  color: var(--color-stone);
  font-size: var(--font-sm);
  line-height: 1.55;
}

.work-system-plate__boundary-group--surface-atlantic .work-system-plate__boundary-group-copy > p:last-child {
  color: color-mix(in srgb, var(--color-paper) 78%, transparent);
}

.work-system-plate__boundary-group > ul {
  margin: 0;
  padding: 0;
  border-block-start: 1px solid var(--color-line);
  list-style: none;
}

.work-system-plate__boundary-group--surface-atlantic > ul {
  border-color: color-mix(in srgb, var(--color-paper) 28%, transparent);
}

.work-system-plate__boundary-group > ul li {
  min-height: 5rem;
  display: grid;
  gap: 0.3rem;
  align-content: center;
  padding: 0.85rem clamp(1.1rem, 2vw, 1.75rem);
}

.work-system-plate__boundary-group > ul li + li {
  border-block-start: 1px solid var(--color-line);
}

.work-system-plate__boundary-group--surface-atlantic > ul li + li {
  border-color: color-mix(in srgb, var(--color-paper) 28%, transparent);
}

.work-system-plate__boundary-group > ul strong,
.work-system-plate__boundary-group > ul span {
  display: block;
}

.work-system-plate__boundary-group > ul strong {
  overflow-wrap: anywhere;
  font-size: var(--font-sm);
  font-weight: 630;
  line-height: 1.35;
}

.work-system-plate__boundary-group > ul span {
  color: var(--color-stone);
  font-family: var(--font-mono);
  font-size: clamp(0.62rem, 0.59rem + 0.08vw, 0.7rem);
  line-height: 1.45;
}

.work-system-plate__boundary-group--surface-atlantic > ul span {
  color: color-mix(in srgb, var(--color-paper) 62%, transparent);
}

.work-system-plate__boundary-group--shared {
  border-block-start: 0.45rem solid var(--color-clay);
}

.work-system-plate__operational-surface {
  display: grid;
  gap: clamp(0.75rem, 1.2vw, 1rem);
  padding: clamp(0.75rem, 1.2vw, 1rem);
  border: 1px solid color-mix(in srgb, var(--color-paper) 32%, transparent);
  background: color-mix(in srgb, var(--color-paper) 7%, transparent);
}

.work-system-plate__lineage {
  --lineage-gap: clamp(0.45rem, 0.8vw, 0.75rem);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--lineage-gap);
  margin: 0;
  padding: clamp(0.75rem, 1.2vw, 1rem);
  border: 1px solid color-mix(in srgb, var(--color-paper) 32%, transparent);
  background: color-mix(in srgb, var(--color-paper) 7%, transparent);
  list-style: none;
}

.work-system-plate__lineage li {
  position: relative;
  min-height: clamp(13rem, 18vw, 17rem);
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 1.25rem;
  padding: clamp(0.9rem, 1.6vw, 1.25rem);
  border: 1px solid var(--color-line);
  background: var(--color-paper);
  color: var(--color-ink);
}

.work-system-plate__lineage li:not(:last-child)::after {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: calc(-1 * var(--lineage-gap) - 1px);
  z-index: 2;
  width: calc(var(--lineage-gap) + 2px);
  height: 1px;
  background: var(--color-line);
  content: "";
}

.work-system-plate__lineage li[data-role="separate-current-brand"] {
  border-block-start: 0.45rem solid var(--color-clay);
  background: var(--color-bone);
}

.work-system-plate__lineage li:nth-child(2) {
  background: var(--color-bone);
}

.work-system-plate__lineage-number {
  color: var(--color-stone);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
}

.work-system-plate__lineage strong {
  font-size: clamp(1rem, 0.92rem + 0.3vw, 1.25rem);
  font-weight: 640;
  line-height: 1.25;
}

.work-system-plate__lineage li > span:last-child {
  align-self: end;
  color: var(--color-stone);
  font-size: var(--font-sm);
  line-height: 1.5;
}

.work-system-plate__lifecycle,
.work-system-plate__cross-rails,
.work-system-plate__responsibility-rail {
  margin: 0;
  padding: 0;
  list-style: none;
}

.work-system-plate__lifecycle {
  --operational-gap: clamp(0.4rem, 0.7vw, 0.65rem);
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--operational-gap);
}

.work-system-plate__lifecycle li {
  position: relative;
  min-height: 10.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.9rem;
  border: 1px solid var(--color-line);
  background: var(--color-paper);
  color: var(--color-ink);
}

.work-system-plate__lifecycle li:nth-child(even) {
  background: var(--color-bone);
}

.work-system-plate__lifecycle li:not(:last-child)::after {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: calc(-1 * var(--operational-gap) - 1px);
  z-index: 2;
  width: calc(var(--operational-gap) + 2px);
  height: 1px;
  background: var(--color-line);
  content: "";
}

.work-system-plate__lifecycle span {
  color: var(--color-stone);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
}

.work-system-plate__lifecycle strong {
  font-size: clamp(0.88rem, 0.82rem + 0.18vw, 1rem);
  font-weight: 620;
  line-height: 1.3;
}

.work-system-plate__cross-rails {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block: 1px solid color-mix(in srgb, var(--color-paper) 35%, transparent);
}

.work-system-plate__cross-rails li {
  min-height: 4.25rem;
  display: flex;
  align-items: center;
  padding: 0.85rem;
  color: color-mix(in srgb, var(--color-paper) 78%, transparent);
  font-size: var(--font-sm);
  line-height: 1.35;
}

.work-system-plate__cross-rails li + li {
  border-inline-start: 1px solid color-mix(in srgb, var(--color-paper) 28%, transparent);
}

.work-system-plate__responsibility-rail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid color-mix(in srgb, var(--color-paper) 30%, transparent);
  background: var(--color-atlantic);
}

.work-system-plate__responsibility-rail li {
  min-height: 4.75rem;
  display: flex;
  align-items: flex-end;
  padding: 0.9rem;
  color: var(--color-paper);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-transform: uppercase;
}

.work-system-plate__responsibility-rail li + li {
  border-inline-start: 1px solid color-mix(in srgb, var(--color-paper) 24%, transparent);
}

.work-system-plate__system {
  display: grid;
  gap: clamp(0.7rem, 1.1vw, 1rem);
}

.work-system-plate__sequence {
  --system-plate-gap: clamp(0.35rem, 0.55vw, 0.55rem);
  position: relative;
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  grid-template-rows: minmax(14rem, auto);
  gap: var(--system-plate-gap);
  margin: 0;
  padding: var(--system-plate-gap);
  border: 1px solid color-mix(in srgb, var(--color-paper) 38%, transparent);
  background: color-mix(in srgb, var(--color-paper) 8%, transparent);
  list-style: none;
}

.work-system-plate--interpretation-to-software .work-system-plate__sequence {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.work-system-plate__node {
  position: relative;
  min-width: 0;
  min-height: 14rem;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: clamp(1.25rem, 2.2vw, 2rem);
  padding: clamp(0.75rem, 1vw, 1rem);
  border: 1px solid var(--color-line);
  color: var(--color-ink);
}

.work-system-plate__node--surface-bone {
  background: var(--color-bone);
}

.work-system-plate__node--surface-paper {
  background: var(--color-paper);
}

.work-system-plate__node--surface-atlantic {
  border-color: color-mix(in srgb, var(--color-paper) 28%, transparent);
  background: var(--color-atlantic);
  color: var(--color-paper);
}

.work-system-plate__node[data-role="probabilistic"] {
  border-style: dashed;
}

.work-system-plate__node[data-role="handoff"] {
  border-inline: 2px solid var(--color-clay);
}

.work-system-plate__number {
  position: relative;
  z-index: 2;
  color: var(--color-stone);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
  letter-spacing: 0.04em;
  unicode-bidi: isolate;
}

.work-system-plate__node--surface-atlantic .work-system-plate__number {
  color: color-mix(in srgb, var(--color-paper) 58%, transparent);
}

.work-system-plate__copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.7rem;
}

.work-system-plate__copy strong {
  display: block;
  font-family: var(--font-sans);
  font-size: clamp(0.94rem, 0.87rem + 0.18vw, 1.08rem);
  font-weight: 620;
  line-height: 1.28;
}

.work-system-plate__annotation {
  width: fit-content;
  display: block;
  padding-block-end: 0.35rem;
  border-block-end: 1px solid currentColor;
  font-family: var(--font-mono);
  font-size: clamp(0.61rem, 0.58rem + 0.08vw, 0.68rem);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.35;
  text-transform: uppercase;
}

.work-system-plate__node[data-role="handoff"] .work-system-plate__annotation {
  border-block-end-color: var(--color-clay);
  color: var(--color-ink);
}

.work-system-plate__meta {
  display: grid;
  gap: 0.25rem;
  color: var(--color-stone);
  font-family: var(--font-mono);
  font-size: clamp(0.62rem, 0.59rem + 0.08vw, 0.7rem);
  letter-spacing: 0.025em;
  line-height: 1.45;
}

.work-system-plate__node--surface-atlantic .work-system-plate__meta {
  color: color-mix(in srgb, var(--color-paper) 64%, transparent);
}

.work-system-plate__backbone {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.5rem;
  align-items: end;
  padding: 1rem 1.1rem 1.15rem;
  border: 1px solid color-mix(in srgb, var(--color-paper) 28%, transparent);
  background: var(--color-atlantic);
  color: var(--color-paper);
}

.work-system-plate__backbone-copy {
  display: grid;
  gap: 0.35rem;
}

.work-system-plate__backbone-copy strong {
  font-family: var(--font-sans);
  font-size: clamp(1rem, 0.94rem + 0.2vw, 1.15rem);
  font-weight: 620;
  line-height: 1.3;
}

.work-system-plate__backbone-annotation,
.work-system-plate__backbone-meta {
  color: color-mix(in srgb, var(--color-paper) 68%, transparent);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
  letter-spacing: 0.045em;
  line-height: 1.4;
  text-transform: uppercase;
}

.work-system-plate__backbone-meta {
  display: flex;
  gap: 0.65rem;
  align-items: center;
  justify-content: end;
}

.work-system-plate__backbone-meta span + span::before {
  margin-inline-end: 0.65rem;
  color: var(--color-line);
  content: "·";
}

.work-system-plate__edge {
  position: absolute;
  z-index: 3;
  display: block;
  background: currentColor;
  color: var(--color-line);
  pointer-events: none;
}

.work-system-plate__node--surface-atlantic .work-system-plate__edge {
  color: color-mix(in srgb, var(--color-paper) 46%, transparent);
}

.work-system-plate__edge--accent-clay {
  color: var(--color-clay);
}

.work-system-plate__boundary {
  position: absolute;
  z-index: 3;
  display: block;
  background: var(--color-clay);
  pointer-events: none;
}

.work-system-plate__edge--inline,
.work-system-plate__edge--branch-upper,
.work-system-plate__edge--branch-lower {
  inset-inline-end: calc(-1 * var(--system-plate-gap) - 1px);
  width: calc(var(--system-plate-gap) + 2px);
  height: 1px;
}

.work-system-plate__edge--inline {
  inset-block-start: 50%;
}

.work-system-plate__edge--branch-upper {
  inset-block-start: 25%;
}

.work-system-plate__edge--branch-lower {
  inset-block-start: 75%;
}

.work-system-plate__edge--block {
  inset-block-end: calc(-1 * var(--system-plate-gap) - 1px);
  inset-inline-start: 50%;
  width: 1px;
  height: calc(var(--system-plate-gap) + 2px);
}

.work-system-plate__edge::after {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: -0.15rem;
  width: 0.3rem;
  height: 0.3rem;
  background: currentColor;
  transform: translateY(-50%);
  content: "";
}

.work-system-plate__edge--block::after {
  inset-block-start: auto;
  inset-block-end: -0.15rem;
  inset-inline-start: 50%;
  transform: translateX(-50%);
}

.work-system-plate__boundary {
  inset-block: -1px;
  inset-inline-end: -0.65rem;
  width: clamp(0.35rem, 0.55vw, 0.5rem);
}

.work-system-plate__notes {
  display: grid;
  gap: 0.5rem;
  padding-block: 1rem;
  border-block-end: 1px solid color-mix(in srgb, var(--color-paper) 28%, transparent);
  color: color-mix(in srgb, var(--color-paper) 70%, transparent);
  font-size: var(--font-sm);
}

.work-system-plate__notes p {
  margin: 0;
}

.work-system-plate figcaption {
  max-width: 72rem;
  margin: 0;
  padding-block: 1.25rem;
  padding-inline: 1rem 0;
  border-block-end: 1px solid color-mix(in srgb, var(--color-paper) 28%, transparent);
  border-inline-start: 2px solid var(--color-clay);
  color: color-mix(in srgb, var(--color-paper) 76%, transparent);
  font-size: var(--font-sm);
  line-height: 1.55;
}

.case-study-hero h1 {
  max-width: 12ch;
}

.case-hero-side {
  display: grid;
  gap: 2rem;
}

.case-hero-side .page-hero-lead {
  margin: 0;
}

.case-hero-support {
  max-width: 52ch;
  margin: 0;
  color: color-mix(in srgb, var(--color-paper) 72%, transparent);
  font-size: var(--font-sm);
  line-height: 1.55;
}

.case-status {
  width: fit-content;
  margin: 0;
  padding-top: 0.8rem;
  border-top: 1px solid color-mix(in srgb, var(--color-paper) 30%, transparent);
  color: color-mix(in srgb, var(--color-paper) 64%, transparent);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.case-narrative,
.case-proof-section {
  background: var(--color-paper);
}

.case-decision,
.case-evidence-section {
  background: var(--color-bone);
}

.case-channels-section {
  background: var(--color-bone);
}

.case-section-grid,
.case-proof-grid {
  display: grid;
  grid-template-columns: minmax(18rem, 5fr) minmax(0, 7fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: start;
}

.case-section-grid .eyebrow,
.case-proof-grid .eyebrow,
.case-section-heading .eyebrow {
  margin-bottom: 1.25rem;
}

.case-prose {
  max-width: var(--reading-max);
  color: var(--color-stone);
  font-size: var(--font-lg);
}

.case-prose p:last-child {
  margin-bottom: 0;
}

.case-decision h2 {
  max-width: 15ch;
}

.case-decision--statement .shell {
  display: grid;
  grid-template-columns: 3fr minmax(0, 9fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}

.case-decision--statement .eyebrow {
  margin-block: 0.75rem 0;
}

.case-decision--statement h2 {
  max-width: 22ch;
  margin: 0;
  font-family: var(--font-serif);
  font-size: clamp(2.75rem, 2rem + 3vw, 5.5rem);
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 0.98;
}

.case-architecture-section {
  background: var(--color-ink);
  color: var(--color-paper);
}

.case-lifecycle-section {
  background: var(--color-ink);
  color: var(--color-paper);
}

.case-lifecycle-intro {
  margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

.case-lifecycle-intro .eyebrow {
  color: var(--color-paper);
}

.case-lifecycle-intro h2 {
  max-width: 16ch;
}

.case-lifecycle-narrative {
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
}

.case-lifecycle-narrative .case-prose {
  color: color-mix(in srgb, var(--color-paper) 72%, transparent);
}

.case-architecture-section .eyebrow {
  color: var(--color-paper);
}

.case-section-heading {
  display: grid;
  grid-template-columns: 3fr 9fr;
  gap: 1.5rem;
  align-items: end;
  margin-bottom: clamp(3rem, 6vw, 5rem);
}

.case-section-heading h2 {
  max-width: 15ch;
}

.case-architecture-intro {
  margin-bottom: clamp(3rem, 6vw, 5rem);
}

.case-architecture-intro .case-prose {
  color: color-mix(in srgb, var(--color-paper) 72%, transparent);
}

.case-system-labels {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 clamp(2rem, 4vw, 3.5rem);
  padding: 0;
  border-block: 1px solid color-mix(in srgb, var(--color-paper) 35%, transparent);
  list-style: none;
}

.case-system-labels li {
  min-height: 5rem;
  display: flex;
  align-items: flex-end;
  padding: 1rem;
  color: color-mix(in srgb, var(--color-paper) 82%, transparent);
  font-size: var(--font-sm);
  font-weight: 560;
  line-height: 1.35;
}

.case-system-labels li + li {
  border-inline-start: 1px solid color-mix(in srgb, var(--color-paper) 25%, transparent);
}

.case-system-labels li:nth-child(4) {
  border-inline-start: 0;
}

.case-system-labels li:nth-child(n + 4) {
  border-block-start: 1px solid color-mix(in srgb, var(--color-paper) 25%, transparent);
}

.case-architecture-flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  border-block: 1px solid color-mix(in srgb, var(--color-paper) 35%, transparent);
  list-style: none;
}

.case-architecture-flow li {
  min-height: 12rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  padding: 1.25rem;
}

.case-architecture-flow li + li {
  border-inline-start: 1px solid color-mix(in srgb, var(--color-paper) 25%, transparent);
}

.case-architecture-flow span {
  color: color-mix(in srgb, var(--color-paper) 55%, transparent);
  font-family: var(--font-mono);
  font-size: var(--font-xs);
}

.case-architecture-flow strong {
  font-size: var(--font-sm);
  font-weight: 550;
  line-height: 1.3;
}

.case-proof-grid > div:first-child {
  display: grid;
}

.case-proof-grid h2 {
  max-width: 14ch;
  margin-bottom: 2rem;
}

.case-relevance {
  max-width: 38rem;
  margin: 0;
  color: var(--color-stone);
  font-size: var(--font-lg);
}

.case-relevance p {
  margin-block: 0 1rem;
}

.case-relevance p:last-child {
  margin-bottom: 0;
}

.case-proof-list {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color-ink);
  list-style: none;
}

.case-proof-requirements > .eyebrow {
  margin-bottom: 1.25rem;
}

.case-proof-list li {
  position: relative;
  padding-block: 1.4rem;
  padding-inline: 2.25rem 1rem;
  border-bottom: 1px solid var(--color-line);
}

.case-proof-list li::before {
  position: absolute;
  top: 1.95rem;
  inset-inline-start: 0.4rem;
  width: 0.45rem;
  height: 0.45rem;
  background: var(--color-clay);
  content: "";
}

.case-workflows-section {
  background: var(--color-bone);
}

.case-workflows-heading {
  margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

.case-workflows-heading h2 {
  max-width: 18ch;
}

.case-workflows-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-block: 1px solid var(--color-ink);
}

.case-workflow {
  min-width: 0;
  padding-block: clamp(2rem, 4vw, 3.5rem);
  padding-inline: clamp(1.25rem, 3vw, 3rem);
}

.case-workflow + .case-workflow {
  border-inline-start: 1px solid var(--color-line);
}

.case-workflow h3 {
  max-width: 24ch;
  margin: 0 0 1.25rem;
  font-size: clamp(1.15rem, 1rem + 0.35vw, 1.4rem);
  font-weight: 650;
  line-height: 1.2;
}

.case-workflow p {
  max-width: 42rem;
  margin: 0;
  color: var(--color-stone);
  font-size: var(--font-lg);
}

.case-external-links {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid var(--color-line);
  font-weight: 650;
}

.claim-boundary {
  margin-top: 2.5rem;
  padding: 1.75rem;
  border-inline-start: 2px solid var(--color-clay);
  background: var(--color-paper);
}

.claim-boundary .eyebrow {
  margin-bottom: 0.75rem;
  color: var(--color-ink);
}

.claim-boundary p:last-child {
  margin: 0;
  color: var(--color-stone);
}

.case-boundary-heading {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-sans);
  font-size: var(--font-xs);
  font-weight: 650;
  letter-spacing: 0.11em;
  line-height: 1.35;
  text-transform: uppercase;
}

.claim-boundary--standalone {
  margin-top: 0;
}

.case-next {
  border-block: 1px solid var(--color-line);
  background: var(--color-bone);
}

.case-next-inner {
  min-height: 5.5rem;
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: center;
  font-size: var(--font-sm);
  font-weight: 650;
}

html[dir="rtl"] .case-index-meta,
html[dir="rtl"] .case-index-item .case-project,
html[dir="rtl"] .case-index-action > span,
html[dir="rtl"] .case-status,
html[dir="rtl"] .work-cover__meta strong,
html[dir="rtl"] .work-cover__legend {
  letter-spacing: 0;
  text-transform: none;
}

html[dir="rtl"] .work-cover__control-legend {
  letter-spacing: 0;
  text-transform: none;
}

html[dir="rtl"] .work-cover__stewardship-meta,
html[dir="rtl"] .work-cover__stewardship-checkpoints,
html[dir="rtl"] .work-system-plate__responsibility-rail {
  font-family: var(--font-arabic);
  letter-spacing: 0;
  text-transform: none;
}

html[dir="rtl"] .work-cover__stage-copy > div > span {
  font-family: var(--font-arabic);
}

html[dir="rtl"] .work-evidence__provenance {
  font-family: var(--font-arabic);
  letter-spacing: 0;
  text-transform: none;
}

html[dir="rtl"] .work-system-plate__annotation,
html[dir="rtl"] .work-system-plate__meta,
html[dir="rtl"] .work-system-plate__backbone-annotation,
html[dir="rtl"] .work-system-plate__backbone-meta {
  font-family: var(--font-arabic);
  letter-spacing: 0;
  text-transform: none;
}

html[dir="rtl"] .work-system-plate__meta bdi,
html[dir="rtl"] .work-system-plate__backbone-meta bdi {
  font-family: var(--font-mono);
}

html[dir="rtl"] .work-cover-document {
  direction: ltr;
  transform: none;
}

html[dir="rtl"] .case-index-item h3,
html[dir="rtl"] .case-architecture-flow strong,
html[dir="rtl"] .case-workflow h3,
html[dir="rtl"] .work-system-plate__copy strong,
html[dir="rtl"] .work-system-plate__lifecycle strong,
html[dir="rtl"] .work-system-plate__boundary-group h3,
html[dir="rtl"] .work-system-plate__lineage strong,
html[dir="rtl"] .work-cover__journey-stages strong,
html[dir="rtl"] .work-index-group__heading h2,
html[dir="rtl"] .work-index-group__intro h3 {
  letter-spacing: 0;
  line-height: 1.45;
}

@media (max-width: 1120px) {
  .work-system-plate__isolation-boundary {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-system-plate__boundary-group + .work-system-plate__boundary-group {
    border-block-start: 1px solid var(--color-line);
    border-inline-start: 0;
  }

  .work-system-plate__boundary-group--shared {
    border-block-start: 0.45rem solid var(--color-clay);
  }

  .work-system-plate__boundary-group-copy {
    min-height: auto;
  }

  .work-system-plate__boundary-group h3 {
    margin-block-start: clamp(2.5rem, 7vw, 4.5rem);
  }

  .work-system-plate__lifecycle {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .work-system-plate__lineage {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .work-system-plate__lineage li:nth-child(2)::after {
    display: none;
  }

  .work-system-plate__lifecycle li:nth-child(3n)::after {
    display: none;
  }

  .work-system-plate__cross-rails,
  .work-system-plate__responsibility-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .work-system-plate__cross-rails li:nth-child(3),
  .work-system-plate__responsibility-rail li:nth-child(3),
  .work-system-plate__responsibility-rail li:nth-child(5) {
    border-inline-start: 0;
  }

  .work-system-plate__cross-rails li:nth-child(n + 3),
  .work-system-plate__responsibility-rail li:nth-child(n + 3) {
    border-block-start: 1px solid color-mix(in srgb, var(--color-paper) 28%, transparent);
  }

  .work-system-plate__sequence {
    grid-row: 2;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    border-inline-start: 0.35rem solid var(--color-atlantic);
  }

  .work-system-plate--interpretation-to-software .work-system-plate__sequence {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-system-plate__backbone {
    grid-row: 1;
  }

  .work-system-plate__node,
  .work-system-plate__node[data-slot] {
    grid-column: auto;
    grid-row: auto;
    min-height: auto;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 1rem;
    align-items: start;
  }

  .work-system-plate__copy {
    min-height: 4.75rem;
    justify-content: center;
  }

  .work-system-plate__edge,
  .work-system-plate__boundary {
    display: none;
  }

  .work-system-plate__node:not(:last-child)::after {
    position: absolute;
    inset-block-end: calc(-1 * var(--system-plate-gap));
    inset-inline-start: 1.35rem;
    z-index: 4;
    width: 1px;
    height: var(--system-plate-gap);
    background: color-mix(in srgb, var(--color-paper) 42%, transparent);
    content: "";
  }

  .work-system-plate__node[data-role="handoff"]::after {
    background: var(--color-clay);
  }

  .work-system-plate__node[data-role="handoff"] {
    border-inline: 0.45rem solid var(--color-clay);
  }
}

@media (max-width: 980px) {
  .case-architecture-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .case-architecture-flow li:nth-child(4) {
    border-inline-start: 0;
  }

  .case-architecture-flow li:nth-child(n + 4) {
    border-top: 1px solid color-mix(in srgb, var(--color-paper) 25%, transparent);
  }
}

@media (max-width: 760px) {
  .work-index-group__heading,
  .work-index-group__intro {
    grid-template-columns: 1fr;
  }

  .work-index-group__heading h2 {
    grid-column: auto;
  }

  .case-system-labels {
    grid-template-columns: minmax(0, 1fr);
  }

  .case-system-labels li,
  .case-system-labels li:nth-child(4) {
    min-height: auto;
    border-inline-start: 0;
  }

  .case-system-labels li + li,
  .case-system-labels li:nth-child(n + 4) {
    border-block-start: 1px solid color-mix(in srgb, var(--color-paper) 25%, transparent);
  }

  .work-cover__stewardship-meta {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-cover__stewardship-meta li + li {
    padding-inline-start: 0;
    border-block-start: 1px solid var(--color-line);
    border-inline-start: 0;
  }

  .work-cover__stewardship-checkpoints {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .work-cover__stewardship-checkpoints li {
    min-height: 3.25rem;
    grid-template-columns: 1rem minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 0.75rem;
    align-items: start;
  }

  .work-cover__stewardship-checkpoints li::before,
  .work-cover__stewardship-checkpoints li:last-child::before {
    inset-block-start: 0.7rem;
    inset-block-end: 0;
    inset-inline-start: 0.35rem;
    width: 1px;
    height: auto;
    border: 0;
    background: var(--color-line);
  }

  .work-cover__stewardship-checkpoints li:last-child::before {
    display: none;
  }

  .work-cover__journey-stages {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--journey-gap);
  }

  .work-cover__journey-stages li,
  .work-cover--index.work-cover--layout-operating-journey .work-cover__journey-stages li {
    min-height: auto;
    grid-template-columns: auto auto minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 1rem;
    align-items: center;
  }

  .work-cover__journey-stages li:not(:last-child)::after {
    inset-block-start: auto;
    inset-block-end: calc(-1 * var(--journey-gap) - 1px);
    inset-inline-start: 3.05rem;
    width: 1px;
    height: calc(var(--journey-gap) + 2px);
  }

  .work-cover__journey-mark {
    width: 2rem;
    height: 2rem;
  }

  .work-cover__parallel-plate {
    grid-template-columns: 1.5rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 0;
  }

  .work-cover__parallel-repository {
    width: 100%;
    grid-column: 1 / -1;
  }

  .work-cover__parallel-axis {
    width: auto;
    min-height: 2.5rem;
    grid-column: 1;
    grid-row: 2;
    justify-self: stretch;
  }

  .work-cover__parallel-axis::before {
    inset-inline-start: 50%;
  }

  .work-cover__parallel-axis::after {
    display: none;
  }

  .work-cover__parallel-environments {
    grid-column: 2;
    grid-row: 2;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
    padding-block-start: 2.5rem;
  }

  .work-cover__parallel-environment,
  .work-cover--index.work-cover--layout-parallel-environments .work-cover__parallel-environment {
    min-height: auto;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .work-cover__parallel-environment::before {
    inset-block-start: 50%;
    inset-inline-start: -1.5rem;
    width: 1.5rem;
    height: 1px;
  }

  .work-system-plate__lifecycle,
  .work-system-plate__cross-rails,
  .work-system-plate__responsibility-rail,
  .work-system-plate__lineage {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-system-plate__lineage li {
    min-height: auto;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 0.65rem 1rem;
  }

  .work-system-plate__lineage li > span:last-child {
    grid-column: 2;
  }

  .work-system-plate__lineage li:not(:last-child)::after {
    display: block;
    inset-block-start: auto;
    inset-block-end: calc(-1 * var(--lineage-gap) - 1px);
    inset-inline-start: 1.35rem;
    width: 1px;
    height: calc(var(--lineage-gap) + 2px);
  }

  .work-system-plate__lineage li[data-role="separate-current-brand"] {
    border-block-start-width: 0.45rem;
  }

  .work-system-plate__lifecycle li {
    min-height: auto;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
  }

  .work-system-plate__lifecycle li:not(:last-child)::after,
  .work-system-plate__lifecycle li:nth-child(3n)::after {
    inset-block-start: auto;
    inset-block-end: calc(-1 * var(--operational-gap) - 1px);
    inset-inline-start: 1.35rem;
    display: block;
    width: 1px;
    height: calc(var(--operational-gap) + 2px);
  }

  .work-system-plate__lifecycle li:last-child::after {
    display: none;
  }

  .work-system-plate__cross-rails li + li,
  .work-system-plate__responsibility-rail li + li,
  .work-system-plate__cross-rails li:nth-child(3),
  .work-system-plate__responsibility-rail li:nth-child(3),
  .work-system-plate__responsibility-rail li:nth-child(5) {
    border-block-start: 1px solid color-mix(in srgb, var(--color-paper) 28%, transparent);
    border-inline-start: 0;
  }

  .work-system-plate__backbone {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
  }

  .work-system-plate__backbone-meta {
    justify-content: start;
  }

  .project-link {
    display: block;
    margin: 0.85rem 0 0;
  }

  .work-index-intro,
  .case-index-item,
  .case-section-grid,
  .case-proof-grid,
  .case-section-heading,
  .case-decision--statement .shell,
  .case-workflows-grid,
  .work-evidence__intro,
  .work-evidence figcaption {
    grid-template-columns: 1fr;
  }

  .work-index-intro {
    gap: 1rem;
  }

  .case-index-item {
    gap: 1.5rem;
  }

  .case-index-action {
    min-height: auto;
    flex-direction: row;
    align-items: center;
  }

  .case-index-item > .work-cover {
    grid-column: auto;
    margin-block-start: 0.5rem;
  }

  .work-cover__meta {
    min-height: auto;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.4rem;
  }

  .work-cover__plate {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-cover__state-control-plate {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-cover__control-group,
  .work-cover--index .work-cover__control-group {
    min-height: auto;
  }

  .work-cover__control-group--capabilities .work-cover__control-items,
  .work-cover__control-group--control .work-cover__control-items {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
  }

  .work-cover__control-item {
    min-height: auto;
    grid-template-columns: minmax(0, 1fr) minmax(5.5rem, 6.5rem);
    grid-template-rows: auto;
    gap: clamp(0.85rem, 4vw, 1.25rem);
    align-items: center;
    padding-block: clamp(0.9rem, 3vw, 1.2rem);
  }

  .work-cover__control-item .work-cover-diagram {
    min-height: 5.25rem;
    margin-block-start: 0;
  }

  .work-cover__control-group--capabilities .work-cover__control-item + .work-cover__control-item {
    border-block-start: 1px solid var(--color-line);
    border-inline-start: 0;
  }

  .work-cover__interface {
    min-height: 1.75rem;
  }

  .work-cover__interface::before {
    width: 1px;
    height: 100%;
  }

  .work-cover__boundary {
    min-height: 0.55rem;
  }

  .work-cover__stages {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-cover__stage,
  .work-cover--index .work-cover__stage {
    min-height: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(6.5rem, 7.5rem);
    gap: clamp(0.85rem, 4vw, 1.25rem);
    align-items: center;
    padding-block: clamp(0.9rem, 3vw, 1.2rem);
  }

  .work-cover-diagram {
    min-height: 6.5rem;
    margin-block-start: 0;
  }

  .work-cover__zone--surface-paper .work-cover__stage + .work-cover__stage,
  .work-cover__zone--surface-atlantic .work-cover__stage + .work-cover__stage {
    border-inline-start: 0;
  }

  .work-cover__zone--surface-paper .work-cover__stage + .work-cover__stage {
    border-block-start: 1px solid var(--color-line);
  }

  .work-cover__zone--surface-atlantic .work-cover__stage + .work-cover__stage {
    border-block-start: 1px solid color-mix(in srgb, var(--color-paper) 28%, transparent);
  }

  .work-evidence__intro {
    gap: 1rem;
  }

  .work-evidence__sequence {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-evidence__sequence--source-then-compare .evidence-frame[data-layout-position="lead"] {
    grid-column: auto;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
    grid-template-areas:
      "header"
      "media"
      "caption";
    border-bottom: 0;
  }

  .work-evidence__sequence--historical-views .evidence-frame,
  .work-evidence__sequence--product-stack .evidence-frame,
  .work-evidence__sequence--historical-views .evidence-frame[data-evidence-stage="mobile-scheduling"] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
    grid-template-areas:
      "header"
      "media"
      "caption";
  }

  .work-evidence__sequence--historical-views .evidence-frame__media,
  .work-evidence__sequence--product-stack .evidence-frame__media,
  .work-evidence__sequence--historical-views .evidence-frame[data-evidence-stage="mobile-scheduling"] .evidence-frame__media {
    min-height: 0;
    border-block: 1px solid var(--color-line);
    border-inline: 0;
  }

  .work-evidence__sequence--historical-views .evidence-frame__media img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 38rem;
  }

  .work-evidence__sequence--historical-views .evidence-frame[data-evidence-stage="business-administration"] .evidence-frame__media img {
    width: 100%;
  }

  .evidence-frame + .evidence-frame {
    border-block-start: 1px solid var(--color-ink);
    border-inline-start: 0;
  }

  .evidence-frame__media {
    min-height: 0;
  }

  .evidence-frame__media img {
    height: auto;
  }

  .work-evidence__sequence--source-then-compare .evidence-frame[data-layout-position="lead"] .evidence-frame__media {
    border-block: 1px solid var(--color-line);
    border-inline-start: 0;
  }

  .work-evidence__sequence--source-then-compare .evidence-frame[data-layout-position="comparison"] + .evidence-frame[data-layout-position="comparison"] {
    border-block-start: 1px solid var(--color-ink);
    border-inline-start: 0;
  }

  .work-evidence figcaption {
    gap: 0.75rem;
  }

  .case-architecture-flow {
    grid-template-columns: 1fr;
  }

  .case-architecture-flow li,
  .case-architecture-flow li:nth-child(4) {
    min-height: auto;
    border-inline-start: 0;
  }

  .case-architecture-flow li + li,
  .case-architecture-flow li:nth-child(n + 4) {
    border-top: 1px solid color-mix(in srgb, var(--color-paper) 25%, transparent);
  }

  .case-workflow {
    padding-inline: 0;
  }

  .case-workflow + .case-workflow {
    border-block-start: 1px solid var(--color-line);
    border-inline-start: 0;
  }

  .case-next-inner {
    min-height: auto;
    align-items: flex-start;
    flex-direction: column;
    padding-block: 1.5rem;
  }
}