/* PLAYLAB course campaign 2.4.2. Artwork is illustrative; copy stays accessible HTML. */
.kc-v3 .creator-promo.creator-promo-art{
 position:relative;isolation:isolate;scroll-margin-top:24px;display:block;min-height:350px;padding:0;overflow:hidden;
 border:1px solid #7051ae;border-radius:18px;background:#100b24;
 box-shadow:0 10px 35px #0003;
}
.creator-promo-art .course-art{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;pointer-events:none}
.creator-promo-art .course-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:58% center}
.creator-promo-art:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0e0927eb 0%,#0e0927da 25%,#0e092773 43%,transparent 65%)}
.kc-v3 .creator-promo-art .creator-copy{position:relative;display:block;width:47%;max-width:540px;padding:31px 34px 33px}
.kc-v3 .creator-promo-art .creator-copy>small{display:block;margin:0 0 17px;color:#d7c6ff;font-size:10px;font-weight:600;letter-spacing:.1px}
.creator-promo-art .course-brand{display:block;font-family:'Space Grotesk',Manrope,sans-serif;font-size:13px;font-weight:700;color:#c9ff7a;letter-spacing:.3px;margin-bottom:9px}
.kc-v3 .creator-promo-art .creator-copy h2{font-size:clamp(26px,3vw,42px);line-height:1.04;letter-spacing:-1.25px;font-weight:700;margin:0 0 14px;max-width:14ch;color:#fff;text-wrap:balance}
.kc-v3 .creator-promo-art .creator-copy p{font-size:13px;line-height:1.65;margin:0;max-width:31ch;color:#e1dcf5;text-wrap:pretty}
.kc-v3 .creator-promo-art .creator-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;margin:21px 0 0;min-height:46px;padding:12px 19px;background:#c9ff7a;color:#15212a;border:1px solid #ddffaf;border-radius:9px;font-weight:800;font-size:13px;box-shadow:0 4px 22px #c9ff7a18}
.kc-v3 .creator-promo-art .creator-cta:hover{background:#dcffab;color:#15212a;border-color:#efffd9}
.creator-promo-art .course-note{display:block;margin-top:11px;color:#b9b0d4;font-size:10px}
.creator-promo-art .art-caption{position:absolute;right:12px;bottom:10px;max-width:calc(100% - 24px);font-size:9px;color:#f4f1ff;background:#100b24b8;padding:4px 7px;border-radius:4px;pointer-events:none}
.creator-promo-art .creator-cta:focus-visible{outline:3px solid #5de2fd;outline-offset:5px}
@media(min-width:1600px){.kc-v3 .creator-promo.creator-promo-art{min-height:375px}.kc-v3 .creator-promo-art .creator-copy{padding:35px 40px}.kc-v3 .creator-promo-art .creator-copy h2{font-size:45px}}
@media(max-width:1050px){.kc-v3 .creator-promo-art .creator-copy{width:50%;padding:28px}.kc-v3 .creator-promo-art .creator-copy h2{font-size:34px}.creator-promo-art:before{background:linear-gradient(90deg,#0e0927ee 0%,#0e0927df 29%,#0e09275c 54%,transparent 78%)}.creator-promo-art .course-art img{object-position:61% center}}
@media(max-width:650px){
 .kc-v3 .creator-promo.creator-promo-art{display:flex;flex-direction:column;min-height:0;border-radius:16px;margin:29px 0;background:#100b24}
 .creator-promo-art .course-art{position:relative;inset:auto;z-index:0;width:100%;height:205px;flex-shrink:0;overflow:hidden}
 .creator-promo-art .course-art img{object-position:right 46%;height:100%;object-fit:cover}
 .creator-promo-art:before{display:none}
 .creator-promo-art .course-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#100b24,transparent 28%);pointer-events:none}
 .kc-v3 .creator-promo-art .creator-copy{width:100%;max-width:none;padding:4px 22px 25px}
 .kc-v3 .creator-promo-art .creator-copy>small{font-size:9px;margin-bottom:14px;color:#c5b9e6}
 .creator-promo-art .course-brand{font-size:12px;margin-bottom:9px}
 .kc-v3 .creator-promo-art .creator-copy h2{font-size:32px;line-height:1.06;letter-spacing:-.8px;max-width:12ch;margin-bottom:13px}
 .kc-v3 .creator-promo-art .creator-copy p{max-width:40ch;font-size:12px;line-height:1.6}
 .kc-v3 .creator-promo-art .creator-cta{display:flex;width:100%;font-size:13px;margin-top:19px;min-height:47px}
 .creator-promo-art .course-note{font-size:10px;margin-top:10px}
 .creator-promo-art .art-caption{top:12px;bottom:auto;font-size:8px}
}
