/* The course film is the hero's visual, so the page stays compact. */
.hero.has-course-film{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);column-gap:clamp(24px,5vw,80px);align-items:center}
.hero.has-course-film .course-film{position:relative;isolation:isolate;align-self:start;width:min(100%,380px);margin:20px auto 36px;color:#f5ebdc;min-width:0}
.course-film::before{content:"";position:absolute;inset:10% -12% 12%;z-index:-1;background:radial-gradient(ellipse,#b18d6540,transparent 68%);pointer-events:none}
.course-film-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;font:600 10px/1.5 var(--eng, sans-serif);letter-spacing:1.8px;color:#dcc7a9}
.course-film-heading>span:last-child{font-size:12px;letter-spacing:.5px;border:1px solid #c7aa7d66;padding:4px 9px;border-radius:30px}
.course-film-frame{position:relative;aspect-ratio:9/16;overflow:hidden;border:1px solid #d5bb9259;border-radius:14px;background:#191715;box-shadow:0 22px 65px #0006,0 0 0 7px #e0cba609}
.course-film-video{display:block;width:100%;height:100%;object-fit:contain;background:#191715}
.course-film-play{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;border:0;border-radius:0;padding:24px;cursor:pointer;background:linear-gradient(0deg,#19171566,transparent 40%,#1917150d);color:#fff9ee;text-shadow:0 2px 14px #0008;font-family:inherit}
.course-film-play[hidden]{display:none}
.course-film-play-icon{display:grid;place-items:center;width:78px;height:78px;border:1px solid #fff9;box-shadow:0 8px 32px #0005;border-radius:50%;background:#f5eadceF;color:#34291f;transition:transform .2s,background .2s;text-shadow:none}
.course-film-play-icon svg{width:25px;height:25px;margin-left:5px;fill:currentColor}
.course-film-play:hover .course-film-play-icon{transform:scale(1.06);background:#fff9ec}
.course-film-play:focus-visible{outline:3px solid #e6c695;outline-offset:-6px}
.course-film-play-copy{display:flex;flex-direction:column;gap:4px;align-items:center;padding:10px 18px;border:1px solid #fff3;border-radius:7px;background:#211c17dd}
.course-film-play-copy strong{font-size:20px;font-weight:600;line-height:1.5}
.course-film-play-copy small{font-size:13px;line-height:1.5;color:#e4d6c3}
.course-film-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px;padding-top:13px;border-top:1px solid #e2c8a133}
.course-film-caption strong{font-size:17px;line-height:1.55;font-weight:500;color:#f2e4d1}
.course-film-caption span{font:500 10px/1.7 var(--eng,sans-serif);text-align:right;letter-spacing:1px;color:#cbb89b}
.course-film-error{font-size:14px;line-height:1.6;margin-top:10px;color:#ead5b8}
.course-film-error a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px) and (min-width:761px){.hero.has-course-film{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);column-gap:28px}.hero.has-course-film .course-film{width:100%;max-width:340px}}
@media(max-width:760px){.hero.has-course-film{display:flex;flex-direction:column}.hero.has-course-film .course-film{width:min(100%,350px);margin:28px auto 26px}.course-film-heading{font-size:9px}.course-film-frame{border-radius:11px}.course-film-caption strong{font-size:16px}.course-film-play-icon{width:70px;height:70px}.course-film-play-copy strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.course-film-play-icon{transition:none}.course-film-play:hover .course-film-play-icon{transform:none}}