.tx {
  --scan-dur: 820ms;
  --scan-ease: cubic-bezier(0.55, 0, 0.2, 1);
  --scan-gap: 90ms;
  --lock: var(--deep);
}
.tx .sec--deep { --lock: var(--gold); }

body.tx:not(.home) {
  --sec-pad: clamp(26px, 4.4vh, 44px);
  --gap: clamp(12px, 1.6vw, 24px);
  --box-h: clamp(30px, 3.4vw, 48px);
  --arc: clamp(20px, 2.2vw, 30px);
}

.lk {
  position: absolute;
  inset: var(--lk-in, 0);
  z-index: 2;
  pointer-events: none;
  --lk-c: var(--lock);
  --lk-w: 3px;
  --lk-l: 16px;
  --lk-d: 12px;
}
.lk i {
  position: absolute;
  width: var(--lk-l);
  height: var(--lk-l);
  border: 0 solid var(--lk-c);
}
.lk i:nth-child(1) { left: 0; top: 0; border-width: var(--lk-w) 0 0 var(--lk-w); --dx: calc(var(--lk-d) * -1); --dy: calc(var(--lk-d) * -1); }
.lk i:nth-child(2) { right: 0; top: 0; border-width: var(--lk-w) var(--lk-w) 0 0; --dx: var(--lk-d); --dy: calc(var(--lk-d) * -1); }
.lk i:nth-child(3) { right: 0; bottom: 0; border-width: 0 var(--lk-w) var(--lk-w) 0; --dx: var(--lk-d); --dy: var(--lk-d); }
.lk i:nth-child(4) { left: 0; bottom: 0; border-width: 0 0 var(--lk-w) var(--lk-w); --dx: calc(var(--lk-d) * -1); --dy: var(--lk-d); }

@keyframes lk-snap {
  0% { opacity: 0; transform: translate(var(--dx), var(--dy)); }
  40% { opacity: 1; transform: none; }
  55% { opacity: 0.15; }
  68% { opacity: 1; }
  80% { opacity: 0.15; }
  100% { opacity: 1; transform: none; }
}

.js .acq { clip-path: inset(0 0 100% 0); }
.js .acq.is-on {
  animation: acq var(--scan-dur) var(--scan-ease) calc(var(--i, 0) * var(--scan-gap)) both;
}
@keyframes acq {
  from { clip-path: inset(0 -40px 100% -40px); }
  99.9% { clip-path: inset(-40px -40px -40px -40px); }
  to { clip-path: none; }
}

.scan {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  opacity: 0;
}
.scan::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -6px;
  height: 6px;
  background: var(--orange);
}
.acq.is-on > .scan {
  animation: scan var(--scan-dur) var(--scan-ease) calc(var(--i, 0) * var(--scan-gap)) both;
}
@keyframes scan {
  0% { opacity: 1; transform: translateY(0); }
  96% { opacity: 1; }
  100% { opacity: 0; transform: translateY(100%); }
}

.js .acq.is-on .lk i {
  animation: lk-snap 560ms var(--ease-expo) calc(var(--i, 0) * var(--scan-gap) + var(--scan-dur) * 0.7) both;
}

.top {
  position: relative;
  padding-top: var(--bar-h);
  --stripe: 36px;
  background:
    linear-gradient(color-mix(in oklab, var(--night), transparent 34%) 0 0),
    repeating-linear-gradient(90deg, var(--board-grass) 0 var(--stripe), var(--board-grass-2) var(--stripe) calc(2 * var(--stripe)));
  --ink: var(--cream);
  --ink-2: var(--pale);
  --focus: var(--cream);
}

.top__in {
  display: grid;
  grid-template-columns: minmax(0, 50fr) minmax(0, 50fr);
  align-items: center;
  gap: clamp(24px, 4vw, 64px);
  min-height: min(64svh, 620px);
  padding: clamp(28px, 4vw, 56px) var(--inset);
}

.top__words { text-align: left; }
.top__h1 {
  max-width: 16em;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--fs-h1);
  line-height: 1.04;
  letter-spacing: 0.01em;
  text-transform: none;
  text-wrap: balance;
  color: var(--cream);
}
.top__lede {
  max-width: 44ch;
  margin: clamp(14px, 1.8vw, 20px) 0 0;
  padding-top: clamp(14px, 1.8vw, 20px);
  border-top: 3px solid var(--gold);
  font-size: 1.0625rem;
  color: var(--pale);
}

