.service-film{--sf-brand:#00a1e0;--sf-ink:#032d60;--sf-muted:#4b5b70;--sf-panel:#fff;--sf-line:#032d601a;--sf-hover:#00a1e014;--sf-frame-shadow:0 30px 70px -30px #032d6073}:root[data-theme=dark] .service-film{--sf-ink:#e8f1fb;--sf-muted:#a9b8cb;--sf-panel:#0d2238;--sf-line:#e8f1fb1f;--sf-hover:#00a1e024;--sf-frame-shadow:0 30px 70px -30px #000000b3}.service-film__layout{grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);align-items:start;gap:clamp(1.25rem,2.5vw,2rem);margin-top:clamp(1.75rem,3vw,2.75rem);display:grid}.service-film__frame{aspect-ratio:16/9;box-shadow:var(--sf-frame-shadow);background:#041024;border-radius:1rem;position:relative;overflow:hidden}.service-film__frame iframe,.service-film__poster{border:0;width:100%;height:100%;position:absolute;inset:0}.service-film__poster{cursor:pointer;background:0 0;padding:0;display:block}.service-film__poster img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.service-film__poster:hover img,.service-film__poster:focus-visible img{transform:scale(1.025)}.service-film__play{color:#fff;background:#041024cc;border-radius:999px;align-items:center;gap:.7rem;padding:.4rem .5rem .4rem .4rem;font-size:clamp(.85rem,1.2vw,1rem);font-weight:700;transition:transform .25s,background-color .25s;display:inline-flex;position:absolute;bottom:clamp(.75rem,2.2vw,1.4rem);left:clamp(.75rem,2.2vw,1.4rem);box-shadow:0 14px 30px -12px #0009}.service-film__play-icon{background:var(--sf-brand);border-radius:50%;place-items:center;width:clamp(2.4rem,3.6vw,2.9rem);height:clamp(2.4rem,3.6vw,2.9rem);display:grid;box-shadow:0 0 0 .3rem #00a1e047}.service-film__play-icon svg{margin-left:.15rem}.service-film__poster:hover .service-film__play,.service-film__poster:focus-visible .service-film__play{background:#041024f0;transform:translateY(-2px)}.service-film__poster:focus-visible{outline:3px solid var(--sf-brand);outline-offset:-3px}.service-film__length{letter-spacing:.04em;background:#ffffff24;border-radius:999px;padding:.3rem .55rem;font:600 .82rem/1 ui-monospace,JetBrains Mono,monospace}.service-film__chapters{border:1px solid var(--sf-line);background:var(--sf-panel);border-radius:1rem;padding:1.25rem .75rem .75rem}.service-film__chapters-title{color:var(--sf-muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .5rem;padding:0 .6rem;font:700 .78rem/1 ui-monospace,JetBrains Mono,monospace}.service-film__chapters ol{margin:0;padding:0;list-style:none}.service-film__chapters button{width:100%;color:var(--sf-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.55rem;align-items:baseline;gap:.85rem;padding:.55rem .6rem;font-size:.97rem;line-height:1.35;transition:background-color .18s,color .18s;display:flex}.service-film__chapters button:hover{background:var(--sf-hover)}.service-film__chapters button:focus-visible{outline:2px solid var(--sf-brand);outline-offset:1px}.service-film__chapters button.is-current{background:var(--sf-hover);color:var(--sf-brand);font-weight:600}.service-film__time{min-width:2.6rem;color:var(--sf-brand);flex:none;font:600 .85rem/1.35 ui-monospace,JetBrains Mono,monospace}@media (max-width:991px){.service-film__layout{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.service-film__poster img,.service-film__play{transition:none}}