/* Campaign hero: photo, layered colour planes and headline ribbons. */
.hero-campaign{padding:0;background:var(--cream);border-bottom:0;overflow:hidden;isolation:isolate}
.hero-campaign .hero-grid{display:block;position:static;padding-top:65px;padding-bottom:67px;min-height:690px}
.hero-campaign .hero-copy{position:relative;z-index:3;width:620px;max-width:55%}
.hero-campaign .hero-eyebrow{background:transparent;border:0;padding:0;letter-spacing:1.3px;font-size:10px;margin-bottom:22px;color:var(--ink)}
.hero-campaign h1{font-size:55px;line-height:1.13;letter-spacing:-1.5px;font-weight:900}
.hero-campaign h1 .hero-prelude{font-size:23px;line-height:1.4;color:var(--ink);margin-bottom:18px}
.hero-campaign h1 .headline-ribbon{display:table;max-width:100%;padding:8px 21px 11px;background:white;transform:skew(-8deg);margin:0 0 15px 8px;box-shadow:6px 7px 0 var(--green);color:var(--ink)}
.hero-campaign h1 .headline-ribbon>span{display:block;transform:skew(8deg);color:inherit}
.hero-campaign h1 .ribbon-blue{box-shadow:6px 7px 0 var(--blue);color:var(--blue-text)}
.hero-campaign .lead{font-size:18px;line-height:1.65;max-width:460px;margin-top:28px;color:#4d4b59}
.hero-campaign .cta-row{margin-top:27px}
.hero-campaign .button-dark{border-radius:999px;min-height:59px;padding:17px 29px;font-size:16px;gap:24px}
.hero-campaign .hero-note{font-size:12px;margin-top:17px;color:#55525e}
.watch-link{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-size:14px;font-weight:700;text-decoration:none}
.watch-label{text-decoration:underline;text-underline-offset:5px}
.watch-link:hover{color:var(--blue-text)}
.play-symbol{width:25px;height:25px;border:1px solid currentColor;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;text-indent:2px}
.campaign-shapes{position:absolute;inset:0;z-index:-1;pointer-events:none}
.shape-amber{position:absolute;top:0;bottom:2%;left:23%;width:36%;background:#fbb03b22;clip-path:polygon(0 16%,100% 0,68% 100%,22% 93%)}
.shape-green{position:absolute;left:0;bottom:0;width:47%;height:70%;background:#86b62d1c;clip-path:polygon(25% 0,100% 100%,0 95%)}
.hero-media{position:absolute;right:0;top:19px;bottom:23px;width:56%;margin:0;z-index:0;clip-path:polygon(13% 4%,100% 0,100% 96%,0 100%);isolation:isolate}
.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff7e450,transparent 32%);pointer-events:none}
.hero-media img{height:100%;width:100%;object-fit:cover;object-position:65% center;max-width:none}
.hero-media figcaption{position:absolute;z-index:2;bottom:45px;right:clamp(32px,6vw,110px);background:white;padding:12px 19px;font-size:14px;letter-spacing:.1px;border-left:4px solid var(--green);box-shadow:3px 3px 0 #1b1a2915}
.hero-media figcaption strong{font-weight:900}
.story-video{padding-top:68px;padding-bottom:68px;border-bottom:1px solid var(--line);background:white}
.video-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}
.video-intro-copy h2{font-size:36px;line-height:1.2;letter-spacing:-.8px}
.video-intro-copy .eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--blue-text)}
.video-intro-copy .intro{font-size:17px;line-height:1.65;margin-top:20px}
.video-intro-copy .text-link{font-size:14px;margin-top:24px;gap:10px}
.langu-video-frame{margin:0;min-width:0}
.video-border{padding:9px;background:linear-gradient(115deg,var(--green),var(--blue));border-radius:19px;box-shadow:0 6px 0 #1b1a2909}
.langu-video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--ink);border-radius:11px}
.langu-video-frame figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;line-height:1.5;color:var(--muted);margin-top:15px}
.video-caption-label{font-size:9px;letter-spacing:1px;font-weight:900;color:var(--ink)}
.story-video+.benefits{background:#fff}
@media(min-width:1600px){.hero-campaign .hero-copy{max-width:620px}.hero-media{width:55%}.hero-campaign .hero-grid{min-height:710px;padding-top:71px;padding-bottom:72px}.hero-campaign h1{font-size:59px}}
@media(max-width:1200px){.hero-campaign .hero-grid{padding-top:54px;padding-bottom:54px;min-height:650px}.hero-campaign h1{font-size:47px}.hero-campaign .hero-copy{max-width:54%}.hero-campaign h1 .hero-prelude{font-size:22px}.hero-campaign .lead{max-width:390px;font-size:17px}.hero-media{width:57%}.hero-media img{object-position:68% center}.hero-media figcaption{right:30px;font-size:12px}.video-intro-grid{gap:45px;grid-template-columns:.9fr 1.1fr}.video-intro-copy h2{font-size:32px}}
@media(max-width:950px) and (min-width:851px){.hero-campaign h1{font-size:41px}.hero-campaign .lead{max-width:340px}.hero-campaign .hero-eyebrow{font-size:9px;letter-spacing:.8px}.hero-media{width:56%}.hero-media img{object-position:71% center}.hero-campaign .button-dark{padding-inline:23px;font-size:15px}.video-intro-grid{gap:32px}.video-intro-copy h2{font-size:29px}}
@media(max-width:850px){
 .hero-campaign .hero-grid{display:grid;grid-template-columns:1fr;gap:38px;padding-top:40px;padding-bottom:28px;min-height:0}.hero-campaign .hero-copy{width:100%;max-width:650px}.hero-campaign h1{font-size:54px}.hero-campaign .lead{max-width:540px;font-size:18px}.hero-campaign h1 .hero-prelude{font-size:23px}.hero-campaign .hero-eyebrow{font-size:10px}.hero-media{position:relative;inset:auto;width:100%;height:390px;clip-path:polygon(4% 2%,100% 0,97% 97%,0 100%)}.hero-media img{object-position:65% 44%}.hero-media figcaption{bottom:30px;right:32px}.campaign-shapes .shape-green{width:85%;height:60%}.campaign-shapes .shape-amber{left:22%;width:70%;height:75%}.hero-campaign .cta-row{display:inline-flex;margin-right:25px}.hero-campaign .watch-link{margin-top:22px}.video-intro-grid{grid-template-columns:1fr;gap:30px}.video-intro-copy{max-width:600px}.video-intro-copy h2{font-size:35px}.langu-video-frame{width:100%}.story-video{padding-block:58px}
}
@media(max-width:600px){
 .hero-campaign .hero-grid{padding-top:33px;padding-bottom:24px;gap:28px}.hero-campaign .hero-eyebrow{font-size:9px;letter-spacing:.75px;margin-bottom:21px}.hero-campaign h1{font-size:clamp(30px,8.45vw,47px);letter-spacing:-1px}.hero-campaign h1 .hero-prelude{font-size:19px;margin-bottom:16px}.hero-campaign h1 .headline-ribbon{padding:7px 13px 9px;margin-left:5px;margin-bottom:12px;box-shadow:4px 5px 0 var(--green)}.hero-campaign h1 .ribbon-blue{box-shadow:4px 5px 0 var(--blue)}.hero-campaign .lead{font-size:17px;line-height:1.6;margin-top:25px;max-width:100%}.hero-campaign .cta-row{margin-top:25px;margin-right:0;display:flex}.hero-campaign .button-dark{font-size:15px;padding:15px 23px;min-height:54px;gap:23px}.hero-campaign .watch-link{font-size:13px;margin-top:22px}.hero-campaign .hero-note{font-size:11px;margin-top:17px}.hero-media{height:290px;clip-path:polygon(5% 3%,100% 0,97% 97%,0 100%)}.hero-media img{object-position:71% center}.hero-media figcaption{bottom:21px;right:17px;padding:9px 12px;font-size:11px;border-left-width:3px}.story-video{padding-block:45px}.video-intro-grid{gap:27px}.video-intro-copy h2{font-size:30px}.video-intro-copy .intro{font-size:16px;margin-top:18px}.video-intro-copy .text-link{font-size:13px;margin-top:20px}.video-border{padding:6px;border-radius:13px}.langu-video-frame video{border-radius:8px}.langu-video-frame figcaption{display:block;font-size:11px;margin-top:13px}.video-caption-label{display:block;font-size:9px;margin-bottom:5px}
}
@media(max-width:360px){.hero-campaign h1{font-size:29px}.hero-campaign h1 .hero-prelude{font-size:17px}.hero-campaign .hero-eyebrow{font-size:8px}.hero-media{height:260px}.hero-campaign .button-dark{font-size:14px;padding-inline:20px}.video-intro-copy h2{font-size:28px}}

/* Keep the benefit icons in the flow after removing decorative numbering. */
.benefit .icon{position:static;display:block;margin:0 0 22px}

/* Show the learning experience alongside the benefits. */
.classroom-showcase .classroom-intro{max-width:800px}
.classroom-showcase h2{max-width:760px}
.classroom-showcase .intro{max-width:770px}
.classroom-preview{margin:38px 0 0}
.classroom-image-frame{display:block;padding:8px;background:#3a3849;border:1px solid #545163;border-radius:13px}
.classroom-image-frame img{display:block;width:100%;height:auto;border-radius:6px}
.classroom-preview figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:14px;color:#d2d0de;font-size:12px;line-height:1.6}
.classroom-showcase .classroom-points{grid-template-columns:repeat(3,1fr);gap:35px;margin-top:38px}
.classroom-showcase .classroom-points>div{padding-left:18px}
@media(max-width:850px){.classroom-showcase .classroom-points{gap:23px}.classroom-showcase .classroom-points h3{font-size:17px}}
@media(max-width:600px){.classroom-preview{margin-top:27px}.classroom-image-frame{padding:4px;border-radius:8px}.classroom-image-frame img{border-radius:4px}.classroom-preview figcaption{display:block;font-size:11px;margin-top:12px}.classroom-showcase .classroom-points{grid-template-columns:1fr;gap:25px;margin-top:30px}.classroom-showcase .classroom-points h3{font-size:18px}}