/* =============================================================
   Nude Dog · Who we are? · Shared style system · v3
   =============================================================
   Register: Tufte / Vignelli — forensic, calibrated, editorial.
   Two typefaces (Newsreader + Archivo). Double-paper architecture
   (--paper-shadow body, --paper inner sheet). Fourteen-role
   palette: ink in three weights, rules in three weights, accent
   in three densities, secondary in two, paper in two tones.
   ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,300;1,6..72,400&family=Archivo:wght@400;500;600&display=swap');

:root {
  /* ---- Paper — two tones --------------------------------- */
  --paper:            #F2EDE0;
  --paper-shadow:     #E8E2D2;

  /* ---- Ink — three weights ------------------------------- */
  --ink:              #1A1A1A;
  --ink-2:            #5C574E;
  --ink-3:            #8E887C;

  /* ---- Rule — three weights ------------------------------ */
  --rule:             #1A1A1A;
  --rule-light:       #BCB4A2;
  --rule-soft:        #D6CFBE;

  /* ---- Accent — terracotta, three densities -------------- */
  --accent:           #B8472D;
  --accent-soft:      #EFD8CE;
  --accent-fill:      rgba(184, 71, 45, 0.12);

  /* ---- Secondary — forest green, two densities ----------- */
  --secondary:        #2F5132;
  --secondary-fill:   rgba(47, 81, 50, 0.10);

  /* ---- Legacy aliases ------------------------------------ */
  --ink-primary:      var(--ink);
  --ink-secondary:    var(--ink-2);
  --secondary-accent: var(--secondary);

  /* ---- Grid -------------------------------------------- */
  --spine:            32px;

  /* ---- Typography -------------------------------------- */
  --serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --sans:  'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* ---- Scale tokens (desktop maxima) -------------------- */
  --size-body:           18px;
  --size-tag:            11.5px;
  --size-kicker:         11px;
  --size-page-mark:      10.5px;
  --size-headline:       70px;
  --size-headline-md:    48px;
  --size-headline-sm:    36px;
  --size-headline-xs:    28px;
  --size-description:    22px;
  --size-description-sm: 20px;
  --size-method:         17px;
  --size-method-prime:   12px;
  --size-ledger-val:     19px;
  --size-ledger-aud:     28px;

  /* ---- Legacy size aliases ------------------------------- */
  --size-nav:          var(--size-page-mark);
  --size-form-name:    24px;
  --size-form-frame:   17px;
  --size-ledger-value: var(--size-ledger-val);
  --size-anchor:       19px;

  /* ---- Tracking ----------------------------------------- */
  --track-caps:        0.22em;
  --track-caps-sub:    0.18em;

  /* ---- Spacing ------------------------------------------ */
  --baseline: 1.5rem;
  --gutter:   1.25rem;

  /* ---- Widths ------------------------------------------- */
  --content-max:   38rem;
  --container-pad: 1.25rem;
}

/* ===== Responsive scale ==================================== */
@media (max-width: 64rem) {
  :root { --size-headline: 58px; }
}
@media (max-width: 48rem) {
  :root {
    --size-headline:    48px;
    --size-description: 21px;
    --size-ledger-aud:  24px;
    --gutter:           1.5rem;
    --container-pad:    1rem;
  }
}
@media (max-width: 36rem) {
  :root {
    --size-headline:    36px;
    --size-description: 20px;
    --size-ledger-aud:  22px;
  }
}
@media (max-width: 24rem) {
  :root {
    --size-headline: 32px;
    --size-body:     17px;
  }
}

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

html {
  background: var(--paper-shadow);
  color: var(--ink);
  font-family: var(--serif);
  font-size: var(--size-body);
  line-height: 1.55;
  font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  margin: 0;
  padding: 32px 16px;
  min-height: 100vh;
  background: var(--paper-shadow);
  display: flex;
  justify-content: center;
}

@media (max-width: 48rem) {
  body { padding: 16px 8px; }
}

/* ---- Inner page sheet — applied to <main> ---- */
main, .page {
  width: 100%;
  max-width: 1180px;
  background: var(--paper);
  padding: 56px 72px 48px;
  box-shadow:
    0 1px 0 rgba(0, 0, 0, 0.04),
    0 24px 60px rgba(60, 50, 30, 0.08);
  margin: 0;
  font-size: var(--size-body);
}

@media (max-width: 48rem) {
  main, .page { padding: 32px 20px 24px; }
}
@media (max-width: 24rem) {
  main, .page { padding: 24px 16px 20px; }
}

p, h1, h2, h3, dl, dt, dd { margin: 0; }
dt, dd { font-family: inherit; }

a {
  color: inherit;
  text-decoration: none;
  transition: color 200ms ease;
}

em { font-style: italic; }

/* ===== Masthead (replaces .top-nav) ======================== */
.masthead,
.top-nav {
  border-block-start: 1px solid var(--rule);
  border-block-end:   1px solid var(--accent);
  padding-block: 18px 22px;
  margin-block-end: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px 32px;
}

.site-kicker {
  font-family: var(--sans);
  font-size: var(--size-kicker);
  font-weight: 500;
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  color: var(--ink-2);
  margin: 0;
}

.site-kicker .accent,
.top-nav__brand {
  color: var(--accent);
  font-weight: 500;
}

.page-mark {
  font-family: var(--sans);
  font-size: var(--size-page-mark);
  font-weight: 500;
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  color: var(--ink-3);
  margin: 0;
}

