/* No extra opaque surface: the parent Work card already supplies the tint. */
.kraftwerk-mission { margin:32px 0 8px; border-top:1px solid rgba(128,172,193,.3); padding-top:28px; }
.kraftwerk-mission .mission-eyebrow,.kraftwerk-mission .mission-stage { font:11px/1.6 var(--mono); color:#40e1ca; letter-spacing:.1em; }
.kraftwerk-mission h4 { margin:10px 0; font-size:clamp(26px,4vw,40px); letter-spacing:-.04em; }
.kraftwerk-mission header p { color:#a9bdcc; }
.kraftwerk-mission .mission-stops { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:24px 0; gap:8px; }
.kraftwerk-mission button { border:1px solid rgba(133,173,192,.34); background:rgba(8,20,33,.14); color:#ccdae5; padding:12px; font:12px/1.5 var(--mono); cursor:pointer; text-align:left; }
.kraftwerk-mission button span { display:block; font-size:10px; margin-bottom:4px; color:#91aebf; }
.kraftwerk-mission button[aria-pressed="true"] { border-color:#40dfc9; background:rgba(35,188,164,.12); color:#57ecd3; }
.kraftwerk-mission button:focus-visible,.kraftwerk-mission a:focus-visible { outline:2px solid #61f6dc; outline-offset:4px; }
.kraftwerk-mission .mission-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; align-items:center; min-height:370px; }
.kraftwerk-mission .mission-panel[hidden] { display:none; }
.kraftwerk-mission figure { margin:0; }
.kraftwerk-mission .mission-visual img { display:block; width:100%; height:320px; object-fit:contain; }
.kraftwerk-mission figcaption { font:11px/1.6 var(--mono); color:#96afc0; margin-top:12px; }
.kraftwerk-mission h5 { font-size:26px; line-height:1.2; margin:12px 0; color:#edf7ff; }
.kraftwerk-mission .mission-narrative p { font-size:14px; line-height:1.8; }
.kraftwerk-mission .mission-transcription { padding:16px 0; }
.kraftwerk-mission table { width:100%; font:12px/1.6 var(--mono); border-collapse:collapse; }
.kraftwerk-mission caption { text-align:left; color:#96afc0; margin-bottom:10px; }
.kraftwerk-mission th,.kraftwerk-mission td { border-bottom:1px solid rgba(124,166,185,.25); text-align:left; padding:8px 4px; }
.kraftwerk-mission .mission-metrics { display:flex; gap:32px; margin:24px 0 12px; }
.kraftwerk-mission .mission-metrics div { display:flex; flex-direction:column-reverse; gap:6px; }
.kraftwerk-mission dt { font:11px/1.5 var(--mono); color:#a3bdcc; }
.kraftwerk-mission dd { margin:0; font:600 36px/1.2 var(--mono); color:#55e8cd; }
.kraftwerk-mission .mission-data-date { color:#a3bdcc; font:11px/1.6 var(--mono); }
.kraftwerk-mission .mission-controls { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:26px; padding-top:18px; border-top:1px solid rgba(128,172,193,.25); }
.kraftwerk-mission .mission-controls a,.kraftwerk-mission .mission-cta { color:#54dfca; font-size:12px; }
.kraftwerk-mission button:disabled { opacity:.4; cursor:default; }
@media(max-width:650px) {
 .kraftwerk-mission .mission-stops { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .kraftwerk-mission .mission-panel { grid-template-columns:1fr; gap:20px; }
 .kraftwerk-mission .mission-visual img { height:260px; }
 .kraftwerk-mission .mission-controls { flex-wrap:wrap; }
 .kraftwerk-mission .mission-controls a { order:3; flex-basis:100%; }
}
.case-study[data-view-story="kraftwerk"]:has(.case-details[open]) { grid-column:1/-1; }
.kraftwerk-mission { grid-column:1/-1; min-width:0; }
.kraftwerk-mission { scroll-margin-top:100px; }
.kraftwerk-mission a { color:#55e8cd; }