.process-reference{--process-pin:80px;--process-card-pin:255px;--process-gap:56px;--process-card-height:475px;background:#0e0d0d;color:#fff;padding:80px 0;position:relative}
.process-reference-stage{max-width:1200px}
.process-reference-heading{position:sticky;top:var(--process-pin);display:flex;align-items:center;justify-content:space-between;gap:64px;margin-bottom:var(--process-gap);z-index:2}
.process-reference-heading h2{font-size:clamp(36px,4.1vw,60px);line-height:1.1;letter-spacing:-.045em}
.process-reference-heading>p{width:440px;max-width:45%;font-size:18px;line-height:1.4;text-align:right;color:#c3c3c3}
.process-reference-row{position:sticky;top:var(--process-card-pin);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;height:var(--process-card-height);z-index:3}
.process-reference-row:nth-child(2) .process-reference-card{grid-column:2}
.process-reference-row:nth-child(3) .process-reference-card{grid-column:3}
.process-reference-row:nth-child(4) .process-reference-card{grid-column:4}
.process-reference-card{position:relative;isolation:isolate;overflow:hidden;height:100%;padding:40px;border:1px solid #a1a1a1;border-radius:20px;background:#d4300e;display:flex;flex-direction:column;justify-content:space-between;gap:42px}
.process-reference-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.process-reference-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 25%,#0e0d0d66 100%)}
.process-reference-card:after{content:'';position:absolute;inset:0;z-index:-1;background:#d4300e;opacity:0;transition:opacity .4s}
.process-reference-number{font-family:Atelion,Arial,sans-serif;font-weight:400;font-size:120px;letter-spacing:-.065em;line-height:1;align-self:flex-end}
.process-reference-copy{min-height:190px}
.process-reference-copy h3{font-size:19px;line-height:1.2;margin-bottom:18px;letter-spacing:-.045em}
.process-reference-copy p{font-size:18px;line-height:1.35}
@media(hover:hover) and (pointer:fine){.process-reference-card:hover:after{opacity:1}}
@media(min-width:761px) and (max-width:1050px){.process-reference-card{padding:22px;gap:24px}.process-reference-number{font-size:90px}.process-reference-copy{min-height:190px}
.process-reference-copy h3{font-size:15px}.process-reference-copy p{font-size:16px}.process-reference-heading h2{font-size:40px}}
@media(max-width:1199px){
 .process-reference{padding:60px 0;--process-gap:40px;--process-card-height:426px;overflow:clip}
 .process-reference-heading{position:static;display:block;text-align:center;margin-bottom:40px}
 .process-reference-heading h2{font-size:clamp(28px,7.5vw,46px);line-height:1.15}
 .process-reference-heading h2 br{display:none}
 .process-reference-heading>p{width:auto;max-width:none;font-size:16px;text-align:center;margin-top:22px;line-height:1.4}
 .process-reference-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory}
 .process-reference-row{position:relative;top:auto;display:block;width:min(335px,100%);flex:0 0 min(335px,100%);height:426px;scroll-snap-align:center}
 .process-reference-card{border-radius:0;padding:clamp(24px,8vw,40px);gap:40px}
 .process-reference-number{font-size:100px}
 .process-reference-copy{min-height:190px}
 .process-reference-copy h3{font-size:clamp(18px,5.65vw,22px)}
 .process-reference-copy p{font-size:18px}
 .process-scroll-active .process-reference-stage{position:sticky;top:var(--process-pin);overflow:clip}
 .process-scroll-active .process-reference-track{overflow:visible;scroll-snap-type:none;translate:var(--process-travel,0px) 0;will-change:translate}
}
@media(prefers-reduced-motion:reduce){
 .process-reference{height:auto!important}
 .process-reference-heading,.process-reference-row,.process-scroll-active .process-reference-stage{position:static}
 .process-reference-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;translate:none!important;overflow:visible!important}
 .process-reference-row{display:block;width:auto;height:var(--process-card-height)}
 .process-reference-card:after{transition:none}
}
@media(max-width:1199px) and (prefers-reduced-motion:reduce){.process-reference-track{grid-template-columns:1fr}.process-reference-row{height:426px}.process-reference-stage{overflow:visible!important}}