/* An evidence-led engineering record; no cinematic runtime. */
.work-evidence .work-record-hero { min-height: 0; padding-block: 88px 72px; }
.work-record-heading { display: grid; grid-template-columns: 1.2fr 1fr; gap: 64px; align-items: end; }
.work-record-heading h1 { margin-bottom: 0; }
.work-record-heading .u-lead { margin-bottom: 24px; }
.work-record-intro { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 40px 24px; font-size: 17px; color: var(--text-2); }
.work-record-intro strong { font-size: 22px; color: var(--text-1); }
.work-catalogue-proof { margin: 0; }
.work-catalogue-proof img { width: 100%; height: auto; display: block; border-radius: 16px; }
.work-evidence figcaption { margin-top: 16px; font-size: 15px; line-height: 1.6; color: var(--text-2); }
.work-record-anatomy { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px; padding-block: 16px 56px; }
.work-record-anatomy article { border-top: 2px solid var(--line-strong); padding-top: 24px; }
.work-system-map { padding: 40px; background: radial-gradient(ellipse at 50% 0,rgba(43,124,255,.14),transparent 80%),var(--ink-850); border-radius: 16px; }
.work-system-map > ol { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); list-style: none; gap: 32px; margin: 32px 0 0; padding: 0; }
.work-system-map > ol > li { min-width: 0; position: relative; border-top: 2px solid var(--cyan); padding-top: 24px; }
.work-system-map > ol > li > span { display: block; color: var(--cyan); font-size: 15px; margin-bottom: 16px; }
.work-system-map > ol strong { display: block; font-size: 22px; line-height: 1.3; margin-bottom: 16px; }
.work-evidence .work-system-map p:not(.u-eyebrow) { font-size: 16px; }
.work-operational-evidence { background: var(--ink-925); }
.work-evidence-split { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
.work-evidence-split figure { margin: 32px 0 0; }
.work-evidence-split img { display: block; width: 100%; height: auto; }
.work-evidence-split article { min-width: 0; }
.work-evidence-split h3 { max-width: 24ch; }
.work-release-boundary { display: grid; grid-template-columns: 1fr auto; gap: 16px 40px; align-items: center; margin-top: 64px; padding-block: 32px; border-top: 1px solid var(--line); }
.work-release-boundary > strong { font-size: 24px; }
.work-release-boundary p { grid-column: 1; margin-bottom: 0; }
.work-release-boundary .u-btn { grid-column: 2; grid-row: 1 / span 2; }
.work-product-context { padding-top: 24px; }
.work-product-context > a { display: flex; align-items: center; gap: 24px; color: var(--text-1); width: fit-content; }
.work-product-context img { width: 180px; height: 70px; object-fit: cover; border-radius: 8px; }
.work-product-context strong { display: block; font-size: 20px; margin-bottom: 8px; }
.work-product-context span span { font-size: 16px; color: var(--text-2); }
@media (max-width:1100px) {
  .work-record-heading { grid-template-columns: 1fr; gap: 32px; }
  .work-system-map > ol { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .work-evidence-split { gap: 32px; }
}
@media (max-width:760px) {
  .work-evidence .work-record-hero { padding-block: 64px; }
  .work-record-intro { flex-direction: column; align-items: flex-start; gap: 12px; }
  .work-catalogue-proof { display: grid; justify-items: start; }
  .work-catalogue-proof img { width: min(100%,315px); aspect-ratio: 315/526; }
  .work-record-anatomy, .work-evidence-split { grid-template-columns: 1fr; gap: 32px; }
  .work-record-anatomy { padding-bottom: 40px; }
  .work-system-map { padding: 24px; }
  .work-system-map > ol { grid-template-columns: 1fr; gap: 24px; }
  .work-system-map > ol > li { border-top: 0; border-left: 2px solid var(--cyan); padding: 0 0 0 20px; }
  .work-evidence .work-system-map > ol > li p { margin: 0; }
  .work-release-boundary { display: block; }
  .work-release-boundary p { margin-block: 16px 24px; }
  .work-product-context > a { flex-direction: column; align-items: flex-start; }
  .work-evidence figcaption { font-size: 14px; }
}
@media (max-width:760px) {
  /* The live catalogue card is the readable mobile proof. Supporting desktop
     control/timeline crops yield to the semantic workflow and explanations. */
  .work-evidence-split figure { display: none; }
}
/* Evidence and its concept/QA captions must never be dimmed by a hero fade. */
.work-evidence .work-record-hero::after { display: none; }

.work-capture-gallery{margin-block:40px}.work-capture-record{border-block-start:1px solid var(--border);padding-block:16px}.work-capture-record summary{cursor:pointer;min-height:48px;display:list-item;font-size:20px;font-weight:600}.work-capture-record figure{margin:24px 0}.work-capture-record figcaption{font-size:16px;line-height:1.6;margin-top:16px}.work-capture-record img{max-height:none}.work-capture-record[open] .production-picture{max-width:1320px}

/* Trim neutral export framing; preserve the complete captured UI region. */
.work-catalogue-proof .production-picture,.work-evidence-preview .production-picture{position:relative;aspect-ratio:var(--capture-ratio);overflow:hidden}
.work-catalogue-proof .production-picture img,.work-evidence-preview .production-picture img{position:absolute;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--capture-width,100%);max-width:none;height:auto;object-fit:contain;object-position:center}
.production-asset-h01{--capture-ratio:990 / 825;--capture-width:133.3333%}
@media(max-width:760px){.production-asset-h01{--capture-ratio:390 / 492;--capture-width:100.0%}}
.production-asset-h02{--capture-ratio:1320 / 526;--capture-width:100.0%}
@media(max-width:760px){.production-asset-h02{--capture-ratio:380 / 585;--capture-width:102.6316%}}
.production-asset-h03{--capture-ratio:1064 / 900;--capture-width:112.782%}
@media(max-width:760px){.production-asset-h03{--capture-ratio:379 / 585;--capture-width:102.9024%}}
.production-asset-h04{--capture-ratio:1200 / 306;--capture-width:100.0%}
@media(max-width:760px){.production-asset-h04{--capture-ratio:390 / 175;--capture-width:100.0%}}
.production-asset-h05{--capture-ratio:1200 / 553;--capture-width:100.0%}
@media(max-width:760px){.production-asset-h05{--capture-ratio:390 / 340;--capture-width:100.0%}}
.production-asset-h06{--capture-ratio:1146 / 386;--capture-width:104.712%}
@media(max-width:760px){.production-asset-h06{--capture-ratio:390 / 244;--capture-width:100.0%}}
.production-asset-h07{--capture-ratio:1320 / 440;--capture-width:100.0%}
@media(max-width:760px){.production-asset-h07{--capture-ratio:390 / 163;--capture-width:100.0%}}
.production-asset-h08{--capture-ratio:1200 / 268;--capture-width:100.0%}
@media(max-width:760px){.production-asset-h08{--capture-ratio:390 / 271;--capture-width:100.0%}}
.production-asset-h09{--capture-ratio:1200 / 93;--capture-width:100.0%}
@media(max-width:760px){.production-asset-h09{--capture-ratio:390 / 151;--capture-width:100.0%}}

/* Every workflow has a visible preview; disclosure adds context, not the image. */
.work-capture-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}
.work-evidence-preview{min-width:0}
.work-evidence-preview h3{font-size:24px;line-height:1.3;margin:0 0 20px}
.work-evidence-preview figure{margin:0}
.work-evidence-preview figcaption{font-size:15px;line-height:1.6;margin:16px 0}
.work-evidence-preview .work-capture-record{margin-top:16px}
.work-evidence-preview .work-capture-record summary{font-size:16px}
@media(max-width:760px){.work-capture-gallery{grid-template-columns:minmax(0,1fr);gap:40px}.work-evidence-preview h3{font-size:22px}}

/* The focal catalogue evidence remains part of the mobile reading order. */
@media(max-width:760px){.work-evidence .work-catalogue-proof{display:block}}
/* Explicit width prevents Chromium's picture/aspect-ratio intrinsic sizing
   cycle when every child is an absolutely positioned replaced element. */
.work-catalogue-proof>.production-picture,.work-evidence-preview .production-picture{width:100%}
@media(min-width:761px){.work-evidence-preview:has(.production-asset-h07),.work-evidence-preview:has(.production-asset-h09){grid-column:1 / -1}}

/* R3D: the transaction is a focal real capture, not an empty relationship field. */
@media(min-width:761px){.work-evidence-preview:has(.production-asset-h05){grid-column:1/-1}.work-evidence-preview:has(.production-asset-h05) .production-picture{max-width:960px}}
.work-capture-gallery{align-items:start}.work-evidence-preview{scroll-margin-top:112px}

.work-evidence .native-capture-picture{position:relative;width:100%;height:auto;aspect-ratio:auto;overflow:visible}
.work-evidence .native-capture-picture>img{position:static;inset:auto;transform:none;width:100%;max-width:100%;height:auto;object-fit:contain}