.top__screen {
  display: flex;
  flex-direction: column;
  padding: 6px;
  border-radius: 12px;
  background: var(--night);
  box-shadow: 0 18px 40px -18px rgb(0 0 0 / 0.55);
}
.top__strip {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 4px 8px 6px;
}
.top__src {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--fs-label);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  color: var(--cream);
}
.top .bug { position: static; font-size: clamp(0.75rem, 0.9vw, 0.875rem); }

@media (max-width: 1100px) {
  .top__src { display: none; }
  .top__strip { justify-content: flex-end; }
}

.top__board {
  aspect-ratio: 3 / 2;
  border-radius: 8px;
  overflow: hidden;
  background: var(--board-grass-2);
}
.top__canvas {
  display: block;
  width: 100%;
  height: 100%;
  --inset-l: 0.04;
  --inset-r: 0.04;
  --inset-t: 0.05;
  --inset-b: 0.05;
}

.lamp {
  flex: none;
  width: 9px;
  height: 9px;
  background: var(--orange);
  animation: lamp 1.6s steps(1, end) infinite;
}
@keyframes lamp { 50% { opacity: 0.2; } }

body.tx:not(.home) .tx-in { margin-top: 0; }

.tx .sec:not(.sec--deep) { padding-top: 0; }

.sh { margin-bottom: clamp(22px, 2.8vw, 38px); text-align: center; }

.tx .sec:not(.sec--deep) .sh {
  margin-inline: calc(-1 * var(--inset));
  padding: clamp(15px, 1.7vw, 24px) clamp(20px, 2.4vw, 36px);
  background: var(--night-raised);
  box-shadow: inset 0 0 0 1px var(--bar-edge);
  border-radius: var(--panel-r, 0px) var(--panel-r, 0px) 0 0;
  color: var(--cream);
  --ink: var(--cream);
  --ink-2: var(--pale);
  --rule: var(--rule-deep);
  --accent-ink: var(--orange);
  --focus: var(--cream);
}

.sh__title {
  max-width: 15em;
  margin-inline: auto;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--fs-h2);
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: none;
  text-wrap: balance;
  color: var(--ink);
}

.tx .sec--deep .sh__title {
  width: fit-content;
  padding: 0.3em 0.55em 0.26em;
  background: var(--cream);
  color: var(--deep);
}

.sh__lede {
  max-width: 62ch;
  margin: clamp(6px, 0.8vw, 10px) auto 0;
  font-size: 1.0625rem;
  line-height: 1.45;
  color: var(--ink-2);
}

.scr {
  position: relative;
  background: var(--scr);
  padding: 0 5px 5px;
  --scr: var(--night);
  --scr-ink: var(--cream);
}
.sec--deep .scr { --scr: var(--cream); --scr-ink: var(--deep); }
.scr__strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 30px;
  padding: 4px 3px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--fs-label);
  line-height: 1.1;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--scr-ink);
}
.scr__name { display: flex; align-items: center; gap: 8px; min-width: 0; white-space: nowrap; }
.scr--live .scr__name::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  background: var(--orange);
  animation: lamp 1.6s steps(1, end) infinite;
}
.scr__mode {
  padding: 3px 7px 2px;
  background: var(--gold);
  color: var(--deep);
  white-space: nowrap;
}
.scr__mode.is-new { animation: row-scan 420ms var(--scan-ease) both; }
.scr__view { position: relative; overflow: hidden; background: var(--well); }
.scr__view > .lk { --lk-in: 8px; --lk-c: var(--gold); --lk-l: 16px; --lk-w: 3px; }
.scr__view > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

@keyframes row-scan {
  from { clip-path: inset(0 0 100% 0); }
  to { clip-path: inset(0 0 0 0); }
}
.tx [data-panel].is-entering { animation: row-scan 520ms var(--scan-ease) both; }

.tx .option { position: relative; }
.tx .option[aria-pressed="true"] { background: var(--night); }
.option > .lk { --lk-in: 5px; --lk-c: var(--orange); --lk-l: 10px; --lk-w: 3px; display: none; }
.option[aria-pressed="true"] > .lk { display: block; }
.js .tx .option[aria-pressed="true"] > .lk i { animation: lk-snap 460ms var(--ease-expo) both; }

.tx .plate--deep { background: var(--night); --rule: var(--night-rule); }