/* ESSAY VERSION cross-reference — its own visual lane on desktop,
   sitting 4ch to the left of the page-mark numerals. flex-wraps on
   mobile to follow the natural separator pattern of nav items. */
.top-nav__essay-link {
  font-family: var(--sans);
  font-size: var(--size-page-mark);
  font-weight: 500;
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  color: var(--ink-2);
  margin: 0;
  white-space: nowrap;
  transition: color 200ms ease;
}

.top-nav__essay-link:hover,
.top-nav__essay-link:focus { color: var(--accent); }

@media (min-width: 48rem) {
  .top-nav__essay-link { margin-left: auto; margin-right: 4ch; }
}

@media (max-width: 48rem) {
  .top-nav__essay-link { margin-left: 0; margin-right: 0; }
}

/* Legacy top-nav child elements */
.top-nav__sep { color: var(--ink-3); }

/* ===== Panel header ======================================== */
.panel-header {
  margin-block-start: calc(var(--baseline) * 1.25);
  margin-block-end:   calc(var(--baseline) * 2);
}

.tag {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps);
  color: var(--ink-2);
  margin-block-end: var(--baseline);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.headline {
  font-family: var(--serif);
  font-size: var(--size-headline);
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: -0.025em;
  color: var(--ink);
  margin-block-end: var(--baseline);
  text-wrap: balance;
  font-variation-settings: "opsz" 60;
}

.headline .secondary { color: var(--secondary); }
.headline .accent    { color: var(--accent); }

.headline--sustained {
  font-size: var(--size-headline-sm);
  line-height: 1.18;
  letter-spacing: -0.012em;
  font-variation-settings: "opsz" 40;
}

.headline--display {
  font-style: italic;
  letter-spacing: -0.018em;
  font-size: calc(var(--size-headline) * 1.05);
  border: none;
  padding: 0;
  font-variation-settings: "opsz" 60;
}

.headline--display--measured {
  font-size: var(--size-headline);
}

.description {
  font-family: var(--serif);
  font-size: var(--size-description);
  color: var(--ink-2);
  line-height: 1.45;
  text-wrap: pretty;
  font-style: italic;
  font-weight: 300;
}

/* ===== Figure: three forms (Panel II) ====================== */
.figure {
  margin-block-end: calc(var(--baseline) * 2);
  border-block-start: 1px solid var(--accent);
  padding-block-start: var(--baseline);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--baseline);
}

@media (min-width: 48rem) {
  .figure {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--gutter);
  }
}

.form {
  padding-block-start: var(--baseline);
  border-block-start: 1px solid var(--rule-light);
}

.form:first-child {
  padding-block-start: 0;
  border-block-start: none;
}

@media (min-width: 48rem) {
  .form {
    padding-block-start: 0;
    border-block-start: none;
    border-inline-start: 1px solid var(--rule-light);
    padding-inline-start: var(--gutter);
  }
  .form:first-child {
    border-inline-start: none;
    padding-inline-start: 0;
  }
}

.form__tag {
  font-family: var(--sans);
  font-size: var(--size-tag);
  letter-spacing: var(--track-caps-sub);
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
  margin-block-end: 0.5rem;
  text-transform: uppercase;
  font-weight: 500;
}

.form__name {
  font-family: var(--serif);
  font-size: var(--size-form-name);
  font-weight: 500;
  line-height: 1.2;
  margin-block-end: 0.625rem;
  color: var(--ink);
}

.form__frame {
  font-family: var(--serif);
  font-size: var(--size-form-frame);
  color: var(--ink-2);
  line-height: 1.45;
  margin-block-end: var(--baseline);
  font-style: italic;
}

.form__ledger { display: grid; gap: 0; }

.form__row{
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:"label val" "note note";
  column-gap:0.75rem;
  row-gap:0.1875rem;
  padding-block:0.5rem;
  border-block-end:1px dotted var(--rule);
  align-items:baseline
}
.form__row:last-child{border-block-end:none}
.form__row dt,.form__row-label{
  grid-area:label;
  font-family:var(--sans);
  font-size:var(--size-tag);
  text-transform:uppercase;
  letter-spacing:0.06em;
  color:var(--ink-secondary);
  line-height:1.4
}
.form__row-label-qual{
  font-family:var(--serif);
  font-style:italic;
  text-transform:none;
  letter-spacing:0;
  font-size:0.8125rem;
  color:var(--ink-secondary);
  margin-inline-start:0.25em
}
.form__row dd,.form__row-val{
  grid-area:val;
  font-family:var(--serif);
  font-size:1.0625rem;
  font-weight:500;
  color:var(--ink-primary);
  font-variant-numeric:tabular-nums;
  text-align:end;
  line-height:1.1;
  letter-spacing:-0.005em
}
.form__row-num{
  font-family:var(--serif);
  font-weight:500;
  font-variant-numeric:tabular-nums
}
.form__row-unit{
  font-family:var(--sans);
  font-size:0.75rem;
  font-weight:400;
  color:var(--ink-secondary);
  margin-inline-start:0.25em;
  letter-spacing:0.02em;
  font-feature-settings:"tnum" 1
}
.form__row-note{
  grid-area:note;
  font-family:var(--serif);
  font-style:italic;
  font-size:0.8125rem;
  line-height:1.45;
  color:var(--ink-secondary);
  margin-block-start:0.25rem
}

.form__equity {
  padding-block: var(--baseline) 0;
  display: grid;
  gap: 0.5rem;
  border-block-start: 1px dotted var(--rule);
  margin-block-start: var(--baseline);
}

