.film-section{scroll-margin-top:20px}.film-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}.film-intro .eyebrow{margin-bottom:12px}.film-intro h2{font-size:clamp(2rem,3vw,3rem)}.film-intro>p{margin:0;font-size:1rem;line-height:1.6}.film-intro>p span{font-size:.875rem;color:var(--muted)}.film-player{background:#163c3c;border-radius:5px;overflow:hidden;color:#fbf9f2}.film-stage{position:relative;aspect-ratio:16/9;isolation:isolate;overflow:hidden}.film-topline{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:linear-gradient(#102d30c7,transparent);pointer-events:none}.film-topline>span:first-child{font:1.8rem Georgia,serif}.film-topline>span:last-child{font-size:.875rem}.film-composition{position:absolute;inset:0 0 104px;overflow:hidden}.film-split{display:grid;grid-template-columns:1.15fr 1fr;gap:5%;padding:75px 6% 24px}.film-copy{align-self:center;position:relative;z-index:1}.film-copy h3{font:clamp(1.9rem,3.65vw,3.5rem)/1.14 Georgia,serif;font-weight:400;letter-spacing:-.025em;margin:0}.film-copy h3 em{color:#ffd772}.film-kicker{font-size:.875rem;line-height:1.5;letter-spacing:.08em;color:#ffd772;margin:0 0 18px}.film-detail{font-size:clamp(.9rem,1.45vw,1.2rem);line-height:1.6;max-width:390px;margin:22px 0 0}.film-panel{height:100%;min-height:0;align-self:center;text-align:center;overflow:hidden}.film-panel svg{width:100%;height:100%;display:block}.film-page{height:100%;max-width:100%;min-height:0;width:auto;object-fit:contain;justify-self:center;align-self:center;filter:drop-shadow(0 10px 12px #061e2f55)}.film-forest{inset:0}.film-forest>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02)}.film-forest:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c3033f2 0%,#0c3033b8 36%,#0c30331a 76%)}.film-forest .film-copy{position:absolute;left:6%;top:24%;max-width:64%;z-index:1}.film-friends>img{object-position:65% center}.film-centred{padding:78px 7% 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:24px}.film-centred .film-copy{align-self:auto}.film-word-row{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.film-word-row span{padding:12px 28px;border-block:1px solid #76928a;font:1.6rem Georgia,serif}.film-sentence{font:1.4rem/1.4 Georgia,serif;color:#e1e9db}.film-routes{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:95px 6% 30px;align-items:center}.film-routes>div{padding:25px 0}.film-routes>div+div{border-left:1px solid #76928a;padding-left:12%}.film-routes h3{font-size:clamp(1.9rem,3.1vw,3rem)}.film-year{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;text-align:left}.film-year span{color:#ffd772;font-size:.8rem;display:block;margin-bottom:12px}.film-year strong{font:1.9rem/1.25 Georgia,serif}.film-caption{position:absolute;bottom:0;left:0;right:0;min-height:104px;background:#102e31f5;display:flex;align-items:center;justify-content:center;padding:20px 7%;z-index:3;text-align:center}.film-caption p{font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.5;margin:0;max-width:960px}.film-cover{position:absolute;inset:0;background:#092b3355;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;border:0;color:white;gap:10px}.film-cover>span{display:flex;justify-content:center;align-items:center;width:70px;height:70px;border:1px solid #ffd772;border-radius:50%;background:#ffd772;color:#143b3b;font-size:1.8rem;padding-left:5px;box-shadow:0 0 0 8px #12373a55}.film-cover strong{font-size:1rem;background:#12373ae6;padding:4px 12px}.film-cover small{font-size:.8rem;background:#12373ae6;padding:3px 8px}.film-cover[hidden],.film-caption[hidden]{display:none}.film-controls{display:flex;align-items:center;gap:12px;background:#102e31;padding:14px 20px;border-top:1px solid #496460}.film-controls button{border:0;background:transparent;color:white;min-width:42px;min-height:42px;padding:8px;font-size:.9rem;white-space:nowrap}.film-controls button:hover{background:#385e57}.film-controls button[aria-pressed=true]{box-shadow:inset 0 -2px #ffd772}.film-controls input{flex:1;min-width:40px;accent-color:#ffd772;cursor:pointer}.film-controls output{white-space:nowrap;font-size:.875rem;font-variant-numeric:tabular-nums}.film-chapters{display:grid;grid-template-columns:repeat(8,1fr);background:#163c3c}.film-chapters button{background:none;border:0;border-top:3px solid transparent;padding:18px 14px;text-align:left;color:#dce7dc;font-size:.875rem;line-height:1.45}.film-chapters button span{display:block;font-size:.75rem;color:#ffd772;margin-bottom:6px}.film-chapters button:hover{background:#284f49}.film-chapters [aria-current]{border-top-color:#ffd772;background:#284f49;color:white}.film-transcript{border-bottom:1px solid var(--line);padding:20px 0;font-size:.9rem}.film-transcript summary{cursor:pointer;width:fit-content;padding:5px 0}.film-transcript>div{display:grid;grid-template-columns:1fr 1fr;gap:24px 6%;padding-top:30px}.film-transcript h3{font:1.5rem Georgia,serif;margin-bottom:12px}.film-transcript p{line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.film-player:fullscreen{width:100vw;height:100vh;border-radius:0;display:flex;flex-direction:column;justify-content:center;background:#102e31}.film-player:fullscreen .film-stage{width:min(100%,calc((100vh - 190px)*16/9));align-self:center;flex-shrink:0}.film-player:fullscreen .film-chapters{flex-shrink:0}.film-player:fullscreen .film-controls{width:min(100%,1440px);align-self:center}.is-playing .film-forest>img{animation:forest-drift 26s linear both}.is-playing .film-copy{animation:film-arrive .7s ease-out both}@keyframes forest-drift{from{transform:scale(1.02)}to{transform:scale(1.1)}}@keyframes film-arrive{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.film-chapters{grid-template-columns:repeat(4,1fr)}.film-chapters button{padding:12px}.film-caption{padding:14px 5%;min-height:94px}.film-composition{bottom:94px}.film-forest{bottom:0}.film-detail{margin-top:14px}.film-kicker{margin-bottom:12px}.film-year{gap:35px}.film-year strong{font-size:1.6rem}.film-split{padding:65px 5% 20px}.film-centred{padding-top:60px;gap:16px}.film-routes{padding-top:70px}.film-word-row span{font-size:1.4rem;padding:8px 18px}}
@media(max-width:700px){.film-intro{display:block;margin-bottom:20px}.film-intro>p{margin-top:16px}.film-intro h2{font-size:2.4rem}.film-stage{aspect-ratio:4/5;min-height:480px}.film-topline{padding:14px 18px}.film-topline>span:first-child{font-size:1.5rem}.film-topline>span:last-child{font-size:.75rem;max-width:70%;text-align:right}.film-composition{bottom:130px}.film-forest{bottom:0}.film-split{gap:5%;padding:65px 5% 18px;grid-template-columns:1fr 1fr}.film-copy h3{font-size:clamp(1.35rem,5.8vw,2.4rem);line-height:1.15}.film-kicker{font-size:.75rem;letter-spacing:.02em;margin-bottom:12px}.film-detail{font-size:.875rem;line-height:1.5;margin-top:14px}.film-forest .film-copy{left:7%;top:18%;max-width:86%}.film-forest .film-copy h3{font-size:clamp(2.15rem,9vw,3.3rem)}.film-forest .film-copy .film-detail{max-width:80%}.film-forest:after{background:linear-gradient(180deg,#10383ad9 12%,#10383a55 70%,#10383aab)}.film-forest>img{object-position:65% center}.film-caption{min-height:130px;padding:16px 6%}.film-caption p{font-size:1rem;line-height:1.45}.film-controls{flex-wrap:wrap;gap:4px;padding:8px 10px}.film-controls #film-play{min-width:76px}.film-controls #film-restart span{display:none}.film-controls input{order:8;flex:1 0 100%;margin:4px 0;min-height:30px}.film-controls output{margin-left:auto;font-size:.8rem}.film-controls button{min-width:36px}.film-chapters{grid-template-columns:repeat(2,1fr)}.film-chapters button{font-size:.875rem;display:flex;gap:10px;align-items:baseline;padding:12px}.film-chapters button span{margin:0}.film-centred{padding:65px 7% 20px;gap:24px}.film-word-row{gap:10px}.film-word-row span{font-size:1.2rem;padding:10px}.film-sentence{font-size:1.2rem}.film-routes{padding:65px 6% 20px;gap:6%}.film-routes>div{padding:0}.film-routes>div+div{padding-left:12%}.film-year{gap:22px}.film-year strong{font-size:1.3rem}.film-transcript>div{grid-template-columns:1fr;gap:14px}.film-player:fullscreen .film-stage{min-height:0;width:100%;aspect-ratio:auto;flex:1}.film-player:fullscreen .film-chapters{display:none}.film-player:fullscreen .film-controls{width:100%}}
@media(prefers-reduced-motion:reduce){.is-playing .film-forest>img,.is-playing .film-copy{animation:none!important}}
@media print{.film-section{display:none}}
/* Keep the aspect-ratio stage inside narrow players, even at its minimum height. */
.film-stage{width:100%}.film-composition{bottom:6.5rem}.film-caption{min-height:6.5rem}.film-forest{bottom:0}
@media(max-width:1000px){.film-composition{bottom:5.875rem}.film-caption{min-height:5.875rem}.film-forest{bottom:0}}
@media(max-width:700px){.film-stage{min-height:30rem}.film-composition{bottom:8.125rem}.film-caption{min-height:8.125rem}.film-forest{bottom:0}.film-cover{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;align-content:end;text-align:left;padding:0 7% 9.25rem;gap:4px 12px}.film-cover>span{grid-row:1/3;width:48px;height:48px;font-size:1.35rem}.film-cover strong{align-self:end;padding:2px 6px;width:fit-content}.film-cover small{align-self:start;padding:2px 6px;width:fit-content}}
.film-error{margin:0;padding:16px 24px;background:#f2c465;color:#143b3b;font-size:.95rem;line-height:1.5}.film-controls #film-sound{min-width:82px}
@media(max-width:700px){.film-controls{gap:2px;padding-inline:8px}.film-controls #film-play{min-width:68px}.film-controls #film-sound{min-width:70px;font-size:.8rem}.film-controls button{min-width:30px;padding:7px 5px}.film-controls output{font-size:.75rem}}
/* Leave room for enlarged text without hiding teaching content. */
.film-stage{min-height:28.5rem}.film-forest .film-copy{max-width:78%}
@media(max-width:700px){.film-stage{min-height:30rem}.film-forest .film-copy{max-width:86%}}