.flowbox {
  --rail: var(--night);
  --run: 4.8s;
  --loop: 36px;
  position: relative;
  padding-inline: var(--loop);
}
.flow {
  --link: clamp(30px, 3.2vw, 52px);
  --arm: 12px;
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 8fr) minmax(0, 6fr);
  grid-template-rows: auto auto auto auto;
  column-gap: var(--link);
  row-gap: 10px;
}
.flow__step {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  min-width: 0;
}
.flow__head {
  align-self: start;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
}
.flow__tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 3px 8px 2px;
  background: var(--night);
  color: var(--gold);
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--fs-label);
  line-height: 1.1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.flow__tag--live::before {
  content: "";
  width: 8px;
  height: 8px;
  background: var(--orange);
  animation: lamp 1.6s steps(1, end) infinite;
}
.flow__h {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--fs-h3-lg);
  line-height: 1.1;
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--ink);
}
.flow__note {
  flex-basis: 100%;
  max-width: 40ch;
  font-size: var(--fs-small);
  line-height: 1.4;
  color: var(--ink-2);
}

.flow__media { position: relative; align-self: center; min-width: 0; }
.flow__step--models .flow__media { padding-inline: var(--arm); }

.flow__rail {
  position: absolute;
  left: 100%;
  top: 50%;
  width: var(--link);
  height: 4px;
  margin-top: -2px;
  background: var(--rail);
}
.flow__rail::after {
  content: "";
  position: absolute;
  right: -2px;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -7px;
  border-block: 7px solid transparent;
  border-left: 9px solid var(--rail);
}
.flow__rail i {
  position: absolute;
  left: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: var(--orange);
  opacity: 0;
  animation: rail-run var(--run) linear infinite;
}
.flow__step--models .flow__rail i { animation-delay: calc(var(--run) / 2); }
@keyframes rail-run {
  0% { left: 0; opacity: 1; }
  24% { left: calc(100% - 16px); opacity: 1; }
  25%, 100% { left: calc(100% - 16px); opacity: 0; }
}

.flow__step--models .flow__media::before,
.flow__step--models .flow__media::after {
  content: "";
  position: absolute;
  top: 25%;
  bottom: 25%;
  width: 4px;
  background: var(--rail);
}
.flow__step--models .flow__media::before { left: 0; }
.flow__step--models .flow__media::after { right: 0; }

.models { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.models > li { position: relative; min-width: 0; }
.models > li:nth-child(3n + 1)::before,
.models > li:nth-child(3n)::after {
  content: "";
  position: absolute;
  top: 50%;
  width: var(--arm);
  height: 4px;
  margin-top: -2px;
  background: var(--rail);
}
.models > li:nth-child(3n + 1)::before { right: 100%; }
.models > li:nth-child(3n)::after { left: 100%; }
.models__cell { padding: 0 3px 3px; }
.models__cell .scr__strip { min-height: 22px; padding: 3px 2px; gap: 4px; font-size: 0.6875rem; }
.models__cell .scr__name { overflow: hidden; }
.models__cell .scr__view > .lk { --lk-in: 4px; --lk-l: 9px; --lk-w: 2px; }
.models__cell .scr__mode { padding: 2px 5px 1px; }
.models__wait { background: var(--pale); }

.models__cell--more .scr__view {
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  padding: 4px 6px;
}
.models__more {
  font-size: 0.6875rem;
  line-height: 1.25;
  text-align: center;
  text-wrap: balance;
  color: var(--pale);
}
.models__more-short { display: none; }

@media (min-width: 900px) and (max-width: 1179.98px) {
  .models__more { font-size: 0.5625rem; line-height: 1.2; }
  .models__more-long { display: none; }
  .models__more-short { display: inline; }
}

.mind { display: grid; gap: 10px; }
.feeds { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.feed {
  position: relative;
  padding: 6px 8px 5px;
  border-radius: 8px;
  background: var(--pale);
  color: var(--deep);
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--fs-label);
  line-height: 1.15;
  letter-spacing: 0.04em;
  text-align: center;
  text-transform: uppercase;
}
.feed::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 4px;
  height: 10px;
  margin-left: -2px;
  background: var(--rail);
}
.feeds--top .feed::after { top: 100%; }
.feeds--foot .feed::after { bottom: 100%; }

.flow__step--out {
  grid-column: 1 / -1;
  grid-row: 3 / span 2;
  margin-top: clamp(16px, 2vw, 28px);
}
.flow__step--out .flow__media { justify-self: center; width: min(100%, 400px); }
.flow__rail--stack { display: none; }

@media (min-width: 900px) and (max-width: 1179.98px) {
  .models__cell .scr__strip { letter-spacing: 0.01em; }
}