.form__equity-label {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ink-secondary);
}

.form__equity-value{
  font-family:var(--serif);
  font-size:calc(var(--size-form-name) * 1.15);
  font-weight:500;
  color:var(--ink-primary);
  font-variant-numeric:tabular-nums;
  line-height:1.05;
  letter-spacing:-0.01em
}
.form__equity-num{
  font-variant-numeric:tabular-nums;
  font-weight:500
}
.form__equity-unit{
  font-family:var(--sans);
  font-size:0.875rem;
  font-weight:400;
  color:var(--ink-secondary);
  margin-inline-start:0.2em;
  letter-spacing:0.02em
}

.form__equity-bar {
  display: grid;
  gap: 0.375rem;
  margin-block-start: 0.25rem;
}

.form__equity-track {
  position: relative;
  height: 6px;
  background: var(--rule);
  width: 100%;
}

.form__equity-band {
  position: absolute;
  top: 0;
  bottom: 0;
  background: var(--accent);
}

.form__equity-band--zero {
  width: 3px;
  left: 0;
  background: var(--accent);
}

.form__equity-band--fade {
  background: linear-gradient(to right, var(--accent) 0%, var(--accent) 70%, transparent 100%);
}

.form__equity-scale {
  display: flex;
  justify-content: space-between;
  font-family: var(--sans);
  font-size: 0.6875rem;
  letter-spacing: 0.06em;
  color: var(--ink-secondary);
  font-variant-numeric: tabular-nums;
}

.form__equity-qualifier {
  font-family: var(--serif);
  font-size: var(--size-form-frame);
  font-style: italic;
  color: var(--ink-secondary);
  line-height: 1.4;
  margin-block-start: 0.25rem;
}

/* ===== Anchor rows ========================================= */
.anchor {
  margin-block-end: calc(var(--baseline) * 2);
  padding-block-start: var(--baseline);
  border-block-start: 1px solid var(--accent);
}

.anchor__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.125rem;
  padding-block: 0.625rem;
  border-block-end: 1px dotted var(--rule-light);
}

.anchor__row:last-child { border-block-end: none; }

@media (min-width: 48rem) {
  .anchor__row {
    grid-template-columns: minmax(10rem, 1fr) minmax(0, 2fr) auto;
    align-items: baseline;
    gap: var(--gutter);
  }
}

.anchor__label {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps-sub);
  color: var(--ink-2);
  font-weight: 500;
}

.anchor__qualifier {
  font-family: var(--serif);
  font-size: var(--size-form-frame);
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
  font-style: italic;
}

.anchor__value {
  font-family: var(--serif);
  font-size: var(--size-anchor);
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

/* Funnel-arithmetic release row — terracotta at ledger-aud scale */
.anchor__value--release {
  color: var(--accent);
  font-size: var(--size-ledger-aud);
  font-weight: 500;
  line-height: 1;
}

@media (min-width: 48rem) {
  .anchor__value { text-align: end; }
}

/* ===== Method note ========================================= */
.method {
  font-family: var(--serif);
  font-size: var(--size-method);
  color: var(--ink-2);
  line-height: 1.55;
  margin-block-end: var(--baseline);
  font-style: italic;
}

.method p { margin-block-end: 0.625rem; }
.method p:last-child { margin-block-end: 0; }

.method__prime {
  font-family: var(--sans);
  font-size: var(--size-method-prime);
  text-transform: uppercase;
  letter-spacing: var(--track-caps-sub);
  color: var(--ink);
  margin-inline-end: 0.4em;
  font-weight: 500;
  font-style: normal;
}

/* ===== Bottom nav ========================================== */
.bottom-nav {
  font-family: var(--sans);
  font-size: var(--size-page-mark);
  text-transform: uppercase;
  letter-spacing: var(--track-caps);
  color: var(--ink-2);
  padding-block: var(--baseline);
  border-block-start: 1px solid var(--accent);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-block-start: calc(var(--baseline) * 2);
  font-weight: 500;
}

span.bottom-nav__prev,
span.bottom-nav__next { color: var(--ink-3); }

a.bottom-nav__prev:hover,
a.bottom-nav__prev:focus,
a.bottom-nav__next:hover,
a.bottom-nav__next:focus { color: var(--accent); }

/* =============================================================
   PLACEMENT — Panel III/VI
   ============================================================= */
.placement {
  margin-block-end: calc(var(--baseline) * 2);
  border-block-start: 1px solid var(--accent);
  padding-block-start: var(--baseline);
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  position: relative;
}

@media (min-width: 48rem) {
  .placement {
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.1fr);
    grid-template-rows: auto 1fr;
    grid-template-areas:
      "frame    outside-mark"
      "frame    tethers";
    align-items: stretch;
    gap: 0;
  }
  .placement__frame        { grid-area: frame; }
  .placement__outside-mark { grid-area: outside-mark; }
  .placement__tethers      { grid-area: tethers; }
}

.placement__frame {
  border: 1px solid var(--rule-light);
  padding: var(--gutter);
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  position: relative;
  background: var(--paper-shadow);
  z-index: 1;
  align-content: start;
}

.placement__frame-tag {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps-sub);
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
  margin-block-end: 0.375rem;
  font-weight: 500;
}

.placement__form {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  column-gap: 0.625rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--rule-light);
  background: var(--paper);
}

