.process-detail{scroll-margin-top:110px}.detail-lead{max-width:48em}.design-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:36px 0}.design-steps li,.aftercare-cases article{border-top:1px solid var(--line);padding-top:24px;min-width:0}.design-steps li{position:relative}.design-steps li:not(:last-child):after{content:'→';position:absolute;right:-24px;top:24px;color:var(--olive);font-size:22px}.design-steps span,.aftercare-cases span{display:block;color:var(--olive);font-size:14px;letter-spacing:.06em;margin-bottom:14px}.design-steps h3,.aftercare-cases h3{font-size:clamp(21px,2vw,28px);line-height:1.6;margin:0 0 16px}.design-steps p,.aftercare-cases p{margin:0}.detail-note{padding:20px 24px;background:#eaece3}.aftercare-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:36px 0}.process-detail .text-link{display:inline-block;margin-top:20px}.flow-heading h3{font-size:clamp(28px,3vw,42px)}@media(max-width:760px){.design-steps,.aftercare-cases{grid-template-columns:1fr;gap:32px}.design-steps li:not(:last-child):after{display:none}.design-steps h3,.aftercare-cases h3{font-size:25px}.detail-note{padding:18px}.process-detail .text-link{font-size:15px}}
.detail-scene{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:0 0 22px}.design-steps li,.aftercare-cases article{display:grid;grid-template-rows:subgrid;grid-row:span 4}.design-steps,.aftercare-cases{row-gap:0}.design-steps h3,.aftercare-cases h3{align-self:start}@media(max-width:760px){.design-steps,.aftercare-cases{row-gap:36px}.design-steps li,.aftercare-cases article{grid-template-rows:auto;grid-row:auto}}

.journey-complete{position:relative;aspect-ratio:3/2;overflow:hidden;margin-bottom:22px}.journey-complete img{position:absolute;width:400%;max-width:none;height:100%;object-fit:cover;right:0;top:0}#journey{scroll-margin-top:110px}

/* Share row heights so all human-role captions start together. */
#system .process-scenes{row-gap:0}
#system .process-scenes>li{display:grid;grid-template-rows:subgrid;grid-row:span 4}
#system .process-scenes>li>p.process-person{margin-top:16px;padding-top:12px}
@media(max-width:650px){#system .process-scenes{row-gap:28px}}
