/* Use the desktop timeline language on smaller screens as well. */
@media(max-width:1080px){
 #process{background:var(--cream);isolation:auto}
 #process::before{display:none}
 #process .process-track{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:0;position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;scrollbar-width:thin;scrollbar-color:var(--sand) transparent;padding:4px 0 18px;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
 #process .process-track::-webkit-scrollbar{display:block;height:3px}
 #process .process-track::-webkit-scrollbar-thumb{background:var(--sand);border-radius:2px}
 #process .process-track::before,#process .process-track::after{display:none}
 #process .process-step{display:block;position:relative;min-width:0;flex:none;scroll-snap-align:none;padding:0 18px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 #process .process-step::before{content:'';position:absolute;top:6px;left:0;right:0;height:1px;background:var(--line);pointer-events:none}
 #process .process-step:first-child::before{left:24px}
 #process .process-step:last-child::before{right:calc(100% - 24px)}
 #process .process-step .dot{display:block;width:13px;height:13px;margin-bottom:26px}
 #process .process-step .no{font:300 11px/1.75 var(--sans);letter-spacing:.3em;color:var(--accent-ink);margin-bottom:14px}
 #process .process-step .proc-head{margin-top:0;margin-bottom:12px;gap:11px}
 #process .process-step h4{font-size:20px}
 #process .process-step p{font-size:13px;line-height:1.75;margin-top:0}
 #process .process-step .pay-tag{margin-top:14px;font-size:10px;padding:4px 8px;letter-spacing:.05em}
 #process .process-track:focus-visible{outline:2px solid var(--accent-ink);outline-offset:5px}
}