.placement__form-tag {
  font-family: var(--sans);
  font-size: var(--size-tag);
  letter-spacing: var(--track-caps-sub);
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
  text-transform: uppercase;
  font-weight: 500;
}

.placement__form-name {
  font-family: var(--serif);
  font-size: var(--size-form-frame);
  color: var(--ink-2);
  font-weight: 400;
}

.placement__outside-mark {
  position: relative;
  z-index: 2;
  padding-block: var(--baseline) calc(var(--baseline) * 0.75);
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}

@media (min-width: 48rem) {
  .placement__outside-mark {
    padding-inline-start: calc(var(--gutter) * 1.5);
    padding-block-start: 0;
  }
}

.placement__outside-tag {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps);
  color: var(--ink-2);
  font-weight: 500;
}

.placement__outside-name {
  font-family: var(--serif);
  font-size: calc(var(--size-form-name) * 1.25);
  font-weight: 500;
  color: var(--accent);
  line-height: 1.1;
  letter-spacing: -0.012em;
}

.placement__tethers {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}

@media (min-width: 48rem) {
  .placement__tethers {
    padding-inline-start: calc(var(--gutter) * 1.5);
    align-self: stretch;
    align-content: space-evenly;
    row-gap: 0;
  }
}

.placement__tether {
  position: relative;
  display: grid;
  grid-template-columns: 1.75rem 1fr;
  align-items: baseline;
  column-gap: 0.625rem;
  padding-block: 0.5rem;
  border: 0;
}

.placement__tether::before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: -0.85rem;
  width: 1px;
  height: 1.5rem;
  background: var(--accent);
  z-index: 3;
}

.placement__tether::after {
  content: "";
  position: absolute;
  left: 0.42rem;
  top: -0.95rem;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent);
  z-index: 3;
}

@media (min-width: 48rem) {
  .placement__tether {
    padding-block: 0.75rem;
    padding-inline-start: 0;
  }
  .placement__tether::before {
    top: 50%;
    left: calc(var(--gutter) * -3);
    width: calc(var(--gutter) * 2);
    height: 1px;
    transform: translateY(-50%);
  }
  .placement__tether::after {
    top: 50%;
    left: calc(var(--gutter) * -3 - 0.15rem);
    width: 5px;
    height: 5px;
    transform: translateY(-50%);
  }
}

.placement__tether-mark {
  font-family: var(--sans);
  font-size: var(--size-tag);
  letter-spacing: var(--track-caps-sub);
  color: var(--accent);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  text-transform: uppercase;
}

.placement__tether-label {
  font-family: var(--serif);
  font-size: var(--size-form-frame);
  color: var(--accent);
  font-style: italic;
  line-height: 1.4;
}

.placement__tether--load-bearing .placement__tether-label {
  font-family: var(--serif);
  font-size: calc(var(--size-form-frame) * 1.18);
  color: var(--ink);
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.005em;
}

.placement__tether--load-bearing .placement__tether-label em {
  font-style: italic;
}

@media (min-width: 48rem) {
  .placement__tether--load-bearing .placement__tether-label {
    font-size: calc(var(--size-form-frame) * 1.28);
  }
}

/* Founder ledger */
.founder-ledger {
  margin-block-end: calc(var(--baseline) * 2);
  padding-block-start: var(--baseline);
  border-block-start: 1px solid var(--accent);
}

.founder-ledger__heading {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps);
  color: var(--ink-2);
  margin-block-end: var(--baseline);
  font-weight: 500;
  font-style: normal;
}

.founder-ledger__heading em { font-style: normal; }

.founder-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.125rem;
  padding-block: 0.75rem;
  border-block-end: 1px dotted var(--rule-light);
}

.founder-row:last-of-type { border-block-end: none; }

@media (min-width: 48rem) {
  .founder-row {
    grid-template-columns: minmax(11rem, 0.9fr) minmax(0, 1.4fr) minmax(0, 1.9fr);
    align-items: baseline;
    column-gap: var(--gutter);
  }
}

.founder-row__name {
  font-family: var(--serif);
  font-size: var(--size-form-frame);
  font-weight: 500;
  color: var(--ink);
}

.founder-row__line {
  font-family: var(--serif);
  font-size: var(--size-form-frame);
  font-style: italic;
  color: var(--ink-2);
  line-height: 1.4;
}

.founder-row__anchors {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps-sub);
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
  line-height: 1.55;
  font-weight: 500;
}

/* =============================================================
   ENGINE — Panel IV/VI
   ============================================================= */
.engine {
  border-inline-start: none;
  border-block-start: 3px solid var(--accent);
  background: var(--secondary-fill);
  padding: var(--gutter);
  padding-block-start: calc(var(--gutter) * 0.875);
  margin-block-end: 0;
  position: relative;
}

.engine__tag {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps);
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
  margin-block-end: 0.5rem;
  font-weight: 500;
}

.engine__name {
  font-family: var(--serif);
  font-size: calc(var(--size-form-name) * 1.45);
  font-weight: 500;
  font-variation-settings: "opsz" 48, "wght" 500;
  color: var(--secondary);
  line-height: 1.05;
  letter-spacing: -0.018em;
  margin-block-end: 0.625rem;
}

@media (min-width: 48rem) {
  .engine__name {
    font-size: calc(var(--size-form-name) * 1.85);
    font-variation-settings: "opsz" 56, "wght" 500;
  }
}

