/* Only the topic illustration inside course-page heroes is affected. */
.course-scene{margin:0;width:100%;max-width:500px;height:425px;min-width:0;position:relative;justify-self:center;display:flex;flex-direction:column;isolation:isolate}
.course-scene .cv-art{display:block;width:100%;height:calc(100% - 48px);min-height:0;overflow:visible;flex:1;filter:drop-shadow(0 13px 13px #061a2a16)}
.course-scene figcaption{position:relative;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 10px}
.course-scene .cv-caption{color:#a7c9bf;font-size:10px;line-height:1.9;display:flex;align-items:flex-start;gap:8px;max-width:245px}
.course-scene .cv-caption>i{display:block;width:5px;height:5px;margin-top:7px;border-radius:50%;background:#80c6b3;flex-shrink:0}
.course-scene .cv-teaching{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #8bc7af25;border-radius:5px;background:#ffffff03;color:#8db4aa;font-size:9px;white-space:nowrap}
.course-scene .cv-teaching svg{width:17px;height:17px;color:#8bdac8}
/* Match new-design-1 .lp-campus-tag */
.course-scene .cv-campus{display:flex;align-items:center;gap:14px;background:#fff;padding:9px 10px 9px 17px;color:var(--navy,#102844);border-radius:8px;box-shadow:0 12px 40px #0716252e;transform:rotate(1deg);white-space:nowrap;flex-shrink:0}
.course-scene .cv-campus img{width:86px;height:62px;object-fit:cover;border-radius:4px;border:0;display:block}
.course-scene .cv-campus-copy{display:block;min-width:0}
.course-scene .cv-campus-copy small{display:block;font-size:9px;line-height:1.7;color:#89928c}
.course-scene .cv-campus-copy strong{display:block;font-size:13px;line-height:1.6;font-weight:700;color:var(--navy,#102844)}
.course-scene .cv-campus-icon{display:flex;color:#4f9882;flex-shrink:0}
.course-scene .cv-campus-icon svg{width:24px;height:24px;display:block}
.course-scene .cv-motion{position:absolute;left:8px;top:7px;display:grid;place-items:center;border:1px solid #8ac5af2a;border-radius:50%;width:38px;height:38px;padding:9px;background:#102844a6;color:#91c6b4;transition:background .2s,border-color .2s;z-index:2}
.course-scene .cv-motion[hidden]{display:none}.course-scene .cv-motion:hover{background:#274b55;border-color:#8ac5af70}.course-scene .cv-motion svg{width:18px;height:18px}.course-scene .cv-motion:focus-visible{outline:2px solid #8bdac8;outline-offset:4px}
.course-scene .cv-flow{stroke-dasharray:6 21;animation:cvFlow 4s linear infinite}
.course-scene .cv-pulse{transform-box:fill-box;transform-origin:center;animation:cvPulse 4s ease-in-out infinite}
.course-scene .cv-ring{transform-box:fill-box;transform-origin:center;animation:cvRing 5s ease-in-out infinite}
.course-scene .cv-broadcast{animation:cvBroadcast 4s ease-in-out infinite}
.course-scene .cv-proposal-left{animation:cvProposalLeft 6s ease-in-out infinite}
.course-scene .cv-proposal-right{animation:cvProposalRight 6s ease-in-out infinite}
.course-scene .cv-balance{transform-box:view-box;transform-origin:50% 33.5135%;animation:cvBalance 7s ease-in-out infinite}
.course-scene .cv-inspect{animation:cvInspect 7s ease-in-out infinite}
.course-scene .cv-needle{transform-box:view-box;transform-origin:50% 42.7027%;animation:cvNeedle 8s ease-in-out infinite}
.course-scene .cv-growth{animation:cvGrowth 5s ease-in-out infinite}
.course-scene .cv-open-hand{transform-box:view-box;transform-origin:37.75% 49.189%;animation:cvOpenHand 7s ease-in-out infinite}
.course-scene .cv-delay{animation-delay:1.2s}
.course-scene[data-motion=paused] .cv-flow,.course-scene[data-motion=paused] .cv-pulse,.course-scene[data-motion=paused] .cv-ring,.course-scene[data-motion=paused] .cv-broadcast,.course-scene[data-motion=paused] .cv-proposal-left,.course-scene[data-motion=paused] .cv-proposal-right,.course-scene[data-motion=paused] .cv-balance,.course-scene[data-motion=paused] .cv-inspect,.course-scene[data-motion=paused] .cv-needle,.course-scene[data-motion=paused] .cv-growth,.course-scene[data-motion=paused] .cv-open-hand{animation-play-state:paused}
@keyframes cvFlow{to{stroke-dashoffset:-108}}
@keyframes cvPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.8)}}
@keyframes cvRing{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:.25;transform:scale(1.065)}}
@keyframes cvBroadcast{0%,100%{opacity:.38}50%{opacity:.95}}
@keyframes cvProposalLeft{0%,100%{transform:translateX(0)}45%,65%{transform:translateX(5px)}}
@keyframes cvProposalRight{0%,100%{transform:translateX(0)}45%,65%{transform:translateX(-5px)}}
@keyframes cvBalance{0%,100%{transform:rotate(0)}25%{transform:rotate(-2deg)}65%{transform:rotate(2deg)}}
@keyframes cvInspect{0%,100%{transform:translate(0,0)}50%{transform:translate(-5px,-3px)}}
@keyframes cvNeedle{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}55%,75%{transform:rotate(5deg)}}
@keyframes cvGrowth{0%,100%{transform:translateY(0)}45%,65%{transform:translateY(-5px)}}
@keyframes cvOpenHand{0%,100%{transform:rotate(0)}50%{transform:rotate(3deg)}}
@media(max-width:1100px){.course-scene{height:410px;max-width:440px}.course-scene .cv-caption{font-size:9px;max-width:210px}.course-scene .cv-teaching{font-size:8px;padding:8px}.course-scene figcaption{gap:12px;padding:0 3px}.course-scene .cv-campus{gap:12px;padding:8px 9px 8px 14px}.course-scene .cv-campus img{width:76px;height:55px}.course-scene .cv-campus-copy strong{font-size:12px}}
@media(max-width:900px){.course-scene{height:375px;max-width:365px}.course-scene .cv-caption{font-size:8px;max-width:140px}.course-scene .cv-teaching{font-size:7px;gap:5px;padding:7px}.course-scene .cv-campus{gap:10px;padding:7px 8px 7px 12px;transform:rotate(.5deg)}.course-scene .cv-campus img{width:64px;height:46px}.course-scene .cv-campus-copy small{font-size:8px}.course-scene .cv-campus-copy strong{font-size:11px}.course-scene .cv-campus-icon svg{width:20px;height:20px}.course-scene .cv-motion{left:2px;top:10px}}
@media(max-width:700px){.course-scene{height:370px;max-width:355px;margin-top:-4px}.course-scene .cv-art{height:calc(100% - 78px)}.course-scene figcaption{min-height:78px;gap:12px;padding:0 5px;align-items:flex-end}.course-scene .cv-caption{font-size:9px;max-width:120px}.course-scene .cv-teaching{font-size:7px;gap:5px;padding:7px}.course-scene .cv-teaching svg{width:15px;height:15px}.course-scene .cv-campus{gap:10px;padding:8px 9px 8px 12px}.course-scene .cv-campus img{width:72px;height:52px}.course-scene .cv-motion{width:42px;height:42px;left:0;top:0;padding:11px}}
@media(max-width:380px){.course-scene{height:350px}.course-scene .cv-caption{font-size:8px;max-width:100px}.course-scene figcaption{padding:0;gap:8px}.course-scene .cv-campus{gap:8px;padding:7px 8px 7px 10px}.course-scene .cv-campus img{width:58px;height:42px}.course-scene .cv-campus-copy small{font-size:7px}.course-scene .cv-campus-copy strong{font-size:10px}.course-scene .cv-campus-icon svg{width:18px;height:18px}.course-scene .cv-teaching{font-size:7px;padding:7px 6px}.course-scene .cv-teaching svg{width:14px;height:14px}}