/* Retained equipment imagery and existing clips; playback is gated by visibility. */
.dhd-process{--process-gold:#D8C498;--process-paper:#F4F0E5;--process-muted:#CAD2CD;background:#191b16;color:var(--process-paper);width:100%;min-width:0;padding:clamp(36px,6vw,88px) 0 0;overflow:hidden}
.dhd-process *{box-sizing:border-box}
.dhd-process [hidden]{display:none!important}
.dhd-process .process-heading,.dhd-process .process-controls{padding-inline:clamp(20px,5vw,88px)}
body.dhd .dhd-process .process-scope{font:700 13px/1.5 var(--sans,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--process-gold);margin:0 0 18px}
body.dhd .dhd-process .process-title{font:650 clamp(38px,5.3vw,76px)/1.08 var(--display,var(--sans,sans-serif));letter-spacing:-.035em;color:var(--process-paper);max-width:22ch;margin:0 0 32px;text-wrap:balance;overflow-wrap:break-word}
.dhd-process .process-controls{padding-bottom:24px}
.dhd-process .process-navigation-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
body.dhd .dhd-process .process-state{color:var(--process-gold);font:650 18px/1.4 var(--sans,sans-serif);font-variant-numeric:tabular-nums;letter-spacing:.08em;margin:0}
body.dhd .dhd-process .process-instruction{font:500 15px/1.5 var(--sans,sans-serif);color:var(--process-muted);margin:0}
.dhd-process .process-navigation{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a58b59 #292c24;scroll-behavior:auto;padding:8px 0 12px}
.dhd-process .process-track{position:relative;display:flex;min-width:100%;width:max-content;height:auto;margin:0;background:none;isolation:isolate}
.dhd-process .process-track:before{content:"";position:absolute;z-index:-1;inset:11px 58px auto;height:2px;background:repeating-linear-gradient(90deg,#bcac8790 0 3px,transparent 3px 10px)}
body.dhd .dhd-process .process-step{appearance:none;position:relative;flex:1 0 116px;min-width:116px;min-height:104px;border:0;border-radius:0;background:transparent;padding:29px 8px 12px;color:var(--process-muted);font:550 13px/1.35 var(--sans,sans-serif);cursor:pointer;text-align:center;white-space:normal;overflow-wrap:anywhere}
.dhd-process .process-step-marker{position:absolute;top:6px;left:calc(50% - 6px);width:12px;height:12px;border:1px solid #a9946c;border-radius:50%;background:#191b16}
.dhd-process .process-step-number{display:block;height:auto;background:none;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.1em;margin-bottom:7px}
.dhd-process .process-step-name{display:block;height:auto;background:none}
body.dhd .dhd-process .process-step[aria-selected=true]{color:var(--process-gold);font-weight:750}
.dhd-process .process-step[aria-selected=true] .process-step-marker{background:var(--process-gold);border-color:var(--process-gold);box-shadow:0 0 0 5px #edc88017}
body.dhd .dhd-process .process-step:focus-visible{outline:2px solid var(--process-gold);outline-offset:-3px;border-radius:4px}
.dhd-process .process-traveller{position:absolute;z-index:2;left:-4px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--process-gold);pointer-events:none;will-change:transform}
.dhd-process .process-stage{margin:0;border-top:1px solid #ffffff24;scroll-margin-top:calc(var(--header,80px) + 20px)}
.dhd-process .process-stage:focus-visible{outline:2px solid var(--process-gold);outline-offset:-3px}
/* The scene fills the viewport below the fixed site header; evidence follows it. */
.dhd-process .process-scene{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:calc(100svh - var(--header,80px));padding:clamp(36px,6vw,88px) clamp(20px,5vw,88px) clamp(72px,8vh,104px);background:#151a16;overflow:hidden}
.dhd-process .process-machine{position:absolute;inset:0;margin:0;z-index:-2;background:#171b17}
.dhd-process .process-machine img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;margin:0}
.dhd-process .process-machine .process-film{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;margin:0;opacity:0;pointer-events:none;transition:opacity .32s ease}
.dhd-process .process-machine .process-film.is-playing{opacity:1}
.dhd-process .process-scene:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(8,15,11,.64),rgba(8,15,11,.08) 76%),linear-gradient(0deg,rgba(8,15,11,.91),rgba(8,15,11,.2) 62%,rgba(8,15,11,.08))}
.dhd-process .process-stage-text .process-scene{min-height:0;padding-top:44px;padding-bottom:116px;background:#201a14}.dhd-process .process-stage-text .process-stage-copy{max-width:100%}
.dhd-process .process-stage-copy{display:grid;grid-template-columns:1fr;gap:22px;max-width:min(1060px,88%);margin:0;position:relative}
.dhd-process .process-stage-index{font:550 clamp(16px,1.5vw,22px)/1.3 var(--sans,sans-serif);letter-spacing:.16em;color:var(--process-gold);font-variant-numeric:tabular-nums}
body.dhd .dhd-process .process-stage h3{font:650 clamp(48px,7.2vw,116px)/1.02 var(--display,var(--sans,sans-serif));letter-spacing:-.045em;color:var(--process-paper);margin:0 0 20px;overflow-wrap:normal;word-break:normal;text-wrap:balance;text-shadow:0 2px 26px #0003}
body.dhd .dhd-process .process-purpose{font:500 clamp(22px,2.3vw,34px)/1.4 var(--sans,sans-serif);color:var(--process-paper);max-width:36ch;margin:0;text-wrap:balance}
body.dhd .dhd-process .process-critical{font:550 clamp(16px,1.4vw,20px)/1.6 var(--sans,sans-serif);color:var(--process-gold);margin:20px 0 0;max-width:42ch}
body.dhd .dhd-process .process-gap{font:450 17px/1.6 var(--sans,sans-serif);color:var(--process-muted);margin:26px 0 0;max-width:42ch}
body.dhd .dhd-process .process-image-label{position:absolute;left:clamp(20px,5vw,88px);right:250px;bottom:28px;color:var(--process-muted);font:500 12px/1.5 var(--sans,sans-serif);letter-spacing:.035em;margin:0}
.dhd-process .process-scene-navigation{position:absolute;right:clamp(20px,5vw,88px);bottom:18px;display:flex;gap:10px;align-items:center}
body.dhd .dhd-process .process-scene-navigation button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:48px;min-height:48px;padding:10px 16px;border:1px solid #f1d39a66;border-radius:0;background:#211b14b3;color:var(--process-paper);font:650 15px/1.3 var(--sans,sans-serif);cursor:pointer}
body.dhd .dhd-process .process-scene-navigation button:hover{border-color:var(--process-gold);background:#392e1d}
body.dhd .dhd-process .process-scene-navigation button:focus-visible{outline:2px solid var(--process-gold);outline-offset:4px}
/* Intentional editorial fallbacks, never disguised as footage of a held machine. */
.dhd-process .process-stage-diagram .process-scene{display:grid;align-content:space-between;gap:64px;padding-top:clamp(64px,12vh,132px);background:radial-gradient(ellipse at 78% 25%,#4c3d25 0,transparent 62%),#211c15}
.dhd-process .process-stage-diagram .process-scene:after{background:linear-gradient(0deg,#100e0cd9,transparent 72%)}
.dhd-process .process-transfer{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:clamp(24px,5vw,90px);width:min(1280px,100%);align-items:start;position:relative}
.dhd-process .process-transfer:before{content:"";position:absolute;top:31px;left:20px;right:20px;height:1px;background:#dcc99d6b;z-index:-1}
.dhd-process .process-transfer-step{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.dhd-process .process-transfer-number{display:grid;place-items:center;width:64px;height:64px;border:1px solid #c9ad75;border-radius:50%;background:#292319;color:var(--process-gold);font:600 21px/1 var(--sans,sans-serif);margin-bottom:8px}
.dhd-process .process-transfer-step strong{display:block;color:var(--process-paper);font:700 clamp(24px,3.25vw,48px)/1.1 var(--sans,sans-serif);letter-spacing:-.025em}
.dhd-process .process-transfer-step>span:last-child{font:450 clamp(16px,1.45vw,21px)/1.4 var(--sans,sans-serif);color:var(--process-muted)}
.dhd-process .process-transfer-air .process-transfer-number{border-style:dashed}
.dhd-process .process-stage-diagram .process-stage-copy{gap:12px}
.dhd-process .process-stage-pack .process-scene{background:radial-gradient(ellipse at 76% 45%,#596460 0,#303C37 37%,#18221F 72%)}
.dhd-process .process-stage-pack .process-scene:after{background:linear-gradient(90deg,#13221ABD,transparent 67%),linear-gradient(0deg,#13221AB3,transparent 40%)}
.dhd-process .process-finished-pack{position:absolute;inset:24px 2% 48px 41%;margin:0;z-index:-2}
.dhd-process .process-finished-pack img{width:100%;height:100%;object-fit:contain;display:block;margin:0}
.dhd-process .process-stage-pack .process-stage-copy{max-width:48%;padding-bottom:70px}
body.dhd .dhd-process .process-stage-pack h3{font-size:clamp(48px,6.25vw,96px)}
.dhd-process .process-evidence{padding:0 clamp(20px,5vw,88px);background:#191b16;border-top:1px solid #ffffff24}
.dhd-process .process-detail{max-width:1360px;margin:0 auto;padding-block:10px 20px}
.dhd-process .process-detail summary{max-width:100%;min-height:48px;padding-block:16px;cursor:pointer;color:var(--process-paper);font:600 16px/1.5 var(--sans,sans-serif)}
.dhd-process .process-detail summary:focus-visible{outline:2px solid var(--process-gold);outline-offset:4px}
.dhd-process .process-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,88px);padding:18px 0 20px}
body.dhd .dhd-process .process-evidence h4{font:650 14px/1.5 var(--sans,sans-serif);letter-spacing:.055em;text-transform:uppercase;color:var(--process-gold);margin:0 0 12px}
body.dhd .dhd-process .process-detail p{font:450 clamp(17px,1.3vw,20px)/1.7 var(--sans,sans-serif);color:var(--process-muted);margin:0;max-width:58ch}
.dhd-process .process-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){
 .dhd-process .process-heading,.dhd-process .process-controls{padding-inline:20px}
 .dhd-process .process-controls{padding-right:0}
 .dhd-process .process-navigation-heading{padding-right:20px}
 .dhd-process .process-navigation{padding-right:20px}
 .dhd-process .process-scene{min-height:calc(100svh - var(--header,108px));padding:36px 20px 78px}
 .dhd-process .process-stage-copy{max-width:100%;gap:20px}
 .dhd-process .process-scene:after{background:linear-gradient(0deg,rgba(8,15,11,.94),rgba(8,15,11,.38) 66%,rgba(8,15,11,.12))}
 body.dhd .dhd-process .process-stage h3{font-size:clamp(38px,9.4vw,66px);overflow-wrap:break-word}
 body.dhd .dhd-process .process-purpose{font-size:23px;max-width:25ch}
 body.dhd .dhd-process .process-title{font-size:clamp(35px,8.2vw,56px)}
 .dhd-process .process-evidence-grid{grid-template-columns:1fr;gap:28px}
 .dhd-process .process-detail summary{font-size:15px}
 .dhd-process .process-scene{padding-bottom:136px}
 body.dhd .dhd-process .process-image-label{left:20px;right:20px;bottom:84px;font-size:11px}
 .dhd-process .process-scene-navigation{left:20px;right:20px;bottom:20px;justify-content:flex-end}
 .dhd-process .process-stage-diagram .process-scene{gap:42px;padding-top:38px}
 .dhd-process .process-transfer{grid-template-columns:1fr;gap:24px}
 .dhd-process .process-transfer:before{left:24px;right:auto;top:20px;bottom:22px;width:1px;height:auto}
 .dhd-process .process-transfer-step{position:relative;min-height:66px;padding-left:72px;gap:5px;justify-content:center}
 .dhd-process .process-transfer-number{position:absolute;left:0;top:4px;width:48px;height:48px;font-size:16px;margin:0}
 .dhd-process .process-transfer-air .process-transfer-number{transform:rotate(90deg)}
 .dhd-process .process-transfer-step strong{font-size:clamp(23px,6.3vw,34px)}
 .dhd-process .process-transfer-step>span:last-child{font-size:16px}
 .dhd-process .process-stage-pack .process-scene{display:flex;padding-top:clamp(285px,43svh,390px);background:radial-gradient(ellipse at 64% 26%,#596460 0,#303C37 37%,#18221F 72%)}
 .dhd-process .process-finished-pack{inset:0 0 auto;height:clamp(300px,45svh,410px)}
 .dhd-process .process-stage-pack .process-stage-copy{max-width:100%;padding-bottom:0;gap:12px}
 body.dhd .dhd-process .process-stage-pack h3{font-size:clamp(38px,9.4vw,66px)}
}
@media(prefers-reduced-motion:reduce){.dhd-process *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.dhd-process .process-film{display:none!important}}
@media print{
 .dhd-process .process-controls{display:none!important}.dhd-process .process-stage[hidden]{display:block!important}.dhd-process{background:white;color:black}
 .dhd-process .process-film{display:none!important}
 .dhd-process .process-scene-navigation{display:none!important}
 .dhd-process .process-transfer{margin-bottom:24px}.dhd-process .process-finished-pack{position:static;height:300px}
 .dhd-process .process-stage{break-inside:avoid}.dhd-process .process-scene{min-height:0;display:block;padding:24px}.dhd-process .process-scene:after{display:none}
 .dhd-process .process-machine{position:static;margin-bottom:24px}.dhd-process .process-machine img{max-height:300px;object-fit:contain}.dhd-process .process-stage-copy{max-width:100%}
 .dhd-process .process-image-label{position:static;margin-top:16px}.dhd-process .process-evidence{background:white}.dhd-process details::details-content{display:block!important}
 .dhd-process .process-stage :is(h3,h4,p,span,summary),.dhd-process .process-heading :is(h2,p){color:black!important}
}


/* Original mixer photograph with a tightly clipped, generated lettering correction. */
.dhd-process .process-machine .process-retouched-image{display:block;width:100%;height:100%;max-height:none;margin:0}