.engine__frame {
  font-family: var(--serif);
  font-size: var(--size-form-frame);
  font-style: italic;
  color: var(--ink-2);
  line-height: 1.45;
  margin-block-end: 0;
}

.engine__instrument {
  border-inline-start: none;
  border-block-start: none;
  background: var(--paper);
  padding: var(--gutter);
  padding-block-start: calc(var(--gutter) * 0.875);
  margin-block-end: calc(var(--baseline) * 1.25);
  margin-block-start: 0;
  position: relative;
}

.engine__instrument .engine__name {
  font-size: calc(var(--size-form-name) * 1.15);
  font-weight: 500;
  font-variation-settings: "opsz" 32, "wght" 500;
  color: var(--ink-2);
  letter-spacing: -0.012em;
}

@media (min-width: 48rem) {
  .engine__instrument .engine__name {
    font-size: calc(var(--size-form-name) * 1.3);
    font-variation-settings: "opsz" 40, "wght" 500;
  }
}

.engine__divider {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: 0.75rem;
  margin-block: calc(var(--baseline) * 1) calc(var(--baseline) * 0.625);
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps);
  color: var(--ink-2);
  font-weight: 500;
}

.engine__divider::before,
.engine__divider::after {
  content: "";
  display: block;
  height: 1px;
  background: var(--rule-light);
}

.engine__instances {
  display: grid;
  grid-template-columns: 1fr;
  margin-block-end: 0;
}

.instance {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 0.625rem;
  row-gap: 0.25rem;
  padding-block: 0.875rem;
  border-block-end: 1px dotted var(--rule-light);
  position: relative;
}

.instance:first-of-type {
  border-block-start: 1px dotted var(--rule-light);
}

.instance:last-of-type { border-block-end: none; }

@media (min-width: 48rem) {
  .instance {
    grid-template-columns: 2rem minmax(11rem, 1fr) minmax(0, 1.7fr) auto;
    align-items: baseline;
    column-gap: var(--gutter);
  }
}

.instance__tag {
  font-family: var(--sans);
  font-size: var(--size-tag);
  letter-spacing: var(--track-caps-sub);
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  text-transform: uppercase;
}

.instance__name {
  font-family: var(--serif);
  font-size: var(--size-form-frame);
  font-weight: 500;
  color: var(--ink);
}

.instance__note {
  font-family: var(--serif);
  font-size: var(--size-form-frame);
  font-style: italic;
  color: var(--ink-2);
  line-height: 1.4;
  grid-column: 2 / -1;
}

@media (min-width: 48rem) {
  .instance__note { grid-column: auto; }
}

.instance__status {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps-sub);
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
  grid-column: 2 / -1;
  margin-block-start: 0.125rem;
  font-weight: 500;
}

@media (min-width: 48rem) {
  .instance__status {
    grid-column: auto;
    margin-block-start: 0;
    text-align: end;
    white-space: nowrap;
  }
}

.instance__status-mark {
  margin-inline-end: 0.4em;
  color: var(--ink-3);
}

/* =============================================================
   INVERSION — Panel V/VI
   ============================================================= */
.inversion {
  display: grid;
  gap: calc(var(--gutter) * 1.25);
  border-block-start: 1px solid var(--accent);
  padding-block-start: var(--baseline);
  margin-block-end: calc(var(--baseline) * 1.25);
}

@media (min-width: 48rem) {
  .inversion {
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--gutter) * 1.5);
  }
}

.inversion__column {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.inversion__header {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps);
  color: var(--ink-2);
  padding-block-end: 0.625rem;
  border-block-end: 1px solid var(--rule-light);
  margin-block-end: 0.5rem;
  font-weight: 500;
}

.inversion__row {
  display: grid;
  grid-template-columns: 1.75rem 1fr;
  column-gap: 0.625rem;
  padding-block: 0.625rem;
  border-block-end: 1px dotted var(--rule-light);
  align-items: baseline;
}

.inversion__row:last-of-type { border-block-end: none; }

.inversion__ordinal {
  font-family: var(--sans);
  font-size: var(--size-tag);
  letter-spacing: var(--track-caps-sub);
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.inversion__phrase {
  font-family: var(--serif);
  font-size: var(--size-form-frame);
  color: var(--ink);
  line-height: 1.4;
}

.inversion__terminal--collapse  { color: var(--accent); font-weight: 500; }
.inversion__terminal--compounds { color: var(--secondary); font-weight: 500; }

.inversion__quote {
  margin-block: calc(var(--baseline) * 0.5) calc(var(--baseline) * 1.5);
  padding-inline-start: var(--gutter);
  padding-block: 0.5rem;
  border-inline-start: 2px solid var(--accent-soft);
  font-family: var(--serif);
  font-style: italic;
  font-size: var(--size-description);
  color: var(--ink-2);
  line-height: 1.5;
  font-weight: 300;
}

/* =============================================================
   MIRRORED LEDGER — Panel VI/VI
   ============================================================= */
.mirrored {
  margin-block-end: calc(var(--baseline) * 1.5);
  border-block-start: 1px solid var(--accent);
  padding-block-start: var(--baseline);
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.mirrored__headers { display: none; }

@media (min-width: 48rem) {
  .mirrored__headers {
    display: grid;
    grid-template-columns: 2.5rem 1fr 1fr;
    column-gap: var(--gutter);
    padding-block-end: 0.625rem;
    border-block-end: 1px solid var(--rule-light);
    margin-block-end: 0.5rem;
  }
  .mirrored__header:first-of-type  { grid-column: 2; }
  .mirrored__header:last-of-type   { grid-column: 3; text-align: end; }
}

.mirrored__header {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps);
  color: var(--ink-2);
  font-weight: 500;
}

.mirrored__row {
  display: grid;
  grid-template-columns: 2.25rem 1fr;
  column-gap: 0.5rem;
  row-gap: 0.625rem;
  padding-block: 1rem;
  border-block-end: 1px solid var(--rule-light);
}

.mirrored__row .mirrored__outward,
.mirrored__row .mirrored__inward { grid-column: 2; }

.mirrored__row:last-of-type { border-block-end: none; }

@media (min-width: 48rem) {
  .mirrored__row {
    grid-template-columns: 2.5rem 1fr 1fr;
    column-gap: var(--gutter);
    row-gap: 0;
    align-items: baseline;
  }
  .mirrored__row .mirrored__outward { grid-column: 2; }
  .mirrored__row .mirrored__inward  { grid-column: 3; }
}

.mirrored__numeral {
  font-family: var(--sans);
  font-size: calc(var(--size-form-frame) * 1.4);
  font-weight: 500;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
  line-height: 1.1;
  grid-row: 1 / -1;
  align-self: start;
}

.mirrored__cell-tag {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps);
  color: var(--ink-2);
  margin-block-end: 0.25rem;
  font-weight: 500;
}

