/* One evolving studio scene: sound → direction → production → delivery. */
.process-experience{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:center}
.process-experience .process-grid{display:flex;flex-direction:column;gap:0}
.process-experience .process-step{padding:0;border-top:1px solid var(--line)}
.process-experience .process-step:last-child{border-bottom:1px solid var(--line)}
.process-experience .process-step h3{margin:0;font:inherit}
.process-choice{width:100%;padding:20px 0;display:flex;align-items:center;gap:20px;text-align:left;color:var(--paper);background:none;border:0}
.process-choice>span:last-child{display:block}
.process-choice .step-number{font:800 22px/1 var(--display);letter-spacing:-.03em;color:var(--muted);margin:0;min-width:42px;transition:color 180ms ease}
.process-step-label{display:block;font-size:10px;line-height:1.6;letter-spacing:.09em;color:var(--muted);margin-bottom:5px}
.process-step-title{font:800 clamp(17px,1.6vw,23px)/1.35 var(--display);letter-spacing:-.03em;display:block}
.process-experience .process-step>p{max-width:40ch;padding:0 0 20px 62px;font-size:14px;line-height:1.7}
.process-enhanced .process-step:not(.is-active)>p{display:none}
.process-choice[aria-pressed=true] .step-number{color:var(--red)}
.process-choice[aria-pressed=true] .process-step-title{color:#fff}
.process-choice:active{transform:scale(.99)}
.process-choice:focus-visible{outline-offset:2px}
.process-visual{min-width:0}
/* A continuous filmstrip replaces photographic scenes. */
.process-screen{position:relative;isolation:isolate;aspect-ratio:1.45;border:1px solid var(--line);border-radius:14px;background:#191918;overflow:hidden;padding:43px 10px 36px}
.process-screen-top{position:absolute;inset:18px 20px auto;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;z-index:2}
.montage-canvas{display:block;width:100%;height:100%}
.montage-transport{position:absolute;inset:auto 20px 16px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
.montage-time{min-width:36px}
.montage-progress{height:2px;flex:1;background:#f1eddf26;overflow:hidden}
.montage-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--red)}
.process-title-line{position:relative;display:inline-block;white-space:nowrap}
.process-title-line:last-child{color:var(--red)}
.process-title-letter{display:inline-block;transform:translateY(var(--letter-y,0px)) rotate(var(--letter-turn,0deg));transform-origin:50% 80%;transition:transform 260ms cubic-bezier(.16,1,.3,1)}
.motion-paused .process-title-letter{transform:none!important;transition:none}
@media(prefers-reduced-motion:reduce){.process-title-letter{transform:none!important;transition:none}}
.process-visual-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;min-height:52px}
.process-visual-footer p{font-size:11px;color:var(--paper)}
#process-motion{background:none;border:0;color:var(--muted);font-size:11px;min-height:44px;padding:8px 0}
#process-motion:disabled{cursor:default;opacity:1}

@media(min-width:801px){body:has(.home-index) main>.process{padding-block:40px}.process .section-heading h2{font-size:clamp(34px,5.4svh,62px)}.process .section-heading{margin-bottom:30px}.process>.text-link{margin-top:24px}.process-experience .process-step>p{min-height:92px}}
@media(max-width:1000px) and (min-width:801px){.process-experience{gap:30px}.process-screen{aspect-ratio:1.2}.process-choice{gap:14px}.process-choice .step-number{min-width:34px}.process-experience .process-step>p{padding-left:48px}.process-step-title{font-size:17px}}
@media(max-width:800px){
 .process-experience{display:flex;flex-direction:column;gap:14px;align-items:stretch}
 .process-visual{order:-1}
 .process-screen{aspect-ratio:1.45;max-height:340px;padding:32px 3px 30px}
 .process-screen-top{inset:12px 14px auto;font-size:9px}
 .montage-transport{inset:auto 14px 12px;font-size:9px}
 .process-visual-footer p,#process-motion{font-size:10px}
 .process-experience .process-grid.carousel-track{flex-direction:row;gap:16px;padding-top:2px}
 .process-experience .carousel-track>.process-step{padding:0 16px;min-height:0;background:transparent;border-top:1px solid var(--line);border-bottom:0}
 .process-choice{padding:16px 0 12px;gap:14px}.process-choice .step-number{font-size:24px;min-width:38px}
 .process-step-title{font-size:18px}.process-step-label{font-size:9px;margin-bottom:3px}
 .process-enhanced .process-step:not(.is-active)>p,.process-experience .process-step>p{display:block;max-width:none;padding:0 0 12px;font-size:13px;line-height:1.7}
 .process .section-heading{margin-bottom:24px}.process>.text-link{margin-top:24px}
 body:has(.home-index) main>.process{padding-block:40px}
}
@media(max-width:380px){.process-screen{aspect-ratio:1.35}.process-step-title{font-size:16px}}