.process-timeline{border-top:1px solid var(--line);max-width:1200px;margin:0 auto;padding:0;list-style:none}.process-timeline .process-step{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(240px,340px);align-items:center;gap:clamp(20px,3vw,44px);padding:32px 0;display:grid}.process-number{color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:15px;font-weight:600;line-height:1.4;position:absolute;top:8px;left:0}.process-step-copy{min-width:0;padding-left:64px;position:relative}.process-step-copy h2{letter-spacing:-.035em;word-break:keep-all;overflow-wrap:break-word;margin:0 0 14px;font-family:inherit;font-size:clamp(22px,2.1vw,29px);font-weight:700;line-height:1.4}.process-step-copy p{max-width:580px;color:var(--muted);word-break:keep-all;overflow-wrap:break-word;margin:0;font-size:16px;line-height:1.85}.process-step-art{background:#fff;border-radius:12px;min-width:0;padding:14px;overflow:hidden}.process-step-art img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;display:block}@media (max-width:900px){.process-timeline .process-step{grid-template-columns:minmax(0,1fr) minmax(200px,280px);gap:20px}.process-step-copy{padding-left:48px}.process-step-copy p{font-size:15px}}@media (max-width:700px){.process-timeline .process-step{grid-template-columns:1fr;gap:16px;padding:26px 0}.process-number{font-size:13px;top:5px}.process-step-copy{padding-left:42px}.process-step-copy h2{margin-bottom:10px;font-size:21px}.process-step-copy p{font-size:15px;line-height:1.8}.process-step-art{width:calc(100% - 42px);max-width:360px;margin-left:42px;padding:12px}.process-step-art img{aspect-ratio:3/2}}:is(.vision-exam-compact,.fitting-process-compact) .process-timeline{border-top:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 24px;display:grid}:is(.vision-exam-compact,.fitting-process-compact) .process-timeline .process-step{border-top:1px solid var(--line);border-bottom:0;flex-direction:column;align-items:stretch;gap:12px;padding:16px 0 0;display:flex}:is(.vision-exam-compact,.fitting-process-compact) .process-step-art{border-radius:8px;order:-1;width:100%;max-width:none;margin:0;padding:8px}:is(.vision-exam-compact,.fitting-process-compact) .process-step-art img{aspect-ratio:auto;height:110px}:is(.vision-exam-compact,.fitting-process-compact) .process-step-copy{padding:0}:is(.vision-exam-compact,.fitting-process-compact) .process-number{margin-bottom:6px;font-size:12px;display:block;position:static}:is(.vision-exam-compact,.fitting-process-compact) .process-step-copy h2{margin-bottom:8px;font-size:18px;line-height:1.4}:is(.vision-exam-compact,.fitting-process-compact) .process-step-copy p{font-size:14px;line-height:1.65}.fitting-process-compact .process-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1000px){:is(.vision-exam-compact,.fitting-process-compact) .process-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){:is(.vision-exam-compact,.fitting-process-compact) .process-timeline{grid-template-columns:1fr;gap:16px}:is(.vision-exam-compact,.fitting-process-compact) .process-timeline .process-step{grid-template-columns:88px minmax(0,1fr);align-items:start;gap:14px;padding-top:16px;display:grid}:is(.vision-exam-compact,.fitting-process-compact) .process-step-art{order:0;grid-area:1/1;padding:4px}:is(.vision-exam-compact,.fitting-process-compact) .process-step-art img{aspect-ratio:3/2;height:auto}:is(.vision-exam-compact,.fitting-process-compact) .process-step-copy{grid-area:1/2}:is(.vision-exam-compact,.fitting-process-compact) .process-step-copy h2{margin-bottom:6px;font-size:17px}:is(.vision-exam-compact,.fitting-process-compact) .process-number{margin-bottom:4px;font-size:11px}:is(.vision-exam-compact,.fitting-process-compact) .process-step-copy p{font-size:14px;line-height:1.6}}
