.study-drift .step.arrived .icon-action{animation:none}
/* Four short visual stories within the established cloud windows. */
.study-drift .step,.study-drift .step:last-child{grid-template-columns:minmax(0,1fr) 104px;grid-template-rows:18px auto auto;column-gap:14px;min-height:258px;padding:27px 30px 29px}
.study-drift .pictogram{width:104px;height:88px;grid-row:1/3;align-self:center;margin-top:1px}
.study-drift .pictogram svg{stroke-width:1.35;overflow:visible}
.study-drift .step-number{font-size:9px;align-self:start}
.study-drift .step-copy h3{font-size:clamp(27px,2.8vw,35px);margin:12px 0 22px;align-self:start}
.study-drift .step-copy p{align-self:start;max-width:37ch;line-height:1.65}
.study-drift .story-orbit{stroke:#e3061824;stroke-dasharray:2 7}
.study-drift .story-core{fill:#e30618;stroke:none}
.study-drift .story-guide{stroke:#f5f1e827;stroke-dasharray:2 4}
.study-drift .story-lane circle{fill:#e30618;stroke:none}
.study-drift .story-finish{opacity:0}
.study-drift .story-check,.study-drift .story-link{stroke-dasharray:90;stroke-dashoffset:90;opacity:.3}
.study-drift .story-descent{opacity:.4}
.study-drift .story-parcel{transform:translateY(0)}
.study-drift .step.arrived .story-check{animation:verify-story 1s cubic-bezier(.2,.7,.2,1) both}
.study-drift .arrived .story-orbit{animation:verify-orbit 1.4s ease-out both}
.study-drift .arrived .story-link{animation:connect-story 1s ease-out both}
.study-drift .arrived .right-node,.study-drift .arrived .right-core{animation:node-story 1s ease-out both}
.study-drift .arrived .lane-one{animation:align-one 1.05s cubic-bezier(.2,.7,.2,1) both}
.study-drift .arrived .lane-two{animation:align-two 1.05s cubic-bezier(.2,.7,.2,1) both}
.study-drift .arrived .lane-three{animation:align-three 1.05s cubic-bezier(.2,.7,.2,1) both}
.study-drift .step.arrived .story-finish{animation:finish-story 1.3s ease-out both}
.study-drift .arrived .story-parcel{animation:deliver-story 1.2s cubic-bezier(.2,.7,.2,1) both}
.study-drift .arrived .story-descent{animation:descent-story 1.2s ease-out both}
.study-drift .visited .story-check,.study-drift .visited .story-link{stroke-dashoffset:0;opacity:1}
.study-drift .visited .lane-one{transform:translateX(20px)}
.study-drift .visited .lane-two{transform:translateX(-16px)}
.study-drift .visited .lane-three{transform:translateX(12px)}
.study-drift .visited .story-finish{opacity:1}
.study-drift .visited .story-parcel{transform:translateY(23px)}
.study-drift .visited .story-descent{opacity:0}
@keyframes verify-story{from{stroke-dashoffset:90;opacity:.3}to{stroke-dashoffset:0;opacity:1}}
@keyframes verify-orbit{0%{stroke:#e3061824}45%{stroke:#e3061870}100%{stroke:#e3061824}}
@keyframes connect-story{from{stroke-dashoffset:90;opacity:.3}to{stroke-dashoffset:0;opacity:1}}
@keyframes node-story{from{transform:translateX(7px);opacity:.4}to{transform:translateX(0);opacity:1}}
@keyframes align-one{from{transform:translateX(0)}to{transform:translateX(20px)}}
@keyframes align-two{from{transform:translateX(0)}to{transform:translateX(-16px)}}
@keyframes align-three{from{transform:translateX(0)}to{transform:translateX(12px)}}
@keyframes finish-story{0%,65%{opacity:0}100%{opacity:1}}
@keyframes deliver-story{0%,15%{transform:translateY(0)}100%{transform:translateY(23px)}}
@keyframes descent-story{0%{opacity:.4}100%{opacity:0}}
@media(max-width:1000px) and (min-width:768px){.study-drift .step,.study-drift .step:last-child{grid-template-columns:minmax(0,1fr) 78px;padding:25px;column-gap:10px;min-height:250px}.study-drift .pictogram{width:78px;height:78px}.study-drift .step-copy h3{font-size:28px}.study-drift .step-copy p{font-size:14px}}
@media(max-width:767px){.study-drift .step,.study-drift .step:last-child{grid-template-columns:minmax(0,1fr) 78px;grid-template-rows:15px auto auto;padding:23px 22px 24px;min-height:0;column-gap:10px}.study-drift .pictogram{width:78px;height:72px;align-self:center}.study-drift .step-copy h3{font-size:28px;margin:10px 0 17px}.study-drift .step-copy p{max-width:none;font-size:14px;line-height:1.6}}
@media(max-width:360px){.study-drift .step,.study-drift .step:last-child{padding:21px 18px 22px;grid-template-columns:minmax(0,1fr) 62px;column-gap:6px}.study-drift .pictogram{width:62px;height:66px}.study-drift .step-copy h3{font-size:24px;letter-spacing:-.05em}}
@media(prefers-reduced-motion:reduce){.study-drift .arrived svg *{animation:none!important}.study-drift .story-check,.study-drift .story-link{stroke-dashoffset:0;opacity:1}.study-drift .story-finish{opacity:1}}