@media (min-width: 48rem) {
  .mirrored__cell-tag { display: none; }
}

.mirrored__outward,
.mirrored__inward {
  font-family: var(--serif);
  font-size: var(--size-form-frame);
  color: var(--ink);
  line-height: 1.45;
  text-align: start;
}

@media (min-width: 48rem) {
  .mirrored__outward { padding-inline-end: 0.75rem; }
  .mirrored__inward  { padding-inline-start: 0.75rem; border-inline-start: 1px solid var(--rule-light); }
}

/* =============================================================
   PRINCIPLE — Panel I/VI
   ============================================================= */
.principle {
  margin-block-end: calc(var(--baseline) * 1.5);
  border-block-start: 1px solid var(--rule);
  padding-block-start: calc(var(--baseline) * 1.25);
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(var(--baseline) * 1.25);
}

@media (min-width: 48rem) {
  .principle {
    grid-template-columns: 1fr 1fr;
    column-gap: calc(var(--gutter) * 2);
  }
}

.principle__column {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.625rem;
}

.principle__row {
  display: grid;
  grid-template-columns: 3rem 1fr;
  align-items: center;
  column-gap: 0.875rem;
  min-height: 1.5rem;
  position: relative;
}

.principle__year {
  font-family: var(--sans);
  font-size: var(--size-tag);
  letter-spacing: var(--track-caps-sub);
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  text-transform: uppercase;
}

.principle__bar {
  display: inline-block;
  background: var(--ink-2);
  vertical-align: middle;
}

/* Resets — identical bars, each closed by a terminal mark */
.principle__resets .principle__bar {
  width: 7.5rem;
  height: 1px;
  background: var(--ink-2);
}

.principle__resets .terminal {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--ink-3);
  margin-inline-start: 6px;
  vertical-align: middle;
  flex-shrink: 0;
}

/* Inter-cycle dividers replacing the previous bare gap */
.principle__gap {
  height: auto;
  display: block;
  border-block-start: 0.5px solid var(--rule-soft);
  margin-block: 0.625rem 0.125rem;
  padding-block-start: 0.5rem;
}

.principle__column-label {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps);
  color: var(--ink-2);
  font-style: normal;
  margin-block-start: 0.875rem;
  font-weight: 500;
}

.principle__column-label em { font-style: italic; }

/* Compounds — monotonic accumulation, forest green */
.principle__compounds .principle__bar { background: var(--secondary); }

.principle__compounds .principle__row:nth-child(1) .principle__bar { width: 2.25rem;  height: 1px; }
.principle__compounds .principle__row:nth-child(2) .principle__bar { width: 4rem;     height: 1.5px; }
.principle__compounds .principle__row:nth-child(3) .principle__bar { width: 6.25rem;  height: 2px; }
.principle__compounds .principle__row:nth-child(4) .principle__bar { width: 9rem;     height: 2.75px; }
.principle__compounds .principle__row:nth-child(5) .principle__bar { width: 12.5rem;  height: 3.5px; }

@media (min-width: 48rem) {
  .principle__resets .principle__bar { width: 9rem; }
  .principle__compounds .principle__row:nth-child(1) .principle__bar { width: 2.5rem; }
  .principle__compounds .principle__row:nth-child(2) .principle__bar { width: 5rem; }
  .principle__compounds .principle__row:nth-child(3) .principle__bar { width: 7.5rem; }
  .principle__compounds .principle__row:nth-child(4) .principle__bar { width: 11rem; }
  .principle__compounds .principle__row:nth-child(5) .principle__bar { width: 15rem; }
}

/* =============================================================
   CLOSING RHYME — Panel VI/VI
   ============================================================= */
.closing-rhyme {
  margin-block-start: calc(var(--baseline) * 1.5);
  margin-block-end: calc(var(--baseline) * 1.25);
  padding-block: 32px;
  padding-inline: var(--gutter);
  border-block-start: 1px solid var(--rule);
  background: var(--secondary-fill);
  font-family: var(--serif);
  font-style: italic;
  font-size: var(--size-headline-sm);
  line-height: 1.18;
  letter-spacing: -0.012em;
  color: var(--ink);
  text-wrap: balance;
  font-weight: 400;
}

