.film-progress{display:none}.film-control-icon{display:grid;place-items:center}.landing-story-page :is(.chapter-art,.overview-film-frame){position:relative}.landing-story-page .chapter-film>.landing-chapter-stage{border-radius:calc(var(--film-radius,18px) - 1px)}.landing-story-page .director-canvas{border-radius:var(--film-radius,18px)}.landing-story-page .film-controls{position:absolute;z-index:4;right:var(--chip-offset,40px);bottom:0;transform:translateY(50%);display:flex;align-items:center;gap:10px;height:auto;margin:0;padding:0 2px 0 16px;border-radius:999px;background:var(--sd-card,#fffdf8);box-shadow:0 0 0 1px var(--sd-hair,#e4ded0),0 12px 28px -14px #3b331a66}.landing-story-page .film-controls .film-progress{display:flex;gap:4px;width:clamp(56px,8vw,112px)}.landing-story-page .film-progress>span{flex:1;height:2px;border-radius:2px;background:#e4dfd2;overflow:hidden}.landing-story-page .film-progress i{display:block;height:100%;background:var(--sd-wire,#b06d1f);transform-origin:left;transform:scaleX(1);transition:transform 34ms linear}.landing-story-page .film-control{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--sd-ink,#1c1b17);background:transparent;transition:background-color .2s}.landing-story-page .film-control svg:is(.lucide-play,.lucide-pause){fill:currentColor;stroke:none}.landing-story-page .film-control-icon{transition:scale .18s cubic-bezier(.16,1,.3,1)}.landing-story-page .film-control:hover{background:transparent;color:var(--sd-ink,#1c1b17)}@media (hover:hover) and (pointer:fine){.landing-story-page .film-control:hover{background:#ebe5d6}.landing-story-page .film-control:hover .film-control-icon{scale:1.12}}.landing-story-page .film-control:active{background:var(--sd-hair,#e4ded0);transition-duration:60ms}.landing-story-page .film-control:active .film-control-icon{scale:.8;transition-duration:90ms}.landing-story-page .film-control:focus-visible{outline:2px solid var(--sd-ink,#1c1b17);outline-offset:3px}@media (max-width:720px){.landing-story-page .film-controls{padding-left:12px;gap:8px;transform:translateY(75%)}.landing-story-page .film-controls .film-progress{width:48px}}.landing-story-page .film-controls .film-progress:has(>span:nth-child(3)){min-width:72px}@media (prefers-reduced-motion:no-preference){.landing-story-page .film-control-icon{animation:film-icon-in .22s cubic-bezier(.16,1,.3,1) both}}@keyframes film-icon-in{0%{opacity:0;transform:scale(.6) rotate(-25deg)}}@media (prefers-reduced-motion:reduce){.landing-story-page .film-control-icon{transition:none}.landing-story-page .film-control:active .film-control-icon,.landing-story-page .film-control:hover .film-control-icon{scale:1}}