.design-film-link{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:#e0e9ee;padding:24px 30px;margin-top:20px}
.design-film-link>a{min-height:54px;display:flex;justify-content:space-between;gap:22px;align-items:center;font-size:18px;font-weight:500;line-height:1.4;text-decoration:none;color:#203846}
.design-film-link .film-length{font-size:16px;white-space:nowrap}.film-length b{font-size:24px;font-weight:400;margin-left:12px}
.design-film-link p{font-size:15px;line-height:1.6;color:#506875}
.film-open{overflow:hidden}
#design-film-dialog{padding:0;border:0;background:#101c22;color:white;width:min(1200px,calc(100vw - 40px));max-height:calc(100dvh - 40px);max-width:none;overflow:auto}
#design-film-dialog::backdrop{background:#0b1419ed}
#design-film-dialog video{width:100%;display:block;max-height:65dvh;object-fit:contain;aspect-ratio:16/9;background:#050b0e}
.film-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:30px}
.film-dialog-head h2{font-size:21px;line-height:1.4;font-weight:500;letter-spacing:0}
.film-dialog-head button{min-height:48px;min-width:70px;border:0;background:none;color:white;font:16px 'Avenir Next',Avenir,Nunito Sans,sans-serif;cursor:pointer}
.film-dialog-head button span{margin-left:10px;font-size:24px}.film-dialog-head button:focus-visible{outline:2px solid white;outline-offset:2px}
.film-dialog-foot{padding:20px 24px;display:grid;grid-template-columns:1fr auto;gap:20px}
.film-dialog-foot p{font-size:15px;line-height:1.55;margin:0;color:#d7e3e9}
@media(max-width:700px){.design-film-link{grid-template-columns:1fr;gap:12px;padding:20px}.design-film-link>a{font-size:17px}#design-film-dialog{width:calc(100vw - 20px)}.film-dialog-head{padding:12px 16px;gap:15px}.film-dialog-head h2{font-size:18px}.film-dialog-foot{display:block;padding:18px}.film-dialog-foot p+p{margin-top:12px}}