@media (max-width: 48rem) {
  .closing-rhyme {
    font-size: calc(var(--size-headline-sm) * 0.8);
    padding-block: 24px;
  }
}

/* =============================================================
   ANCHOR BREAK + LINEAGE + BRIDGE + ANCHOR DATES
   ============================================================= */
.anchor__break {
  display: block;
  height: 0;
  border-block-end: 0.75px solid var(--rule);
  margin-block: 0.5rem 0;
}

.lineage {
  margin-block-start: calc(var(--baseline) * 1.25);
  margin-block-end: calc(var(--baseline) * 1.5);
  padding-block-start: var(--baseline);
  border-block-start: 1px solid var(--rule);
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}

@media (min-width: 48rem) {
  .lineage {
    grid-template-columns: minmax(11rem, 0.9fr) minmax(0, 1.4fr) minmax(0, 1.9fr);
    column-gap: var(--gutter);
    align-items: baseline;
  }
}

.lineage__label {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps);
  color: var(--ink-2);
  font-weight: 500;
}

.lineage__qualifier {
  font-family: var(--serif);
  font-style: italic;
  font-size: var(--size-form-frame);
  color: var(--ink-2);
  line-height: 1.4;
}

.lineage__names {
  font-family: var(--sans);
  font-size: var(--size-form-frame);
  text-transform: uppercase;
  letter-spacing: var(--track-caps-sub);
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.bridge {
  font-family: var(--serif);
  font-style: italic;
  font-size: var(--size-form-frame);
  color: var(--ink-2);
  line-height: 1.45;
  margin-block: calc(var(--baseline) * 0.75) calc(var(--baseline) * 1.25);
}

.anchor__dates {
  font-family: var(--sans);
  font-size: var(--size-ledger-aud);
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  font-weight: 500;
  line-height: 1;
}

/* =============================================================
   LEVERAGE — Panel I/VI · Figure A · stage_ledger_with_unit_counts
   Engine economics: each stage of scaffolding maturity bends the
   unit cost; each stage validated by a named method.
   ============================================================= */
.leverage {
  margin-block-end: calc(var(--baseline) * 1.5);
  border-block-start: 1px solid var(--rule);
  padding-block-start: calc(var(--baseline) * 1.25);
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.leverage__head {
  display: grid;
  grid-template-columns: 1fr;
  margin-block-end: calc(var(--baseline) * 0.5);
}

.leverage__phase-label {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps);
  color: var(--ink-2);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  justify-self: end;
  margin: 0;
}

.leverage__row {
  display: grid;
  grid-template-columns: minmax(7rem, 9rem) 200px minmax(6rem, 8rem) minmax(0, 1fr);
  align-items: center;
  column-gap: var(--gutter);
  padding-block: calc(var(--baseline) * 0.625);
  border-block-end: 1px dotted var(--rule-light);
}

.leverage__row:last-of-type { border-block-end: none; }

/* Phase divider — horizontal dotted hairline confined to the bar
   column, sitting between row 1 (stage 1) and row 2 (stage 2). */
.leverage__row--phase .leverage__bar-track {
  position: relative;
}
.leverage__row--phase .leverage__bar-track::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(var(--baseline) * -0.625);
  border-block-start: 1px dotted var(--rule);
  pointer-events: none;
}

.leverage__stage {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.125rem;
  align-content: center;
}

.leverage__stage-tag {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps-sub);
  color: var(--ink-2);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

.leverage__stage-name {
  font-family: var(--serif);
  font-size: var(--size-form-frame);
  font-weight: 500;
  color: var(--ink);
  letter-spacing: -0.005em;
  line-height: 1.2;
}

.leverage__bar-track {
  width: 100%;
  height: 14px;
  display: flex;
  align-items: center;
}

.leverage__bar-svg {
  display: block;
  width: 176px;
  max-width: 100%;
  height: 14px;
}

.leverage__unit--active { fill: var(--ink); }
.leverage__unit--ghost  { fill: var(--rule-light); }

/* New encoding (E4): ink = cost remaining; accent = cost removed
   by scaffolding. Same 18-square row composition, single horizontal
   line, no upper/lower stack. */
.leverage__unit--ink    { fill: var(--ink-primary); }
.leverage__unit--accent { fill: var(--accent); }

/* Figure key — inline strip above the figure, no border, no
   "Legend" title, ink/accent swatches paired with their labels. */
.figure-key {
  font-family: var(--sans);
  font-size: var(--size-tag);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-secondary);
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  align-items: center;
  margin: 0 0 var(--baseline) 0;
  font-weight: 500;
}

.figure-key__swatch {
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
}

.figure-key__swatch--ink    { background: var(--ink-primary); }
.figure-key__swatch--accent { background: var(--accent); }

.figure-key__sep {
  color: var(--rule);
  margin-inline: 0.25em;
}

.figure-key__label {
  font-variant-numeric: tabular-nums;
}

.leverage__terminus {
  font-family: var(--serif);
  font-size: var(--size-form-frame);
  font-weight: 500;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  text-align: end;
  letter-spacing: -0.005em;
  line-height: 1.2;
}

