/* Homepage film: a 25-second look at Crown Cast. Plays only when a visitor presses play. */
.film-sec{scroll-margin-top:96px}
.film-sec .sec-head{margin-bottom:clamp(28px,3.5vw,48px)}
.film-frame{position:relative;margin:0;aspect-ratio:16/9;border:1px solid var(--rule);border-radius:16px;overflow:hidden;background:#000;box-shadow:0 18px 48px #00000033}
.film-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.film-play{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;margin:0;padding:clamp(12px,2.2vw,28px);border:0;border-radius:inherit;background:linear-gradient(180deg,#0000 55%,#00000080);color:#0a0a0a;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.film-play[hidden],.film-play [hidden]{display:none}
.film-pill{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:8px 22px 8px 8px;border-radius:999px;background:#d2ff00;color:#0a0a0a;font-size:17px;font-weight:700;line-height:1.2;letter-spacing:-.01em;box-shadow:0 10px 28px #00000073;transition:background-color 130ms ease,transform 180ms cubic-bezier(.16,1,.3,1)}
.film-pill-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#0a0a0a;color:#d2ff00}
.film-pill-icon svg{width:15px;height:15px;margin-left:2px}
.film-pill-time{font-weight:600;color:#0a0a0ab8;font-variant-numeric:tabular-nums}
.film-play:hover .film-pill{background:#e1ff4d}
.film-play:active .film-pill{transform:scale(.97)}
.film-play:focus-visible{outline:none}
.film-play:focus-visible .film-pill{box-shadow:0 0 0 3px #0a0a0a,0 0 0 6px #d2ff00,0 10px 28px #00000073}
.film-frame:has(.film-play:focus-visible){outline:3px solid var(--leaf);outline-offset:4px}
@media(max-width:600px){.film-pill{min-height:44px;gap:10px;padding:6px 16px 6px 6px;font-size:15px}.film-pill-icon{flex-basis:32px;width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.film-pill{transition:none}}