.service-film{padding:clamp(24px,4vw,54px);margin-block:clamp(48px,7vw,100px);position:relative;z-index:1;border:1px solid var(--bronze,#c99c77);border-radius:18px;background:linear-gradient(145deg,#2b5187 0%,#17375d 48%,#102b4d 100%)}
.service-film h2{max-width:850px;margin:0 auto 36px;text-align:center;text-wrap:balance;font:clamp(32px,4.5vw,64px)/1.12 Georgia,serif;color:#f4f7ff}
.service-film .workshop-actions{justify-content:center;margin-top:20px;display:flex;gap:16px;flex-wrap:wrap}
.service-film input.service-film-timeline{position:relative;inset:auto;opacity:1;pointer-events:auto;z-index:3}
.service-film-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px;color:#e3ad69;font:clamp(15px,1.8vw,25px)/1.25 Georgia,serif;text-align:center}
.service-film-labels span{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.service-film-timeline{display:block;width:100%;height:48px;margin:16px 0 0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y}
.service-film-timeline::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:#f4f7ff;box-shadow:0 0 6px #f4f7ff70}
.service-film-timeline::-moz-range-track{height:2px;border-radius:2px;background:#f4f7ff;box-shadow:0 0 6px #f4f7ff70}
.service-film-timeline::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:28px;height:20px;margin-top:-9px;border:1px solid #f4f7ff;border-radius:10px;background:#17375d;box-shadow:0 3px 10px #020c1d80,0 0 6px #f4f7ff60}
.service-film-timeline::-moz-range-thumb{width:26px;height:18px;border:1px solid #f4f7ff;border-radius:10px;background:#17375d;box-shadow:0 0 6px #f4f7ff60}
.service-film-timeline:focus-visible{outline:2px solid #f4f7ff;outline-offset:4px;border-radius:12px}
.service-film-stage{position:relative;aspect-ratio:1824/1080;overflow:hidden;border:0;border-radius:8px;background:#07172f;isolation:isolate}
.service-film-stage video,.service-film-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.service-film-start{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}
.service-film-divider{position:absolute;inset:0 auto 0 var(--reveal);width:2px;transform:translateX(-50%);background:#fff;box-shadow:0 0 9px #fff9;pointer-events:none}
.service-film-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:#17375d;box-shadow:0 4px 16px #020c1d99}
.service-film-divider svg{width:32px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.service-film-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.service-film-stage:focus-within{outline:3px solid #fff;outline-offset:6px}
.service-film-stage.is-playing img,.service-film-stage.is-playing .service-film-divider{visibility:hidden}
.service-film-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:18px;color:#c1d1e8}
.service-film-meta p{margin:0;font-size:15px;line-height:1.5}.service-film-meta small{display:block;font-size:12px;margin-top:5px}
.service-film-play{flex-shrink:0;border:1px solid #c99c77;border-radius:30px;background:#17375d;color:#f4f7ff;padding:12px 20px;min-height:48px;cursor:pointer;font:inherit}
.service-film-play:hover{background:#254a77}.service-film-play:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:600px){.service-film-labels{gap:7px;font-size:13px;line-height:1.35}.service-film-stage{border-radius:12px}.service-film-divider span{width:44px;height:44px}.service-film-meta{align-items:flex-start;flex-direction:column}.service-film-meta p{font-size:14px}}