.flow__wrap { position: absolute; inset: 0; pointer-events: none; }
.flow__wrap svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.flow__wrap-line { fill: none; stroke: var(--rail); stroke-width: 4; }
.flow__wrap-head { fill: var(--rail); }
.flow__wrap i {
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 8px;
  background: var(--orange);
  offset-rotate: 0deg;
  opacity: 0;
  animation: wrap-run var(--run) linear infinite;
  animation-delay: calc(var(--run) * 0.75);
}
@keyframes wrap-run {
  0% { offset-distance: 0%; opacity: 1; }
  24% { offset-distance: 100%; opacity: 1; }
  25%, 100% { offset-distance: 100%; opacity: 0; }
}
.models__cell { padding: 0 3px 3px; }
.models__cell .scr__strip { min-height: 22px; padding: 3px 2px; gap: 4px; font-size: 0.6875rem; }
.models__cell .scr__name { overflow: hidden; }
.models__cell .scr__view > .lk { --lk-in: 4px; --lk-l: 9px; --lk-w: 2px; }
.models__cell .scr__mode { padding: 2px 5px 1px; }
.models__wait { background: var(--pale); }

.cap {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 6px;
  z-index: 3;
  display: flex;
  align-items: stretch;
  background: var(--night);
  color: var(--cream);
}
.cap__who {
  display: flex;
  align-items: center;
  padding: 0 7px;
  background: var(--gold);
  color: var(--deep);
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 0.6875rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.cap__line {
  padding: 5px 8px 6px;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.3;
  text-wrap: pretty;
}
.need {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: clamp(16px, 2vw, 24px);
}
.need > span { display: flex; align-items: center; padding: 8px 14px; }
.need__k {
  background: var(--night);
  color: var(--gold);
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--fs-label);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.need__v {
  flex: 1;
  background: var(--pale);
  color: var(--ink);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(1rem, 1.2vw, 1.1875rem);
  line-height: 1.15;
  text-transform: uppercase;
}

.desk {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(16px, 2.2vw, 32px);
  align-items: start;
}
body.tx:not(.home) .pick .options { grid-template-columns: minmax(0, 1fr); gap: 4px; }
body.tx:not(.home) .pick .option { min-height: 0; padding: 8px 14px 10px; font-size: clamp(1rem, 1.1vw, 1.0625rem); }
.tx .pick .option small { margin-top: 2px; font-size: var(--fs-note); line-height: 1.4; max-width: 60ch; }
body.tx:not(.home) .pick .option__timer { height: 4px; }
body.tx:not(.home) .pick .hint { margin-top: 8px; font-size: var(--fs-note); }

.det__view { aspect-ratio: 16 / 9; }
.det__panel,
.det__panel > video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.det__panel > video { display: block; object-fit: cover; }

.det__map {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 3;
  width: clamp(132px, 31%, 250px);
  padding: 0 3px 3px;
  background: var(--night);
}
.det__maptag {
  display: block;
  padding: 3px 2px 2px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 0.6875rem;
  line-height: 1.1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gold);
}
.det__map canvas {
  width: 100%;
  aspect-ratio: 3 / 2;
  background: var(--board-grass-2);
  --inset-l: 0.01;
  --inset-r: 0.01;
  --inset-t: 0.01;
  --inset-b: 0.01;
}

.tac__row {
  --tac-h: clamp(300px, 52vh, 560px);
  display: grid;
  grid-template-columns: minmax(170px, 250px) min(100%, calc(var(--tac-h) * 1.45));
  justify-content: center;
  gap: clamp(12px, 1.6vw, 26px);
}

.tac__opts {
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: minmax(0, 1fr);
}
body.tx:not(.home) .tac__opts .option {
  min-height: 0;
  padding: 10px 14px 12px;
  font-size: clamp(0.9375rem, 1.05vw, 1.0625rem);
}
body.tx:not(.home) .tac__opts .option__timer { height: 4px; }

.tac__view {
  position: relative;
  width: 100%;
  height: var(--tac-h);
}

.tac__canvas { width: 100%; height: 100%; visibility: hidden; }
.tac__view.is-live .tac__canvas { visibility: visible; }

.tac__cap { margin-top: clamp(10px, 1.2vw, 16px); text-align: center; }
.tac__cap p {
  max-width: 54ch;
  margin-inline: auto;
  font-size: var(--fs-small);
  line-height: 1.45;
  color: var(--ink-2);
}

