.mojian-film{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:clamp(1.25rem,5vw,4.5rem);margin-block:clamp(2rem,5vw,4rem)}
#mojian-video,#quick-start,.mojian-lessons li[id]{scroll-margin-top:5rem}
.mojian-film-poster{display:grid;place-items:center;position:relative;min-width:0;aspect-ratio:16/10;overflow:hidden;background:#202f24;color:#fff7e9}
.mojian-film-poster img{position:absolute;inset:0;margin:auto;width:auto;height:90%;object-fit:contain}
.mojian-film-poster span{position:relative;align-self:end;justify-self:start;display:inline-flex;align-items:center;gap:.4rem;margin:.8rem;padding:.65rem .85rem;background:#202f24;color:#fff7e9;font-weight:700}
.mojian-film-poster:hover span,.mojian-film-poster:focus-visible span{background:#fff7e9;color:#202f24}
.mojian-film-copy h3{font-size:clamp(1.45rem,3vw,2.4rem);line-height:1.25;margin:0 0 .65rem}
.mojian-film-copy p{margin:.65rem 0}
.mojian-film-note{font-size:.9rem}
.mojian-film-copy a,.mojian-video-links a,.mojian-lessons a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
ul.mojian-video-links{padding-inline-start:1.15em;margin:.75rem 0 0}
.mojian-video-links li+li{margin-top:.4rem}
.mojian-lessons ol{padding-inline-start:1.5em}
.mojian-lessons li{padding:.75rem 0}
.mojian-lessons li+li{border-top:1px solid #d1c6b7}
.mojian-lessons li span{display:block}
@media(max-width:620px){.mojian-film{grid-template-columns:1fr}}