.process-showcase{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:clamp(700px,calc(100svh - 78px),960px);padding:clamp(64px,7.5vw,120px) clamp(24px,4.25vw,76px) 32px;overflow:hidden;background:#111;color:#fff}
.process-showcase__images,.process-showcase__shade{position:absolute;inset:0;z-index:-1;pointer-events:none}
.process-showcase__panel{position:absolute;inset:0;margin:0;overflow:hidden;animation:process-reveal .45s ease both}
.process-showcase__panel[hidden]{display:none}
.process-showcase__panel img{display:block;width:100%;height:137%;object-fit:cover;object-position:var(--process-position,50%) top}
.process-showcase__shade{background:linear-gradient(90deg,rgba(0,0,0,.81),rgba(0,0,0,.48) 42%,rgba(0,0,0,.06) 80%),linear-gradient(0deg,rgba(0,0,0,.85),transparent 38%)}
.process-showcase__copy{max-width:660px;margin-block:auto;padding-bottom:64px}
.process-showcase h1,.process-showcase h2{font-size:clamp(60px,5.7vw,100px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:0}
.process-showcase__copy p{max-width:570px;margin-top:clamp(30px,3.5vw,52px);font-size:var(--body-font);line-height:1.5;letter-spacing:-.015em}
.process-showcase__tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:clamp(16px,2vw,32px);margin-top:36px}
.process-showcase__tabs button{position:relative;display:flex;align-items:flex-start;min-width:0;min-height:82px;padding:24px 0 8px;background:none;border:0;border-top:1px solid rgba(255,255,255,.38);border-radius:0;color:rgba(255,255,255,.66);text-align:left;font-family:var(--font);font-size:var(--control-font);font-weight:600;line-height:1.35;letter-spacing:-.025em;cursor:pointer;transition:color .2s ease}
.process-showcase__tabs button::before{content:"";position:absolute;top:-2px;left:0;width:0;height:3px;background:var(--orange);transition:width .25s ease}
.process-showcase__tabs button[aria-selected="true"]{color:#fff}
.process-showcase__tabs button[aria-selected="true"]::before{width:100%}
.process-showcase__tabs button:hover{color:var(--orange)}
.process-showcase__tabs button:focus-visible{outline:2px solid var(--orange);outline-offset:6px}
@keyframes process-reveal{from{opacity:.35}to{opacity:1}}
@media(max-width:1100px){
 .process-showcase__tabs{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) transparent;padding:8px 1px 12px;scroll-padding-inline:1px}
 .process-showcase__tabs button{flex:0 0 165px;min-height:82px}
}
@media(max-width:700px){
 .process-showcase{min-height:690px;padding:64px 23px 24px}
 .process-showcase h1,.process-showcase h2{font-size:clamp(48px,10.8vw,72px)}
 .process-showcase__copy{padding-bottom:32px}
 .process-showcase__copy p{margin-top:32px;font-size:var(--body-font)}
 .process-showcase__shade{background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.4)),linear-gradient(0deg,rgba(0,0,0,.8),transparent 45%)}
 .process-showcase__tabs{margin-right:-23px;padding-right:23px;gap:24px;margin-top:30px}
 .process-showcase__tabs button{flex-basis:145px;min-height:72px;padding-top:20px}
}
@media(prefers-reduced-motion:reduce){
 .process-showcase__panel{animation:none}
 .process-showcase__tabs button,.process-showcase__tabs button::before{transition:none}
}

.process-showcase__copy strong{font-weight:650;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:5px}
.process-showcase--hero .process-showcase__tabs{margin-right:64px}
@media(max-width:700px){.process-showcase--hero .process-showcase__tabs{margin-right:56px;padding-right:0}}