.bf-film{--per:30vh;block-size:calc(var(--min-h) + var(--lines) * var(--per));background:var(--color-ink);color:var(--color-paper);position:relative}@media (min-width:64rem){.bf-film{--per:60vh}}.bf-stage{block-size:var(--min-h);align-content:center;min-block-size:0;display:grid;position:sticky;inset-block-start:0;overflow:hidden}.bf-media{position:absolute;inset:0}.bf-video,.bf-poster,.bf-poster img{object-fit:cover;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.bf-poster{transition:opacity .4s var(--ease-out)}.bf-poster[data-hidden=true]{opacity:0}.bf-overlay{pointer-events:none;background:linear-gradient(#0b0c1033 0%,#0b0c1080 100%);position:absolute;inset:0}.bf-copy{z-index:1;padding-block:6rem;position:relative}.bf-lines{display:grid}.bf-line{max-inline-size:22ch}@media (min-width:64rem){.bf-line{max-inline-size:30ch}}.bf-line{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);grid-area:1/1;margin:0;transform:translateY(12px)}.bf-line[data-state=on]{opacity:1;transform:none}.bf-line[data-state=past]{opacity:0;transform:translateY(-12px)}.bf-children{margin-block-start:2rem}.bf-toggle{z-index:2;min-block-size:44px;min-inline-size:44px;color:var(--color-paper);cursor:pointer;transition:border-color .2s var(--ease-out);background:#0b0c1066;border:1px solid #f6f4ef3d;border-radius:2px;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:absolute;inset-block-end:calc(1rem + env(safe-area-inset-bottom,0px));inset-inline-end:1rem}.bf-toggle:hover{border-color:var(--color-gold)}@media (min-width:64rem){.bf-toggle{inset-block-end:2rem;inset-inline-end:2rem}}.bf-icon{block-size:10px;inline-size:10px;display:block}@media (prefers-reduced-motion:reduce){.bf-film{block-size:auto;min-block-size:var(--min-h)}.bf-stage{block-size:auto;min-block-size:var(--min-h);position:relative}.bf-lines{gap:1.25rem}.bf-line,.bf-line[data-state]{opacity:1;grid-area:auto;transition:none;transform:none}}.bf-frame{aspect-ratio:16/9;background:var(--color-ink);inline-size:100%;position:relative}.bf-frame video{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.bf-playerText{gap:1rem;margin-block-start:2rem;display:grid}.bf-film[data-still=true]{block-size:auto;min-block-size:var(--min-h)}.bf-film[data-still=true] .bf-stage{block-size:auto;min-block-size:var(--min-h);position:relative}.bf-film[data-still=true] .bf-lines{gap:1.25rem}.bf-film[data-still=true] .bf-line,.bf-film[data-still=true] .bf-line[data-state]{opacity:1;grid-area:auto;transition:none;transform:none}.bf-film[data-still=true] .bf-lines{max-inline-size:none}.bf-film[data-still=true] .bf-line{max-inline-size:22ch}@media (min-width:64rem){.bf-film[data-still=true] .bf-line{max-inline-size:30ch}}