/* instance root + svg. No transition/animation anywhere: progress is only ever set explicitly. */
.bl-iris{display:block}
.bl-iris__svg{display:block;width:100%;height:auto}
.bl-iris__blade{fill:#1F3D2B;stroke:#1F3D2B;stroke-width:3.4;stroke-opacity:.92;stroke-linejoin:round}
.bl-iris__blade--a{fill-opacity:.10}
.bl-iris__blade--b{fill-opacity:.17}
.bl-iris__spine,.bl-iris__pin,.bl-iris__aux{display:none}
.bl-iris--debug .bl-iris__spine,.bl-iris--debug .bl-iris__pin,.bl-iris--debug .bl-iris__aux{display:block}
.bl-iris--debug .bl-iris__blade{fill-opacity:.05}
.bl-iris__spine{fill:none;stroke:#D59A3F;stroke-width:2;stroke-dasharray:12 9}
.bl-iris__pin{fill:#D59A3F}
.bl-iris__pin--drive{fill:none;stroke:#D59A3F;stroke-width:5}
.bl-iris__aux{fill:none;stroke:#D59A3F;stroke-width:2;stroke-dasharray:7 11}
.bl-iris__readout{display:none;margin:10px 0 0;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.bl-iris--debug .bl-iris__readout{display:block}


.iris-rail{position:relative}.iris-sticky{top:82px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;background:var(--cream-2)}
.iris-art{min-width:0;margin:0}.iris-art .bl-iris{max-width:460px;margin:auto}.iris-art figcaption{font-size:12px;text-align:center;color:var(--ink-2)}
.iris-copy h2{max-width:17ch}.iris-copy .iris-state{font-size:clamp(28px,4vw,44px);color:var(--green);margin:22px 0 6px;letter-spacing:-.04em}
.iris-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.iris-actions button{min-height:44px;padding:10px 16px;border:1px solid var(--green);background:transparent;color:var(--green);font:12px var(--mono);cursor:pointer}
.iris-actions button[aria-pressed=true]{background:var(--green);color:var(--cream)}.iris-actions button:focus-visible{outline:2px solid var(--rust);outline-offset:3px}
.iris-mode{font:12px var(--mono);min-height:2.6em}.iris-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(prefers-reduced-motion:no-preference){.iris-rail.scroll-pinned .iris-sticky{position:sticky}}
.mechanism-note{font-size:12px;max-width:64ch;color:var(--ink-2);margin:24px 0 0}
.iris-actions{min-height:100px;align-content:start}
.iris-mode{line-height:1.5;margin:8px 0;min-height:3em}
.iris-sticky{row-gap:12px}
.iris-sticky .section-heading{grid-column:1/-1;margin:0}
@media(max-width:860px){
  .iris-sticky{top:72px;grid-template-columns:1fr;gap:8px;padding:8px 0}
  .iris-sticky .section-heading h2{font-size:24px;line-height:1.1;max-width:none}
  .iris-sticky .section-heading p{display:none}
  .iris-art .bl-iris{width:min(140px,25svh);max-width:100%}
  .iris-art figcaption{font-size:12px}
  .iris-copy p.mono{display:none}
  .iris-copy{line-height:1.4}
  .iris-copy .iris-state{font-size:24px;line-height:1.1;margin:6px 0}
  .iris-copy label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .iris-copy .stop-slider{margin:0}
  .iris-copy .stop-ticks{display:none}
  .iris-actions{gap:6px;margin:8px 0;min-height:94px}
  .iris-actions button{padding:10px 12px;font-size:12px}
  #irisFollow{flex-basis:100%}
}
@media(min-width:861px) and (max-height:750px){.iris-art .bl-iris{max-width:300px}.iris-sticky{gap:24px}}