.ss-film,.ss-film *,.ss-film-dialog,.ss-film-dialog *{box-sizing:border-box}
.ss-film{background:#07080a;color:#f4f4f2;border-top:1px solid #25272c;padding-top:10px;overflow:hidden;font-family:inherit}
.ss-film__shell{width:100%}
.ss-film__inner{position:relative;isolation:isolate;container-type:inline-size;width:100%;aspect-ratio:16/10;margin-inline:auto;display:flex;align-items:center;overflow:visible}
.ss-film__visual{position:absolute;bottom:8%;left:10%;width:96%;aspect-ratio:1672/941}
.ss-film__portrait{width:100%;height:100%;display:block}
.ss-film__screen{position:absolute;left:26.2%;top:50.48%;width:32.12%;height:34.11%;overflow:hidden;clip-path:polygon(1.3% 0,100% 0,100% 100%,0 100%);background:#f7f7f9}
.ss-film__screen img{position:absolute;width:198.5%;height:159.5%;max-width:none;left:-54%;top:-22.2%}
.ss-film__blend{position:absolute;inset:0;background:linear-gradient(90deg,transparent 98%,#07080a 100%),linear-gradient(270deg,transparent 74%,#07080a 100%),linear-gradient(180deg,#07080a 0%,transparent 9%),linear-gradient(0deg,#07080a 0%,transparent 10%);pointer-events:none}
.ss-film__play{position:absolute;left:42.26%;top:67.54%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;aspect-ratio:1;padding:0;border:1px solid #ffffffc9;border-radius:50%;background:#f6f6f4;color:#111217;box-shadow:0 0 0 10px #07080a2b,0 8px 32px #0006;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s;z-index:2}
.ss-film__play svg{width:33px;height:33px;fill:currentColor}
.ss-film__play:hover{background:#fff;transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 13px #07080a40,0 12px 40px #0006}
.ss-film__play:active{transform:translate(-50%,-50%) scale(1.02)}
.ss-film__play:focus-visible{outline:3px solid #7551ed;outline-offset:10px}
.ss-film__intro{position:absolute;left:0;right:32%;top:9%}
.ss-film__details{position:absolute;left:0;right:72%;top:51%}
.ss-film__eyebrow{font-size:11px;font-weight:550;line-height:1.5;letter-spacing:.19em;color:#a0a2a9;margin:0 0 23px}
.ss-film h2{font-size:clamp(26px,3.5cqw,46px);font-weight:630;line-height:1.065;letter-spacing:-.052em;margin:0}
.ss-film h2 .ss-film__line{display:block;white-space:nowrap;color:inherit}
.ss-film h2 .ss-film__line--muted{color:#9b9da3}
.ss-film__description{font-size:17px;line-height:1.6;color:#b8bac0;letter-spacing:-.013em;margin:0 0 34px;max-width:340px}
.ss-film__hint{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:flex-start;gap:13px;color:#e0e1e5;font-size:13px;font-weight:500;line-height:1.5;margin:0}
.ss-film__hint svg{transform:rotate(180deg);width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0;margin-top:1px}
.ss-film__duration{display:block;margin-top:5px;color:#7e8189;font-size:12px;font-weight:400}
.ss-film-dialog{color:#f4f4f2;background:#101115;border:1px solid #37393f;border-radius:16px;padding:0;width:min(1100px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 40px);box-shadow:0 35px 120px #000a;overflow:auto;font-family:inherit}
.ss-film-dialog::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(10px)}
.ss-film-dialog__header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px 14px 22px}
.ss-film-dialog__header h2{font-size:15px;font-weight:500;line-height:1.4;letter-spacing:-.01em;margin:0}
.ss-film-dialog__close{background:#22242a;border:1px solid #393b42;border-radius:50%;width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;cursor:pointer;color:#fff}
.ss-film-dialog__close:hover{background:#393c45}
.ss-film-dialog__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.ss-film-dialog button:focus-visible,.ss-film-dialog a:focus-visible{outline:2px solid #fff;outline-offset:4px}
.ss-film-dialog__player{aspect-ratio:16/9;background:#000;max-height:calc(100dvh - 190px)}
.ss-film-dialog__player iframe{display:block;width:100%;height:100%;border:0}
.ss-film-dialog__footer{padding:14px 22px;margin:0;font-size:12px;line-height:1.5;color:#8e9199}
.ss-film-dialog__footer a{color:#dbdde2;text-underline-offset:3px}
@media(max-width:1100px) and (min-width:761px){.ss-film__visual{left:8%}.ss-film__description{font-size:clamp(12px,1.3cqw,15px);margin-bottom:25px}.ss-film__eyebrow{font-size:9px;margin-bottom:18px}.ss-film__hint{font-size:clamp(10px,1.1cqw,11px);gap:8px}.ss-film__duration{font-size:10px}.ss-film__play{width:60px}.ss-film__hint svg{width:18px;height:18px}}
@media(max-width:760px){.ss-film__inner{display:flex;flex-direction:column;align-items:stretch;aspect-ratio:auto;min-height:0;overflow:hidden}.ss-film__intro{position:relative;left:auto;right:auto;top:auto;width:100%;padding:48px 0 0;margin:0;order:0}.ss-film__details{position:relative;left:auto;right:auto;top:auto;padding:23px 0 0;order:1}.ss-film__eyebrow{font-size:10px;margin-bottom:22px}.ss-film h2{font-size:clamp(16px,5.95cqw,42px);line-height:1.1;margin:0}.ss-film__description{font-size:16px;max-width:430px;margin:0 0 25px}.ss-film__hint{font-size:12px;gap:10px;flex-direction:row;justify-content:flex-start}.ss-film__hint svg{transform:rotate(-90deg);width:18px;height:18px}.ss-film__duration{font-size:11px}.ss-film__visual{position:relative;bottom:auto;left:auto;width:130%;margin-left:-28%;margin-top:22px;order:2;flex-shrink:0}.ss-film__play{width:58px;box-shadow:0 0 0 7px #07080a2b,0 8px 24px #0006}.ss-film__play svg{width:28px;height:28px}.ss-film-dialog{width:calc(100% - 24px);border-radius:12px;max-height:calc(100dvh - 24px)}.ss-film-dialog__header{padding:12px}.ss-film-dialog__header h2{font-size:13px}.ss-film-dialog__footer{padding:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.ss-film__play{transition:none}}
