/* A source-photo timeline: panel width follows the production sequence. */
.process-story{background:var(--pale);padding:96px 0;position:relative;--process-progress:0;--process-line:#b6c5ce}
.process-pin{position:relative}.process-story .center-heading{text-align:center;max-width:700px;margin:auto}.process-story .center-heading .label{margin-bottom:15px}.process-story .center-heading h2{color:var(--blue);font-size:clamp(35px,3.3vw,49px)}.process-story .center-heading>p:last-child{font-size:13px;line-height:1.8;margin-top:19px}
.process-track{display:flex;justify-content:space-between;align-items:center;position:relative;margin:30px 0 20px;height:28px;font:10px/1 Manrope,Arial,sans-serif;color:var(--muted)}.process-track-dot{position:relative;z-index:1;display:grid;place-items:center;background:var(--pale);width:28px;height:28px;border:1px solid var(--process-line);border-radius:50%;transition:color .3s,background .3s,border-color .3s}.process-track>span.is-current{color:var(--paper);background:var(--blue);border-color:var(--blue)}.process-track-line,.process-track-fill{position:absolute;left:14px;right:14px;height:1px;background:var(--process-line)}.process-track-fill{background:var(--blue);transform:scaleX(var(--process-progress));transform-origin:left}
.process-panels{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.process-step{min-width:0;position:relative;scroll-margin-top:calc(var(--header) + 24px)}.process-card{height:100%;position:relative;background:#e5eaf0;border:1px solid var(--process-line);padding:22px;display:flex;flex-direction:column;transition:background .5s,border-color .5s,transform .6s cubic-bezier(.22,.61,.36,1)}.process-step.is-active .process-card{background:#f4f3ec;border-color:#5274c8}.process-step-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px/1.5 Manrope,Arial,sans-serif;letter-spacing:.09em;color:#526676}.process-number{font-size:12px;color:var(--blue);letter-spacing:0}.process-card figure{position:relative;height:220px;margin:16px 0 22px;min-height:80px}.process-card img{position:absolute;inset:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transform:scale(.89);transition:transform .65s cubic-bezier(.22,.61,.36,1)}.process-step.is-active img{transform:scale(1)}.process-card h3{font-size:26px;line-height:1.12;margin-bottom:13px}.process-select{font:inherit;line-height:inherit;letter-spacing:inherit;color:var(--blue);text-align:left;border:0;background:none;padding:0 20px 0 0;min-height:59px;width:100%;cursor:pointer;position:static}.process-select:after{content:'';position:absolute;inset:0}.process-select>span{position:absolute;right:18px;top:18px;font:18px/1 Manrope,Arial,sans-serif;opacity:0;transition:opacity .4s}.process-step.is-active .process-select>span{opacity:1}.process-select:focus-visible{outline:none}.process-card:has(.process-select:focus-visible){outline:3px solid var(--blue);outline-offset:5px}.process-card>p{font-size:12px;line-height:1.8;min-height:65px;color:#546575}
.process-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;font:9px/1.6 Manrope,Arial,sans-serif;color:var(--muted)}.process-bottom p{font:inherit}.process-scroll-hint{display:none;font-size:8px;letter-spacing:.08em}.process-caption{text-align:center;margin-top:27px;font-size:12px}.process-caption a{font-size:12px;margin-left:9px}
/* Reserve a single scene; native page scrolling chooses the wider panel. */
.process-pinned{height:255svh;min-height:1700px;padding:0}.process-pinned .process-pin{position:sticky;top:calc(var(--header) + 16px);height:calc(100svh - var(--header) - 32px);min-height:595px;display:flex;flex-direction:column;justify-content:center}.process-pinned .center-heading{margin:0 auto}.process-pinned .process-panels{display:flex;gap:12px;height:clamp(330px,43svh,430px)}.process-pinned .process-step{flex:1 1 0;transition:flex .65s cubic-bezier(.22,.61,.36,1)}.process-pinned .process-step.is-active{flex:2.15 1 0}.process-pinned .process-card{padding:20px}.process-pinned .process-card figure{flex:1 1 auto;height:180px}.process-pinned .process-card>p{min-height:86px}.process-pinned .process-card h3{font-size:clamp(22px,1.85vw,27px)}.process-pinned .process-select{min-height:58px}.process-pinned .process-caption{margin-top:20px}.process-pinned .process-scroll-hint{display:block}
/* A vertical sequence on tablets, phones and short viewports; no scroll pinning. */
.process-sequential .process-track{display:none}.process-sequential .process-panels{display:block;max-width:900px;margin:42px auto 0;padding-left:38px;border-left:1px solid var(--process-line)}.process-sequential .process-step{margin-bottom:28px}.process-sequential .process-step:last-child{margin-bottom:0}.process-sequential .process-card{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto 1fr;column-gap:28px;min-height:320px;transform:scale(.94);transform-origin:left center}.process-sequential .is-active .process-card{transform:scale(1)}.process-sequential .process-step-meta{grid-column:1/-1;margin-bottom:15px}.process-sequential .process-number{position:absolute;left:-53px;top:25px;border:1px solid var(--process-line);border-radius:50%;width:28px;height:28px;background:var(--pale);display:grid;place-items:center;font-size:10px}.process-sequential .is-active .process-number{color:var(--paper);background:var(--blue);border-color:var(--blue)}.process-sequential .process-card figure{grid-column:1;grid-row:2/4;height:230px;margin:0}.process-sequential .process-card h3{grid-column:2;align-self:end}.process-sequential .process-card>p{grid-column:2;max-width:320px;font-size:13px;min-height:0}.process-sequential .process-step-meta>span:last-child{margin-left:auto}.process-sequential .process-select{min-height:0;padding-right:0}.process-sequential .process-bottom{max-width:900px;margin-inline:auto}.process-sequential .process-select>span{right:19px;top:19px}
@media(max-width:1100px) and (min-width:1001px){.process-pinned .process-card{padding:16px}.process-pinned .process-panels{gap:9px}.process-pinned .process-card>p{font-size:11px}.process-pinned .process-step.is-active{flex:1.95 1 0}}
@media(max-height:820px) and (min-width:1001px){.process-story .center-heading h2{font-size:36px}.process-story .center-heading .label{font-size:9px;margin-bottom:10px}.process-story .center-heading>p:last-child{margin-top:12px;font-size:12px}.process-pinned .process-track{margin-top:18px;margin-bottom:14px}.process-pinned .process-panels{height:330px}.process-pinned .process-card{padding:16px}.process-pinned .process-card figure{margin:10px 0 12px}.process-pinned .process-card h3{font-size:23px;margin-bottom:8px}.process-pinned .process-card>p{min-height:77px;font-size:11px}.process-pinned .process-caption{margin-top:15px}}
@media(max-width:780px){.process-story{padding:64px 0}.process-story .center-heading{text-align:left}.process-story .center-heading h2{font-size:clamp(33px,5.3vw,41px)}.process-story .center-heading>p:last-child{font-size:14px}.process-panels{grid-template-columns:1fr;gap:26px}.process-sequential .process-panels{padding-left:25px;margin-top:35px}.process-sequential .process-card{padding:18px;column-gap:18px}.process-sequential .process-number{left:-40px}.process-bottom{font-size:9px}.process-caption{text-align:left;line-height:1.9;margin-top:24px}.process-caption a{margin:6px 0 0}.process-scroll-hint{display:none!important}}
@media(max-width:600px){.process-sequential .process-card{display:flex;min-height:0}.process-sequential .process-step-meta{margin-bottom:0}.process-sequential .process-card figure{height:210px;margin:12px 0 21px;flex:none}.process-sequential .process-card h3{width:100%;font-size:28px;margin-bottom:13px}.process-sequential .process-card>p{font-size:13px}.process-card{padding:20px}.process-card h3{font-size:28px}.process-select{min-height:0}.process-card>p{min-height:0}.process-card figure{height:210px}.process-sequential .process-card{transform:scale(.94)}}
@media(max-width:360px){.process-story .center-heading h2{font-size:32px}.process-sequential .process-card{padding:15px}.process-sequential .process-card figure{height:180px}.process-sequential .process-card h3{font-size:25px}.process-sequential .process-card>p{font-size:12px}.process-step-meta{font-size:8px}}
@media(prefers-reduced-motion:reduce){.process-card,.process-step,.process-card img,.process-track>span{transition:none!important;transform:none!important}.process-track-fill{display:none}.process-scroll-hint{display:none!important}}
.process-static .process-card,.process-static .process-card img{transform:none;transition:none}

.process-step-meta>span:last-child{padding-right:22px}