/* Isolated illustration study. All selectors stay within the FutureLearn hero. */
.im-learn-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:clamp(30px,5vw,72px);align-items:center;margin-top:22px}
.im-learn-hero-copy{min-width:0}.fl-hero .im-learn-hero-copy h1{font-size:clamp(46px,5.2vw,76px);line-height:1.06;margin-top:0}.im-learn-hero-copy .lead{font-size:clamp(17px,1.5vw,20px)}
.im-learn-visual{position:relative;isolation:isolate;width:100%;max-width:430px;justify-self:end;margin:0;padding:24px;background:#0a121d;border:1px solid #2e4966;border-radius:14px;overflow:hidden}
.im-learn-visual:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(#6ca5dc09 1px,transparent 1px),linear-gradient(90deg,#6ca5dc09 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent)}
.im-learn-visual .im-learn-visual-eyebrow{margin:0 0 5px;font-size:10px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:#9cccf4}
.im-learn-visual ol{padding:0;margin:0;list-style:none}.im-learn-visual-step{position:relative;display:grid;grid-template-columns:134px minmax(0,1fr);gap:17px;align-items:center;padding:15px 0;min-width:0}
.im-learn-visual-step+.im-learn-visual-step{border-top:1px solid #29415a}.im-learn-visual-step>svg{display:block;width:134px;height:auto;stroke:#81bdf0;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.im-learn-visual-step .im-learn-faint{stroke:#426483}.im-learn-visual-step .im-learn-fill{fill:#a5d5fa;stroke:none}.im-learn-visual-step .im-learn-badge{fill:#10263b;stroke:#a5d5fa}
.im-learn-visual .im-learn-visual-number{display:block;font-size:10px;line-height:1.6;letter-spacing:.1em;color:#9cccf4;margin-bottom:5px}.im-learn-visual-step h2{font-size:18px;line-height:1.25;letter-spacing:-.02em;color:#f1f6fc;font-weight:500;margin:0 0 6px}.im-learn-visual-step p{font-size:12px;line-height:1.55;color:#aebfd3;margin:0}
.im-learn-visual figcaption{font-size:12px;line-height:1.65;color:#aebfd3;margin-top:10px;padding-top:17px;border-top:1px solid #29415a}
@media(max-width:1050px){.im-learn-hero-grid{grid-template-columns:minmax(0,1fr) minmax(310px,.85fr);gap:30px}.fl-hero .im-learn-hero-copy h1{font-size:clamp(42px,5vw,58px)}.im-learn-visual{padding:20px}.im-learn-visual-step{grid-template-columns:114px minmax(0,1fr);gap:14px}.im-learn-visual-step>svg{width:114px}}
@media(max-width:800px){.im-learn-hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}.im-learn-visual{justify-self:start;max-width:520px}.im-learn-visual-step{grid-template-columns:144px minmax(0,1fr);gap:24px;padding:17px 0}.im-learn-visual-step>svg{width:144px}.im-learn-visual-step h2{font-size:20px}.im-learn-visual-step p{font-size:14px}.im-learn-visual figcaption{font-size:13px}.fl-hero .im-learn-hero-copy h1{font-size:clamp(42px,8vw,64px)}}
@media(max-width:420px){.im-learn-visual{padding:18px}.im-learn-visual-step{grid-template-columns:88px minmax(0,1fr);gap:14px;padding:16px 0}.im-learn-visual-step>svg{width:88px}.im-learn-visual-step h2{font-size:17px}.im-learn-visual-step p{font-size:12px}.im-learn-visual figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.im-learn-visual *{animation:none!important;transition:none!important}}