/* A gentler 60/40 rhythm, with each illustration held beside its copy. */
@media(min-width:768px){
.study-drift .process-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.study-drift .step,.study-drift .step:last-child,.study-drift .step:nth-of-type(2),.study-drift .step:nth-of-type(3){grid-column:span 2;grid-template-columns:minmax(0,1fr) 78px;grid-template-rows:18px auto auto;column-gap:14px;padding:29px;min-height:258px}
.study-drift .step:nth-of-type(1),.study-drift .step:nth-of-type(4){grid-column:span 3;grid-template-columns:minmax(0,1fr) 104px;column-gap:22px}
.study-drift .pictogram,.study-drift .step:nth-of-type(2) .pictogram,.study-drift .step:nth-of-type(3) .pictogram{position:relative;top:auto;right:auto;grid-column:2;grid-row:1/3;align-self:center;width:78px;height:74px;justify-self:start;margin:0}
.study-drift .step:nth-of-type(1) .pictogram,.study-drift .step:nth-of-type(4) .pictogram{position:relative;top:auto;right:auto;grid-column:2;grid-row:1/4;align-self:center;justify-self:start;width:104px;height:90px}
.study-drift .step-copy h3,.study-drift .step:nth-of-type(2) h3,.study-drift .step:nth-of-type(3) h3{grid-column:1;font-size:clamp(27px,2.6vw,35px);margin:12px 0 22px}
.study-drift .step-copy p,.study-drift .step:nth-of-type(2) .step-copy p,.study-drift .step:nth-of-type(3) .step-copy p{font-size:14px;line-height:1.65;max-width:38ch}
.study-drift .step:nth-of-type(1) .step-copy p,.study-drift .step:nth-of-type(4) .step-copy p{grid-column:1}
}
@media(min-width:768px) and (max-width:1000px){
.study-drift .step,.study-drift .step:last-child,.study-drift .step:nth-of-type(2),.study-drift .step:nth-of-type(3){grid-template-columns:minmax(0,1fr) 58px;column-gap:8px;padding:24px;min-height:258px}
.study-drift .step:nth-of-type(1),.study-drift .step:nth-of-type(4){grid-template-columns:minmax(0,1fr) 78px;column-gap:16px}
.study-drift .pictogram,.study-drift .step:nth-of-type(2) .pictogram,.study-drift .step:nth-of-type(3) .pictogram{width:58px;height:60px}
.study-drift .step:nth-of-type(1) .pictogram,.study-drift .step:nth-of-type(4) .pictogram{width:78px;height:78px}
.study-drift .step-copy h3,.study-drift .step:nth-of-type(2) h3,.study-drift .step:nth-of-type(3) h3{font-size:27px}
.study-drift .step:nth-of-type(2) .step-copy h3,.study-drift .step:nth-of-type(3) .step-copy h3{grid-column:1/-1}
.study-drift .step:nth-of-type(2) .pictogram,.study-drift .step:nth-of-type(3) .pictogram{align-self:start;transform:translateY(-10px)}
}