#feature-film[hidden]{display:none}
#feature-film{max-width:1380px;margin:24px auto 38px;padding:0 30px;box-sizing:border-box}
.feature-film-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:36px;padding:28px;background:#fff5da;border:1px solid #eddfb2;border-radius:28px;box-shadow:0 7px 0 #eee1bd}
.feature-film-media,.feature-film-guide{min-width:0}.feature-film-media{overflow:hidden;background:#d8f3fb;border:1px solid #bcdae3;border-radius:20px;align-self:center}
.feature-film-media video{display:block;max-width:100%;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#b9e9f4;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.feature-film-media .feature-film-poster{display:block;box-sizing:border-box;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;padding:22px;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.feature-film-media video::-webkit-media-controls{display:none!important}
.feature-film-credit{padding:11px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;line-height:1.5;color:#47697b}
.feature-film-mode{display:inline-block;font-size:10px;letter-spacing:.1em;line-height:1.5;color:#75602e;font-weight:800}
.feature-film-guide h2{font-family:var(--round);font-size:clamp(26px,2.7vw,41px);line-height:1.08;letter-spacing:-.035em;color:#18364d;margin:9px 0 12px;overflow-wrap:anywhere}
.feature-film-summary{font-size:15px;line-height:1.5;color:#537083;margin:0 0 17px}
.feature-film-guide ol{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.feature-film-guide li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:11px;align-items:start;min-width:0}
.feature-film-guide li>span{display:grid;place-items:center;width:28px;height:28px;box-sizing:border-box;border:1px solid #dccfaa;background:#fffaf0;border-radius:50%;font-size:10px;line-height:1;color:#7e6b42;transition:background .2s,color .2s,border-color .2s}
.feature-film-guide li.is-active>span{background:#4ebce7;color:#153f57;border-color:#4ebce7}
.feature-film-guide li>p{margin:3px 0 0;font-size:14px;line-height:1.5;color:#294d62;overflow-wrap:anywhere}
.feature-film-note{border-top:1px solid #e8dcb9;padding-top:12px;margin:17px 0 0;font-size:12px;line-height:1.55;color:#736345;overflow-wrap:anywhere}
.feature-film-error{padding:0 14px 12px;margin:0;font-size:12px;line-height:1.5;color:#805045}
@media(max-width:1000px){#feature-film{padding:0 22px}.feature-film-layout{gap:24px;padding:22px}.feature-film-guide h2{font-size:30px}.feature-film-guide li>p{font-size:13px}}
@media(max-width:760px){.feature-film-layout{grid-template-columns:minmax(0,1fr);gap:23px}.feature-film-media{width:100%}.feature-film-guide h2{font-size:32px}.feature-film-guide li>p{font-size:14px}.feature-film-guide{padding:0 2px}}
@media(max-width:440px){#feature-film{padding:0 12px;margin:18px auto 28px}.feature-film-layout{padding:14px;border-radius:22px;gap:20px}.feature-film-media{border-radius:14px}.feature-film-credit{padding:10px;gap:7px;font-size:9px}.feature-film-guide h2{font-size:27px}.feature-film-summary{font-size:14px}.feature-film-guide li{gap:9px}.feature-film-guide li>p{font-size:13px}.feature-film-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.feature-film-guide li>span{transition:none}}