.brand-film{padding:48px 0 64px;border-top:1px solid var(--line)}
.film-surface{max-width:960px;margin:0 auto;overflow:hidden;border-radius:20px;background:#e8ece3;border:1px solid var(--line)}
.film-surface video{display:block;width:100%;height:auto;object-fit:contain}
.film-heading{max-width:960px;margin:0 auto 22px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.film-heading h2{font-size:clamp(24px,3vw,36px);margin:0}
.film-heading>span{font-size:14px;color:var(--muted);white-space:nowrap}
.brand-film-full{padding-bottom:56px}
@media(max-width:640px){.brand-film{padding:30px 0 38px}.film-surface{border-radius:12px}.film-heading{gap:12px}}
.film-surface{position:relative}
.film-play{position:absolute;right:20px;bottom:64px;border:1px solid #ffffff80;border-radius:28px;padding:12px 20px;background:#ffffffed;color:#173e33;font:inherit;min-height:44px;white-space:nowrap;cursor:pointer;box-shadow:0 3px 16px #0002}
.film-play[hidden]{display:none}
.film-sound{position:absolute;right:20px;bottom:64px;min-height:44px;padding:10px 18px;border:1px solid #ffffff80;border-radius:24px;background:#145ee8;color:white;font:inherit;cursor:pointer;box-shadow:0 3px 16px #0002}
.film-sound[hidden]{display:none}
.film-sound:focus-visible{outline:3px solid #b6cc89;outline-offset:4px}
@media(max-width:640px){.film-sound{right:12px;bottom:52px;font-size:14px}}
.film-play:focus-visible{outline:3px solid #b6cc89;outline-offset:4px}
.film-alternates{display:grid;grid-template-columns:minmax(0,960px) 48px;align-items:center;gap:16px;max-width:1024px;margin:0 auto}
.film-alternates .film-surface{width:100%;min-width:0;margin:0}
.ending-toggle{width:48px;min-height:48px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font:500 29px/1 system-ui;cursor:pointer;letter-spacing:-3px}
.ending-toggle:hover{background:#e8eedf;border-color:#b1c39c}
.ending-toggle:focus-visible{outline:3px solid #b6cc89;outline-offset:4px}
.ending-error{text-align:center;color:var(--muted);font-size:14px}
.film-story-end{position:absolute;right:20px;bottom:64px;left:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;padding:0;pointer-events:none}
.film-story-end[hidden]{display:none}
.story-next,.story-replay{font:inherit;cursor:pointer;min-height:44px;pointer-events:auto;box-shadow:0 3px 16px #0002}
.story-next{border:1px solid #ffffff80;border-radius:28px;padding:12px 20px;background:#145ee8;color:white;max-width:100%}
.story-next:hover{background:#084ccc}
.story-replay{border:1px solid #ffffff80;border-radius:24px;padding:8px 16px;background:#ffffffed;color:#173e33}
.story-replay:hover,.film-play:hover{background:#fff}
.story-next:focus-visible,.story-replay:focus-visible{outline:3px solid #b6cc89;outline-offset:4px}
@media(max-width:640px){.film-alternates{grid-template-columns:minmax(0,1fr) 44px;gap:8px}.ending-toggle{width:44px;min-height:44px}}
@media(max-width:640px){.film-play{right:12px;bottom:52px;font-size:14px}.film-story-end{right:12px;left:12px;bottom:52px;gap:8px}.story-next,.story-replay{font-size:14px;padding:8px 12px}}