/* /capabilities/sustainability-measurement-and-traceability/ · choreography sheet
   control/choreo/capabilities__sustainability-measurement-and-traceability.md. The account ribbon (six strands: water,
   energy, material identity in pairs) changes form in every block. Acts: night, night grid, forest / paper ledger,
   paper drafting grid / deep night, night with forest console, night grid. Stability: pre-states only under
   :root[data-m-go][data-sus-js]; transform, opacity, clip-path and filter only; native sticky pins; scroll-driven rules
   as longhands, alone on their elements; every state of a control reserves its space. */

/* ---------- grounds ---------- */
.sus-page{--ink:#25302e;--ink2:#3d6b5b;--ochre:#c98a2b;--amber:#f0c27a}
.sus-sec{position:relative;isolation:isolate;overflow-x:clip;view-timeline-name:--sus-v;view-timeline-axis:block;padding-block:clamp(72px,9vh,104px)}
.sus-sec--night,.sus-sec--grid{background-color:#072d2b;color:#f6f4ef}
.sus-sec--night{background-image:linear-gradient(#b4d4c50b 1px,transparent 1px),linear-gradient(90deg,#b4d4c50b 1px,transparent 1px),radial-gradient(ellipse at 24% 40%,#0e4d4a 0%,#072d2b00 58%);background-size:42px 42px,42px 42px,100% 100%}
.sus-sec--grid{background-image:linear-gradient(#b4d4c50f 1px,transparent 1px),linear-gradient(90deg,#b4d4c50f 1px,transparent 1px);background-size:24px 24px}
.sus-sec--forest{background-color:#0e4d4a;background-image:repeating-linear-gradient(97deg,#ffffff07 0 1px,transparent 1px 11px);color:#f6f4ef}
.sus-sec--ledger{background-color:#f6f4ef;background-image:linear-gradient(#3f8f6b17 1px,transparent 1px);background-size:100% 24px;color:var(--ink)}
.sus-sec--draft{background-color:#f6f4ef;background-image:linear-gradient(#6bb68f26 1px,transparent 1px),linear-gradient(90deg,#6bb68f26 1px,transparent 1px);background-size:32px 32px;color:var(--ink)}
.sus-sec--deep{background-color:#05221f;background-image:radial-gradient(#ffffff0d .8px,transparent 1.3px),radial-gradient(#ffffff08 .8px,transparent 1.3px),radial-gradient(ellipse at 68% 46%,#0e4d4a 0%,#05221f00 62%);background-size:5px 5px,7px 7px,100% 100%;background-position:0 0,2px 3px,0 0;color:#f6f4ef}
.sus-b,.sus-c,.sus-l,.sus-d,.sus-gt,.sus-cl{width:min(1440px,calc(100% - 96px));margin-inline:auto;position:relative}

/* ---------- atoms ---------- */
.sus-head{position:relative;z-index:3}
.sus-head h2{font-size:clamp(2.2rem,3.6vw,3.8rem);line-height:1.05;letter-spacing:-.045em;max-width:18ch;scroll-margin-top:120px}
.sus-page .sus-head h2 .m-w{padding-bottom:.18em;margin-bottom:-.18em}
.sus-head__eb{margin-bottom:14px;font-size:13px;letter-spacing:.08em;color:#3d6b5b}
.sus-head__lede{margin-top:14px;font-size:clamp(17px,1.25vw,19px);line-height:1.58;max-width:46ch}
.sus-sec--night .sus-head__eb,.sus-sec--grid .sus-head__eb,.sus-sec--forest .sus-head__eb,.sus-sec--deep .sus-head__eb{color:#b6e4cb}
.sus-sec--night .sus-head__lede,.sus-sec--grid .sus-head__lede,.sus-sec--forest .sus-head__lede,.sus-sec--deep .sus-head__lede{color:#e8f0ec}
.sus-kicker{margin:0;font:600 13px/1.4 var(--gft-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#b6e4cb}
.sus-sec--ledger .sus-kicker,.sus-sec--draft .sus-kicker{color:#2f5d4d}
.sus-note{margin:0;font:13px/1.6 var(--gft-font-mono);letter-spacing:.02em;color:#e2ebe6;max-width:96ch}
.sus-note--ink,.sus-sec--ledger .sus-note,.sus-sec--draft .sus-note{color:#3a4743}
.sus-page .gft-cite{font-size:13px;min-height:44px;min-width:44px;justify-content:center}
.sus-lab{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font:600 13px/1.25 var(--gft-font-mono);letter-spacing:.08em;color:#e2ebe6;pointer-events:none}
.sus-lab--l{transform:translate(0,-50%)}
.sus-lab--r{transform:translate(-100%,-50%)}
.sus-lab--k{text-transform:uppercase;color:#b6e4cb}
.sus-lab--o{color:var(--amber)}
.sus-lab--w{font:italic 600 15px/1.25 var(--gft-font-display);letter-spacing:0;color:#f6f4ef}
.sus-lab--ink{color:var(--ink);text-transform:uppercase}
.sus-lab--ink2{color:#3a4743;letter-spacing:.04em}
.sus-lab--o2{color:#7a4d0e;text-transform:uppercase}
.sus-lab--ax{transform:translate(-100%,-50%);color:#d5e6dd;letter-spacing:.02em}
.sus-lab--met{color:#4a43b5;font-size:15px}
.sus-chip{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;padding:6px 12px;font:600 13px/1.2 var(--gft-font-mono);letter-spacing:.06em;background:#072d2be6;color:#f6f4ef;border-left:3px solid var(--ochre);pointer-events:none}
.sus-stamp{position:absolute;transform:translate(-50%,-50%) rotate(-3deg);white-space:nowrap;padding:6px 12px;font:800 14px/1.2 var(--gft-font-mono);letter-spacing:.08em;color:#7a4d0e;border:3px solid #b0700f;background:#f6f4eff2}
.sus-rb--ink .sus-rb__s--w{stroke:#3f8f6b}.sus-rb--ink .sus-rb__s--w:nth-child(2){stroke:#2d6e51}
.sus-rb--ink .sus-rb__s--e{stroke:#5b54c9}.sus-rb--ink .sus-rb__s--e:nth-child(4){stroke:#7d76e0}
.sus-rb--ink .sus-rb__s--m{stroke:#25302e}.sus-rb--ink .sus-rb__s--m:nth-child(6){stroke:#4b5a55}

/* segmented radios and switches */
.sus-seg{--line:#9fd9bb80;--fg:#e8f0ec;--on-bg:#9fd9bb;--on-fg:#072d2b;--k:#b6e4cb;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0;min-width:0}
.sus-seg--ink,.sus-sec--ledger .sus-seg,.sus-sec--draft .sus-seg{--line:#0e4d4a66;--fg:#25302e;--on-bg:#0e4d4a;--on-fg:#f6f4ef;--k:#2f5d4d}
.sus-seg legend{margin:0 0 10px;padding:0;font:600 13px/1.4 var(--gft-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--k)}
.sus-seg label{position:relative;flex:1 1 auto;cursor:pointer}
.sus-seg input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.sus-seg span{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 16px;border:1px solid var(--line);color:var(--fg);font:650 16px/1.2 var(--gft-font-display);text-align:center;transition:background-color 220ms,color 220ms,border-color 220ms}
.sus-seg span b{font:600 13px/1 var(--gft-font-mono);letter-spacing:.08em;opacity:.85}
.sus-seg label:hover span{border-color:var(--fg)}
.sus-seg label:has(input:checked) span{background:var(--on-bg);border-color:var(--on-bg);color:var(--on-fg)}
.sus-seg label:has(input:focus-visible) span,.sus-switch:has(input:focus-visible) .sus-switch__t{outline:3px solid var(--ochre);outline-offset:3px}
.sus-switch{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:48px;cursor:pointer;font:650 16px/1.2 var(--gft-font-display);color:#e8f0ec}
.sus-switch--ink,.sus-sec--ledger .sus-switch{color:var(--ink)}
.sus-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.sus-switch__t{position:relative;width:52px;height:28px;border:1.5px solid currentColor;border-radius:14px;flex:none}
.sus-switch__t::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:currentColor;transition:transform 260ms var(--gft-ease-out)}
.sus-switch:has(input:checked) .sus-switch__t::after{transform:translateX(24px);background:var(--ochre)}
.sus-range{-webkit-appearance:none;appearance:none;width:100%;height:48px;margin:0;background:transparent;cursor:pointer}
.sus-range::-webkit-slider-runnable-track{height:10px;border-radius:5px;background:transparent}
.sus-range::-moz-range-track{height:10px;border-radius:5px;background:transparent}
.sus-range::-webkit-slider-thumb{-webkit-appearance:none;width:48px;height:48px;margin-top:-19px;border-radius:50%;background:#f6f4ef;border:4px solid var(--ochre);box-shadow:0 2px 10px #0006}
.sus-range::-moz-range-thumb{width:40px;height:40px;border-radius:50%;background:#f6f4ef;border:4px solid var(--ochre)}
.sus-range:focus-visible{outline:3px solid var(--ochre);outline-offset:4px}

/* ---------- hand-over carriers: the ribbon crosses each change of ground ---------- */
.sus-x{position:absolute;pointer-events:none;z-index:2;overflow-anchor:none}
.sus-x svg{display:block;width:100%;height:100%;overflow:visible}
.sus-x--comb{left:0;right:0;top:0;height:20vh;overflow:clip;z-index:0}
.sus-x--comb::before{content:'';position:absolute;inset:0;background-color:#072d2b;background-image:linear-gradient(#b4d4c50f 1px,transparent 1px),linear-gradient(90deg,#b4d4c50f 1px,transparent 1px);background-size:24px 24px;clip-path:inset(0 0 100% 0)}
.sus-x__fringe{position:absolute;left:3%;right:3%;top:-14px;height:28px;background:repeating-linear-gradient(90deg,#9fd9bb 0 2px,transparent 2px 22px);opacity:0}
.sus-x--fork{top:-120px;left:max(16px,calc((100% - 1440px) / 2 + 8px));width:60px;height:240px}
.sus-x--fork path{fill:none;stroke-width:3.5;stroke-linecap:round}
.sus-x--fork .sus-x__a{stroke:#d99a36}.sus-x--fork .sus-x__b{stroke:#d99a36;stroke-dasharray:2 7}
.sus-x--fork circle{fill:#d99a36}
.sus-x--twist{top:8px;left:calc(50% - 120px);width:240px;height:64px}
.sus-x--twist path{fill:none;stroke-width:4;stroke-linecap:round}
.sus-x--twist .sus-x__a{stroke:#3f8f6b}.sus-x--twist .sus-x__b{stroke:#5b54c9}.sus-x--twist .sus-x__p{fill:var(--ochre);stroke:none}
.sus-x--bridge{top:-70px;left:calc(50% + 140px);width:120px;height:140px;z-index:3}
.sus-x--curl{top:8px;left:max(24px,calc((100% - 1440px) / 2 + 16px));width:96px;height:72px;opacity:.75}
.sus-x--curl path{fill:none;stroke:#9fd9bb;stroke-width:2.6;stroke-linecap:round}.sus-x--curl path:nth-child(2){stroke:#a8a2f2}.sus-x--curl path:nth-child(3){stroke:#f6f4ef}
.sus-x--curl .sus-x__lamp{fill:#e4a64a}
.sus-x--unroll{top:8px;left:max(36px,calc((100% - 1440px) / 2 + 48px));width:110px;height:72px}
.sus-x--unroll path{fill:none;stroke:#9fd9bb;stroke-width:2.6;stroke-linecap:round}.sus-x--unroll path:nth-child(2){stroke:#a8a2f2}.sus-x--unroll path:nth-child(3){stroke:#f6f4ef}
.sus-x--down{top:-96px;left:calc(max(48px,(100% - 1440px) / 2) + min(17vw,215px));width:22px;height:190px}
.sus-x--down .sus-x__rb{inset:0;transform:none;display:flex;gap:2px}
.sus-x--down .sus-x__rb i{width:2.4px;height:100%;display:block;background:#6bb68f}
.sus-x--down .sus-x__rb i:nth-child(2){background:#9fd9bb}.sus-x--down .sus-x__rb i:nth-child(3),.sus-x--down .sus-x__rb i:nth-child(4){background:#a8a2f2}.sus-x--down .sus-x__rb i:nth-child(5),.sus-x--down .sus-x__rb i:nth-child(6){background:#f6f4ef}

@supports (animation-timeline: view()){
:root[data-m-go] .sus-x--comb::before{animation-name:sus-x-recede;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal;animation-timeline:--sus-v;animation-range-start:entry 0%;animation-range-end:entry 70%}
:root[data-m-go] .sus-x__fringe{animation-name:sus-x-rise;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal;animation-timeline:--sus-v;animation-range-start:entry 0%;animation-range-end:entry 70%}
:root[data-m-go] .sus-x--fork svg{animation-name:sus-x-drawd;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal;animation-timeline:--sus-v;animation-range-start:entry 0%;animation-range-end:entry 55%}
:root[data-m-go] .sus-x--twist svg{animation-name:sus-x-drawd;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal;animation-timeline:--sus-v;animation-range-start:entry 0%;animation-range-end:entry 55%}
:root[data-m-go] .sus-x--bridge svg{animation-name:sus-x-drawd;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal;animation-timeline:--sus-v;animation-range-start:entry 0%;animation-range-end:entry 50%}
:root[data-m-go] .sus-x--curl svg{animation-name:sus-x-drawd;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal;animation-timeline:--sus-v;animation-range-start:entry 0%;animation-range-end:entry 55%}
:root[data-m-go] .sus-x--unroll svg{animation-name:sus-x-drawr;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal;animation-timeline:--sus-v;animation-range-start:entry 0%;animation-range-end:entry 55%}
:root[data-m-go] .sus-x--down .sus-x__rb{animation-name:sus-x-drawd;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal;animation-timeline:--sus-v;animation-range-start:entry 0%;animation-range-end:entry 45%}
:root[data-m-go] .sus-b__fan{animation-name:sus-b-fan;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal;animation-timeline:--sus-v;animation-range-start:exit 0%;animation-range-end:exit 60%}
}
@keyframes sus-x-recede{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}
@keyframes sus-x-rise{0%{opacity:1;transform:translateY(20vh)}85%{opacity:1}100%{opacity:0;transform:translateY(0)}}
@keyframes sus-x-drawd{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes sus-x-drawr{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes sus-b-fan{from{opacity:0;transform:scaleY(.3)}to{opacity:1;transform:scaleY(3.2)}}

/* ---------- #2 boundary instrument ---------- */
.sus-sec--b{padding-top:22px;padding-bottom:84px}
.sus-b__chips{align-items:stretch}
.sus-b__chips legend{float:left;margin:0 18px 0 0;align-self:center;max-width:14ch;line-height:1.3}
.sus-b__chips label{flex:1 1 0}
.sus-b__grid{display:grid;grid-template-columns:minmax(0,64fr) minmax(0,36fr);gap:40px;margin-top:14px;align-items:start}
.sus-b__frame{position:relative;aspect-ratio:900/470;border-top:1px solid #9fd9bb33;border-bottom:1px solid #9fd9bb33}
.sus-b__frame>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sus-b__labs,.sus-b__hits{position:absolute;inset:0}
.sus-b__hit{position:absolute;background:transparent;border:0;padding:0;cursor:help}
.sus-b__hit:focus-visible{outline:3px solid var(--ochre);outline-offset:2px}
.sus-lab.sus-lab--gate{font:700 16px/1 var(--gft-font-mono);color:var(--amber)}
.sus-b__fan{transform-box:view-box;transform-origin:0 112px;opacity:0}
.sus-b__tok,.sus-b__gar,.sus-b__gars,.sus-b__loads,.sus-b__mid,.sus-b__gate,.sus-b__bar{transform-box:fill-box;transform-origin:center}
.sus-b__gars{transition:opacity 260ms,transform 300ms var(--gft-ease-out)}
.sus-b__loads,.sus-b__gars{transition:filter 220ms,opacity 260ms,transform 300ms var(--gft-ease-out)}
.sus-b__mid{transition:opacity 240ms}
.sus-b__scene{opacity:0;clip-path:inset(-20% 100% -20% -20%);transition:clip-path 220ms var(--gft-ease-in-out),opacity 160ms}
.sus-b__sl{opacity:0;transition:opacity 180ms}
.sus-b[data-opt="water-balance"] .sus-b__gars,.sus-b[data-opt="water-balance"] .sus-b__glab{opacity:0;transform:translateY(24px)}
.sus-b[data-opt="accepted-batch"] .sus-b__mid{opacity:.12}
.sus-b__glab{transition:opacity 200ms}
.sus-b[data-hl="0"] .sus-b__loads,.sus-b[data-hl="1"] .sus-b__gars,.sus-b[data-hl="2"] [data-scene="accepted-garment"]{filter:drop-shadow(0 0 7px #f0c27a)}
.sus-b__cap{display:grid;margin:10px 0 0;font:13px/1.5 var(--gft-font-mono);color:#e2ebe6}
.sus-b__cap>*{grid-area:1/1}
.sus-b__cap [data-scene-cap]{opacity:0}
.sus-b[data-opt="water-balance"] .sus-b__cap>span:first-child{opacity:0}
.sus-b[data-opt="water-balance"] .sus-b__cap [data-scene-cap]{opacity:1}
.sus-b__lede{margin-top:18px;max-width:62ch}
.sus-b__read{display:grid;gap:22px}
.sus-b__head h2{font-size:clamp(2rem,2.8vw,2.9rem);max-width:15ch}
.sus-b__panels{display:grid}
.sus-b__panels>*{grid-area:1/1}
.sus-b__panel{padding:22px 0 0;border-top:2px solid var(--ochre);visibility:hidden;opacity:0;transition:opacity 220ms,visibility 0s 220ms}
.sus-b__panel h3{margin:10px 0 12px;font-size:28px;line-height:1.12;letter-spacing:-.03em}
.sus-b__panel p{font-size:17px;line-height:1.6;color:#e8f0ec}
.sus-b__panel .sus-b__formula{margin-top:16px;font:500 24px/1.3 var(--gft-font-mono);letter-spacing:-.02em;color:var(--amber)}
.sus-b__hint{display:grid;margin:0;font:15px/1.5 var(--gft-font-display);color:#e2ebe6;padding-left:14px;border-left:2px solid #9fd9bb}
.sus-b__hint>*{grid-area:1/1;opacity:0;transition:opacity 180ms}
.sus-b:not([data-hl]) [data-h="0"],.sus-b[data-hl="0"] [data-h="0"],.sus-b[data-hl="1"] [data-h="1"],.sus-b[data-hl="2"] [data-h="2"]{opacity:1}
.sus-b__note{margin-top:22px}
.sus-b[data-opt="accepted-garment"] .sus-b__scene[data-scene="accepted-garment"]{opacity:1;clip-path:inset(-20% -20% -20% -20%);transition-delay:200ms}
.sus-b[data-opt="accepted-garment"] .sus-b__sl[data-scene="accepted-garment"]{opacity:1;transition-delay:260ms}
.sus-b[data-opt="accepted-garment"] .sus-b__panel[data-panel="accepted-garment"]{visibility:visible;opacity:1;transition:opacity 260ms 120ms,visibility 0s}
.sus-b[data-opt="accepted-batch"] .sus-b__scene[data-scene="accepted-batch"]{opacity:1;clip-path:inset(-20% -20% -20% -20%);transition-delay:200ms}
.sus-b[data-opt="accepted-batch"] .sus-b__sl[data-scene="accepted-batch"]{opacity:1;transition-delay:260ms}
.sus-b[data-opt="accepted-batch"] .sus-b__panel[data-panel="accepted-batch"]{visibility:visible;opacity:1;transition:opacity 260ms 120ms,visibility 0s}
.sus-b[data-opt="process-route"] .sus-b__scene[data-scene="process-route"]{opacity:1;clip-path:inset(-20% -20% -20% -20%);transition-delay:200ms}
.sus-b[data-opt="process-route"] .sus-b__sl[data-scene="process-route"]{opacity:1;transition-delay:260ms}
.sus-b[data-opt="process-route"] .sus-b__panel[data-panel="process-route"]{visibility:visible;opacity:1;transition:opacity 260ms 120ms,visibility 0s}
.sus-b[data-opt="water-balance"] .sus-b__scene[data-scene="water-balance"]{opacity:1;clip-path:inset(-20% -20% -20% -20%);transition-delay:200ms}
.sus-b[data-opt="water-balance"] .sus-b__sl[data-scene="water-balance"]{opacity:1;transition-delay:260ms}
.sus-b[data-opt="water-balance"] .sus-b__panel[data-panel="water-balance"]{visibility:visible;opacity:1;transition:opacity 260ms 120ms,visibility 0s}
:root[data-m-go] .sus-b__frame[data-m-on] .sus-b__tracer{animation-name:sus-b-trace;animation-duration:5s;animation-delay:0ms;animation-timing-function:cubic-bezier(.45,0,.2,1);animation-iteration-count:infinite;animation-direction:normal}
:root[data-m-go] .sus-b__frame[data-m-on] .sus-b__sway{animation-name:sus-b-sway;animation-duration:3.2s;animation-delay:calc(var(--i) * -.6s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
:root[data-m-go] .sus-b__frame[data-m-on] .sus-b__bead{animation-name:sus-pulse;animation-duration:2.4s;animation-delay:0ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
.sus-b__sway,.sus-b__bead{transform-box:fill-box;transform-origin:50% 0}
.sus-b__bead{transform-origin:center}
@keyframes sus-b-trace{0%{transform:translateX(0);opacity:0}8%{opacity:1}80%{transform:translateX(786px);opacity:1}100%{transform:translateX(786px);opacity:0}}
@keyframes sus-b-sway{from{transform:rotate(-2deg)}to{transform:rotate(2deg)}}
@keyframes sus-pulse{from{transform:scale(.88);opacity:.8}to{transform:scale(1.16);opacity:1}}
:root[data-m-go] .sus-sec[data-sus-in] .sus-b__bar{animation-name:sus-pick-bar;animation-duration:380ms;animation-delay:0ms;animation-timing-function:cubic-bezier(.7,0,.2,1);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-sec[data-sus-in] .sus-b__gate{animation-name:sus-pick;animation-duration:380ms;animation-delay:60ms;animation-timing-function:cubic-bezier(.7,0,.2,1);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-sec[data-sus-in] .sus-b__tok{animation-name:sus-drop;animation-duration:300ms;animation-delay:calc(120ms + var(--i) * 35ms);animation-timing-function:var(--gft-ease-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-sec[data-sus-in] .sus-b__gar{animation-name:sus-rise24;animation-duration:300ms;animation-delay:calc(180ms + var(--i) * 35ms);animation-timing-function:var(--gft-ease-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-sec[data-sus-in] .sus-b__read{animation-name:sus-glide;animation-duration:280ms;animation-delay:220ms;animation-timing-function:var(--gft-ease-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes sus-pick{from{clip-path:inset(-40% 100% -40% 0)}to{clip-path:inset(-40% 0 -40% 0)}}
@keyframes sus-pick-bar{from{clip-path:inset(-40% 84% -40% 0)}to{clip-path:inset(-40% 0 -40% 0)}}
@keyframes sus-drop{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}
@keyframes sus-rise24{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes sus-glide{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes sus-fade{from{opacity:0}to{opacity:1}}

/* ---------- #3 sector context (Defect 2 fixed: figure in dedicated grid row, normal-flow caption below numeral) ---------- */
.sus-sec--c{padding-top:clamp(76px,9vh,104px)}
.sus-c__top{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px 48px;align-items:start;position:relative;z-index:2}
.sus-c__top .sus-head h2{max-width:14ch}
.sus-c__ctl{display:grid;gap:14px;justify-items:stretch}
.sus-c__tabs{width:100%}
.sus-c__figs{display:grid;margin-top:6px;padding:18px 22px;background:#072d2b99;border-left:4px solid var(--ochre);position:relative;z-index:2}
.sus-c__figs>*{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity 220ms,visibility 0s 220ms}
.sus-c:not([data-tab]) [data-panel="raw"],.sus-c[data-tab="raw"] [data-panel="raw"],.sus-c[data-tab="local"] [data-panel="local"],.sus-c[data-tab="target"] [data-panel="target"],.sus-c[data-tab="base"] [data-panel="base"]{visibility:visible;opacity:1;transition:opacity 260ms 60ms,visibility 0s}
.sus-c__fig{display:grid;grid-template-rows:auto auto;justify-items:start;text-align:left}
.sus-c__big{margin:0 0 1rem;max-width:none;font:900 clamp(56px,6.8vw,98px)/.95 var(--gft-font-display);letter-spacing:-.055em;color:#f6f4ef;white-space:nowrap;position:relative;z-index:1}
.sus-c__fig[data-panel="target"] .sus-c__big{font-size:clamp(48px,5.6vw,82px)}
.sus-c__big--empty{color:#e2ebe6;-webkit-text-stroke:2px #e2ebe6;color:transparent}
.sus-c__lab{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0;max-width:54ch;font-size:15px;line-height:1.45;color:#e8f0ec;position:relative;z-index:2}
.sus-c__lab b{font-size:18px;color:#f6f4ef}
.sus-c__stage{position:relative;z-index:1;margin-top:20px}
.sus-c__frame{position:relative;aspect-ratio:1400/360;margin-inline:0}
.sus-c__frame>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sus-c__labs{position:absolute;inset:0}
.sus-c__s{--on:clamp(0,calc(var(--n) - var(--k)),1)}
.sus-c__comb,.sus-c__st,.sus-c__ex{fill:none;stroke:#9fd9bb;stroke-width:2.2;stroke-linecap:round}
.sus-c__st{opacity:var(--on);transition:opacity 320ms,stroke 260ms}
.sus-c__ex{opacity:calc(1 - var(--on));transition:opacity 320ms,stroke-opacity 260ms}
.sus-c__s:first-child path{stroke:var(--amber);stroke-width:3.4}
.sus-c__s--ten .sus-c__comb{stroke-dasharray:none}
.sus-c__bundle,.sus-c__s,.sus-c__gate,.sus-c__gbead{transform-box:fill-box}
.sus-c__bundle{transform-origin:0 50%}
.sus-c__bead{fill:#f6f4ef}
.sus-c__base{fill:none;transition:stroke 240ms}
.sus-c__gate{transform-origin:center;opacity:0;transform:translateY(-50px);transition:transform 420ms var(--gft-ease-out),opacity 260ms}
.sus-c[data-ovl] .sus-c__gate,.sus-c[data-tab="target"] .sus-c__gate{opacity:1;transform:none}
.sus-c__l-tgt{opacity:0;transition:opacity 260ms}
.sus-c[data-ovl] .sus-c__l-tgt,.sus-c[data-tab="target"] .sus-c__l-tgt{opacity:1}
.sus-c[data-tab="local"] .sus-c__ex,.sus-c[data-tab="target"] .sus-c__ex,.sus-c[data-tab="base"] .sus-c__ex{stroke-opacity:.32}
.sus-c[data-tab="base"] .sus-c__comb,.sus-c[data-tab="base"] .sus-c__st{stroke-opacity:.32}
.sus-c[data-tab="base"] .sus-c__base{stroke:var(--amber)}
.sus-c[data-tab="target"] .sus-c__s:nth-child(n+11) path{stroke-opacity:.3}
.sus-c__scan{position:absolute;inset:0;pointer-events:none;transform:translateX(74%);transition:transform 500ms var(--gft-ease-in-out)}
.sus-c__scan::before{content:'';position:absolute;left:0;top:4%;bottom:12%;width:2px;background:linear-gradient(#f0c27a00,#f0c27acc 30%,#f0c27acc 70%,#f0c27a00)}
.sus-c[data-tab="local"] .sus-c__scan{transform:translateX(88%)}
.sus-c[data-tab="target"] .sus-c__scan{transform:translateX(48.5%)}
.sus-c[data-tab="base"] .sus-c__scan{transform:translateX(40%)}
.sus-c__band{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;margin-top:48px;padding-top:36px;border-top:1px solid #b6e4cb40}
.sus-c__gapline{display:flex;align-items:flex-end;gap:22px;margin:10px 0 18px;max-width:none}
.sus-c__gapnum{display:inline-block;min-width:2ch;font:900 clamp(88px,10vw,144px)/.84 var(--gft-font-display);letter-spacing:-.07em;color:var(--amber);text-align:right}
.sus-c__gaptx{display:grid;gap:6px;padding-bottom:8px;font:600 clamp(18px,1.6vw,23px)/1.3 var(--gft-font-display);color:#f6f4ef;max-width:24ch}
.sus-c__sum{font:600 15px/1.4 var(--gft-font-mono);letter-spacing:.04em;color:#b6e4cb}
.sus-c__track{position:relative;height:48px;margin-top:6px}
.sus-c__rail{position:absolute;left:0;right:0;top:19px;height:10px;border-radius:5px;background:#ffffff26}
.sus-c__gapbar{position:absolute;left:24px;top:19px;width:calc(100% - 48px);height:10px;border-radius:5px;background:repeating-linear-gradient(90deg,#f0c27a 0 8px,#f0c27a55 8px 12px);transform-origin:0 50%;transform:translateX(calc(min(var(--v,5),50) * 1%)) scaleX(calc(max(50 - var(--v,5),var(--v,5) - 50) / 100));transition:transform 200ms var(--gft-ease-out)}
.sus-c__mark{position:absolute;top:0;bottom:0;transform:translateX(-50%);display:grid;justify-items:center}
.sus-c__mark i{width:2px;height:48px;background:#f6f4ef}
.sus-c__mark em{position:absolute;top:52px;white-space:nowrap;font:600 13px/1.2 var(--gft-font-mono);font-style:normal;color:#e2ebe6}
.sus-c__mark--a{left:calc(24px + (100% - 48px) * .05)}.sus-c__mark--a em{left:-4px;transform:none}
.sus-c__mark--b{left:calc(24px + (100% - 48px) * .5)}.sus-c__mark--b i{background:var(--amber)}.sus-c__mark--b em{color:var(--amber)}
.sus-c__range{position:absolute;inset:0;-webkit-appearance:none;appearance:none;width:100%;height:48px;margin:0;background:transparent;cursor:pointer}
.sus-c__range::-webkit-slider-runnable-track{height:10px;background:transparent}
.sus-c__range::-moz-range-track{height:10px;background:transparent}
.sus-c__range::-webkit-slider-thumb{-webkit-appearance:none;width:48px;height:48px;margin-top:-19px;border-radius:50%;background:#f6f4ef;border:4px solid var(--ochre);box-shadow:0 2px 10px #0006}
.sus-c__range::-moz-range-thumb{width:40px;height:40px;border-radius:50%;background:#f6f4ef;border:4px solid var(--ochre)}
.sus-c__range:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
.sus-c__ticks{position:relative;height:20px;margin:30px 24px 14px;font:13px/1 var(--gft-font-mono);color:#d5e6dd}
.sus-c__ticks span{position:absolute;left:calc(var(--x) * 1%);transform:translateX(-50%)}
.sus-c__ticks span:first-child{transform:none}.sus-c__ticks span:last-child{transform:translateX(-100%)}
.sus-c__says{display:grid;gap:18px;align-content:start}
.sus-c__sayp{display:grid}
.sus-c__sayp>*{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity 220ms,visibility 0s 220ms}
.sus-c:not([data-says]) [data-say="can"],.sus-c[data-says="can"] [data-say="can"],.sus-c[data-says="cannot"] [data-say="cannot"]{visibility:visible;opacity:1;transition:opacity 260ms,visibility 0s}
.sus-c__say{font-size:18px;line-height:1.6;color:#f6f4ef}
.sus-c__source{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-left:3px solid var(--ochre);background:#072d2b80}
.sus-c__source p{font:14px/1.6 var(--gft-font-mono);color:#e8f0ec}
.sus-c__source .gft-cite{color:#f6f4ef}
:root[data-m-go] .sus-c__frame[data-m-on] .sus-c__gbead{animation-name:sus-pulse;animation-duration:2.4s;animation-delay:0ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
.sus-c__gbead{transform-origin:center}
:root[data-m-go] .sus-sec[data-sus-in] .sus-c__bundle{animation-name:sus-comb;animation-duration:360ms;animation-delay:0ms;animation-timing-function:var(--gft-ease-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-sec[data-sus-in] .sus-c__band{animation-name:sus-rise24;animation-duration:380ms;animation-delay:180ms;animation-timing-function:var(--gft-ease-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes sus-comb{from{opacity:.3;transform:scaleY(.65)}to{opacity:1;transform:none}}

/* ---------- #4 ledgers (Defect 4 fixed: full-width layered loom + 50/50 split contract-term diagram panel) ---------- */
.sus-sec--l{padding-top:clamp(76px,9vh,104px)}
.sus-l__top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px 56px;align-items:end}
.sus-l__top .sus-head__eb{color:#2f5d4d}
.sus-l__ctl{display:grid;gap:12px;justify-items:end;text-align:right;padding:16px 20px;background:#fffdf8;border:1.5px solid #25302e;box-shadow:4px 4px 0 #0e4d4a1a}
.sus-l__var{display:grid;margin:0;max-width:none}
.sus-l__var>*{grid-area:1/1;font:800 clamp(24px,2.3vw,32px)/1.12 var(--gft-font-display);letter-spacing:-.035em;transition:opacity 240ms}
.sus-l__v--off{color:#7a4d0e}
.sus-l__v--on{color:#0e4d4a;opacity:0}
.sus-l[data-rec] .sus-l__v--off{opacity:0}.sus-l[data-rec] .sus-l__v--on{opacity:1}
.sus-l__stage{position:relative;margin-top:26px}
.sus-l__loom{display:grid;gap:0;padding:22px 26px;background:#fffdf8;border:2px solid #25302e;box-shadow:8px 8px 0 #0e4d4a18}
.sus-l__bus{display:grid;gap:6px}
.sus-l__bus--m{margin-bottom:12px}
.sus-l__bus--b{margin-top:12px}
.sus-l__bussvg{display:block;width:100%;height:34px;overflow:visible}
.sus-l__rk{margin:0;font:700 13px/1.2 var(--gft-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#0e4d4a}
.sus-l__rk--b{color:#25302e}
.sus-l__pairs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;position:relative}
.sus-l__pair{display:grid;grid-template-rows:auto 116px auto;justify-items:stretch;cursor:pointer}
.sus-l__card{position:relative;width:100%;padding:16px 18px;background:#f6f4ef;border:1.5px solid #25302e;transition:border-color 200ms,box-shadow 200ms}
.sus-l__card--m{border-top:4px solid #3f8f6b}
.sus-l__card--b{border-bottom:4px solid #25302e}
.sus-l__pair--open .sus-l__card--m,.sus-l__pair--open .sus-l__card--b{border-color:#b0700f}
.sus-l[data-rec] .sus-l__pair--open .sus-l__card--m,.sus-l[data-rec] .sus-l__pair--open .sus-l__card--b{border-color:#0e4d4a}
.sus-l__chead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sus-l__doti{width:10px;height:10px;border-radius:50%;background:#3f8f6b}
.sus-l__doti--b{background:#25302e}
.sus-l__pair--open .sus-l__doti{background:#c98a2b}
.sus-l[data-rec] .sus-l__pair--open .sus-l__doti{background:#0e4d4a}
.sus-l__id{margin:0;font:600 13px/1.3 var(--gft-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#2f5d4d}
.sus-l__card h3{margin:6px 0 4px;font-size:21px;line-height:1.15;letter-spacing:-.025em;color:#25302e}
.sus-l__card p:last-child{margin:0;font-size:15px;line-height:1.45;color:#3a4743}
.sus-l__stitch{position:relative;display:grid;place-items:center;width:100%;height:116px}
.sus-l__stitch svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sus-l__open{stroke:#b0700f;stroke-width:3.5;stroke-dasharray:6 6;opacity:0}
.sus-l__weft{stroke:#0e4d4a;stroke-width:3;stroke-linecap:round;fill:none}
.sus-l__sbead{fill:#0e4d4a;stroke:#fffdf8;stroke-width:2;transform-box:fill-box;transform-origin:center}
.sus-l__pair--open .sus-l__sbead{fill:#c98a2b}
.sus-l[data-rec] .sus-l__pair--open .sus-l__sbead{fill:#0e4d4a}
.sus-l__pair--open .sus-l__weft{opacity:.22;stroke-dasharray:4 6;transition:opacity 320ms}
.sus-l__pair--open .sus-l__open{opacity:1;transition:opacity 240ms}
.sus-l[data-rec] .sus-l__pair--open .sus-l__weft{opacity:1;stroke-dasharray:none}
.sus-l[data-rec] .sus-l__pair--open .sus-l__open{opacity:0}
.sus-l__stbadge{position:relative;z-index:1;display:grid;padding:4px 12px;background:#fffdf8;border:1.5px solid #25302e;font:700 13px/1.25 var(--gft-font-mono);letter-spacing:.04em}
.sus-l__stbadge>*{grid-area:1/1;transition:opacity 240ms}
.sus-l__off{color:#0e4d4a}.sus-l__pair--open .sus-l__off{color:#7a4d0e}
.sus-l__on{opacity:0;color:#0e4d4a}
.sus-l[data-rec] .sus-l__off{opacity:0}.sus-l[data-rec] .sus-l__on{opacity:1}

.sus-l__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin-top:44px;border:2px solid #25302e;background:#fffdf8;box-shadow:8px 8px 0 #0e4d4a18}
.sus-l__diag{margin:0;padding:28px 30px;background:#072d2b;color:#f6f4ef;display:grid;gap:22px;align-content:space-between}
.sus-l__diag .sus-kicker{color:#b6e4cb}
.sus-l__dstage{display:grid;border-bottom:1px solid #9fd9bb33;padding-bottom:18px}
.sus-l__tscene{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity 220ms,visibility 0s 220ms;display:grid;gap:10px}
.sus-l__tscene svg{width:100%;height:auto;display:block;overflow:visible}
.sus-l:not([data-term]) .sus-l__tscene[data-tscene="t0"],.sus-l[data-term="t0"] .sus-l__tscene[data-tscene="t0"],.sus-l[data-term="t1"] .sus-l__tscene[data-tscene="t1"],.sus-l[data-term="t2"] .sus-l__tscene[data-tscene="t2"],.sus-l[data-term="t3"] .sus-l__tscene[data-tscene="t3"]{visibility:visible;opacity:1;transition:opacity 260ms,visibility 0s}
.sus-l__pair2{display:grid;gap:16px}
.sus-l__pframe{position:relative;aspect-ratio:600/250}
.sus-l__pframe svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sus-l__dot{transition:transform 120ms linear}
.sus-l__side{display:grid;gap:10px}
.sus-l__scrub{display:grid;gap:4px;font:600 13px/1.3 var(--gft-font-mono);letter-spacing:.04em;color:#b6e4cb}
.sus-l__scrub input{width:100%;accent-color:var(--ochre);height:40px;cursor:pointer}
.sus-l__pairread{display:grid;margin:0;font-size:15px;line-height:1.45;color:#e8f0ec;padding-left:12px;border-left:3px solid var(--ochre)}
.sus-l__pairread>*{grid-area:1/1;opacity:0;transition:opacity 200ms}
.sus-l__pairread>[data-on]{opacity:1}
.sus-l__terms{padding:32px 34px;display:grid;gap:24px;align-content:space-between;background:#fffdf8}
.sus-l__tabs label{flex:1 1 42%}
.sus-l__panels{display:grid}
.sus-l__panels>*{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity 220ms,visibility 0s 220ms}
.sus-l:not([data-term]) .sus-l__panel[data-term="t0"],.sus-l[data-term="t0"] .sus-l__panel[data-term="t0"],.sus-l[data-term="t1"] .sus-l__panel[data-term="t1"],.sus-l[data-term="t2"] .sus-l__panel[data-term="t2"],.sus-l[data-term="t3"] .sus-l__panel[data-term="t3"]{visibility:visible;opacity:1;transition:opacity 260ms,visibility 0s}
.sus-l__panel h3{font-size:clamp(26px,2.4vw,32px);line-height:1.12;margin:8px 0 12px;color:#25302e}
.sus-l__panel p:not(.sus-kicker){font-size:17px;line-height:1.62;color:#25302e}
:root[data-m-go] .sus-l__stage[data-m-on] .sus-l__open{animation-name:sus-blink;animation-duration:1.6s;animation-delay:0ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
:root[data-m-go] .sus-l__stage[data-m-on] .sus-l__sbead{animation-name:sus-pulse;animation-duration:2.2s;animation-delay:calc(var(--i,0) * .4s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
:root[data-m-go] .sus-l__stage[data-m-on] .sus-l__pulse{animation-name:sus-l-flow;animation-duration:4.2s;animation-delay:0ms;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal}
:root[data-m-go] .sus-l__stage[data-m-on] .sus-l__pulse--b{animation-delay:-1.4s}
:root[data-m-go] .sus-l__stage[data-m-on] .sus-l__pulse--c{animation-delay:-2.8s}
@keyframes sus-blink{from{stroke-opacity:.35}to{stroke-opacity:1}}
@keyframes sus-l-flow{from{transform:translateX(-80px)}to{transform:translateX(260px)}}
:root[data-m-go] .sus-sec[data-sus-in] .sus-l__card--m{animation-name:sus-deal-d;animation-duration:360ms;animation-delay:calc(var(--i) * 50ms);animation-timing-function:var(--gft-ease-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-sec[data-sus-in] .sus-l__card--b{animation-name:sus-deal-u;animation-duration:360ms;animation-delay:calc(60ms + var(--i) * 50ms);animation-timing-function:var(--gft-ease-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-sec[data-sus-in] .sus-l__split{animation-name:sus-rise24;animation-duration:380ms;animation-delay:160ms;animation-timing-function:var(--gft-ease-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes sus-deal-d{from{opacity:.4;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes sus-deal-u{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ---------- #5 sequence (Defect 5 fixed: left rail >=14px beside scale, 4 distinct angles/pans/nodes/stamps + idle sway) ---------- */
.sus-sec--s{padding:80px 0 0}
.sus-s{position:relative;height:340svh;view-timeline-name:--sus-track;view-timeline-axis:block}
.sus-s__mark{position:absolute;left:0;width:1px;height:100svh;pointer-events:none}
.sus-s__mark[data-mark="0"]{top:0}.sus-s__mark[data-mark="1"]{top:45svh}.sus-s__mark[data-mark="2"]{top:115svh}.sus-s__mark[data-mark="3"]{top:185svh}
.sus-s__pin{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:24px max(48px,calc((100% - 1440px) / 2)) 20px;overflow:clip}
.sus-s__band .sus-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:48px;align-items:end}
.sus-s__band .sus-head__eb{grid-column:1/-1;margin-bottom:6px}
.sus-s__band .sus-head h2{font-size:clamp(1.9rem,2.6vw,2.7rem);max-width:22ch}
.sus-s__band .sus-head__lede{margin:0;font-size:16px;line-height:1.5}
.sus-s__body{display:grid;grid-template-columns:minmax(330px,36fr) minmax(0,64fr);gap:28px;min-height:0;align-items:stretch}
.sus-s__rail{display:grid;grid-template-rows:auto 1fr;gap:14px;padding:18px 20px;background:#fffdf8;border:2px solid #25302e;box-shadow:6px 6px 0 #0e4d4a18;align-content:start;min-height:0}
.sus-s__tabs{display:grid;gap:6px;position:relative;padding-bottom:10px}
.sus-s__tabs button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:48px;padding:8px 12px;text-align:left;background:#f6f4ef;border:1.5px solid #25302e33;color:#25302e;font:inherit;cursor:pointer;transition:background-color 200ms,color 200ms,border-color 200ms}
.sus-s__tabs button b{font:800 16px/1 var(--gft-font-mono);color:#0e4d4a}
.sus-s__tl{display:grid;gap:2px;font:650 15px/1.2 var(--gft-font-display)}
.sus-s__tl em{font:700 13px/1.2 var(--gft-font-mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#2f5d4d}
.sus-s__posted{font:700 13px/1 var(--gft-font-mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#0e4d4a;border:1.5px solid #0e4d4a;padding:3px 6px;opacity:0;transform:rotate(-4deg);transition:opacity 200ms}
.sus-s__tabs button[data-posted] .sus-s__posted{opacity:1}
.sus-s__tabs button[aria-pressed="true"]{background:#0e4d4a;color:#f6f4ef;border-color:#0e4d4a}
.sus-s__tabs button[aria-pressed="true"] :is(b,em){color:#b6e4cb}
.sus-s__prog{position:absolute;left:0;right:0;bottom:0;height:4px;background:#25302e26}
.sus-s__prog i{position:absolute;inset:0;background:var(--ochre);transform-origin:0 50%;transform:scaleX(.25)}
.sus-s[data-step="1"] .sus-s__prog i{transform:scaleX(.5)}.sus-s[data-step="2"] .sus-s__prog i{transform:scaleX(.75)}.sus-s[data-step="3"] .sus-s__prog i{transform:scaleX(1)}
.sus-s__entries{display:grid;align-content:start}
.sus-s__entries>*{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity 220ms,visibility 0s 220ms}
.sus-s__entry{display:grid;gap:12px;align-content:start}
.sus-s__etext{margin:0;font-size:15px;line-height:1.5;color:#25302e}
.sus-s__ro{display:grid;gap:6px;margin:0;padding-top:8px;border-top:1.5px solid #25302e33}
.sus-s__ro div{display:grid;grid-template-columns:13ch 1fr;gap:10px;align-items:baseline;padding-bottom:5px;border-bottom:1px solid #25302e1f}
.sus-s__ro dt{font:700 13px/1.3 var(--gft-font-mono);letter-spacing:.06em;text-transform:uppercase;color:#2f5d4d}
.sus-s__ro dd{margin:0;font:700 15px/1.3 var(--gft-font-display);color:#25302e}
.sus-s__efoot{margin:0;font:600 13px/1.4 var(--gft-font-mono);color:#3a4743}
.sus-s__efoot b{color:#0e4d4a}
.sus-s[data-step="0"] .sus-s__entry[data-e="0"],.sus-s[data-step="1"] .sus-s__entry[data-e="1"],.sus-s[data-step="2"] .sus-s__entry[data-e="2"],.sus-s[data-step="3"] .sus-s__entry[data-e="3"]{visibility:visible;opacity:1;transition:opacity 260ms 60ms,visibility 0s}

.sus-s__stage{position:relative;min-height:0;container-type:size;background:#fffdf8aa;border:1.5px solid #25302e33}
.sus-s__frame{position:absolute;inset:0;margin:auto;width:min(100cqw,calc(100cqh * 1200 / 470));aspect-ratio:1200/470}
.sus-s__cam{position:absolute;inset:0;transform-origin:50% 54%;transition:transform 500ms var(--gft-ease-in-out)}
.sus-s[data-step="1"] .sus-s__cam{transform:scale(1.03)}
.sus-s[data-step="2"] .sus-s__cam{transform:scale(1.08)}
.sus-s[data-step="3"] .sus-s__cam{transform:scale(1.12)}
.sus-s__cam>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sus-s__labs{position:absolute;inset:0}
.sus-s__beam,.sus-s__rock,.sus-s__pan,.sus-s__tok,.sus-s__gate,.sus-s__lock,.sus-s__qtok,.sus-s__brk,.sus-s__loop,.sus-s__meters,.sus-s__ring,.sus-s__chain{transform-box:view-box}
.sus-s__beam,.sus-s__rock{transform-origin:600px 130px;transition:transform 520ms var(--gft-ease-in-out)}
.sus-s__pan{transform-origin:600px 130px;transition:transform 520ms var(--gft-ease-in-out)}
/* The HTML label shares its pan's view-box displacement and entrance, in a clear band above the suspension. */
.sus-s__label-pan{position:absolute;inset:0;transform-origin:50% 27.65957%;pointer-events:none}
/* Four distinct beam angles and pan heights across steps 0..3 */
.sus-s[data-step="1"] .sus-s__beam{transform:rotate(3.6deg)}
.sus-s[data-step="1"] .sus-s__pan--l{transform:translateY(-4.68085%)}
.sus-s[data-step="1"] .sus-s__pan--r{transform:translateY(22px)}
.sus-s[data-step="2"] .sus-s__beam{transform:rotate(-6.8deg)}
.sus-s[data-step="2"] .sus-s__pan--l{transform:translateY(8.93617%)}
.sus-s[data-step="2"] .sus-s__pan--r{transform:translateY(-42px)}
.sus-s[data-step="3"] .sus-s__beam{transform:rotate(-2.4deg)}
.sus-s[data-step="3"] .sus-s__pan--l{transform:translateY(3.19149%)}
.sus-s[data-step="3"] .sus-s__pan--r{transform:translateY(-15px)}
.sus-s__lock{transition:opacity 260ms,transform 360ms var(--gft-ease-out)}
.sus-s:not([data-step="0"]) .sus-s__lock{opacity:0;transform:translateY(-40px)}
.sus-s__pbase{transition:opacity 260ms}
.sus-s:not([data-step="0"]) .sus-s__pbase{opacity:0}
.sus-s__ring{transition:opacity 300ms}
.sus-s:not([data-step="0"]) .sus-s__ring{opacity:.35}
.sus-s__tok>*{transition:opacity 260ms,transform 380ms var(--gft-ease-out);transition-delay:calc(var(--i,0) * 45ms)}
.sus-s__tok,.sus-s__tok>*{transform-box:fill-box}
.sus-s[data-step="0"] .sus-s__tok>*{opacity:0;transform:translateY(-36px)}
.sus-s__tok--rw{transition:opacity 260ms,transform 380ms var(--gft-ease-out)}
.sus-s:is([data-step="0"],[data-step="1"]) .sus-s__tok--rw{opacity:0;transform:translateY(-36px)}
.sus-s__meters,.sus-s__ml,.sus-s__rd{transition:opacity 280ms}
.sus-s[data-step="0"] :is(.sus-s__meters,.sus-s__ml,.sus-s__rd){opacity:0}
.sus-s__brk,.sus-s__loop,.sus-s__qtok{transition:opacity 280ms,clip-path 420ms var(--gft-ease-in-out),transform 420ms var(--gft-ease-out)}
.sus-s:is([data-step="0"],[data-step="1"]) .sus-s__brk{opacity:0}
.sus-s:is([data-step="0"],[data-step="1"]) .sus-s__loop{clip-path:inset(0 100% 0 0)}
.sus-s:is([data-step="0"],[data-step="1"]) .sus-s__qtok{opacity:0;transform:translateY(-40px)}
.sus-s__gate{transition:opacity 260ms,transform 420ms cubic-bezier(.34,1.4,.64,1)}
.sus-s:not([data-step="3"]) .sus-s__gate{opacity:0;transform:translateY(-90px)}
/* Active chain node highlight per step */
.sus-s__nhalo{opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity 260ms}
.sus-s[data-step="0"] .sus-s__n--0 .sus-s__nhalo,.sus-s[data-step="1"] :is(.sus-s__n--1,.sus-s__n--2) .sus-s__nhalo,.sus-s[data-step="2"] :is(.sus-s__n--2,.sus-s__n--3) .sus-s__nhalo,.sus-s[data-step="3"] .sus-s__n--4 .sus-s__nhalo{opacity:1}
/* Moving claim stamp across the 4 steps */
.sus-s__st{opacity:0;transition:opacity 240ms,transform 380ms var(--gft-ease-out)}
.sus-s__st--0{left:50%;top:13%;transform:translate(-50%,-50%) rotate(-3deg) scale(.92)}
.sus-s__st--1{left:72%;top:14%;transform:translate(-50%,-50%) rotate(2.5deg) scale(.92);color:#0e4d4a;border-color:#0e4d4a}
.sus-s__st--2{left:50%;top:46%;transform:translate(-50%,-50%) rotate(-4deg) scale(.92)}
.sus-s__st--3{left:50%;top:21%;transform:translate(-50%,-50%) rotate(-2deg) scale(.92)}
.sus-s[data-step="0"] .sus-s__st--0{opacity:1;transform:translate(-50%,-50%) rotate(-3deg) scale(1)}
.sus-s[data-step="1"] .sus-s__st--1{opacity:1;transform:translate(-50%,-50%) rotate(2.5deg) scale(1)}
.sus-s[data-step="2"] .sus-s__st--2{opacity:1;transform:translate(-50%,-50%) rotate(-4deg) scale(1)}
.sus-s[data-step="3"] .sus-s__st--3{opacity:1;transform:translate(-50%,-50%) rotate(-2deg) scale(1)}
.sus-s__ql,.sus-s__ql2{transition:opacity 240ms}
.sus-s__rd text{letter-spacing:.04em}
.sus-s__ql2,.sus-s[data-step="3"] .sus-s__ql{opacity:0}
.sus-s[data-step="3"] .sus-s__ql2{opacity:1}
@supports (animation-timeline: view()){
:root[data-m-go] .sus-s__prog i{animation-name:sus-prog;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal;animation-timeline:--sus-track;animation-range-start:contain 0%;animation-range-end:contain 100%}
}
@keyframes sus-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
:root[data-m-go] .sus-s__frame[data-m-on] .sus-s__rock{animation-name:sus-s-rock;animation-duration:3.4s;animation-delay:0ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
:root[data-m-go] .sus-s__frame[data-m-on] .sus-s__bead,:root[data-m-go] .sus-s__frame[data-m-on] .sus-s__nhalo{animation-name:sus-pulse;animation-duration:2.2s;animation-delay:0ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
.sus-s__bead{transform-box:fill-box;transform-origin:center}
@keyframes sus-s-rock{from{transform:rotate(-1.1deg)}to{transform:rotate(1.1deg)}}
:root[data-m-go] .sus-sec[data-sus-in] .sus-s__beam{animation-name:sus-twist;animation-duration:420ms;animation-delay:0ms;animation-timing-function:var(--gft-ease-in-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-sec[data-sus-in] .sus-s__pan{animation-name:sus-hang;animation-duration:420ms;animation-delay:160ms;animation-timing-function:var(--gft-ease-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes sus-twist{from{opacity:.4;transform:rotate(5deg) scaleY(.5)}to{opacity:1;transform:none}}
@keyframes sus-hang{from{opacity:.4;transform:scaleY(.5)}to{opacity:1;transform:none}}

/* ---------- #6 chain of custody (Defect 1 fixed: pinned 100vh stage, 5-node chain fully drawn at first frame) ---------- */
.sus-sec--ch{padding:0}
.sus-ch{position:relative;height:185svh;width:100%}
.sus-ch__pin{position:sticky;top:0;min-height:100svh;width:min(1440px,calc(100% - 96px));margin-inline:auto;display:grid;grid-template-rows:auto auto auto;align-content:space-between;gap:14px;padding-block:24px 28px}
.sus-ch__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px 48px;align-items:start}
.sus-ch__top .sus-head h2{font-size:clamp(2rem,3vw,3.1rem)}
.sus-ch__top .sus-head__lede{margin-top:10px;font-size:16px;line-height:1.5}
.sus-ch__right{display:grid;gap:14px;justify-items:end;text-align:right}
.sus-ch__quote{margin:0}
.sus-ch__quote blockquote{margin:0}
.sus-ch__quote p{max-width:30ch;font:italic 400 clamp(24px,2.4vw,34px)/1.18 var(--gft-font-serif);letter-spacing:-.015em;color:#f6f4ef}
.sus-ch__w{display:inline-block}
.sus-ch__ctl{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 24px}
.sus-ch__key{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0;font:600 13px/1.3 var(--gft-font-mono);letter-spacing:.06em;text-transform:uppercase;color:#e2ebe6}
.sus-ch__key li{display:flex;align-items:center;gap:8px}
.sus-ch__key i{width:13px;height:13px;border-radius:50%;border:3px solid #9fd9bb}
.sus-ch__key .k2{border-color:#c9c5ff}.sus-ch__key .k3{border-color:#f6f4ef;background:#f6f4ef}.sus-ch__key .k4{border-color:var(--amber);border-style:dashed}
.sus-ch__stage{position:relative;padding:14px 22px 16px;background:#072d2bcc;border:1.5px solid #9fd9bb33}
.sus-ch__track{position:relative;height:210px}
.sus-ch__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sus-ch__svgloop{opacity:0;transition:opacity 280ms}
.sus-ch[data-rw] .sus-ch__svgloop{opacity:1}
.sus-ch__halo{transform-box:fill-box;transform-origin:center}
.sus-ch__run{position:absolute;left:10%;width:80%;top:114px;height:0;transform:translateX(calc(var(--p,0) * -100%));z-index:2;pointer-events:none}
.sus-ch__bead{position:absolute;right:-12px;top:-12px;width:24px;height:24px;border-radius:50%;background:#f6f4ef;box-shadow:0 0 0 7px #9fd9bb55;transition:background-color 200ms,box-shadow 200ms,opacity 200ms}
.sus-ch__run[data-ph="stop"] .sus-ch__bead{background:var(--amber);box-shadow:0 0 0 9px #f0c27a66}
.sus-ch__run[data-ph="jump"] .sus-ch__bead{opacity:.55;background:transparent;box-shadow:inset 0 0 0 3px var(--amber)}
.sus-ch__nodes{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding-top:46px;border:0;min-width:0;z-index:1}
.sus-ch__node{position:relative;display:grid;justify-items:center;gap:6px;cursor:pointer}
.sus-ch__node input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.sus-ch__ncode{font:700 12px/1 var(--gft-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#9fd9bb}
.sus-ch__ring{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#05221f;border:4px solid #9fd9bb;transition:transform 220ms var(--gft-ease-out),box-shadow 220ms}
.sus-ch__ring i{font:800 22px/1 var(--gft-font-display);font-style:normal;color:#9fd9bb}
.sus-ch__node--xform .sus-ch__ring{border-color:#c9c5ff}.sus-ch__node--xform .sus-ch__ring i{color:#c9c5ff}
.sus-ch__node--release .sus-ch__ring{border-color:#f6f4ef;box-shadow:inset 0 0 0 7px #f6f4ef33}.sus-ch__node--release .sus-ch__ring i{color:#f6f4ef}
.sus-ch__node--gap .sus-ch__ring{border-color:var(--amber);border-style:dashed}.sus-ch__node--gap .sus-ch__ring i{font-size:28px;color:var(--amber)}
.sus-ch__nl{font:700 16px/1.2 var(--gft-font-display);color:#f6f4ef;text-align:center}
.sus-ch__nsub{font:500 13px/1.2 var(--gft-font-mono);color:#c9dbd1;text-align:center}
.sus-ch__node:has(input:checked) .sus-ch__ring{transform:scale(1.1);box-shadow:0 0 0 7px #f0c27a55}
.sus-ch__node:has(input:focus-visible) .sus-ch__ring{outline:3px solid var(--amber);outline-offset:6px}
.sus-ch__count{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:10px 0 0;padding-top:10px;border-top:1px solid #9fd9bb26;max-width:none;font:700 clamp(17px,1.4vw,20px)/1.3 var(--gft-font-mono);letter-spacing:-.01em;color:#f6f4ef}
.sus-ch__count b{color:var(--amber);font-weight:800}
.sus-ch__count em{font:13px/1.4 var(--gft-font-mono);font-style:normal;color:#e2ebe6;align-self:center}
.sus-ch__lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:start}
.sus-ch__prose{display:grid;gap:10px}
.sus-ch__cap{margin:0;font-size:16px;line-height:1.55;color:#e8f0ec;padding-left:16px;border-left:2px solid #9fd9bb}
.sus-ch__rec{display:grid;gap:10px}
.sus-ch__cards{display:grid}
.sus-ch__cards>*{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity 220ms,visibility 0s 220ms}
.sus-ch__card{padding:18px 22px;background:#0e4d4a;border-left:4px solid #9fd9bb}
.sus-ch__card--gap{border-left-color:var(--amber)}
.sus-ch__card h3{margin:4px 0 8px;font-size:23px}
.sus-ch__card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:0}
.sus-ch__card dt{font:600 12px/1.3 var(--gft-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#b6e4cb}
.sus-ch__card dd{margin:2px 0 0;font-size:16px;font-weight:600;color:#f6f4ef}
.sus-ch__note{margin:10px 0 0;font-size:15px;line-height:1.45;color:#f6f4ef}
.sus-ch__more summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font:650 15px/1.2 var(--gft-font-display);color:#b6e4cb}
.sus-ch__more p{font-size:15px;line-height:1.5;color:#e8f0ec;margin:4px 0 0}
.sus-ch[data-sel="lot"] .sus-ch__card[data-card="lot"],.sus-ch[data-sel="event"] .sus-ch__card[data-card="event"],.sus-ch[data-sel="gap"] .sus-ch__card[data-card="gap"],.sus-ch[data-sel="xform"] .sus-ch__card[data-card="xform"],.sus-ch[data-sel="release"] .sus-ch__card[data-card="release"],.sus-ch:not([data-sel]) .sus-ch__card[data-card="release"]{visibility:visible;opacity:1;transition:opacity 260ms,visibility 0s}
:root[data-m-go] .sus-ch__stage[data-m-on] .sus-ch__halo{animation-name:sus-pulse;animation-duration:2.4s;animation-delay:0ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}

/* ---------- #7 operating review dial (Defect 3 & Defect 6 fixed: unclipped split mask, offset dial, 20vh hand-over thread) ---------- */
.sus-sec--d{padding-top:clamp(96px,11vh,128px);padding-bottom:clamp(235px,26vh,275px)}
.sus-d{display:grid;grid-template-columns:minmax(0,56fr) minmax(0,44fr);gap:32px 44px;align-items:start;position:relative}
.sus-d__head{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:56px;align-items:end;position:relative;z-index:4}
.sus-d__head .sus-head__eb{grid-column:1/-1}
.sus-d__head .sus-head__lede{margin:0}
.sus-d__head h2 .m-w{padding-bottom:.24em;margin-bottom:-.24em}
:root[data-m-go] .sus-d__head [data-m=split][data-m-fx=skew]:not([data-m-in]) .m-c{translate:0 32%;transform:skewY(3deg)}
:root[data-m-go] .sus-d__head [data-m=split][data-m-fx=skew][data-m-in] .m-c{animation-name:sus-head-skew;animation-iteration-count:1;animation-direction:normal}
@keyframes sus-head-skew{from{translate:0 32%;transform:skewY(3deg)}to{translate:0 0;transform:skewY(0)}}
.sus-d__dialw{padding-left:clamp(28px,6vw,76px);margin-top:18px;position:relative;z-index:1}
.sus-d__stage{display:grid;gap:16px;justify-items:center}
.sus-d__frame{position:relative;width:min(100%,calc(52vh * 620 / 340));aspect-ratio:620/340}
.sus-d__frame>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sus-d__track{opacity:.28}
.sus-d__sweep,.sus-d__needle,.sus-d__tremor,.sus-d__ringw{transform-box:view-box;transform-origin:310px 290px}
.sus-d__needle{transform:rotate(calc(var(--cov) * 1.8deg - 90deg));transition:transform 420ms var(--gft-ease-out)}
.sus-d__val{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;margin:0}
.sus-d__val b{font:900 clamp(44px,5vw,72px)/.9 var(--gft-font-display);letter-spacing:-.05em;color:#f6f4ef}
.sus-d__val span{font:600 13px/1.4 var(--gft-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#b6e4cb}
.sus-d__fl{position:static;transform:none;justify-self:center}
.sus-d__chips{list-style:none;margin:0;padding:0}
.sus-d__chips li{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;padding:5px 10px;font:600 13px/1.2 var(--gft-font-mono);letter-spacing:.04em;color:#e2ebe6;border:1px solid #9fd9bb66;background:#072d2b;transition:background-color 220ms,color 220ms}
.sus-d__chips li[data-on]{background:#9fd9bb;color:#072d2b;border-color:#9fd9bb}
.sus-d__z{color:#d5e6dd}
.sus-d__lamps{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}
.sus-d__lamprow p{margin:0 0 8px;font:600 13px/1.3 var(--gft-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#e2ebe6}
.sus-d__lamprow ul{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.sus-d__lamprow li{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid #9fd9bb66;transition:background-color 200ms,border-color 200ms}
.sus-d__lamprow li[data-on]{background:var(--amber);border-color:var(--amber)}
.sus-d__lamprow li[data-on]::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid #f0c27a88;opacity:0}
.sus-d__verdict{display:grid;gap:4px;width:100%;margin:0;max-width:none;padding:14px 18px;border-left:4px solid var(--amber);background:#0e4d4a99}
.sus-d__verdict b{font:800 32px/1.1 var(--gft-font-display);letter-spacing:-.03em;color:var(--amber)}
.sus-d__verdict[data-verdict="released"]{border-left-color:#9fd9bb}
.sus-d__verdict[data-verdict="released"] b{color:#9fd9bb}
.sus-d__verdict span{font-size:17px;line-height:1.5;color:#f6f4ef}
.sus-d__panel{display:grid;gap:28px;padding:28px 30px;background:#0e4d4a;border-top:4px solid #9fd9bb;margin-top:18px}
.sus-d__ctl h3{margin:6px 0 6px;font-size:23px}
.sus-d__ctl>p:not(.sus-kicker){font-size:16px;line-height:1.5;color:#f6f4ef}
.sus-d__range{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 16px;margin-top:10px}
.sus-d__range span{grid-column:1/-1;font:600 13px/1.3 var(--gft-font-mono);letter-spacing:.04em;color:#e2ebe6}
.sus-d__range input{-webkit-appearance:none;appearance:none;width:100%;height:48px;margin:0;background:linear-gradient(#ffffff40,#ffffff40) 0 50%/100% 8px no-repeat;border-radius:4px;cursor:pointer}
.sus-d__range input::-webkit-slider-thumb{-webkit-appearance:none;width:48px;height:48px;border-radius:50%;background:#f6f4ef;border:4px solid var(--ochre)}
.sus-d__range input::-moz-range-thumb{width:40px;height:40px;border-radius:50%;background:#f6f4ef;border:4px solid var(--ochre)}
.sus-d__range input:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.sus-d__range output{min-width:4ch;text-align:right;font:800 22px/1 var(--gft-font-display);font-variant-numeric:tabular-nums;color:var(--amber)}
.sus-d__handover{position:absolute;left:clamp(40px,8vw,110px);bottom:calc(-1 * clamp(235px,26vh,275px) + 8px);width:460px;height:clamp(225px,25vh,265px);pointer-events:none;z-index:2}
.sus-d__handover svg{width:100%;height:100%;display:block;overflow:visible}
.sus-d__hlab{position:absolute;left:255px;top:46%;font:600 13px/1.3 var(--gft-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber);background:#072d2be6;padding:4px 10px;border-left:3px solid var(--ochre);white-space:nowrap}
:root[data-m-go] .sus-d__frame[data-m-on] .sus-d__tremor{animation-name:sus-tremor;animation-duration:.9s;animation-delay:0ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
:root[data-m-go] .sus-d__frame[data-m-on] .sus-d__ringw{animation-name:sus-turn;animation-duration:60s;animation-delay:0ms;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal}
:root[data-m-go] .sus-d__frame[data-m-on] .sus-d__ringw--b{animation-name:sus-turn;animation-duration:90s;animation-delay:0ms;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:reverse}
:root[data-m-go] .sus-d__lamps[data-m-on] .sus-d__lamprow li[data-on]::after{animation-name:sus-breathe;animation-duration:2.4s;animation-delay:0ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
:root[data-m-go] .sus-d__frame[data-m-on] .sus-d__chips li[data-weak]{animation-name:sus-chip;animation-duration:1.6s;animation-delay:0ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
@keyframes sus-tremor{from{transform:rotate(-.6deg)}to{transform:rotate(.6deg)}}
@keyframes sus-turn{to{transform:rotate(360deg)}}
@keyframes sus-breathe{from{opacity:.15}to{opacity:.9}}
@keyframes sus-chip{from{opacity:.65}to{opacity:1}}
:root[data-m-go] .sus-sec[data-sus-in] .sus-d__sweep{animation-name:sus-sweep;animation-duration:450ms;animation-delay:0ms;animation-timing-function:var(--gft-ease-in-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-sec[data-sus-in] .sus-d__needle{animation-name:sus-needle;animation-duration:480ms;animation-delay:180ms;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-sec[data-sus-in] .sus-d__panel{animation-name:sus-glide;animation-duration:380ms;animation-delay:140ms;animation-timing-function:var(--gft-ease-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes sus-sweep{from{opacity:.3;transform:rotate(-90deg)}to{opacity:1;transform:none}}
@keyframes sus-needle{from{transform:rotate(-90deg)}}

/* ---------- #8 reduction-project gates (Defect 6 fixed: larger 3-gate stage + travelling unit token) ---------- */
.sus-sec--gt{padding-top:clamp(92px,11vh,118px);padding-bottom:clamp(160px,18vh,196px)}
.sus-gt__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 56px;align-items:end}
.sus-gt__lead{display:grid;gap:8px;justify-items:start}
.sus-gt__lead .sus-head__lede{margin:0}
.sus-gt__lead .gft-text-link{font-size:15px;color:#f6f4ef}
.sus-gt__stage{margin-top:26px}
.sus-gt__loom{padding:22px 26px 20px;background:#072d2bcc;border:1.5px solid #9fd9bb40;box-shadow:0 12px 32px #00000040}
.sus-gt__hdr{display:flex;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #9fd9bb26;font:600 13px/1.3 var(--gft-font-mono);letter-spacing:.06em;text-transform:uppercase;color:#b6e4cb}
.sus-gt__track{display:flex;align-items:center;margin:18px 0;padding:0;border:0;min-width:0;min-height:276px}
.sus-gt__seg{position:relative;flex:1 1 0;height:56px;display:grid;align-items:center}
.sus-gt__seg--in{flex:.75 1 0}
.sus-gt__st{display:grid;gap:5px;transform-origin:50% 50%;transition:transform 420ms var(--gft-ease-in-out),opacity 300ms}
.sus-gt__st i{display:block;height:3px;background:#6bb68f}.sus-gt__st i:nth-child(2){background:#9fd9bb}.sus-gt__st i:nth-child(3){background:#a8a2f2}.sus-gt__st i:nth-child(4){background:#c9c5ff}.sus-gt__st i:nth-child(5),.sus-gt__st i:nth-child(6){background:#f6f4ef}
.sus-gt__pinch{position:absolute;left:0;right:0;top:50%;height:0;border-top:3.5px dashed var(--amber);opacity:0;transition:opacity 300ms}
.sus-gt__seg:not(.sus-gt__seg--in) .sus-gt__st{transform:scaleY(.12);opacity:.5}
.sus-gt__seg:not(.sus-gt__seg--in) .sus-gt__pinch{opacity:1}
.sus-gt[data-n="1"] .sus-gt__seg--0 .sus-gt__st,.sus-gt[data-n="2"] :is(.sus-gt__seg--0,.sus-gt__seg--1) .sus-gt__st,.sus-gt[data-n="3"] .sus-gt__seg .sus-gt__st{transform:none;opacity:1}
.sus-gt[data-n="1"] .sus-gt__seg--0 .sus-gt__pinch,.sus-gt[data-n="2"] :is(.sus-gt__seg--0,.sus-gt__seg--1) .sus-gt__pinch,.sus-gt[data-n="3"] .sus-gt__seg .sus-gt__pinch{opacity:0}
.sus-gt__shuttle{position:absolute;left:0;top:50%;width:100%;height:0;opacity:0;z-index:2;pointer-events:none}
.sus-gt__utok{position:absolute;right:-24px;top:-26px;width:52px;height:52px;overflow:visible;filter:drop-shadow(0 4px 12px #0008)}
.sus-gt[data-n="0"] .sus-gt__seg--in .sus-gt__shuttle,.sus-gt[data-n="1"] .sus-gt__seg--0 .sus-gt__shuttle,.sus-gt[data-n="2"] .sus-gt__seg--1 .sus-gt__shuttle,.sus-gt[data-n="3"] .sus-gt__seg--2 .sus-gt__shuttle{opacity:1}
.sus-gt__frame{position:relative;flex:0 0 auto;width:clamp(200px,19vw,264px);padding:14px 16px;background:#0e4d4a88;border:1.5px solid #9fd9bb44;display:grid;grid-template-rows:auto 164px auto auto auto;justify-items:center;gap:6px;cursor:pointer;transition:background-color 200ms,border-color 200ms}
.sus-gt__frame input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}
.sus-gt__gkicker{font:600 12px/1.2 var(--gft-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#b6e4cb}
.sus-gt__heddle{position:relative;width:128px;height:156px}
.sus-gt__post{position:absolute;top:0;bottom:0;width:9px;border-radius:4px;background:#b6e4cb}
.sus-gt__post:first-child{left:0}.sus-gt__post:nth-child(2){right:0}
.sus-gt__grid{position:absolute;inset:14px 14px;border-inline:1.5px dashed #9fd9bb44;background:repeating-linear-gradient(90deg,#9fd9bb1f 0 2px,transparent 2px 14px)}
.sus-gt__bar{position:absolute;left:-12px;right:-12px;top:calc(50% - 8px);height:16px;border-radius:8px;background:var(--amber);transform:translateY(calc(var(--k) / var(--n) * -56px));transition:transform 360ms var(--gft-ease-out),background-color 240ms}
.sus-gt__bar::after{content:'';position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#072d2b}
.sus-gt__frame[data-open] .sus-gt__bar{transform:translateY(-66px);background:#9fd9bb}
.sus-gt__name{display:flex;align-items:baseline;gap:8px;font:700 18px/1.2 var(--gft-font-display);color:#f6f4ef;text-align:center}
.sus-gt__name b{font:700 14px/1 var(--gft-font-mono);color:#b6e4cb}
.sus-gt__gsub{font:500 13px/1.25 var(--gft-font-mono);color:#d5e6dd;text-align:center}
.sus-gt__tag{padding:5px 12px;font:700 13px/1 var(--gft-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#072d2b;background:var(--amber)}
.sus-gt__frame[data-open] .sus-gt__tag{background:#9fd9bb}
.sus-gt__frame:has(input:checked){background:#0e4d4a;border-color:#f6f4ef;box-shadow:0 0 0 1px #f6f4ef}
.sus-gt__frame:has(input:focus-visible){outline:3px solid var(--amber);outline-offset:3px}
.sus-gt__channels{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:14px;padding-top:14px;border-top:1px solid #9fd9bb26}
.sus-gt__channels p{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:0;max-width:none;font:600 15px/1.3 var(--gft-font-display);color:#f6f4ef}
.sus-gt__channels span{font:13px/1.3 var(--gft-font-mono);color:#e2ebe6;align-self:center}
.sus-gt__ch{grid-column:1/-1;height:7px;border-radius:4px;background:linear-gradient(90deg,#6bb68f,#9fd9bb)}
.sus-gt__ch--b{background:linear-gradient(90deg,#a8a2f2,#c9c5ff)}
.sus-gt__lower{display:grid;grid-template-columns:minmax(0,36fr) minmax(0,64fr);gap:36px;margin-top:48px;align-items:start}
.sus-gt__status{display:grid;gap:14px;justify-items:start}
.sus-gt__stamp{display:inline-block;justify-self:start;padding:10px 18px;font:900 clamp(32px,3.4vw,50px)/1.02 var(--gft-font-display);letter-spacing:-.03em;color:var(--amber);border:5px solid var(--amber);transform:rotate(-2.5deg);max-width:12ch}
.sus-gt__status[data-status="3"] .sus-gt__stamp{color:#9fd9bb;border-color:#9fd9bb}
.sus-gt__why{font-size:17px;line-height:1.5;color:#f6f4ef;max-width:34ch}
.sus-gt__panels{display:grid}
.sus-gt__panels>*{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity 220ms,visibility 0s 220ms}
.sus-gt__panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;padding:26px 28px;background:#0e4d4a;border-top:4px solid var(--amber)}
.sus-gt__panel[data-pass="yes"]{border-top-color:#9fd9bb}
.sus-gt__txt h3{margin:6px 0 8px;font-size:25px}
.sus-gt__what{font-size:17px;line-height:1.5;color:#f6f4ef;font-weight:600}
.sus-gt__detail{margin-top:10px;font-size:16px;line-height:1.55;color:#f6f4ef}
.sus-gt__checks{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.sus-gt__checks label{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;font-size:16px;color:#f6f4ef}
.sus-gt__checks input{width:22px;height:22px;accent-color:var(--ochre);flex:none}
.sus-gt__count{margin:12px 0 0;font-size:15px;color:#e2ebe6}
.sus-gt>.sus-note{margin:18px 0 0 auto;text-align:right}
.sus-gt__count b{display:block;font:800 22px/1.2 var(--gft-font-display);color:var(--amber)}
.sus-gt[data-sel="0"] .sus-gt__panel[data-g="0"],.sus-gt[data-sel="1"] .sus-gt__panel[data-g="1"],.sus-gt[data-sel="2"] .sus-gt__panel[data-g="2"]{visibility:visible;opacity:1;transition:opacity 260ms,visibility 0s}
:root[data-m-go] .sus-gt__loom[data-m-on] .sus-gt__shuttle{animation-name:sus-shuttle;animation-duration:3.2s;animation-delay:0ms;animation-timing-function:cubic-bezier(.45,0,.2,1);animation-iteration-count:infinite;animation-direction:normal}
:root[data-m-go] .sus-gt__loom[data-m-on] .sus-gt__frame:not([data-open]) .sus-gt__post{animation-name:sus-breathe2;animation-duration:2.6s;animation-delay:0ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
@keyframes sus-shuttle{0%{transform:translateX(-82%)}65%,100%{transform:translateX(0)}}
@keyframes sus-breathe2{from{opacity:.55}to{opacity:1}}
:root[data-m-go] .sus-sec[data-sus-in] .sus-gt__heddle{animation-name:sus-heddle;animation-duration:340ms;animation-delay:0ms;animation-timing-function:cubic-bezier(.34,1.3,.64,1);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-sec[data-sus-in] .sus-gt__stamp{animation-name:sus-stamp;animation-duration:240ms;animation-delay:120ms;animation-timing-function:cubic-bezier(.2,.9,.3,1);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes sus-heddle{from{opacity:.4;transform:translateY(-24px)}to{opacity:1;transform:none}}
@keyframes sus-stamp{from{opacity:.4;transform:rotate(-2.5deg) scale(1.1)}to{opacity:1;transform:rotate(-2.5deg) scale(1)}}

/* ---------- #9 closing (Defect 7 fixed: 60% stage for garment+gauges+droplet replay, 3 wide cards with hover read-out) ---------- */
.sus-sec--cl{padding-block:clamp(80px,10vh,112px) 96px;background-color:#072d2b;background-image:linear-gradient(#b4d4c50f 1px,transparent 1px),linear-gradient(90deg,#b4d4c50f 1px,transparent 1px);background-size:24px 24px}
.sus-cl__stage{display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:36px;align-items:stretch}
.sus-cl__gar{position:relative;margin:0;display:grid}
.sus-cl__gframe{position:relative;padding:22px 26px 24px;background:#05221fcc;border:1.5px solid #9fd9bb40;display:grid;grid-template-rows:auto 1fr;gap:14px}
.sus-cl__gtop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #9fd9bb26}
.sus-cl__trace{min-height:44px;padding:8px 18px;background:#0e4d4a;border:1.5px solid var(--amber);color:#f6f4ef;font:700 15px/1 var(--gft-font-display);cursor:pointer;transition:background-color 200ms,color 200ms}
.sus-cl__trace:hover{background:var(--amber);color:#072d2b}
.sus-cl__canvas{display:grid;gap:18px;align-content:space-between}
.sus-cl__canvas>svg{width:100%;height:auto;aspect-ratio:920/470;display:block;overflow:visible}
.sus-cl__gate,.sus-cl__tab{transform-box:fill-box;transform-origin:center}
.sus-cl__bead{transform:translate(748px,212px);opacity:0}
.sus-cl__gauges{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(180px,1.1fr);gap:20px;align-items:center;padding-top:14px;border-top:1px solid #9fd9bb26}
.sus-cl__g{text-align:center}
.sus-cl__g svg{width:100%;max-width:190px;height:auto;margin-inline:auto;display:block}
.sus-cl__g p{margin:6px 0 0;font:600 14px/1.3 var(--gft-font-mono);letter-spacing:.04em;color:#f6f4ef}
.sus-cl__g--w .sus-cl__gtrack{stroke:#6bb68f;stroke-opacity:.28}.sus-cl__g--w .sus-cl__gt{stroke:#9fd9bb}
.sus-cl__g--e .sus-cl__gtrack{stroke:#a8a2f2;stroke-opacity:.28}.sus-cl__g--e .sus-cl__gt{stroke:#c9c5ff}
.sus-cl__needle{transform-box:view-box;transform-origin:90px 92px;transform:rotate(var(--ca,48deg))}
.sus-cl__acc{display:grid;gap:6px;margin:0;padding:12px 14px;background:#0e4d4a88;border-left:3px solid var(--amber)}
.sus-cl__acc b{justify-self:start;padding:4px 10px;font:800 13px/1.2 var(--gft-font-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--amber);color:#072d2b}
.sus-cl__acc span{font:13px/1.45 var(--gft-font-mono);color:#e2ebe6}

.sus-cl__right{display:grid;gap:20px;align-content:space-between}
.sus-cl__head h2{font-size:clamp(2rem,2.9vw,3.1rem);max-width:18ch}
.sus-cl__head .sus-head__lede{max-width:48ch;font-size:16px}
.sus-cl__label{position:relative;padding:26px 28px 24px;background:#0e4d4a;color:#f6f4ef;box-shadow:0 0 0 1px #9fd9bb40}
.sus-cl__weave{position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(90deg,#f6f4ef33 0 3px,transparent 3px 7px),linear-gradient(#9fd9bb,#9fd9bb) 0 100%/100% 2px no-repeat}
.sus-cl__label::after{content:'';position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(90deg,#f6f4ef33 0 3px,transparent 3px 7px),linear-gradient(#9fd9bb,#9fd9bb) 0 0/100% 2px no-repeat}
.sus-cl__acct{display:grid;gap:6px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px dashed #f6f4ef55}
.sus-cl__acct div{display:grid;grid-template-columns:10ch 1fr;gap:12px;align-items:baseline}
.sus-cl__acct dt{font:700 13px/1.3 var(--gft-font-mono);letter-spacing:.12em;text-transform:uppercase;color:#b6e4cb}
.sus-cl__acct dd{margin:0;font:700 clamp(17px,1.4vw,20px)/1.3 var(--gft-font-mono);letter-spacing:-.01em;color:#f6f4ef}
.sus-cl__read{display:grid;align-content:start}
.sus-cl__read>article{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity 220ms,visibility 0s 220ms}
.sus-cl__route{margin:8px 0 4px;font:13px/1.3 var(--gft-font-mono);color:#b6e4cb;word-break:break-all}
.sus-cl__rd h3{font-size:24px;margin:6px 0 8px}
.sus-cl__rd p{font-size:16px;line-height:1.5;color:#f6f4ef;margin:0}
.sus-cl__rd .sus-cl__status{margin-top:8px;font:13px/1.45 var(--gft-font-mono);color:#e2ebe6}
.sus-cl__go{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:10px;font:700 16px/1 var(--gft-font-display);color:var(--amber)}
.sus-cl__go--off{color:#e2ebe6}
.sus-cl__selv{position:absolute;right:48px;top:100%;height:44px;display:flex;gap:2px;pointer-events:none}
.sus-cl__selv i{width:2.4px;height:100%;background:#6bb68f}.sus-cl__selv i:nth-child(2){background:#9fd9bb}.sus-cl__selv i:nth-child(3),.sus-cl__selv i:nth-child(4){background:#a8a2f2}.sus-cl__selv i:nth-child(5),.sus-cl__selv i:nth-child(6){background:#f6f4ef}
.sus-cl[data-i="0"] .sus-cl__rd[data-rd="0"],.sus-cl[data-i="1"] .sus-cl__rd[data-rd="1"],.sus-cl[data-i="2"] .sus-cl__rd[data-rd="2"],.sus-cl[data-i="3"] .sus-cl__rd[data-rd="3"],.sus-cl[data-i="4"] .sus-cl__rd[data-rd="4"],.sus-cl[data-i="5"] .sus-cl__rd[data-rd="5"]{visibility:visible;opacity:1;transition:opacity 260ms,visibility 0s}

.sus-cl__cards{margin:40px 0 0;padding:0;border:0;min-width:0}
.sus-cl__clegend{margin-bottom:16px;display:block}
.sus-cl__cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sus-cl__row{position:relative;display:grid;grid-template-columns:8px 1fr;background:#0e4d4a80;border:1.5px solid #9fd9bb38;cursor:pointer;transition:background-color 200ms,border-color 200ms,transform 200ms var(--gft-ease-out)}
.sus-cl__row input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.sus-cl__strand{background:#6bb68f;opacity:.65;transition:opacity 200ms,box-shadow 200ms}
.sus-cl__row--e .sus-cl__strand{background:#a8a2f2}.sus-cl__row--m .sus-cl__strand{background:#f6f4ef}
.sus-cl__cbody{padding:20px 22px;display:grid;gap:8px;align-content:space-between}
.sus-cl__ctop{display:flex;align-items:center;gap:10px}
.sus-cl__kind{width:20px;height:20px;color:#b6e4cb;flex:none}
.sus-cl__kind svg{width:20px;height:20px}
.sus-cl__ctop em{font:600 13px/1.2 var(--gft-font-mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#b6e4cb}
.sus-cl__ctitle{font:700 20px/1.22 var(--gft-font-display);color:#f6f4ef}
.sus-cl__cdesc{margin:0;font-size:15px;line-height:1.48;color:#e2ebe6}
.sus-cl__cfoot{font:700 13px/1.2 var(--gft-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber);margin-top:4px}
.sus-cl__row:hover,.sus-cl__row:has(input:checked){background:#0e4d4a;border-color:var(--amber);transform:translateY(-2px)}
.sus-cl__row:has(input:checked) .sus-cl__strand{opacity:1;box-shadow:0 0 12px #f0c27a}
.sus-cl__row:has(input:focus-visible){outline:3px solid var(--amber);outline-offset:2px}
:root[data-m-go] .sus-cl__gar[data-m-on] .sus-cl__gate{animation-name:sus-pulse;animation-duration:2.4s;animation-delay:0ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
:root[data-m-go] .sus-cl__gar[data-m-on] .sus-cl__needle{animation-name:sus-cl-breathe;animation-duration:4s;animation-delay:0ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
@keyframes sus-cl-breathe{from{transform:rotate(calc(var(--ca,48deg) - 4deg))}to{transform:rotate(calc(var(--ca,48deg) + 4deg))}}
:root[data-m-go] .sus-sec[data-sus-in] .sus-cl__body{animation-name:sus-x-drawd;animation-duration:420ms;animation-delay:0ms;animation-timing-function:var(--gft-ease-in-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
.sus-cl__body{transform-box:view-box}

@media (prefers-reduced-motion: reduce){.sus-x--comb::before{clip-path:inset(0 0 0 100%)!important}.sus-x__fringe{opacity:0!important}}
:root[data-motion=calm] .sus-x--comb::before{clip-path:inset(0 0 0 100%)!important}

/* ---------- responsive layouts ---------- */
@media (max-width:1100px){
.sus-b__grid,.sus-c__top,.sus-c__band,.sus-l__split,.sus-s__body,.sus-ch__top,.sus-ch__lower,.sus-d,.sus-gt__lower,.sus-cl__stage{grid-template-columns:1fr}
.sus-cl__cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sus-d__dialw{padding-left:0}
.sus-d__handover{display:none}
.sus-ch{height:auto}
.sus-ch__pin{position:relative;min-height:0}
.sus-ch__right{justify-items:start;text-align:left}
.sus-ch__ctl{justify-content:flex-start}
}
@media (max-width:640px){
.sus-b,.sus-c,.sus-l,.sus-d,.sus-gt,.sus-cl,.sus-ch__pin{width:calc(100% - 32px)}
.sus-head h2{font-size:clamp(2rem,8.4vw,2.5rem)}
.sus-l__top,.sus-d__head,.sus-gt__top,.sus-s__band .sus-head,.sus-cl__gauges,.sus-cl__cgrid{grid-template-columns:1fr}
.sus-b__chips label{flex:1 1 40%}
.sus-b__chips span{font-size:15px;padding:8px 10px;min-height:48px}
.sus-b__ph{display:none}
.sus-lab{font-size:13px;letter-spacing:.02em}
.sus-b__sl[data-scene="process-route"]:not(.sus-lab--k):not(.sus-lab--w){font-size:13px}
.sus-b__panel .sus-b__formula{font-size:20px}
.sus-c__frame{margin-inline:-8px;aspect-ratio:auto;padding-top:calc(360 / 1400 * 100%)}
.sus-c__frame>svg,.sus-c__labs{bottom:auto;height:auto;aspect-ratio:1400/360}
.sus-c__scan,.sus-lab--ax,.sus-d__fl,.sus-c__l-raw,.sus-c__l-loc,.sus-c__l-tgt,.sus-c__l-base{display:none}
.sus-d__frame{margin-top:76px;width:100%}
.sus-d__chips{position:absolute;top:-72px;left:0;right:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.sus-d__chips li{position:static;transform:none;font-size:13px;padding:3px 6px}
.sus-c__mark--b em{top:-22px}
.sus-c__track{margin-top:28px}
.sus-b__chips legend{float:none;width:100%;max-width:none;margin-bottom:8px}
.sus-lab--ink,.sus-lab--ink2{letter-spacing:0}
.sus-x--twist,.sus-x--bridge{display:none}
.sus-c__big{font-size:64px}
.sus-c__fig[data-panel="target"] .sus-c__big{font-size:52px}
.sus-c__tabs label{flex:1 1 40%}
.sus-c__gapnum{font-size:88px}
.sus-l__ctl{justify-items:start;text-align:left}
.sus-l__loom{padding:16px}
.sus-l__pairs{grid-template-columns:1fr;gap:18px}
.sus-l__diag,.sus-l__terms{padding:20px 18px}
.sus-s__pin{padding:14px 16px 10px;gap:8px}
.sus-s__band .sus-head h2{font-size:24px}
.sus-s__band .sus-head__lede{font-size:15px;line-height:1.4;margin-top:4px}
.sus-s__rail{padding:12px}
.sus-s__tabs{grid-template-columns:repeat(4,1fr);padding-bottom:6px}
.sus-s__tabs button{grid-template-columns:1fr;justify-items:center;padding:6px 4px;gap:2px}
.sus-s__tl,.sus-s__posted,.sus-s__efoot,.sus-s__cl,.sus-s__ml,.sus-s__pl,.sus-s__rd{display:none}
.sus-s__frame{aspect-ratio:960/470;width:100cqw;overflow:clip}
.sus-s__cam{inset:0 auto auto -12.5%;width:125%;height:auto;aspect-ratio:1200/470}
.sus-ch__track{height:auto}
.sus-ch__svg,.sus-ch__run{display:none}
.sus-ch__nodes{grid-template-columns:1fr;gap:14px;padding-top:8px}
.sus-ch__node{grid-template-columns:56px 1fr;justify-items:start;align-items:center;gap:4px 14px}
.sus-ch__ring{grid-row:1/4;width:52px;height:52px}
.sus-ch__nl,.sus-ch__nsub{text-align:left}
.sus-d__lamps,.sus-gt__channels,.sus-gt__panel{grid-template-columns:1fr}
.sus-gt__track{flex-direction:column;align-items:stretch;min-height:0}
.sus-gt__seg{flex:0 0 36px;width:44px;height:36px;margin-left:46px}
.sus-gt__seg--in{flex:0 0 28px}
.sus-gt__st{display:flex;gap:3px;height:100%;justify-content:center}
.sus-gt__st i{width:2.6px;height:100%}
.sus-gt__seg:not(.sus-gt__seg--in) .sus-gt__st{transform:scaleX(.12)}
.sus-gt[data-n="1"] .sus-gt__seg--0 .sus-gt__st,.sus-gt[data-n="2"] :is(.sus-gt__seg--0,.sus-gt__seg--1) .sus-gt__st,.sus-gt[data-n="3"] .sus-gt__seg .sus-gt__st{transform:none}
.sus-gt__pinch{left:50%;right:auto;top:0;bottom:0;height:auto;border-top:0;border-left:3px dashed var(--amber)}
.sus-gt__shuttle{left:50%;top:0;width:0;height:100%}
.sus-gt__utok{right:auto;left:-26px;top:auto;bottom:-26px}
.sus-gt__frame{width:100%}
.sus-cl__gframe,.sus-cl__label{padding:18px}
}
@media (max-width:640px){:root[data-m-go] .sus-gt__loom[data-m-on] .sus-gt__shuttle{animation-name:sus-shuttle-y}}
@keyframes sus-shuttle-y{0%{transform:translateY(-82%)}65%,100%{transform:translateY(0)}}
/* Splash for /capabilities/sustainability-measurement-and-traceability/ (grammar caps-b-sustainability, fibre, seed 251).
   Title block left, the account ribbon set-piece right at full height; the boundary console of #2 peeks below.
   Draw-in staged and settled by 900 ms: transform, opacity and clip-path only, fill-mode backwards. */
/* Reserve the complete read-out above the measured footer, including its rise entrance. */
[data-splash='caps-b-sustainability']{min-height:max(720px,calc(100svh - 300px))}
[data-splash='caps-b-sustainability'] .gft-splash__structure{inset:0 0 calc(var(--splash-strip-h,73px) + 24px);z-index:-1;display:block}
[data-splash='caps-b-sustainability'] .gft-splash__structure::after{background:linear-gradient(90deg,#072d2b 0%,#072d2bb8 20%,#072d2b00 40%)}
[data-splash='caps-b-sustainability'] .gft-splash__content{padding-top:24px;padding-bottom:24px}
[data-splash='caps-b-sustainability'] .gft-splash__content>*{max-width:min(42vw,620px)}
[data-splash='caps-b-sustainability'] h1{font-size:clamp(2.9rem,min(5.3vw,8.4svh),5.6rem);max-width:none;margin-top:22px}
[data-splash='caps-b-sustainability'] h1 .gft-serif{color:#9fd9bb}
[data-splash='caps-b-sustainability'] .gft-eyebrow{font-size:13px;letter-spacing:.08em;color:#c9dbd1}
[data-splash='caps-b-sustainability'] .gft-splash__lede{font-size:clamp(17px,1.25vw,19px);line-height:1.6;color:#e2ebe6;max-width:40ch;margin-top:20px}
[data-splash='caps-b-sustainability'] .gft-splash__actions{margin-top:22px}
[data-splash='caps-b-sustainability'] .gft-splash__data{font-size:13px;letter-spacing:.08em;color:#c9dbd1;top:22px}
[data-splash='caps-b-sustainability'] .gft-splash__signal{font-size:13px}
[data-splash='caps-b-sustainability'] .gft-splash__position,[data-splash='caps-b-sustainability'] .gft-splash__caption{font-size:13px;color:#c9dbd1}
[data-splash='caps-b-sustainability'] .gft-splash__cue{font-size:14px}
[data-splash='caps-b-sustainability'] .gft-splash__bottom{padding-block:14px}
.sus-hero{position:absolute;inset:0;margin:0;container-type:size;overflow-anchor:none}
.sus-hero__box{position:absolute;right:1.5%;top:0;bottom:0;margin-block:auto;height:min(100cqh,calc(100cqw * 760 / 1300));aspect-ratio:1300/760}
.sus-hero__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sus-hero__lead{opacity:.3}
.sus-rb__s--w{stroke:#6bb68f}.sus-rb__s--w:nth-child(2){stroke:#9fd9bb}
.sus-rb__s--e{stroke:#a8a2f2}.sus-rb__s--e:nth-child(4){stroke:#c9c5ff}
.sus-rb__s--m{stroke:#f6f4ef}.sus-rb__s--m:nth-child(6){stroke:#dfe9e4}
.sus-hero__p{fill:#f6f4ef}.sus-hero__p--w{fill:#9fd9bb}.sus-hero__p--e{fill:#c9c5ff}
.sus-hero__node,.sus-hero__gatew,.sus-hero__gate{transform-box:fill-box;transform-origin:center}
.sus-hero__garment,.sus-hero__fill{transform-box:fill-box}
.sus-hero__flat{transform-box:view-box;transform-origin:0 318px}
.sus-hero__gauges{position:absolute;inset:0;pointer-events:none}
.sus-hero__g{position:absolute;top:calc(376 / 760 * 100%);margin:0}
.sus-hero__g svg{display:block;width:100%;height:auto;overflow:visible}
.sus-hero__g p{margin-top:8px;text-align:center;font:600 14px/1.3 var(--gft-font-mono);letter-spacing:.06em;text-transform:uppercase;color:#f6f4ef}
.sus-hero__g--w .sus-hero__track{stroke:#6bb68f;stroke-opacity:.34}.sus-hero__g--w .sus-hero__arc{stroke:#9fd9bb}
.sus-hero__g--e .sus-hero__track{stroke:#a8a2f2;stroke-opacity:.34}.sus-hero__g--e .sus-hero__arc{stroke:#c9c5ff}
.sus-hero__needlew{transform-box:view-box;transform-origin:120px 128px;transform:rotate(var(--a))}
.sus-hero__needle{transform-box:view-box;transform-origin:120px 128px}
.sus-hero__read{position:absolute;top:calc(582 / 760 * 100%);right:2%;display:grid;gap:8px;color:#e2ebe6;background:#072d2bcc;padding:12px 16px;border-left:3px solid #c98a2b}
.sus-hero__tick{display:flex;align-items:baseline;gap:14px;margin:0;max-width:none}
.sus-hero__tk{font:600 14px/1 var(--gft-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#9fd9bb}
.sus-hero__tw{display:inline-block;height:1.3em;min-width:12ch;overflow:clip;font:700 clamp(19px,1.7vw,24px)/1.3 var(--gft-font-display);color:#f6f4ef}
.sus-hero__tw b{display:inline-block;font-weight:700}
.sus-hero__key{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;max-width:none;font:500 14px/1.4 var(--gft-font-mono);letter-spacing:.03em;color:#f6f4ef}
.sus-hero__key span{display:inline-flex;align-items:center;gap:8px}
.sus-k{display:inline-block;width:18px;height:3px;background:#9fd9bb}.sus-k--batch{width:10px;height:10px;border-radius:50%;background:transparent;border:2px solid #9fd9bb}.sus-k--gate{width:10px;height:10px;border-radius:50%;background:#c98a2b}
.sus-hero__cap{margin:0;font:14px/1.4 var(--gft-font-mono);color:#d5e6dd}
:root[data-m-go] .sus-hero__grid{animation-name:sus-h-fade;animation-duration:200ms;animation-delay:0ms;animation-timing-function:linear;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-hero__fill{animation-name:sus-h-fill;animation-duration:300ms;animation-delay:0ms;animation-timing-function:var(--gft-ease-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-hero__lead{animation-name:sus-h-fadelead;animation-duration:400ms;animation-delay:100ms;animation-timing-function:linear;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-hero__rb .sus-rb__s{animation-name:sus-h-draw;animation-duration:460ms;animation-delay:calc(150ms + var(--i) * 40ms);animation-timing-function:var(--gft-ease-in-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-hero__node{animation-name:sus-h-knot;animation-duration:260ms;animation-delay:calc(400ms + var(--i) * 40ms);animation-timing-function:var(--gft-ease-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-hero__garment{animation-name:sus-h-stroke;animation-duration:300ms;animation-delay:500ms;animation-timing-function:var(--gft-ease-in-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-hero__gate{animation-name:sus-h-pop;animation-duration:140ms;animation-delay:760ms;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-hero__arc{animation-name:sus-h-sweep;animation-duration:600ms;animation-delay:300ms;animation-timing-function:var(--gft-ease-in-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-hero__g p{animation-name:sus-h-fade;animation-duration:300ms;animation-delay:420ms;animation-timing-function:linear;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .sus-hero__read{animation-name:sus-h-rise;animation-duration:300ms;animation-delay:600ms;animation-timing-function:var(--gft-ease-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes sus-h-fade{from{opacity:0}}
@keyframes sus-h-fadelead{from{opacity:0}to{opacity:.3}}
@keyframes sus-h-fill{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes sus-h-draw{from{clip-path:inset(-30% 100% -30% 0)}to{clip-path:inset(-30% -2% -30% 0)}}
@keyframes sus-h-knot{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
@keyframes sus-h-stroke{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes sus-h-pop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
@keyframes sus-h-sweep{from{clip-path:inset(-10% 100% -10% -10%)}to{clip-path:inset(-10% -10% -10% -10%)}}
@keyframes sus-h-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
:root[data-m-go] .sus-hero[data-m-on] .sus-hero__needle{animation-name:sus-h-breathe;animation-duration:5s;animation-delay:0ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
:root[data-m-go] .sus-hero[data-m-on] .sus-hero__g--e .sus-hero__needle{animation-name:sus-h-breathe;animation-duration:6.2s;animation-delay:0ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
:root[data-m-go] .sus-hero[data-m-on] .sus-hero__gatew{animation-name:sus-h-pulse;animation-duration:2.4s;animation-delay:0ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
@keyframes sus-h-breathe{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
@keyframes sus-h-pulse{from{transform:scale(.9);opacity:.8}to{transform:scale(1.18);opacity:1}}
@supports (animation-timeline: view()){
:root[data-m-go] .sus-hero__flat{animation-name:sus-h-flat;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-iteration-count:1;animation-direction:normal;animation-timeline:--gft-splash;animation-range-start:exit 0%;animation-range-end:exit 90%}
}
@keyframes sus-h-flat{from{transform:none}to{transform:translateY(40px) scaleY(.36)}}
@media(max-width:1000px){[data-splash='caps-b-sustainability'] .gft-splash__content>*{max-width:min(52vw,560px)}}
@media(max-width:640px){
[data-splash='caps-b-sustainability']{min-height:0}
[data-splash='caps-b-sustainability'] .gft-splash__content{padding-top:28px;padding-bottom:calc(76vw + 356px)}
[data-splash='caps-b-sustainability'] .gft-splash__content>*{max-width:none}
[data-splash='caps-b-sustainability'] h1{font-size:44px;line-height:1.02}
[data-splash='caps-b-sustainability'] .gft-splash__lede{font-size:17px}
[data-splash='caps-b-sustainability'] .gft-splash__actions .gft-button{width:100%}
[data-splash='caps-b-sustainability'] .gft-splash__data{display:none}
[data-splash='caps-b-sustainability'] .gft-splash__structure{inset:auto 0 calc(var(--splash-strip-h,96px) + 24px) 0;height:calc(76vw + 304px)}
[data-splash='caps-b-sustainability'] .gft-splash__structure::after{background:none}
.sus-hero{container-type:normal}
.sus-hero__box{top:0;bottom:auto;left:-30%;right:auto;width:130%;height:auto;margin:0}
.sus-hero__gauges{inset:auto 0 auto 25%;top:calc(100% + 4px);display:flex;justify-content:space-between;width:72%}
.sus-hero__g{position:static;width:46%!important}
.sus-hero__read{position:absolute;left:25%!important;right:3%;top:calc(100% + 146px);padding:8px 12px;gap:4px}
.sus-hero__key{font-size:13px;gap:4px 12px}
.sus-hero__cap{font-size:12px}
}