body.case-stabback {
  --stab-ink: #0b1110;
  --stab-panel: #111a18;
  --stab-panel-2: #18231f;
  --stab-line: rgba(215, 233, 219, .16);
  --stab-muted: rgba(224, 235, 222, .7);
  --stab-paper: #ece9d8;
  --stab-amber: #d6ae5a;
  --stab-cyan: #73d6cf;
  background: var(--stab-ink);
  color: var(--stab-paper);
}

.case-stabback .case-hero-image,
.case-stabback .case-hero-content,
.case-stabback .case-quick-read,
.case-stabback .case-summary,
.case-stabback .case-section,
.case-stabback .case-next {
  border-color: var(--stab-line);
}

.case-stabback .case-hero-image {
  background: #25332f;
  border: 1px solid rgba(214, 174, 90, .72);
  box-shadow: 18px 18px 0 rgba(214, 174, 90, .08), 0 24px 64px rgba(0, 0, 0, .42);
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
  position: relative;
}

.case-stabback .case-hero-image::before,
.case-stabback .case-hero-content::after {
  background:
    linear-gradient(135deg, transparent 45%, var(--stab-amber) 46% 54%, transparent 55%) top right / 36px 36px no-repeat,
    linear-gradient(135deg, transparent 45%, var(--stab-cyan) 46% 54%, transparent 55%) bottom left / 36px 36px no-repeat,
    linear-gradient(90deg, var(--stab-amber), rgba(214, 174, 90, .08)) top right / 116px 3px no-repeat,
    linear-gradient(180deg, var(--stab-amber), rgba(214, 174, 90, .08)) top right / 3px 116px no-repeat,
    linear-gradient(270deg, var(--stab-cyan), rgba(115, 214, 207, .08)) bottom left / 116px 3px no-repeat,
    linear-gradient(0deg, var(--stab-cyan), rgba(115, 214, 207, .08)) bottom left / 3px 116px no-repeat;
  border: 0;
  content: "";
  inset: 0;
  opacity: .98;
  pointer-events: none;
  position: absolute;
  z-index: 3;
}

