.process-section{padding:72px 0;border-top:1px solid var(--l);scroll-margin-top:86px}
.process-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:start}
.process-copy h2{margin:8px 0 18px;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;letter-spacing:-.03em}
.process-copy>p{max-width:660px;color:var(--m)}
.process-steps{display:grid;gap:20px;padding-left:24px;margin:28px 0}
.process-steps li{padding-left:7px}.process-steps li::marker{font-weight:800;color:var(--b)}
.process-steps strong{display:block;color:var(--d);margin-bottom:4px}.process-steps p{margin:0;color:var(--m)}
.process-note,.process-route-note{padding:16px 18px;border-left:3px solid var(--b);background:var(--s);font-size:.94rem}
.process-route-note a,.process-original{color:var(--b);text-decoration:underline;text-underline-offset:3px}
.process-video{margin:0;min-width:0;width:380px;max-width:100%}
.process-video-stage{position:relative;aspect-ratio:9/16;border:1px solid var(--l);border-radius:12px;overflow:hidden;background:#f4f4f1}
.process-video-stage video,.process-poster img{display:block;width:100%;height:100%;aspect-ratio:9/16;object-fit:contain;background:#f4f4f1}
.process-poster{display:flex;flex-direction:column;height:100%}.process-poster img{height:calc(100% - 64px);min-height:0;flex:1}.process-poster span{display:block;flex:none;margin:8px 12px 12px;padding:12px 8px;border-radius:7px;background:var(--b);color:#fff;text-align:center;font-size:.94rem;font-weight:800}
.process-poster:focus-visible{outline:4px solid var(--b);outline-offset:-4px}.process-video [hidden]{display:none!important}
.process-video figcaption{padding:12px 0 0;color:var(--m);font-size:.86rem}.process-original{display:inline-block;margin-top:7px;font-weight:700}.process-video-status:empty{display:none}.process-video-status{margin:8px 0}
@media(max-width:900px){.process-layout{grid-template-columns:minmax(0,1fr);gap:28px}.process-video{justify-self:center;width:380px}.process-section{padding:52px 0}.process-steps{gap:18px}}

.process-fullscreen{border:0;background:none;color:var(--b);font:inherit;text-decoration:underline;text-underline-offset:3px;margin-left:16px;padding:8px 0;min-height:44px;cursor:pointer}
.process-diagram{margin:48px 0 0;border:1px solid var(--l);border-radius:12px;overflow:hidden;background:#fff;scroll-margin-top:86px}.process-diagram img{display:block;width:100%;height:auto}.process-diagram figcaption{padding:16px 20px;color:var(--m);font-size:.94rem;border-top:1px solid var(--l)}.process-diagram figcaption a{display:inline-block;color:var(--b);text-decoration:underline;text-underline-offset:3px;margin:8px 20px 0 0;padding:4px 0}.process-diagram figcaption strong{color:var(--d)}