.leverage__terminus-num {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.leverage__terminus-unit {
  display: block;
  font-family: var(--sans);
  font-size: 0.6875rem;
  font-weight: 400;
  color: var(--ink-2);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-block-start: 0.1875rem;
}

.leverage__validation {
  font-family: var(--serif);
  font-style: italic;
  font-size: var(--size-form-frame);
  color: var(--ink-2);
  text-align: end;
  line-height: 1.4;
}

.leverage__caption {
  font-family: var(--serif);
  font-style: italic;
  font-size: var(--size-form-frame);
  color: var(--ink-2);
  margin-block-start: var(--baseline);
  line-height: 1.45;
}

@media (max-width: 48rem) {
  .leverage__row {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "stage stage"
      "bar bar"
      "terminus validation";
    column-gap: var(--gutter);
    row-gap: 0.625rem;
    padding-block: calc(var(--baseline) * 0.875);
  }
  .leverage__stage      { grid-area: stage; }
  .leverage__bar-track  { grid-area: bar; }
  .leverage__terminus   { grid-area: terminus; text-align: start; }
  .leverage__terminus-unit { letter-spacing: 0.05em; }
  .leverage__validation { grid-area: validation; text-align: end; }

  .leverage__row--phase .leverage__bar-track::before {
    top: calc(var(--baseline) * -0.875);
  }
}

/* =============================================================
   WEAVE — Panel I/VI · Figure B · typographic_triple_column_with_seams
   Structural architecture: three registers — human practice,
   capability, technical system — woven by two accent seams.
   One row's seam-pair is interrupted: the breach.
   ============================================================= */
.weave {
  margin-block-end: calc(var(--baseline) * 1.5);
  border-block-start: 1px solid var(--rule);
  padding-block-start: calc(var(--baseline) * 1.25);
  display: grid;
  grid-template-columns: 1fr;
}

.weave__header {
  display: grid;
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
  align-items: end;
  padding-block-end: 0.625rem;
  border-block-end: 1px solid var(--rule);
}

.weave__col-label {
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: var(--track-caps);
  color: var(--ink-2);
  font-weight: 500;
  line-height: 1;
}

.weave__col-label--human      { grid-column: 1; text-align: start;  padding-inline-end: var(--gutter); }
.weave__col-label--capability { grid-column: 3; text-align: center; padding-inline: var(--gutter); }
.weave__col-label--technical  { grid-column: 5; text-align: end;    padding-inline-start: var(--gutter); }

.weave__rows {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0;
}

.weave__row {
  display: grid;
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
  align-items: center;
  padding-block: calc(var(--baseline) * 0.6);
}

.weave__human {
  grid-column: 1;
  font-family: var(--serif);
  font-size: var(--size-form-frame);
  font-weight: 400;
  color: var(--ink);
  text-align: start;
  line-height: 1.35;
  padding-inline-end: var(--gutter);
}

.weave__capability {
  grid-column: 3;
  font-family: var(--serif);
  font-style: italic;
  font-size: calc(var(--size-form-name) * 1.05);
  font-weight: 400;
  color: var(--ink);
  text-align: center;
  line-height: 1.2;
  letter-spacing: -0.008em;
  padding-inline: var(--gutter);
  font-variation-settings: "opsz" 32;
  position: relative;
  z-index: 2;
}

.weave__technical {
  grid-column: 5;
  font-family: var(--sans);
  font-size: var(--size-tag);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ink);
  text-align: end;
  font-weight: 500;
  line-height: 1.4;
  padding-inline-start: var(--gutter);
}

.weave__seam-left,
.weave__seam-right {
  display: block;
  width: 1px;
  align-self: stretch;
  background: var(--accent);
  z-index: 1;
}

.weave__seam-left  { grid-column: 2; }
.weave__seam-right { grid-column: 4; }

/* The breach: one row's seams are interrupted by a vertical gap
   centred on the capability cell's italic phrase. The centre
   cell visibly punctures the seam. */
.weave__row--breach .weave__seam-left,
.weave__row--breach .weave__seam-right {
  background: linear-gradient(
    to bottom,
    var(--accent) 0,
    var(--accent) calc(50% - 14px),
    transparent calc(50% - 14px),
    transparent calc(50% + 14px),
    var(--accent) calc(50% + 14px),
    var(--accent) 100%
  );
}

.weave__row--breach .weave__capability {
  font-weight: 500;
  font-variation-settings: "opsz" 36, "wght" 500;
}

@media (max-width: 48rem) {
  .weave__header { display: none; }

  .weave__rows { row-gap: 0; }

  .weave__row {
    grid-template-columns: 1fr;
    grid-template-areas:
      "human"
      "capability"
      "technical";
    row-gap: 0.5rem;
    padding-block: calc(var(--baseline) * 0.875);
    border-block-end: 1px dotted var(--rule-light);
  }
  .weave__row:last-of-type { border-block-end: none; }

  .weave__human      { grid-area: human;      grid-column: auto; padding-inline: 0; text-align: start; }
  .weave__capability {
    grid-area: capability;
    grid-column: auto;
    padding-inline: 0;
    padding-block: 0.5rem;
    border-block-start: 1px solid var(--accent);
    border-block-end:   1px solid var(--accent);
    font-size: calc(var(--size-form-name) * 1.1);
  }
  .weave__technical  { grid-area: technical;  grid-column: auto; padding-inline: 0; text-align: end; }

  /* On mobile the seams rotate to horizontal accent hairlines
     bracketing the capability line. The breach row drops them. */
  .weave__seam-left,
  .weave__seam-right { display: none; }

  .weave__row--breach .weave__capability {
    border-block-start-color: transparent;
    border-block-end-color:   transparent;
  }
}