.campaign-film{border-top:1px solid var(--line);padding-block:32px 42px;max-width:860px;scroll-margin-top:24px}
.campaign-film h2{font:400 clamp(1.65rem,4vw,2.2rem)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.02em;margin:0 0 8px}
.film-date{font-size:13px;color:var(--muted);margin:0 0 16px}
.campaign-film figure{margin:0}
.film-player{position:relative;aspect-ratio:16/9;background:#193e36;border-radius:8px;overflow:hidden}
.film-player video{display:block;width:100%;height:100%;aspect-ratio:inherit;object-fit:contain}
.film-poster{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:#193e36;color:#fff;cursor:pointer;font:700 18px/1.3 Arial,Helvetica,sans-serif;text-align:center;text-decoration:none}
.film-poster img{display:block;width:100%;height:100%;object-fit:cover}
.film-poster picture{display:block;width:100%;height:100%}
.film-player .film-tall,.film-actions .film-tall{display:none}
.film-poster span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:14px 22px;background:#193e36;color:#fff;border:2px solid #fff;border-radius:50px;white-space:nowrap;box-shadow:0 2px 16px #0004}
.film-poster:focus-visible{outline:4px solid var(--accent);outline-offset:-6px}
.film-poster svg{width:20px;height:20px;fill:currentColor}
.film-credit{font-size:13px;line-height:1.55;color:var(--muted);margin-top:12px;max-width:76ch}
.film-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px 22px;margin-top:16px}
.film-download{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.film-transcript{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}
.film-transcript>summary{cursor:pointer;min-height:44px;padding-block:10px;font-size:16px;font-weight:700}
.film-transcript p{font-size:16px;line-height:1.65;max-width:70ch;margin:0 0 16px}
.film-transcript h3{font-size:17px;margin:18px 0 12px}
.film-status{font-size:15px;padding:14px;background:var(--wash);border-left:3px solid var(--ink)}
.film-petition{margin-top:18px;max-width:640px}
.film-petition .action{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:14px 24px;border-radius:8px;text-decoration:none;font:700 18px/1.3 Arial,sans-serif;background:var(--ink);color:var(--paper)}
.film-petition .action-note{font-size:14px;line-height:1.55;margin:10px 0 0}
.film-sharing{margin-top:8px;font-size:15px;line-height:1.55}
.film-share-button,.film-sharing summary,.film-sharing a,.film-sharing button{min-height:44px}
.film-share-button{background:transparent;border:1px solid currentColor;border-radius:6px;color:inherit;padding:8px 16px;font:700 15px/1.4 Arial,sans-serif;cursor:pointer}
.film-sharing summary{cursor:pointer;padding-block:10px;font-weight:700}
.film-sharing label{display:block;margin-bottom:6px}
.film-sharing input{display:block;width:100%;max-width:600px;min-height:44px;padding:8px;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--muted);border-radius:4px}
.film-sharing a{display:inline-flex;align-items:center;overflow-wrap:anywhere}
.film-sharing button{color:var(--ink);background:var(--paper);border:1px solid var(--muted);border-radius:6px;padding:8px 16px;font:700 15px/1.4 Arial,sans-serif}
.film-sharing [role="status"]:empty{display:none}
@media(max-width:700px){.campaign-film{padding-block:26px 30px}.film-player{aspect-ratio:4/5}.film-player .film-wide,.film-actions .film-wide{display:none}.film-player .film-tall{display:block}.film-actions .film-tall{display:inline-flex}.film-poster{font-size:16px}.film-poster span{padding:12px 18px;min-height:50px}.film-credit{font-size:12px}}
/* Keep the chosen cut and frame together through rotation or window resizing. */
.film-player[data-format="portrait"]{aspect-ratio:4/5}
.film-player[data-format="landscape"]{aspect-ratio:16/9}
@media print{.film-player,.film-download{display:none}.film-transcript::details-content{content-visibility:visible;height:auto}.film-transcript{display:block}}