/* Existing local faces only. Latin glyphs use Barlow; Japanese falls back to Zen. */
@font-face{font-family:'PJK Barlow';src:url('fonts/Barlow-Light.ttf') format('truetype');font-weight:300;font-display:swap}
body,body :is(h1,h2,h3,h4,p,a,span,li,dt,dd,label,input,textarea,select,button,small,strong){font-family:'PJK Barlow','PJK Zen',sans-serif}
.process-map{position:relative}
.process-orbit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.process-stages{list-style:none;margin:0;padding:0 8%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:110px 6%;position:relative}
.process-stage{min-width:0;padding:20px 0;background:var(--paper);transition-delay:var(--step-delay)}
.process-stage h3{font-size:clamp(18px,1.65vw,24px);font-weight:500;margin:0 0 18px;line-height:1.6;display:flex;align-items:baseline;gap:12px}
.process-stage h3:before{content:'';width:8px;height:8px;border:1px solid #A62B38;border-radius:50%;flex:none}
.process-stage p{margin:0;font-size:14px;line-height:1.95}
.process-stage:nth-child(4){grid-row:2;grid-column:3}.process-stage:nth-child(5){grid-row:2;grid-column:2}.process-stage:nth-child(6){grid-row:2;grid-column:1}







@media(max-width:900px){
.process-orbit{display:none}.process-stages{display:block;padding:0 0 0 8px}
.process-stage,.process-stage:nth-child(n){padding:0 0 38px 28px;border-left:1px solid #c8b3b3;position:relative;background:none}
.process-stage:last-child{padding-bottom:0}.process-stage h3:before{position:absolute;left:-5px;top:11px;background:var(--paper)}
.process-stage h3{font-size:20px}.process-stage p{font-size:14px;max-width:38em}
}
@media(prefers-reduced-motion:reduce){.process-stage{transition:none}}

/* v44: exchange only FLOW/PRICE surface palettes. */
#flow{background:#000;color:#fff;border-color:#292929}
#flow .process-stage{background:#000}
#flow .process-stage p{color:#c9c9c9}
#flow .process-stage h3::before{border-color:#d98e98;background:#000}
#flow .process-orbit>path{stroke:#d98e98}
#flow .process-orbit marker path{stroke:#d98e98}







@media(max-width:900px){#flow .process-stage{background:none;border-left-color:#66494d}}