.where { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(10px, 1.4vw, 20px); }
.where__card {
  display: flex;
  flex-direction: column;
  padding: 5px 5px 14px;
  background: var(--cream);
  --ink-2: var(--moss);
}
.where__shot { padding: 3px; }
.where__shot .scr__view > img { aspect-ratio: 16 / 10; }
.where__h {
  margin: 12px 9px 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--fs-h3-lg);
  line-height: 1.1;
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--ink);
}
.where__card p { margin: 5px 9px 0; font-size: var(--fs-note); line-height: 1.45; color: var(--ink-2); }

.h2h {
  container-type: inline-size;
  aspect-ratio: 16 / 10;
  background: var(--night-deep);
  color: var(--cream);
  --usa: var(--orange);
  --ger: var(--gold);
}
.h2h__in {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3.2cqi;
  padding: 6cqi 10cqi;
}
.h2h__in > * { flex: none; }
.h2h__in > *,
.where__card .h2h p { margin: 0; }
.h2h__top { display: flex; align-items: flex-end; justify-content: space-between; gap: 3cqi; }
.h2h__side { display: flex; align-items: baseline; gap: 2.4cqi; }
.h2h__side--ger { flex-direction: row-reverse; }
.h2h__n {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 12.5cqi;
  line-height: 0.8;
}
.h2h__n--usa { color: var(--usa); }
.h2h__n--ger { color: var(--ger); }
.h2h__team,
.h2h__mid,
.h2h__facts dt,
.h2h__label {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 3cqi;
  line-height: 1.1;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.h2h__mid { display: flex; flex-direction: column; align-items: center; text-align: center; }
.h2h__mid small {
  margin-top: 0.8cqi;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 2.7cqi;
  letter-spacing: 0;
  text-transform: none;
  color: var(--pale);
}
.h2h__bar { display: flex; gap: 1cqi; height: 1.8cqi; }
.h2h__bar i { flex: var(--w) 1 0; border-radius: 1cqi; }
.h2h__usa { background: var(--usa); }
.h2h__ger { background: var(--ger); }
.h2h__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-block: 1px solid var(--night-rule);
  padding-block: 1.6cqi;
}
.h2h__facts > div { text-align: center; }
.h2h__facts > div + div { border-left: 1px solid var(--night-rule); }
.h2h__facts dt { color: var(--pale); }
.h2h__facts dd {
  margin: 0.6cqi 0 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 4.8cqi;
  line-height: 1;
}
.where__card .h2h__label { margin-bottom: -1.4cqi; font-size: 3cqi; line-height: 1.1; color: var(--pale); }
.h2h__last {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.6cqi;
  padding: 0;
  list-style: none;
}
.h2h__last li {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1cqi 0 0.9cqi;
  border-top: 0.8cqi solid var(--ger);
  border-radius: 0.8cqi;
  background: var(--night-raised);
  font-size: 2.6cqi;
  color: var(--pale);
}
.h2h__last li.is-usa { border-top-color: var(--usa); }
.h2h__last b {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 4.2cqi;
  line-height: 1.05;
  color: var(--cream);
}

