/* Approved text-led sticky sequence, scoped to the homepage approach section. */
.approach-scroll{position:relative;isolation:isolate;padding-top:65px}
.approach-scroll::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 55% 28% at 5% 20%,#000,transparent),radial-gradient(ellipse 70% 30% at 100% 85%,#000,transparent)}
.study-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:start;padding-bottom:70px}
.study-intro{position:sticky;top:80px;padding-bottom:40px}
.study-intro .case-label{margin-bottom:28px}
.study-intro h2{font-size:clamp(38px,4.2vw,60px);line-height:1.12;letter-spacing:-.045em}
.study-intro>p:not(.case-label){max-width:360px;color:var(--muted);margin-top:30px;font-size:17px;line-height:1.65}
.study-cards{list-style:none;padding:0 12px;margin:0}
.study-card{position:sticky;top:84px;min-height:0;padding:28px 34px 32px;background:var(--card);border:1px solid var(--line);border-radius:9px;box-shadow:8px 12px 0 var(--shadow);margin-bottom:64px;transform:rotate(-1.6deg);transform-origin:50% 10%}
.study-card:nth-child(2){top:102px;margin-left:20px;margin-right:-10px;background:var(--mint);transform:rotate(1.4deg)}
.study-card:nth-child(3){top:120px;margin-left:-12px;margin-right:10px;transform:rotate(-1deg)}
.study-card:nth-child(4){top:138px;background:var(--action);color:var(--action-ink);transform:rotate(1.1deg);margin-bottom:0}
.step-progress{color:var(--blue)}
.step-progress>span{display:flex;gap:6px;width:104px;height:5px}
.step-progress i{flex:1;background:currentColor;opacity:.2;border-radius:2px}
.step-progress .is-complete{opacity:1}
.study-card:last-child .step-progress{color:inherit}
.study-card h3{font-size:clamp(32px,3.2vw,46px);line-height:1.15;letter-spacing:-.04em;margin:22px 0 16px;max-width:390px}
.study-card>p{font-size:18px;line-height:1.65;max-width:410px}
@media(min-width:751px) and (max-height:650px){.study-intro{top:25px}.study-card{min-height:0;padding:22px 30px;top:30px}.study-card:nth-child(2){top:45px}.study-card:nth-child(3){top:60px}.study-card:nth-child(4){top:75px}.study-card h3{margin:25px 0 18px}}
@media(max-width:750px){
 .approach-scroll{padding-top:28px}.study-layout{grid-template-columns:1fr;gap:28px;padding-bottom:45px}
 .study-intro{position:static;padding-bottom:8px}.study-intro .case-label{margin-bottom:18px}.study-intro h2{font-size:42px;max-width:480px}.study-intro>p:not(.case-label){font-size:15px;max-width:420px;margin-top:22px}
 .study-cards{padding-inline:6px}.study-card{padding:24px;min-height:0;margin-bottom:36px;top:24px}.study-card:nth-child(2){top:36px;margin-left:7px;margin-right:0}.study-card:nth-child(3){top:48px;margin-left:0;margin-right:5px}.study-card:nth-child(4){top:60px}.study-card h3{font-size:34px;margin:20px 0 14px}.study-card>p{font-size:16px}.approach-scroll::before{background-size:40px 40px}
}
@media(prefers-reduced-motion:reduce),(max-height:480px){.study-intro,.study-card{position:static}.study-card{transform:none!important;margin-bottom:28px}.study-layout{padding-bottom:50px}}
.study-intro>p.small-note{font-size:14px;margin-top:24px}

.study-intro h2 span{color:var(--blue)}