.films-page{max-width:1240px;margin:0 auto;padding:22px 26px 70px;font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;color:#244b48}.films-page[dir=rtl]{font-family:Arial,sans-serif}.films-page [hidden]{display:none!important}.films-page button,.films-page select,.films-page input{font:inherit}.films-page button{cursor:pointer}.films-page a{color:#426d58}.films-page button:focus-visible,.films-page a:focus-visible,.films-page input:focus-visible,.films-page select:focus-visible,.films-page summary:focus-visible{outline:3px solid #bb8d32;outline-offset:4px}.films-back{display:inline-block;margin-bottom:18px;font-size:13px}.films-hero{display:grid;grid-template-columns:1fr 150px;gap:20px;align-items:center;background:#183f47;color:white;padding:36px 40px;border-radius:22px;box-shadow:0 6px 0 #e0e8d8;margin-bottom:26px}.films-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:#e3c27d}.films-hero h1{font:700 clamp(32px,4vw,49px)/1.15 Georgia,serif;color:white;margin:15px 0}.films-hero p{max-width:70ch;font-size:16px;line-height:1.8;color:#e2ece1;margin:0}.films-hero-play{display:grid;place-items:center;width:110px;height:110px;border:1px solid #729184;background:#315655;border-radius:50%;color:#f4d695;font-size:35px;padding-inline-start:5px;justify-self:center}.films-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.films-levels button{min-height:54px;display:flex;gap:10px;align-items:center;justify-content:center;border:2px solid #d7e2d3;border-radius:10px;background:white;color:#44654e;font-weight:800}.films-levels button>span{display:grid;place-items:center;width:25px;height:25px;background:#e7eeda;border-radius:50%;font-size:11px}.films-levels button[aria-pressed=true]{border-color:#547d50;background:#ebf3e1}.films-level-note{font-size:12px;line-height:1.7;color:#758265;margin:12px 0 26px}.films-player{border:1px solid #d3dfd0;border-radius:19px;background:#fff;box-shadow:0 5px 0 #e5ebda;overflow:hidden;margin:0 0 42px}.films-player-heading{padding:25px 28px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.films-player-heading p{font-size:11px;color:#8b815c;margin:0 0 8px;line-height:1.6}.films-player-heading h2{font:700 34px/1.2 Georgia,serif;color:#315a49;margin:0;scroll-margin-top:20px}.films-player-heading a{flex-shrink:0;font-size:12px;line-height:1.5}.films-modes{display:flex;gap:8px;padding:0 28px 18px}.films-modes button{background:#f4f6eb;border:1px solid #cbd9bf;border-radius:8px;padding:11px 16px;min-height:44px;font-size:12px;color:#5d754d;font-weight:750}.films-modes button[aria-pressed=true]{background:#2a554a;color:white;border-color:#2a554a}.films-story-stage{display:grid;grid-template-columns:48% minmax(0,1fr);background:#f8f7ed;border-block:1px solid #e2e6d4;align-items:start}.films-story-stage figure{margin:0;overflow:hidden;background:#e9e6d6}.films-story-stage img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transform-origin:center}.films-story-stage img[data-playing=true]{animation:films-gentle-zoom 18s ease-in-out infinite alternate}.films-story-stage figcaption{position:relative;background:#e9e6d6;padding:11px 17px;font-size:10px;line-height:1.6;color:#7d8065}.films-story-copy{padding:23px 27px;min-width:0}.films-story-copy>span{font-size:10px;color:#a1813e;font-weight:800;letter-spacing:.04em}.films-story-copy h3{font:700 27px/1.25 Georgia,serif;color:#315747;margin:10px 0 17px}.films-story-copy p{font:400 18px/1.9 Georgia,serif;color:#425b48;margin:0 0 14px}.films-page[dir=rtl] .films-story-copy p{font-family:Arial,sans-serif;font-size:19px}.films-scene-sources{display:grid;gap:5px}.films-scene-sources a{font-size:10px;line-height:1.6;color:#8b8b6a}.films-transport{display:grid;grid-template-columns:1fr 2fr 1fr;gap:10px;padding:20px 28px 14px}.films-transport button{min-height:48px;padding:12px;border:1px solid #cbd9c3;border-radius:9px;background:#f2f6ea;color:#567148;font-size:12px;font-weight:800}.films-transport #films-play{background:#2d6052;color:#fff;border-color:#2d6052;font-size:14px}.films-transport button:disabled{opacity:.45;cursor:default}.films-voice-controls{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:15px;padding:0 28px}.films-voice-controls label,.films-filters label{display:grid;gap:7px;font-size:11px;font-weight:750;color:#6e7e5d}.films-page select,.films-page input{min-height:43px;border:1px solid #cbd9c3;border-radius:8px;background:#fff;color:#46634c;padding:10px 11px;width:100%;min-width:0;font-size:13px}.films-small-note{font-size:11px;line-height:1.65;color:#7e8b72;padding:0 28px;margin:10px 0 21px}.films-message{margin:0 28px 15px;font-size:13px;line-height:1.7;color:#977534;background:#fcf5e4;border-radius:8px;padding:12px}.films-message:empty{display:none}.films-steps-box{margin:0 28px 22px;border-top:1px solid #e1e6d5;padding-top:16px}.films-steps-box summary,.films-reading-boxes summary{cursor:pointer;font-size:13px;font-weight:800;color:#5e7750;min-height:30px;line-height:1.7}.films-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:14px;max-height:330px;overflow:auto}.films-steps button{display:flex;gap:10px;align-items:center;text-align:start;min-height:46px;padding:10px 12px;border:1px solid #e0e5d6;border-radius:8px;background:#f8faf2;font-size:12px;color:#677c57;line-height:1.6}.films-steps button[aria-current=step]{border-color:#88a16c;background:#ebf2df}.films-steps span{font-size:10px;font-weight:800;color:#b4954d}.films-reading-boxes{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 28px;background:#f8faf3;border-top:1px solid #e0e7d5}.films-reading-boxes p{font-size:15px;line-height:1.85}.films-reading-boxes h3{font-size:19px}.films-reading-boxes article{padding-bottom:15px;border-bottom:1px solid #dce5cd}.films-reading-boxes a,.films-reading-boxes li{font-size:11px;line-height:1.8;color:#6d805b}.films-reading-boxes ul{padding-inline-start:18px}.films-reading-boxes article>a{display:block}.films-movie-note{font-size:13px;line-height:1.8;color:#7e8163;margin:0 28px 16px}.films-player video{display:block;width:calc(100% - 56px);margin:0 28px 18px;border-radius:10px;aspect-ratio:16/9;background:#153d43}.films-player #films-download{display:inline-block;margin:0 28px 22px;font-size:12px}.films-library>h2{font:700 33px/1.2 Georgia,serif;color:#345c48;margin:0 0 21px}.films-filters{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#eef3e5;padding:18px;border-radius:12px}.films-filters input,.films-filters select{background:white}.films-library #films-count{font-size:12px;color:#7d8a71;margin:16px 0}.films-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.film-card{border:1px solid #d9e3ce;border-radius:14px;background:white;overflow:hidden;box-shadow:0 4px 0 #e8eddf}.film-card>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.film-card>div{padding:20px}.film-card div>span{font-size:10px;color:#9a844e;font-weight:750;line-height:1.6}.film-card h3{font:700 25px/1.25 Georgia,serif;color:#345a49;margin:9px 0 12px}.film-card p{font-size:11px;color:#829075;line-height:1.6;min-height:34px}.film-card button{width:100%;min-height:44px;border-radius:8px;background:#e9f1dc;border:1px solid #cbd9b7;color:#53713c;font-size:12px;font-weight:800;padding:12px}.films-empty{grid-column:1/-1;padding:25px;border:1px solid #dedec4;border-radius:12px;background:#fffbed;font-size:15px;line-height:1.8}.films-page[dir=rtl] h1,.films-page[dir=rtl] h2,.films-page[dir=rtl] h3{font-family:Arial,sans-serif}
@keyframes films-gentle-zoom{from{transform:scale(1)}to{transform:scale(1.075)}}
.films-story-stage img[data-playing=true][data-motion="1"]{animation-name:films-pan}
.films-story-stage img[data-playing=true][data-motion="2"]{animation-name:films-rise}
@keyframes films-pan{from{transform:scale(1.06) translateX(-1.6%)}to{transform:scale(1.06) translateX(1.6%)}}
@keyframes films-rise{from{transform:scale(1.06) translateY(1.6%)}to{transform:scale(1.075) translateY(-1.2%)}}
.films-page .films-listen-now{display:block;margin:0 28px 16px;max-width:calc(100% - 56px);min-height:48px;padding:13px 18px;border:1px solid #2d6052;border-radius:9px;background:#2d6052;color:white;font-weight:800;font-size:14px;line-height:1.6;text-align:start}
.films-images-transport{padding:0 28px 18px}.films-images-transport button{width:100%;min-height:44px;padding:10px;border:1px solid #cbd9c3;border-radius:9px;background:#f2f6ea;color:#567148;font-weight:750;font-size:13px}
@media(max-width:700px){.films-page .films-listen-now{margin-inline:19px;max-width:calc(100% - 38px);font-size:13px}.films-images-transport{padding-inline:19px}}

@media(max-width:1000px){.films-page{padding:18px}.films-hero{padding:30px;grid-template-columns:1fr 110px}.films-hero-play{width:90px;height:90px;font-size:28px}.films-story-stage{grid-template-columns:43% minmax(0,1fr)}.films-story-copy{padding:20px}.films-story-copy p{font-size:17px}.films-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.films-page{padding:14px 13px 45px}.films-hero{padding:28px 24px;display:block;border-radius:16px}.films-hero-play{display:none}.films-hero h1{font-size:36px}.films-hero p{font-size:15px}.films-levels{gap:6px}.films-levels button{display:block;padding:11px 7px;font-size:11px;min-height:77px}.films-levels button>span{margin:0 auto 6px;width:21px;height:21px;font-size:10px}.films-level-note{font-size:11px}.films-player-heading{padding:22px 19px 16px;display:block}.films-player-heading h2{font-size:30px}.films-player-heading a{display:inline-block;margin-top:13px}.films-modes{padding:0 19px 17px;gap:7px}.films-modes button{flex:1;padding:11px 9px;font-size:11px;line-height:1.5}.films-story-stage{display:block}.films-story-stage figure{max-height:280px;position:relative}.films-story-stage img{height:auto;max-height:240px;object-fit:cover}.films-story-stage figcaption{font-size:9px;padding:9px 14px}.films-story-copy{padding:22px 20px}.films-story-copy h3{font-size:25px}.films-story-copy p{font-size:17px;line-height:1.9}.films-scene-sources a{font-size:11px}.films-transport{padding:17px 15px 14px;grid-template-columns:1fr 1.8fr 1fr;gap:6px}.films-transport button{font-size:10px;padding:11px 5px}.films-transport #films-play{font-size:11px;line-height:1.5}.films-voice-controls{padding:0 19px;grid-template-columns:minmax(0,1fr) 90px;gap:10px}.films-small-note{padding:0 19px;font-size:10px}.films-message{margin-inline:19px;font-size:12px}.films-steps-box{margin-inline:19px}.films-steps{grid-template-columns:1fr;max-height:270px}.films-steps button{font-size:12px}.films-reading-boxes{grid-template-columns:1fr;padding:20px}.films-movie-note{margin-inline:19px;font-size:12px}.films-player video{width:calc(100% - 38px);margin-inline:19px}.films-player #films-download{margin-inline:19px}.films-library>h2{font-size:30px}.films-filters{grid-template-columns:1fr;padding:16px;gap:14px}.films-grid{grid-template-columns:1fr;gap:18px}.film-card>div{padding:20px}.film-card h3{font-size:27px}.film-card p{min-height:0}.film-card button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.films-story-stage img[data-playing=true]{animation:none!important}}

.films-narrator-box{margin:0 0 24px;background:#f3f6ea;border:1px solid #d8e3cc;border-radius:12px;padding:15px 18px}.films-narrator-box>summary{cursor:pointer;font-size:13px;line-height:1.7;font-weight:800;color:#5a7449}.films-narrator-box .narrator-picker{margin-top:18px}

.films-voice-controls{grid-template-columns:minmax(0,1fr) auto minmax(80px,120px);align-items:end}.films-voice-controls button{min-height:44px;border:1px solid #b6caa3;border-radius:8px;background:#edf4e5;color:#3c5e29;padding:10px 14px;font:inherit;font-size:13px;cursor:pointer}.films-voice-controls button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.films-voice-controls{grid-template-columns:minmax(0,1fr) 90px}.films-voice-controls label:first-child{grid-column:1/-1}}