body.tx:not(.home) .sure {
  padding: clamp(16px, 1.8vw, 24px) clamp(18px, 2.2vw, 30px);
  --accent-ink: var(--orange);
}
.sure__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sure__list li { padding: 2px clamp(14px, 2vw, 28px); }
.sure__list li:first-child { padding-left: 0; }
.sure__list li:last-child { padding-right: 0; }
.sure__list li + li { border-left: 2px solid var(--rule); }
.sure__list p { margin-top: 6px; font-size: var(--fs-small); line-height: 1.45; color: var(--ink-2); }
.sure__lamp {
  position: relative;
  display: block;
  width: 12px;
  height: 12px;
  margin-bottom: 8px;
  box-shadow: inset 0 0 0 2px var(--pale);
}
.sure__lamp::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--orange);
}
.js .sure.is-on .sure__lamp::after { animation: lamp-on 180ms steps(1, end) both; }
.js .sure.is-on li:nth-child(1) .sure__lamp::after { animation-delay: calc(var(--i, 0) * var(--scan-gap) + 900ms); }
.js .sure.is-on li:nth-child(2) .sure__lamp::after { animation-delay: calc(var(--i, 0) * var(--scan-gap) + 1300ms); }
.js .sure.is-on li:nth-child(3) .sure__lamp::after { animation-delay: calc(var(--i, 0) * var(--scan-gap) + 1700ms); }
@keyframes lamp-on {
  from { opacity: 0; }
  to { opacity: 1; }
}
.optional--tag {
  display: block;
  width: fit-content;
  margin-top: 6px;
  padding: 3px 8px 2px;
  background: var(--gold);
  color: var(--deep);
  font-family: var(--font-body);
  font-weight: 700;
  font-size: var(--fs-label);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.closing--quiet { padding-block: clamp(28px, 4.4vh, 48px); }
body.tx:not(.home) .closing--quiet .lede { margin-top: 10px; font-size: 1.0625rem; }
body.tx:not(.home) .closing--quiet .actions { margin-top: 16px; }
body.tx:not(.home) .closing--quiet .contact { gap: 10px; padding-top: 14px; }
.closing--quiet .contact dd { font-size: 1.0625rem; }

.calm .acq,
.calm .acq.is-on { clip-path: none !important; animation: none !important; }
.calm .scan { display: none; }
.calm .lk i,
.calm .lk { animation: none !important; opacity: 1; transform: none; }
.calm .lamp,
.calm .flow__tag--live::before,
.calm .scr--live .scr__name::before { animation: none; }
.calm .flow__rail i,
.calm .flow__wrap i { display: none; }
.calm .scr__mode.is-new,
.calm .tx [data-panel].is-entering { animation: none; }
.calm .sure__lamp::after { animation: none !important; opacity: 1; }

@media (max-width: 899.98px) {
  .top__in { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .top__lede { font-size: 1rem; }

  .tac__row {
    --tac-h: clamp(230px, 34svh, 340px);
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(12px, 2.4vw, 20px);
  }
  .tac__opts { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: auto; }

  .flowbox { padding-inline: 0; }
  .flow { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; row-gap: var(--link); }
  .flow__step { grid-row: auto; grid-template-rows: none; gap: 8px; }
  .flow__step--out { grid-column: auto; grid-row: auto; margin-top: 0; }
  .flow__step--out .flow__media { width: 100%; }
  .flow__wrap { display: none; }
  .flow__rail--stack { display: block; }
  .flow__head { align-self: start; }
  .flow__step--models .flow__media { padding-inline: 0; }
  .flow__step--models .flow__media::before,
  .flow__step--models .flow__media::after,
  .models > li::before,
  .models > li::after { display: none; }
  .flow__rail {
    left: 50%;
    top: 100%;
    width: 4px;
    height: var(--link);
    margin: 0 0 0 -2px;
  }
  .flow__rail::after {
    right: auto;
    top: auto;
    left: 50%;
    bottom: -2px;
    margin: 0 0 0 -7px;
    border-block: 0;
    border-inline: 7px solid transparent;
    border-top: 9px solid var(--rail);
  }
  .flow__rail i { left: 50%; top: 0; margin: 0 0 0 -4px; animation-name: rail-run-down; }
  @keyframes rail-run-down {
    0% { top: 0; opacity: 1; }
    24% { top: calc(100% - 16px); opacity: 1; }
    25%, 100% { top: calc(100% - 16px); opacity: 0; }
  }

  .desk { grid-template-columns: minmax(0, 1fr); }
  .desk .det { order: -1; }

  .sure__list { grid-template-columns: minmax(0, 1fr); }
  .sure__list li { padding: 12px 0; }
  .sure__list li:first-child { padding-top: 0; }
  .sure__list li:last-child { padding-bottom: 0; }
  .sure__list li + li { border-left: 0; border-top: 2px solid var(--rule); }
}

@media (max-width: 700px) {
  .where { grid-template-columns: minmax(0, 1fr); }
  .where__card { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); grid-template-rows: auto 1fr; column-gap: 10px; padding: 5px; }
  .where__shot { grid-row: span 2; align-self: start; }
  .where__h { margin: 4px 4px 0 0; }
  .where__card p { margin: 4px 4px 4px 0; }

  .where__card--h2h { display: flex; }
  .where__card--h2h .where__shot { align-self: stretch; }
  .where__card--h2h .where__h { margin: 10px 6px 0; }
  .where__card--h2h p { margin: 4px 6px 6px; }
  .cap__who { display: none; }
  .need > span { padding: 8px 12px; }
  .need__k { width: 100%; }
  .top__strip .bug__live { display: none; }
}

@media (max-width: 560px) {
  .top__src { display: none; }
  .top__strip { justify-content: flex-start; }
  .models { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .models__more { font-size: 0.75rem; }
  .det__map { width: 40%; right: 5px; bottom: 5px; }
  .tac__opts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}