.feature-film{min-width:0}.feature-film-heading{max-width:48rem;margin-bottom:2rem}.feature-film-controls{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.feature-film-controls button,.feature-film-caption button,.feature-film-info a{min-height:var(--tap-min);border:1px solid var(--ob-line);color:var(--ob-ink);font:inherit;cursor:pointer;background:0 0;border-radius:2rem;padding:.75rem 1rem}.feature-film-controls button{align-items:center;gap:.6rem;display:flex}.feature-film-controls button span{font:var(--fs-xs) var(--font-data,monospace);color:var(--ob-muted)}.feature-film-controls button[aria-pressed=true]{background:var(--ob-ink);color:var(--ob-paper)}.feature-film-controls button[aria-pressed=true] span{color:inherit}.feature-film-stage{border:1px solid var(--ob-line);background:var(--ob-art);border-radius:1.5rem;overflow:hidden}.feature-film-caption{color:var(--ob-muted);font-size:var(--fs-xs);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.feature-film-caption button{font-size:var(--fs-sm)}.feature-film-art{max-width:70rem;margin-inline:auto;padding:0 1rem}.feature-film-art svg{width:100%;display:block;overflow:visible}.feature-film-art text{fill:var(--ob-ink);font:500 var(--fs-md) var(--font)}.feature-film-art .ff-large{font-size:var(--fs-xl);letter-spacing:-.025em}.feature-film-art .ff-serif{font:italic var(--fs-2xl) var(--font-serif,Georgia, serif);fill:var(--ob-green)}.feature-film-info{border-top:1px solid var(--ob-line);background:var(--ob-card);justify-content:space-between;align-items:center;gap:2rem;padding:2rem;display:flex}.feature-film-info h3{font:500 clamp(1.5rem, 2.5vw, 2.5rem)/1.1 var(--font-serif,Georgia, serif)}.feature-film-info p{max-width:65ch;color:var(--ob-muted);margin-top:.75rem;line-height:1.6}.feature-film-info a{background:var(--ob-ink);color:var(--ob-paper);flex-shrink:0;text-decoration:none}.ff-orbit,.ff-ripple-ring{fill:none;stroke:var(--ob-green);stroke-width:1px;opacity:.35}.ff-stem,.ff-thread{fill:none;stroke:var(--ob-green);stroke-width:2px}.ff-stem{stroke-width:3px}.ff-nucleus,.ff-beacon{fill:var(--ob-sun-edge)}.ff-zoom-field{transform-origin:500px 245px;animation:8s ease-in-out infinite ff-zoom}@keyframes ff-zoom{0%,15%,to{transform:scale(.8)}55%,75%{transform:scale(1.15)}}.ff-path-track{stroke:var(--ob-line);stroke-width:5px;fill:none}.ff-path-active,.ff-chart{fill:none;stroke:var(--ob-green);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1;animation:6s ease-in-out infinite ff-trace}@keyframes ff-trace{0%,8%{stroke-dashoffset:1px}65%,to{stroke-dashoffset:0}}.ff-stop circle,.ff-node rect,.ff-claim circle{fill:var(--ob-card);stroke:var(--ob-green);stroke-width:2px}.ff-stop,.ff-node,.ff-claim{animation:.7s both ff-emerge}@keyframes ff-emerge{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}.ff-delay-1{animation-delay:.35s}.ff-delay-2{animation-delay:.7s}.ff-delay-3{animation-delay:1.05s}.ff-delay-4{animation-delay:1.4s}.ff-card-back rect{fill:var(--ob-green);opacity:.18}.ff-card-back{transform-origin:50%;rotate:-5deg}.ff-flashcard rect,.ff-dashboard rect,.ff-document rect{fill:var(--ob-card);stroke:var(--ob-line);stroke-width:2px}.ff-flashcard{transform-origin:500px 225px;animation:8s ease-in-out infinite ff-flip}@keyframes ff-flip{0%,35%,65%,to{transform:scaleX(1)}45%,55%{transform:scaleX(.04)}}.ff-question{animation:8s step-end infinite ff-question}.ff-answer{animation:8s step-end infinite ff-answer}@keyframes ff-question{0%{opacity:1}50%{opacity:0}}@keyframes ff-answer{0%{opacity:0}50%{opacity:1}}.ff-grid,.ff-document-lines{fill:none;stroke:var(--ob-line);stroke-width:2px}.ff-scan{stroke:var(--ob-green);stroke-width:2px;opacity:.4;animation:6s linear infinite ff-scan}@keyframes ff-scan{0%{translate:0}to{translate:690px}}.ff-highlight{stroke:var(--ob-sun);stroke-width:16px;opacity:.5}.ff-prism{fill:color-mix(in oklab, var(--ob-green) 15%, var(--ob-card));stroke:var(--ob-green);stroke-width:2px}.ff-draw{stroke-dasharray:1;animation:6s ease-in-out infinite ff-trace}.ff-ripple-ring{transform-origin:500px 250px;animation:5s ease-out infinite ff-ripple}@keyframes ff-ripple{0%{opacity:.7;transform:scale(.4)}to{opacity:0;transform:scale(1.3)}}.feature-film[data-running=false] :is(.ff-zoom-field,.ff-path-active,.ff-chart,.ff-flashcard,.ff-question,.ff-answer,.ff-scan,.ff-draw,.ff-ripple-ring){animation-play-state:paused}.feature-film[data-running=false] :is(.ff-path-active,.ff-chart,.ff-draw){stroke-dashoffset:0;animation:none}.feature-film[data-reduced=true] *{animation:none!important}.feature-film[data-reduced=true] .ff-answer{opacity:0}@media (width<=768px){.feature-film-art text,.feature-film-art .ff-large,.feature-film-art .ff-serif{font-size:var(--fs-hero)}.feature-film-art .ff-document text,.feature-film-art .ff-dashboard text,.feature-film-art svg>text:not(.ff-large,.ff-serif){display:none}.feature-film-info{padding:1.25rem;display:block}.feature-film-info a{align-items:center;margin-top:1rem;display:inline-flex}.feature-film-art{align-items:center;min-height:15rem;padding:0;display:grid}.feature-film-controls button{font-size:var(--fs-sm);flex:28%}.feature-film-caption{padding:.75rem}}