.process-showcase { --ps-dark:#101518; --ps-ink:#f7f6f1; --ps-muted:#a9afb0; --ps-line:rgba(255,255,255,.18); --ps-orange:#f45b13; background:var(--ps-dark); color:var(--ps-ink); font-family:var(--body,"Helvetica Neue",Arial,sans-serif); }
.ps__shell { max-width:1280px; padding-block:clamp(3.5rem,7vw,5.5rem) clamp(2rem,4vw,3rem); }
.ps__heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(17rem,.55fr); gap:1rem 3rem; align-items:end; margin-bottom:clamp(2rem,5vw,4rem); }
.ps__eyebrow,.ps__control-kicker,.ps__stage-label,.ps__model,.ps__fallback span,.ps__boundary strong { margin:0; color:var(--ps-muted); font-size:.68rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.ps__eyebrow { grid-column:1 / -1; color:var(--ps-orange); }
.ps__heading h2 { margin:0; color:#fff; font-size:clamp(3.1rem,6.3vw,6.4rem); font-weight:800; letter-spacing:-.07em; line-height:.91; }
.ps__heading > p:last-child { max-width:25rem; margin:0 0 .3rem; color:var(--ps-muted); font-size:1rem; line-height:1.55; }
.ps__experience { display:grid; grid-template-columns:minmax(17rem,.72fr) minmax(20rem,1.28fr); gap:clamp(1.25rem,4.5vw,5rem); align-items:center; }
.ps__stage-wrap { max-width:24rem; justify-self:center; width:100%; }
.ps__stage { margin:0; overflow:hidden; background:#06090a; border:1px solid var(--ps-line); }
.ps__stage-label { display:flex; justify-content:space-between; padding:.75rem .9rem; border-bottom:1px solid var(--ps-line); }
.ps__stage-label span:last-child { color:var(--ps-orange); }
.ps__visual { position:relative; aspect-ratio:544 / 960; max-height:30rem; background:#070a0b; }
.ps__visual > img,.ps__visual > video { width:100%; height:100%; display:block; object-fit:contain; object-position:center; }
.ps__visual > video { background:#070a0b; }
.ps__stage figcaption { display:grid; grid-template-columns:2.2rem 1fr; gap:.7rem; padding:1rem; border-top:1px solid var(--ps-line); }
.ps__stage figcaption > span { color:var(--ps-orange); font-size:1rem; font-weight:800; }
.ps__stage figcaption strong { display:block; color:#fff; font-size:1rem; letter-spacing:-.025em; }
.ps__stage figcaption p { margin:.35rem 0 0; color:var(--ps-muted); font-size:.86rem; line-height:1.45; }
.ps__model { margin-top:.7rem; color:var(--ps-muted); }.ps__model strong { color:#fff; letter-spacing:.06em; }
.ps__controls { align-self:stretch; display:flex; flex-direction:column; justify-content:center; }
.ps__control-kicker { margin-bottom:.85rem; color:var(--ps-orange); }
.ps__phase-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--ps-line); border-left:1px solid var(--ps-line); }
.ps__phase-button { min-height:6.7rem; display:grid; grid-template-columns:2rem 1fr; grid-template-rows:1fr auto; gap:.15rem .65rem; padding:1rem; border:0; border-right:1px solid var(--ps-line); border-bottom:1px solid var(--ps-line); background:transparent; color:var(--ps-ink); cursor:pointer; font:inherit; text-align:left; }
.ps__phase-button span { grid-row:1 / -1; color:var(--ps-orange); font-size:1.15rem; font-weight:800; }.ps__phase-button strong { align-self:end; font-size:clamp(.95rem,1.35vw,1.2rem); line-height:1.05; letter-spacing:-.03em; }.ps__phase-button em { color:var(--ps-muted); font-size:.71rem; font-style:normal; }
.ps__phase-button:hover,.ps__phase-button.is-active,.ps__phase-button[aria-pressed="true"] { background:#1c2528; }.ps__phase-button:focus-visible,.ps__play:focus-visible { outline:3px solid var(--ps-orange); outline-offset:-3px; }
.ps__play { min-height:48px; align-self:flex-start; margin-top:1.15rem; padding:.7rem 1.05rem; border:1px solid var(--ps-orange); background:var(--ps-orange); color:#fff; cursor:pointer; font:inherit; font-size:.86rem; font-weight:700; }.ps__play:hover { background:#ff6c25; }.ps__play span { margin-right:.55rem; font-size:.7rem; }
.ps__status { min-height:1.4em; margin:.7rem 0 0; color:var(--ps-muted); font-size:.8rem; line-height:1.4; }
.ps__boundary { display:grid; grid-template-columns:10rem minmax(0,1fr); gap:1rem; margin-top:clamp(2rem,5vw,4rem); padding-top:1.25rem; border-top:1px solid var(--ps-line); }.ps__boundary strong { color:var(--ps-orange); }.ps__boundary p { max-width:44rem; margin:0; color:var(--ps-muted); font-size:.83rem; line-height:1.5; }
.ps__fallback { display:none; }
/* Script-free content stays complete and readable without the controls. */
.process-showcase:not(.is-enhanced) .ps__experience { display:none; }.process-showcase:not(.is-enhanced) .ps__fallback { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }.ps__fallback figure { margin:0; background:#070a0b; }.ps__fallback img { width:100%; height:auto; display:block; object-fit:contain; }.ps__fallback h3 { margin:.45rem 0; color:#fff; font-size:1rem; line-height:1.1; }.ps__fallback p { margin:0; color:var(--ps-muted); font-size:.8rem; line-height:1.45; }.ps__fallback > article > div { padding-top:.8rem; }
@media (max-width:760px) { .ps__shell { padding-block:3.5rem 2.5rem; }.ps__heading { display:block; margin-bottom:2rem; }.ps__heading h2 { font-size:clamp(3.05rem,14vw,4.5rem); }.ps__heading > p:last-child { margin-top:1rem; }.ps__experience { grid-template-columns:1fr; gap:1.75rem; }.ps__stage-wrap { max-width:21rem; }.ps__visual { max-height:31rem; }.ps__phase-button { min-height:5.8rem; padding:.85rem .75rem; }.ps__phase-button strong { font-size:.92rem; }.ps__play { width:100%; }.ps__boundary { grid-template-columns:1fr; gap:.45rem; }.process-showcase:not(.is-enhanced) .ps__fallback { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem .8rem; } }
@media (prefers-reduced-motion:reduce) { .ps__phase-button,.ps__play { transition:none; } }

.ps__play{color:#101518}.ps__visual{width:100%;aspect-ratio:auto;height:30rem}.ps__visual>[hidden]{display:none}
@media(max-width:760px){.ps__visual{height:26rem}}