/* Native port of the supplied Figma Make infographic. Scoped to this one section. */
body.wp-page .wp-etl-section{background:#eef5fa url('../images/sff/wise-earn-to-learn-background.webp') center / cover no-repeat;padding-block:68px 82px;position:relative;isolation:isolate}
.wp-etl-section::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,#ffffff80,#ffffff14 55%,#ffffff35)}
.wp-etl-section .etl-infographic{--etl-purple:#62609d;--etl-orange:#c05523;--etl-avatar:128px;--etl-start:64px;position:relative;max-width:1280px;margin:auto;color:#273044}

.wp-etl-section .etl-scale{max-width:1152px;margin:0 auto}.wp-etl-section .etl-plot{position:relative;margin-inline:48px;padding-top:160px}
.wp-etl-section .etl-marker{position:absolute;top:0;left:87%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;z-index:2;width:var(--etl-avatar);pointer-events:none}
.wp-etl-section .etl-portrait-wrap{position:relative;width:var(--etl-avatar);height:var(--etl-avatar)}
.wp-etl-section .etl-portrait-glow{position:absolute;inset:-6px;border-radius:50%;background:linear-gradient(135deg,#c055233d,#62609d66);filter:blur(16px)}
.wp-etl-section .etl-avatar{position:relative;width:100%;height:100%;border:4px solid #62609d;border-radius:50%;background:#fff;overflow:hidden;box-shadow:0 0 20px #62609d66,0 10px 24px #31305f26}
/* The source's Figma-only portrait wasn't supplied. Reuse the existing illustrative student photo. */
.wp-etl-section .etl-avatar img{display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 32%;transform:scale(2.45);transform-origin:53% 30%}
.wp-etl-section .etl-points-badge{position:absolute;z-index:1;bottom:-11px;left:50%;transform:translateX(-50%);padding:7px 17px;border-radius:24px;background:linear-gradient(#f9cb32,#eab308);border:1px solid #f8d969;color:#161b24;font:700 16px/1.3 'Instrument Sans',sans-serif;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff80,0 5px 12px #57441330}
.wp-etl-section .etl-marker-pointer{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;margin-top:18px;filter:drop-shadow(0 2px 2px #1f275257)}
.wp-etl-section .etl-track-glow{border-radius:100px;box-shadow:0 12px 22px -12px #34354650,0 0 20px #eab30825}
.wp-etl-section .etl-track{position:relative;height:64px;overflow:hidden;border:4px solid #d1d5db;background:#f3f4f6;border-radius:100px;box-shadow:inset 0 2px 5px #16244024,0 2px 2px #fff}
.wp-etl-section .etl-segment{position:absolute;top:0;bottom:0;transform-origin:left center}
.wp-etl-section .etl-red{left:0;width:70%;background:linear-gradient(90deg,#c31820,#e94047 50%,#dc1f25)}
.wp-etl-section .etl-yellow{left:70%;width:20%;background:linear-gradient(90deg,#eab308,#fbbf24 50%,#eab308)}
.wp-etl-section .etl-green{left:90%;width:10%;background:linear-gradient(90deg,#22c55e,#4ade80 50%,#22c55e)}
.wp-etl-section .etl-track-highlight{position:absolute;inset:0 0 60%;background:linear-gradient(#ffffff80,transparent);pointer-events:none}
.wp-etl-section .etl-track-shading{position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0003);pointer-events:none}
.wp-etl-section .etl-shine{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffffe6,transparent);transform:translateX(-110%);pointer-events:none;opacity:0}
.wp-etl-section .etl-shine-repeat{background:linear-gradient(90deg,transparent,#ffffffb3,transparent)}
.wp-etl-section .etl-boundary{position:absolute;top:0;bottom:0;width:3px;background:#ffffff80;filter:blur(2px)}.wp-etl-section .etl-boundary-70{left:70%}.wp-etl-section .etl-boundary-90{left:90%}
.wp-etl-section .etl-ticks{position:relative;height:32px;margin:12px 4px 0;border:0;font:600 16px/1.5 'Instrument Sans',sans-serif}
.wp-etl-section .etl-ticks:before{content:'';position:absolute;top:12px;left:0;right:0;border-top:2px dotted #62609d}
.wp-etl-section .etl-ticks span{position:absolute;top:0;left:var(--tick);transform:translateX(-50%);background:#fff;padding-inline:7px;z-index:1}
.wp-etl-section .etl-ticks span:first-child{transform:none;padding-left:0}.wp-etl-section .etl-ticks span:last-child{transform:translateX(-100%);padding-right:0}.wp-etl-section .etl-tick-70{color:#936a00;font-weight:800}.wp-etl-section .etl-tick-90{color:#16703b;font-weight:800}
.wp-etl-section .etl-milestones{position:relative;min-height:96px;margin-top:0}
.wp-etl-section .etl-milestone{position:absolute;top:0;text-align:center;display:flex;flex-direction:column;align-items:center;--milestone-color:#eab308}
.wp-etl-section .etl-milestone-70{left:70%;width:190px;transform:translateX(-50%)}.wp-etl-section .etl-milestone-90{left:90%;width:216px;transform:translateX(-50%);--milestone-color:#22c55e}
.wp-etl-section .etl-milestone-line{height:14px;width:2px;background:var(--milestone-color);margin-bottom:3px}
.wp-etl-section .etl-milestone>div{width:100%;padding:8px 11px;border:2px solid var(--milestone-color);border-radius:25px;background:#fff;box-shadow:0 3px 8px #27304a12,inset 0 1px #fff}
.wp-etl-section .etl-milestone strong{display:block;font:700 14px/1.3 'Instrument Sans',sans-serif;color:#273044}.wp-etl-section .etl-milestone>div>span{display:block;font:500 13px/1.5 'Instrument Sans',sans-serif;color:#565c6c;margin-top:3px}
.wp-etl-section .etl-categories{max-width:1280px;margin:70px auto 0}
/* Static complete state is the default. JavaScript adds preparation only when supported. */
.wp-etl-section .etl-ready:not(.etl-running) .etl-segment{transform:scaleX(0)}.wp-etl-section .etl-ready:not(.etl-running) .etl-marker{left:var(--etl-start)}.wp-etl-section .etl-ready:not(.etl-running) .etl-portrait-wrap{transform:scale(0)}.wp-etl-section .etl-ready:not(.etl-running) .etl-marker-pointer{opacity:0}
.wp-etl-section .etl-running .etl-scale{animation:etl-rise .6s .5s both}
.wp-etl-section .etl-running .etl-red{animation:etl-fill 1.2s .5s cubic-bezier(.42,0,.58,1) both}
.wp-etl-section .etl-running .etl-yellow{animation:etl-fill .6s 1.7s cubic-bezier(.42,0,.58,1) both}
.wp-etl-section .etl-running .etl-green{animation:etl-fill .5s 2.3s cubic-bezier(.42,0,.58,1) both}
.wp-etl-section .etl-running .etl-marker{animation:etl-travel 2.5s 2.8s cubic-bezier(.42,0,.58,1) both}
.wp-etl-section .etl-running .etl-portrait-wrap{animation:etl-pop .5s .5s cubic-bezier(.34,1.56,.64,1) both}
.wp-etl-section .etl-running .etl-avatar{animation:etl-portrait-pulse 2.5s 1s ease-in-out infinite}
.wp-etl-section .etl-running .etl-marker-pointer{animation:etl-pointer .3s 1.3s both}
.wp-etl-section .etl-running .etl-track-glow{animation:etl-track-pulse 3s ease-in-out infinite}
.wp-etl-section .etl-running .etl-shine-first{animation:etl-shine 1.2s 1.5s linear both}
.wp-etl-section .etl-running .etl-shine-repeat{animation:etl-shine-repeat 4.5s 3s linear infinite}
.wp-etl-section .etl-image-visible{animation:etl-rise .6s both}
.wp-etl-section .etl-offscreen .etl-scale,.wp-etl-section .etl-offscreen .etl-scale *{animation-play-state:paused!important}
@keyframes etl-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes etl-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes etl-travel{from{left:var(--etl-start)}to{left:87%}}
@keyframes etl-pop{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes etl-pointer{from{opacity:0}to{opacity:1}}
@keyframes etl-portrait-pulse{0%,100%{box-shadow:0 0 20px #62609d66;transform:scale(1)}50%{box-shadow:0 0 40px #62609dcc;transform:scale(1.03)}}
@keyframes etl-track-pulse{0%,100%{box-shadow:0 12px 22px -12px #34354650,0 0 20px #eab30840}50%{box-shadow:0 12px 22px -12px #34354650,0 0 35px #eab30865}}
@keyframes etl-shine{from{opacity:1;transform:translateX(-100%)}to{opacity:1;transform:translateX(200%)}}
@keyframes etl-shine-repeat{0%{opacity:1;transform:translateX(-100%)}55.555%,100%{opacity:1;transform:translateX(200%)}}
@media(max-width:1279px){.wp-etl-section .etl-milestones{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:12px;min-height:0;max-width:570px;margin-left:auto}.wp-etl-section .etl-milestone{position:static;width:auto;transform:none}.wp-etl-section .etl-milestone-line{display:none}.wp-etl-section .etl-milestone>div{height:100%}.wp-etl-section .etl-categories{margin-top:52px}.wp-etl-section .etl-plot{margin-inline:24px}}
@media(max-width:767px){body.wp-page .wp-etl-section{padding-block:40px 45px}.wp-etl-section .etl-infographic{--etl-avatar:96px;--etl-start:48px}.wp-etl-section .etl-plot{margin-inline:8px;padding-top:128px}.wp-etl-section .etl-avatar{border-width:3px}.wp-etl-section .etl-points-badge{font-size:14px;padding:6px 13px;bottom:-9px}.wp-etl-section .etl-marker-pointer{margin-top:16px}.wp-etl-section .etl-track{height:42px;border-width:2px}.wp-etl-section .etl-ticks{font-size:12px;margin:10px 2px 0;height:26px}.wp-etl-section .etl-ticks:before{top:9px;border-width:1px}.wp-etl-section .etl-ticks span{padding-inline:3px}.wp-etl-section .etl-ticks span:last-child{transform:translateX(-50%);padding-right:3px}.wp-etl-section .etl-milestones{margin-top:10px;gap:12px}.wp-etl-section .etl-milestone>div{padding:10px 8px;border-radius:18px}.wp-etl-section .etl-milestone strong{font-size:13px;line-height:1.4}.wp-etl-section .etl-milestone>div>span{font-size:12px}.wp-etl-section .etl-categories{margin-top:35px}}
@media(max-width:370px){.wp-etl-section .etl-ticks{font-size:11px}.wp-etl-section .etl-ticks span{padding-inline:2px}.wp-etl-section .etl-milestones{gap:8px}.wp-etl-section .etl-milestone strong{font-size:12px}.wp-etl-section .etl-milestone>div{padding-inline:5px}}
@media(prefers-reduced-motion:reduce){.wp-etl-section *, .wp-etl-section *::before{animation:none!important;transition:none!important}.wp-etl-section .etl-segment{transform:none!important}.wp-etl-section .etl-marker{left:87%!important}.wp-etl-section .etl-portrait-wrap{transform:none!important}.wp-etl-section .etl-marker-pointer{opacity:1!important}}

/* Reference heading composition, using the site's established SFF typefaces. */
.wp-page .wp-etl-section .etl-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:64px;position:relative;padding-bottom:38px;margin-bottom:48px;border-bottom:1px solid #dce0e7}
.wp-page .wp-etl-section .etl-heading:after{content:'';position:absolute;bottom:-1px;left:0;width:64px;height:2px;background:var(--etl-orange)}
.wp-page .wp-etl-section .etl-heading .wp-eyebrow{color:var(--etl-orange);margin-bottom:22px}
.wp-page .wp-etl-section .etl-heading .wp-eyebrow:before{background:var(--etl-orange);height:1px}
.wp-page .wp-etl-section .etl-heading h2{font-size:clamp(38px,4.25vw,64px);margin:0;line-height:1.08;text-wrap:initial}
.wp-page .wp-etl-section .etl-heading h2 span{display:block;color:var(--etl-orange)}
.wp-page .wp-etl-section .etl-heading-copy{font-size:20px;line-height:1.65;color:#687286;margin:0 0 3px;max-width:52ch}
/* Keep the existing dimensional outer frame around the supplied Wistia player. */
.wp-programme-overview .wp-video-player{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:18px;border:1px solid #60719a;background:#192643}
.wp-programme-overview .wp-video-player iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
@media(max-width:900px){.wp-page .wp-etl-section .etl-heading{grid-template-columns:1fr;gap:22px;padding-bottom:30px;margin-bottom:38px}.wp-page .wp-etl-section .etl-heading h2{font-size:clamp(38px,6.2vw,56px)}.wp-page .wp-etl-section .etl-heading-copy{font-size:19px;max-width:65ch}}
@media(max-width:600px){.wp-page .wp-etl-section .etl-heading{gap:20px;margin-bottom:32px;padding-bottom:27px}.wp-page .wp-etl-section .etl-heading h2{font-size:38px}.wp-page .wp-etl-section .etl-heading .wp-eyebrow{margin-bottom:18px}.wp-page .wp-etl-section .etl-heading-copy{font-size:18px;line-height:1.65}.wp-programme-overview .wp-video-player{border-radius:12px}}