.case-stabback .case-hero-image::after {
  background: linear-gradient(90deg, rgba(11, 17, 16, .08), transparent 42%), linear-gradient(0deg, rgba(11, 17, 16, .24), transparent 54%);
  border: 0;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.case-stabback .case-hero-image img {
  filter: saturate(.88) contrast(1.07);
}

.case-stabback .case-hero-content {
  background:
    linear-gradient(90deg, rgba(115, 214, 207, .055) 1px, transparent 1px) 0 0 / 34px 34px,
    linear-gradient(rgba(115, 214, 207, .045) 1px, transparent 1px) 0 0 / 34px 34px,
    linear-gradient(145deg, #17221f, #0c1211);
  border: 1px solid rgba(115, 214, 207, .3);
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
  box-shadow: 0 24px 62px rgba(0, 0, 0, .3);
  padding: clamp(1.45rem, 3vw, 3rem);
  position: relative;
}

.case-stabback .case-hero-content::before {
  background: linear-gradient(180deg, var(--stab-amber), var(--stab-amber) 48%, var(--stab-cyan));
  box-shadow: 0 0 22px rgba(115, 214, 207, .16);
  content: "";
  inset: 24px auto 24px 0;
  position: absolute;
  width: 3px;
  z-index: 4;
}

.case-stabback .eyebrow,
.case-stabback .fact-label,
.case-stabback .stabback-hero-readout span,
.case-stabback .stabback-note span,
.case-stabback .stabback-capability-grid span,
.case-stabback .stabback-tech-grid span,
.case-stabback .stabback-open-grid span,
.case-stabback .stabback-next-list strong {
  color: var(--stab-cyan);
  font-family: var(--font-mono, ui-monospace, monospace);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.case-stabback .case-hero-content h1 {
  color: var(--stab-paper);
  font-size: clamp(3.6rem, 8vw, 7.8rem);
  letter-spacing: -.08em;
  line-height: .84;
  max-width: 7ch;
}

.case-stabback .hero-copy {
  color: rgba(236, 233, 216, .78);
  max-width: 48ch;
}

.stabback-hero-readout {
  border-left: 3px solid var(--stab-amber);
  display: grid;
  gap: .34rem;
  margin-top: clamp(1.5rem, 3vw, 2.8rem);
  padding: .8rem 0 .8rem 1rem;
  max-width: 30rem;
}

.stabback-hero-readout strong { font-size: clamp(1.05rem, 2.1vw, 1.5rem); }
.stabback-hero-readout small { color: var(--stab-muted); font: 700 .68rem/1.4 var(--font-mono, monospace); }

.case-stabback .case-quick-read,
.case-stabback .case-summary,
.case-stabback .case-section,
.case-stabback .case-next {
  background: var(--stab-ink);
}

.case-stabback .case-quick-read { background: linear-gradient(145deg, #151e1b, #0b1110); }
.case-stabback .case-quick-read__facts > div { border-left-color: var(--stab-amber); }
.case-stabback .case-quick-read__facts dt { color: var(--stab-cyan); }
.case-stabback .case-quick-read__facts dd { color: var(--stab-muted); }

.stabback-signal-band {
  background:
    linear-gradient(90deg, rgba(115, 214, 207, .06) 1px, transparent 1px) 0 0 / 72px 100%,
    linear-gradient(145deg, #18231f, #0b1110) !important;
}

.case-stabback .case-facts { gap: 1px; }
.case-stabback .case-facts article { background: rgba(8, 13, 12, .62); border-left: 1px solid rgba(115, 214, 207, .2); min-height: 11.5rem; padding: clamp(1rem, 2vw, 1.6rem); }
.case-stabback .case-facts article strong { color: var(--stab-amber); display: block; font-size: clamp(1.8rem, 3.7vw, 3.5rem); letter-spacing: -.06em; line-height: .96; margin: .8rem 0 .6rem; }
.case-stabback .case-facts article p { color: var(--stab-muted); margin: 0; }

.case-stabback .case-section { border-top: 1px solid var(--stab-line); }
.case-stabback .section-heading > p { color: var(--stab-muted); }
.case-stabback .section-heading h2 {
  hyphens: none;
  max-width: 18ch;
  overflow-wrap: normal;
  text-wrap: balance;
  word-break: normal;
}

.stabback-origin-grid,
.stabback-spatial-grid,
.stabback-world-gallery__grid,
.stabback-detail-grid { display: grid; gap: clamp(1.4rem, 3vw, 3rem); margin-top: clamp(2rem, 4vw, 4rem); }
.stabback-origin-grid { grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); align-items: start; }
.stabback-spatial-grid { grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr); }
.stabback-world-gallery {
  background:
    linear-gradient(90deg, rgba(214, 174, 90, .045) 1px, transparent 1px) 0 0 / 96px 100%,
    linear-gradient(145deg, #17221f, #0b1110) !important;
}
.stabback-world-gallery__grid { grid-template-columns: minmax(0, 1.22fr) minmax(18rem, .78fr); }
.stabback-world-gallery figure { background: #111a18; border: 1px solid rgba(115, 214, 207, .2); margin: 0; padding: .6rem; }
.stabback-world-gallery img { aspect-ratio: 16 / 9; background: #25332f; display: block; height: auto; object-fit: cover; width: 100%; }
.stabback-world-gallery__feature img { min-height: 28rem; object-fit: cover; }
.stabback-world-gallery__stack { display: grid; gap: 1px; }
.stabback-world-gallery figcaption { min-height: 4.8rem; }
.stabback-world-gallery figcaption span { color: var(--stab-amber); display: block; font: 800 .68rem/1.2 var(--font-mono, monospace); letter-spacing: .1em; margin-bottom: .35rem; text-transform: uppercase; }
.stabback-detail-grid { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: start; }

.stabback-image-frame,
.stabback-wide-figure,
.stabback-detail-grid figure,
.stabback-image-pair figure { margin: 0; }
.stabback-image-frame img,
.stabback-wide-figure img,
.stabback-detail-grid img,
.stabback-image-pair img { background: #263431; border: 1px solid rgba(115, 214, 207, .2); display: block; height: auto; width: 100%; }
.stabback-image-frame img { aspect-ratio: 16 / 9; object-fit: cover; }
.stabback-wide-figure img { aspect-ratio: 16 / 9; object-fit: cover; }
.stabback-detail-grid > figure img { max-height: 66rem; object-fit: contain; object-position: top; }
.stabback-detail-grid > div { display: grid; gap: clamp(1.4rem, 3vw, 3rem); }
.stabback-image-pair { display: grid; gap: clamp(1rem, 2vw, 1.6rem); }
.stabback-image-pair img { aspect-ratio: 16 / 9; object-fit: cover; }
.case-stabback figcaption { color: rgba(224, 235, 222, .62); font: 700 .68rem/1.5 var(--font-mono, monospace); padding-top: .65rem; }
.stabback-origin-copy { color: var(--stab-muted); font-size: 1.04rem; line-height: 1.7; }
.stabback-origin-copy p:first-child { margin-top: 0; }
.stabback-note { background: rgba(214, 174, 90, .08); border-left: 3px solid var(--stab-amber); color: var(--stab-paper); display: grid; gap: .35rem; margin-top: 2rem; padding: 1rem 1.1rem; }
.stabback-note strong { font-size: 1.15rem; }

.stabback-trace { margin-top: clamp(2rem, 4vw, 4rem); }
.stabback-trace__tabs { border-bottom: 1px solid var(--stab-line); display: grid; grid-template-columns: repeat(4, 1fr); }
.stabback-trace__tabs button { background: transparent; border: 1px solid transparent; border-bottom: 0; color: rgba(236, 233, 216, .55); cursor: pointer; font: 800 .9rem/1.1 var(--font-mono, monospace); min-height: 5rem; padding: .8rem; text-align: left; }
.stabback-trace__tabs button small { color: inherit; font: inherit; font-size: .58rem; letter-spacing: .04em; text-transform: uppercase; }
.stabback-trace__tabs button:hover,
.stabback-trace__tabs button:focus-visible,
.stabback-trace__tabs button[aria-selected="true"] { background: #18231f; border-color: rgba(115, 214, 207, .38); color: var(--stab-paper); outline: 0; }
.stabback-trace__tabs button[aria-selected="true"] { box-shadow: inset 0 -3px var(--stab-amber); }
.stabback-trace__panel { background: linear-gradient(145deg, #18231f, #0e1513); border: 1px solid rgba(115, 214, 207, .25); display: grid; gap: clamp(1.2rem, 3vw, 3rem); grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr); padding: clamp(1rem, 2vw, 2rem); }
.stabback-trace__panel:focus-visible { outline: 2px solid var(--stab-cyan); outline-offset: 3px; }
.stabback-trace__panel figure { margin: 0; }
.stabback-trace__panel img { aspect-ratio: 16 / 9; display: block; height: auto; object-fit: cover; width: 100%; }
.stabback-trace__copy { align-self: center; padding: clamp(.5rem, 2vw, 1.4rem); }
.stabback-trace__copy h3 { font-size: clamp(1.8rem, 3.5vw, 3.3rem); letter-spacing: -.055em; line-height: .95; margin: .55rem 0 1rem; }
.stabback-trace__copy > p:not(.eyebrow) { color: var(--stab-muted); line-height: 1.65; }
.stabback-trace__status { border-top: 1px solid var(--stab-line); display: grid; gap: .3rem; margin-top: 1.6rem; padding-top: 1rem; }
.stabback-trace__status span { color: var(--stab-amber); font: 800 .65rem/1.2 var(--font-mono, monospace); letter-spacing: .1em; text-transform: uppercase; }
.stabback-trace__status strong { color: var(--stab-paper); }

.stabback-version-section {
  background:
    linear-gradient(90deg, rgba(115, 214, 207, .035) 1px, transparent 1px) 0 0 / 82px 100%,
    linear-gradient(145deg, #141e1b, #0b1110) !important;
}

.stabback-version-grid {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: clamp(2rem, 4vw, 4rem);
}

.stabback-version-card {
  background: linear-gradient(145deg, #1a2823, #0d1513);
  border: 1px solid rgba(115, 214, 207, .18);
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
  overflow: hidden;
  position: relative;
}

.stabback-version-card::after {
  border-right: 1px solid rgba(214, 174, 90, .74);
  border-top: 1px solid rgba(214, 174, 90, .74);
  content: "";
  height: 32px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
}

.stabback-version-card figure { margin: 0; }
.stabback-version-card img {
  aspect-ratio: 16 / 9;
  background: #101816;
  border-bottom: 1px solid rgba(115, 214, 207, .18);
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.stabback-version-card__copy {
  display: grid;
  gap: .85rem;
  padding: clamp(1.2rem, 2.4vw, 2rem);
}

.stabback-version-card__copy h3 {
  color: var(--stab-paper);
  font-size: clamp(1.4rem, 2.4vw, 2.25rem);
  letter-spacing: -.045em;
  line-height: .98;
  margin: 0;
  max-width: 13ch;
}

.stabback-version-card__copy p { color: var(--stab-muted); line-height: 1.58; margin: 0; }
.stabback-version-card__copy p strong { color: var(--stab-paper); display: block; font-size: .77rem; letter-spacing: .08em; margin-bottom: .3rem; text-transform: uppercase; }
.stabback-version-card__copy small { border-top: 1px solid var(--stab-line); color: rgba(224, 235, 222, .58); font: 700 .64rem/1.45 var(--font-mono, monospace); padding-top: .75rem; }

.stabback-capability-grid { display: grid; gap: 1px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: clamp(2rem, 4vw, 4rem); }
.stabback-capability-grid article { background: linear-gradient(145deg, #18231f, #0e1513); border: 1px solid rgba(115, 214, 207, .14); min-height: 19rem; padding: clamp(1.2rem, 2vw, 1.8rem); }
.stabback-capability-grid h3 { font-size: clamp(1.35rem, 2vw, 2rem); letter-spacing: -.04em; margin: 1rem 0 .65rem; }
.stabback-capability-grid p { color: var(--stab-muted); line-height: 1.58; margin: 0; }
.stabback-capability-grid small { border-top: 1px solid var(--stab-line); color: rgba(224, 235, 222, .56); display: block; font: 700 .64rem/1.45 var(--font-mono, monospace); margin-top: 1.2rem; padding-top: .75rem; }

.stabback-detail-grid > figure { background: #1a2421; border: 1px solid rgba(115, 214, 207, .2); padding: .6rem; }
.stabback-detail-grid > div figure { background: #1a2421; border: 1px solid rgba(115, 214, 207, .2); padding: .6rem; }
.stabback-detail-grid > div figure img { aspect-ratio: 16 / 9; object-fit: cover; }

.stabback-recognition {
  background:
    linear-gradient(90deg, rgba(214, 174, 90, .045) 1px, transparent 1px) 0 0 / 96px 100%,
    linear-gradient(145deg, #17221f, #0b1110) !important;
}
.stabback-recognition-grid { display: grid; gap: 1px; grid-template-columns: minmax(0, 1.18fr) minmax(18rem, .82fr); margin-top: clamp(2rem, 4vw, 4rem); }
.stabback-recognition-grid figure { background: #111a18; border: 1px solid rgba(115, 214, 207, .2); margin: 0; padding: .6rem; }
.stabback-recognition-grid img { aspect-ratio: 16 / 9; background: #25332f; display: block; height: auto; object-fit: cover; width: 100%; }
.stabback-recognition-feature { display: grid; grid-template-rows: auto 1fr; }
.stabback-recognition-feature img { height: 100%; min-height: 22rem; object-fit: cover; }
.stabback-recognition-stack { display: grid; gap: 1px; }
.stabback-recognition-stack figure { display: grid; grid-template-rows: auto 1fr; }
.stabback-recognition-ledger { align-items: start; background: rgba(8, 13, 12, .55); border-left: 3px solid var(--stab-amber); display: grid; gap: .45rem; grid-template-columns: minmax(8rem, .3fr) minmax(0, 1fr); margin-top: 1px; padding: clamp(1rem, 2vw, 1.5rem); }
.stabback-recognition-ledger span { color: var(--stab-cyan); font: 800 .7rem/1.2 var(--font-mono, monospace); letter-spacing: .1em; text-transform: uppercase; }
.stabback-recognition-ledger strong { color: var(--stab-paper); font-size: clamp(1.1rem, 2vw, 1.6rem); letter-spacing: -.035em; }
.stabback-recognition-ledger p { color: var(--stab-muted); grid-column: 2; line-height: 1.55; margin: 0; }

.stabback-tech-grid { display: grid; gap: 1px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: clamp(2rem, 4vw, 4rem); }
.stabback-tech-grid article { background: #151f1c; border-top: 2px solid var(--stab-amber); min-height: 13rem; padding: 1.25rem; }
.stabback-tech-grid strong { display: block; font-size: clamp(1.25rem, 2.2vw, 2rem); letter-spacing: -.05em; margin: .85rem 0 .65rem; }
.stabback-tech-grid p { color: var(--stab-muted); line-height: 1.55; margin: 0; }

.stabback-open { background: linear-gradient(145deg, #1d211c, #101412) !important; }
.stabback-open-grid { display: grid; gap: 1px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: clamp(2rem, 4vw, 4rem); }
.stabback-open-grid article { background: rgba(8, 12, 10, .5); border-left: 2px solid rgba(214, 174, 90, .68); min-height: 10rem; padding: 1.2rem; }
.stabback-open-grid p { color: var(--stab-muted); line-height: 1.55; margin: 1rem 0 0; }

.stabback-next-list { border-top: 1px solid var(--stab-line); margin-top: clamp(2rem, 4vw, 4rem); }
.stabback-next-list div { align-items: center; border-bottom: 1px solid var(--stab-line); display: grid; gap: 1.2rem; grid-template-columns: 3rem 1fr; padding: 1rem 0; }
.stabback-next-list strong { font-size: .8rem; }
.stabback-next-list span { font-size: clamp(1.05rem, 2vw, 1.55rem); }

.case-stabback .case-next { background: #111a18; }
.case-stabback .case-next-card { background: #18231f; border-color: rgba(115, 214, 207, .2); }
.case-stabback .case-next-card:hover,
.case-stabback .case-next-card:focus-visible { border-color: var(--stab-amber); box-shadow: 0 24px 54px rgba(0, 0, 0, .35), 0 0 0 1px rgba(214, 174, 90, .24); }

/* The sneak peek is an honest status, not a second route to the case. */
.case-stabback .live-lab-button--disabled {
  background:
    linear-gradient(135deg, rgba(11, 17, 16, .14) 25%, transparent 25% 50%, rgba(11, 17, 16, .14) 50% 75%, transparent 75%) 0 0 / 12px 12px,
    color-mix(in srgb, var(--lab-accent) 58%, #1a211d);
  border-color: rgba(214, 174, 90, .44);
  box-shadow: none;
  color: rgba(236, 233, 216, .72);
  cursor: default;
  gap: 1rem;
  justify-content: space-between;
  opacity: .82;
  pointer-events: none;
  position: relative;
}

.case-stabback .live-lab-button--disabled::after {
  color: var(--stab-amber);
  content: "NIET APART BESCHIKBAAR";
  font: 700 .58rem/1 var(--font-mono, monospace);
  letter-spacing: .08em;
  margin-left: auto;
  opacity: .86;
}

.case-stabback .live-lab-button--disabled:hover,
.case-stabback .live-lab-button--disabled:focus-visible {
  background:
    linear-gradient(135deg, rgba(11, 17, 16, .14) 25%, transparent 25% 50%, rgba(11, 17, 16, .14) 50% 75%, transparent 75%) 0 0 / 12px 12px,
    color-mix(in srgb, var(--lab-accent) 58%, #1a211d);
  border-color: rgba(214, 174, 90, .44);
  box-shadow: none;
  outline: 0;
  transform: none;
}

.case-stabback .live-lab-button__route-arrow {
  color: var(--stab-amber);
  font-size: 1.35rem;
  line-height: 1;
  margin-left: auto;
}

.case-stabback .live-lab-button--secondary {
  border-color: rgba(214, 174, 90, .64);
  box-shadow: 0 10px 28px rgba(214, 174, 90, .12);
}

/* Cinematic image chapters: one clear frame, one deliberate choice row. */
.case-stabback .stabback-cinema {
  margin-top: clamp(2rem, 4vw, 4rem);
}

.case-stabback .stabback-cinema__stage {
  position: relative;
}

.case-stabback .stabback-cinema__hero {
  aspect-ratio: 16 / 4.8;
  background: #101917;
  border: 1px solid rgba(115, 214, 207, .34);
  margin: 0;
  min-height: 24rem;
  overflow: hidden;
  position: relative;
}

.case-stabback .stabback-cinema--panorama .stabback-cinema__hero {
  aspect-ratio: 16 / 4.6;
}

.case-stabback .stabback-cinema__hero img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.01);
  transition: opacity 260ms ease, transform 700ms cubic-bezier(.2, .8, .2, 1);
  width: 100%;
}

.case-stabback .stabback-cinema__hero img.is-switching {
  opacity: .3;
  transform: scale(1.035);
}

.case-stabback .stabback-cinema__scrim {
  background: linear-gradient(180deg, rgba(5, 12, 11, .02) 34%, rgba(5, 12, 11, .82) 100%);
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.case-stabback .stabback-cinema__hero figcaption {
  bottom: 0;
  color: var(--stab-paper);
  left: 0;
  min-width: min(39rem, 76%);
  padding: clamp(1.4rem, 4vw, 3.5rem);
  position: absolute;
  z-index: 1;
}

.case-stabback .stabback-cinema__hero figcaption span {
  color: var(--stab-amber);
  display: block;
  font: 800 .68rem/1.2 var(--font-mono, monospace);
  letter-spacing: .14em;
  margin-bottom: .7rem;
  text-transform: uppercase;
}

.case-stabback .stabback-cinema__hero figcaption strong {
  display: block;
  font: 700 clamp(1.7rem, 4.5vw, 4.25rem)/.96 var(--font-display, system-ui, sans-serif);
  letter-spacing: -.035em;
  margin-bottom: .65rem;
}

.case-stabback .stabback-cinema__hero figcaption p {
  color: rgba(236, 233, 216, .78);
  font-size: clamp(.88rem, 1.25vw, 1.08rem);
  line-height: 1.5;
  margin: 0;
  max-width: 48ch;
}

.case-stabback .stabback-cinema__counter {
  color: var(--stab-paper);
  font: 800 .7rem/1 var(--font-mono, monospace);
  letter-spacing: .12em;
  position: absolute;
  right: clamp(1.25rem, 3vw, 3rem);
  top: clamp(1.25rem, 3vw, 2.5rem);
  z-index: 2;
}

.case-stabback .stabback-cinema__counter::after {
  background: var(--stab-amber);
  content: "";
  display: inline-block;
  height: 2px;
  margin: 0 0 .2rem .75rem;
  width: clamp(2rem, 6vw, 5rem);
}

.case-stabback .stabback-cinema__nav {
  align-items: center;
  background: rgba(8, 17, 16, .8);
  border: 1px solid rgba(115, 214, 207, .82);
  border-radius: 50%;
  color: var(--stab-paper);
  cursor: pointer;
  display: flex;
  font: 300 2.4rem/1 system-ui, sans-serif;
  height: 3.5rem;
  justify-content: center;
  padding: 0 0 .25rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background 180ms ease, border-color 180ms ease, color 180ms ease;
  width: 3.5rem;
  z-index: 3;
}

.case-stabback .stabback-cinema__nav:hover,
.case-stabback .stabback-cinema__nav:focus-visible {
  background: var(--stab-amber);
  border-color: var(--stab-amber);
  color: #111812;
  outline: 2px solid var(--stab-paper);
  outline-offset: 3px;
}

.case-stabback .stabback-cinema__nav--prev { left: clamp(.8rem, 2vw, 2rem); }
.case-stabback .stabback-cinema__nav--next { right: clamp(.8rem, 2vw, 2rem); }

.case-stabback .stabback-cinema__strip {
  align-items: start;
  display: grid;
  gap: clamp(.6rem, 1.2vw, 1.1rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(.8rem, 1.5vw, 1.4rem);
}

.case-stabback .stabback-cinema__strip button {
  background: #111a18;
  border: 1px solid rgba(115, 214, 207, .24);
  color: var(--stab-paper);
  cursor: pointer;
  align-self: start;
  height: auto !important;
  min-width: 0;
  padding: .35rem;
  text-align: left;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.case-stabback .stabback-cinema__strip button:hover,
.case-stabback .stabback-cinema__strip button:focus-visible {
  border-color: rgba(214, 174, 90, .82);
  outline: 2px solid var(--stab-amber);
  outline-offset: 3px;
  transform: translateY(-2px);
}

.case-stabback .stabback-cinema__strip button[aria-selected="true"] {
  border-color: var(--stab-amber);
  box-shadow: 0 0 0 1px rgba(214, 174, 90, .26);
}

.case-stabback .stabback-cinema__strip img {
  aspect-ratio: auto !important;
  background: #25332f;
  display: block;
  filter: saturate(.82) brightness(.72);
  height: clamp(5.4rem, 8vw, 9rem) !important;
  max-height: clamp(5.4rem, 8vw, 9rem) !important;
  min-height: 0 !important;
  object-fit: cover;
  transition: filter 180ms ease;
  width: 100%;
}

.case-stabback .stabback-cinema__strip button[aria-selected="true"] img,
.case-stabback .stabback-cinema__strip button:hover img,
.case-stabback .stabback-cinema__strip button:focus-visible img {
  filter: saturate(1) brightness(1);
}

.case-stabback .stabback-cinema__strip button span {
  display: block;
  font: 800 .68rem/1.2 var(--font-mono, monospace);
  letter-spacing: .06em;
  padding: .7rem .35rem .35rem;
  text-transform: uppercase;
}

.case-stabback .stabback-cinema__strip button b {
  color: var(--stab-amber);
  margin-right: .5rem;
}

@media (max-width: 980px) {
  .stabback-capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stabback-tech-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stabback-open-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stabback-version-grid { grid-template-columns: 1fr; }
  .stabback-detail-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .stabback-origin-grid,
  .stabback-spatial-grid,
  .stabback-world-gallery__grid,
  .stabback-recognition-grid,
  .stabback-trace__panel { grid-template-columns: 1fr; }
  .stabback-capability-grid,
  .stabback-tech-grid,
  .stabback-open-grid,
  .stabback-version-grid { grid-template-columns: 1fr; }
  .stabback-recognition-feature img { min-height: 0; }
  .stabback-world-gallery__feature img { min-height: 0; }
  .stabback-recognition-ledger { grid-template-columns: 1fr; }
  .stabback-recognition-ledger p { grid-column: auto; }
  .stabback-trace__tabs button { min-height: 4.2rem; padding: .55rem .35rem; }
  .stabback-trace__tabs button small { font-size: .48rem; }
  .case-stabback .case-hero-content h1 { font-size: clamp(3.3rem, 17vw, 5rem); }
  .case-stabback .case-facts { grid-template-columns: 1fr 1fr; }
  .case-stabback .case-facts article { min-height: 10rem; }
  .case-stabback .stabback-cinema__hero { min-height: 20rem; }
  .case-stabback .stabback-cinema__hero,
  .case-stabback .stabback-cinema--panorama .stabback-cinema__hero { aspect-ratio: 16 / 10; }
  .case-stabback .stabback-cinema__hero figcaption { min-width: 0; padding: 1.25rem; }
  .case-stabback .stabback-cinema__hero figcaption strong { font-size: clamp(1.7rem, 10vw, 2.8rem); }
  .case-stabback .stabback-cinema__nav { height: 2.7rem; width: 2.7rem; font-size: 1.9rem; }
  .case-stabback .stabback-cinema__nav--prev { left: .55rem; }
  .case-stabback .stabback-cinema__nav--next { right: .55rem; }
  .case-stabback .stabback-cinema__strip { gap: .4rem; }
  .case-stabback .stabback-cinema__strip button { padding: .2rem; }
  .case-stabback .stabback-cinema__strip button span { font-size: .54rem; letter-spacing: .02em; padding: .55rem .2rem .2rem; }
  .case-stabback .stabback-cinema__strip button b { display: block; margin: 0 0 .2rem; }
}

@media (prefers-reduced-motion: reduce) {
  .case-stabback .stabback-cinema__hero img,
  .case-stabback .stabback-cinema__nav,
  .case-stabback .stabback-cinema__strip button,
  .case-stabback .stabback-cinema__strip img { transition: none; }
}

/* Current-state readout: make the latest build legible before the history begins. */
.case-stabback .stabback-current-readout {
  border-top: 1px solid rgba(115, 214, 207, .22);
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}
.case-stabback .stabback-current-readout article {
  background: rgba(8, 13, 12, .56);
  border-bottom: 1px solid rgba(115, 214, 207, .16);
  min-height: 7.5rem;
  padding: 1rem 1.1rem 1.15rem;
}
.case-stabback .stabback-current-readout span {
  color: var(--stab-amber);
  display: block;
  font: 800 .64rem/1.2 var(--font-mono, monospace);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.case-stabback .stabback-current-readout strong {
  color: var(--stab-paper);
  display: block;
  font-size: clamp(1.05rem, 1.7vw, 1.45rem);
  letter-spacing: -.035em;
  margin: .65rem 0 .35rem;
}
.case-stabback .stabback-current-readout small {
  color: var(--stab-muted);
  display: block;
  font-size: .78rem;
  line-height: 1.45;
}

/* The build history is evidence, not the current headline. */
.case-stabback .stabback-version-grid--compact {
  gap: 1px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.case-stabback .stabback-version-grid--compact .stabback-version-card img {
  aspect-ratio: 16 / 7;
}
.case-stabback .stabback-version-grid--compact .stabback-version-card__copy {
  gap: .58rem;
  padding: 1rem 1.1rem 1.15rem;
}
.case-stabback .stabback-version-grid--compact .stabback-version-card__copy h3 {
  font-size: clamp(1.08rem, 1.55vw, 1.45rem);
  line-height: 1.02;
  max-width: 17ch;
}
.case-stabback .stabback-version-grid--compact .stabback-version-card__copy p {
  font-size: .84rem;
  line-height: 1.48;
}
.case-stabback .stabback-version-grid--compact .stabback-version-card__copy p strong {
  font-size: .64rem;
}
.case-stabback .stabback-version-grid--compact .stabback-version-card__copy p:nth-of-type(2) {
  border-left: 2px solid var(--stab-amber);
  padding-left: .65rem;
}
.case-stabback .stabback-version-grid--compact .stabback-version-card__copy small {
  font-size: .58rem;
  padding-top: .6rem;
}

@media (max-width: 980px) {
  .case-stabback .stabback-current-readout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .case-stabback .stabback-version-grid--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .case-stabback .stabback-current-readout,
  .case-stabback .stabback-version-grid--compact { grid-template-columns: 1fr; }
  .case-stabback .stabback-current-readout article { min-height: 0; }
}

@media (max-width: 460px) {
  .case-stabback .case-facts { grid-template-columns: 1fr; }
  .stabback-next-list div { grid-template-columns: 2.4rem 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .case-stabback * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}