/* Black Knight AI · "The organization, redrawn" · v1.1 · 12 October 2026
   Film version of the /what-we-do hero figure (figure.doc-art.da-org).
   Story: BKAI video scripts v2, Video 4, 30-second cut.
   Scoped to .rdw. Reads the site's lacquer tokens (--lq-*) from pages.css and falls back to the same values.
   v1.1: the narration sits right under the diagram, the status line shares the controls row with the closing link,
   and the progress runs along the panel's bottom edge, so the panel ends without an empty row. */

.rdw{
  position:relative;
  --rdw-bg:var(--lq,#0b1014);
  --rdw-text:var(--lq-text,#efe9dc);
  --rdw-soft:var(--lq-soft,#c9d0d3);
  --rdw-muted:var(--lq-muted,#a3adb2);
  --rdw-gold:var(--lq-gold,#d3ad68);
  --rdw-teal:var(--lq-teal,#4aa998);
  --rdw-line:var(--lq-line,rgba(239,233,220,.1));
  --rdw-display:var(--display,"Newsreader",Georgia,"Times New Roman",serif);
  --rdw-font:var(--font,"Schibsted Grotesk",Arial,Helvetica,sans-serif);
}

/* The diagram keeps the figure's own geometry (viewBox 0 0 420 276). The card enters from the panel's padding. */
.rdw .rdw-svg{display:block;width:100%;height:auto;margin:16px 0 0;overflow:visible}
.rdw .rdw-svg text{font-family:var(--rdw-font)}
.rdw .rdw-svg .m-tier{font-size:8.6px;letter-spacing:.15em;font-weight:800;fill:#7f8a90}
.rdw .rdw-svg .m-sys-l{font-size:9.8px;font-weight:650;fill:#a7b1b6}

/* Kicker: two labels share one cell so the line never reflows. */
.rdw .rdw-k{display:inline-grid}
.rdw .rdw-k>span{grid-area:1/1;white-space:nowrap}

/* Status line: one step at a time, all steps stacked in one cell (constant height). It sits in the controls row;
   the MP4 export (.rdw-export) keeps it above the narration. */
.rdw-status{display:grid;margin-top:14px;min-height:22px;font-family:var(--rdw-font);font-size:12.5px;line-height:1.4;font-weight:650;letter-spacing:.005em;color:var(--rdw-soft)}
.rdw-status>span{grid-area:1/1;display:flex;align-items:flex-start;gap:9px;min-width:0;opacity:0}
.rdw-status b{font-weight:650;min-width:0}
.rdw-i{flex:none;width:14px;height:14px;margin-top:2.5px;border-radius:50%;box-sizing:border-box;font-style:normal}
.rdw-i[data-ic=new]{border-radius:0;width:8px;height:8px;margin:5.5px 3px 0;background:var(--rdw-gold)}
.rdw-i[data-ic=pass]{width:8px;height:8px;margin:5.5px 3px 0;background:#5d6a73}
.rdw-i[data-ic=wait]{border:1.6px solid #8a949a;border-right-color:transparent}
.rdw-i[data-ic=agent]{background:var(--rdw-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.6 2.5L12 5.5' fill='none' stroke='%230b1014' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.rdw-i[data-ic=ask]{border:1.6px solid var(--rdw-gold)}
.rdw-i[data-ic=ok]{background:var(--rdw-gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.6 2.5L12 5.5' fill='none' stroke='%230b1014' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.rdw-i[data-ic=prompt]{border-radius:3px;width:auto;height:auto;margin-top:1px;padding:0 5px;font-size:12px;line-height:16px;font-weight:800;letter-spacing:.02em;color:var(--rdw-bg);background:var(--rdw-gold)}
.rdw-status [data-tone=gold]{color:var(--rdw-gold)}
.rdw-status [data-tone=dim]{color:var(--rdw-muted)}
.rdw-status .rdw-typing{display:grid}
.rdw-status .rdw-typing>span{grid-area:1/1}
.rdw-status .rdw-ghost{visibility:hidden}
.rdw-status .rdw-caret{display:inline-block;width:1.5px;height:1.05em;margin-left:2px;vertical-align:-.15em;background:var(--rdw-gold)}

/* Captions: the narration. Every caption shares one cell, so the block keeps the height of the longest line. */
.rdw-cap{display:grid;margin-top:8px;font-family:var(--rdw-display);font-size:20px;line-height:1.32;letter-spacing:-.012em;font-weight:450;color:var(--rdw-text)}
.rdw-cap>p{grid-area:1/1;margin:0;opacity:0;text-wrap:pretty}
.rdw-cap em{font-style:italic;font-weight:400;color:var(--rdw-gold)}
.rdw:not(.rdw-export) .rdw-cap{margin-top:14px}
.rdw:not(.rdw-export) .rdw-cap>p{align-self:center}

/* Controls */
.rdw-bar{display:flex;align-items:center;gap:14px;margin-top:14px;font-family:var(--rdw-font)}
.rdw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:7.25em;flex:none;padding:0 14px 0 12px;border:1px solid rgba(239,233,220,.24);border-radius:999px;background:transparent;color:var(--rdw-text);font:600 12.5px/1 var(--rdw-font);letter-spacing:.01em;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.rdw-btn:hover{background:var(--rdw-text);border-color:var(--rdw-text);color:var(--rdw-bg)}
.rdw-btn:focus-visible{outline:3px solid var(--rdw-gold);outline-offset:3px}
.rdw-btn svg{width:12px;height:12px;flex:none}
.rdw-slot{flex:1;min-width:0;display:grid;align-items:center}
.rdw-slot>*{grid-area:1/1}
.rdw-slot .rdw-status{margin-top:0}
.rdw-slot .rdw-status>span{align-self:center}
.rdw-slot .rdw-cta{justify-self:end}
.rdw-prog{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--rdw-line);pointer-events:none}
.rdw-prog>i{position:absolute;left:0;top:0;height:100%;width:0;background:var(--rdw-gold)}
.rdw-cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:700 12.5px/1 var(--rdw-font);color:var(--rdw-gold);text-decoration:none;white-space:nowrap;transition:opacity .4s}
.rdw-cta:hover{color:var(--rdw-text)}
.rdw-cta:focus-visible{outline:3px solid var(--rdw-gold);outline-offset:3px}
.rdw-cta[data-off]{opacity:0;pointer-events:none}

/* While the film is on, the narration replaces the static caption; screen readers keep both plus the transcript. */
.rdw.rdw-on .da-s,.rdw-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.rdw:not(.rdw-on) .rdw-status,.rdw:not(.rdw-on) .rdw-cap,.rdw:not(.rdw-on) .rdw-prog{display:none}

@media(max-width:700px){
  .rdw-cap{font-size:18px}
  .rdw-status{font-size:12px}
  .rdw .rdw-svg{width:calc(100% + 12px);max-width:none;margin-left:-6px}
  .rdw .rdw-svg .m-tier{font-size:11px}
  .rdw .rdw-svg .m-sys-l{font-size:12.5px}
}
@media(forced-colors:active){
  .rdw-prog>i,.rdw-i{forced-color-adjust:none}
}