.video-page{max-width:1200px;margin:0 auto;padding:120px 24px 110px}.video-page .back{display:inline-block;color:#aaa;text-decoration:none;font-size:14px}.video-page .back:hover{color:#fff}.video-page .back:focus-visible{outline:2px solid #fff;outline-offset:5px}.video-collection{margin:66px 0 14px;color:#999;font-size:15px}.video-page h1{font-size:clamp(38px,6vw,88px);font-weight:300;line-height:1.02;letter-spacing:-.05em;margin:0 0 40px;max-width:1100px;color:#eee}.video-frame{width:100%;aspect-ratio:16/9;background:#000}.video-frame iframe{display:block;width:100%;height:100%;border:0}.video-description{max-width:780px;font-size:clamp(18px,2vw,24px);line-height:1.5;color:#ccc;margin:40px 0 55px}.video-page .next{border-top:1px solid #444;padding-top:20px;min-width:260px}@media(max-width:650px){.video-page{padding:110px 16px 80px}.video-collection{margin-top:50px}.video-page h1{margin-bottom:26px}.video-description{margin:30px 0 45px}}
.video-frame{position:relative}.video-poster{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:#111;color:#fff;cursor:pointer}.video-poster[hidden]{display:none}.video-poster img{display:block;width:100%;height:100%;object-fit:cover}.video-poster span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 20px;border:1px solid #ffffff88;border-radius:40px;background:#111b;backdrop-filter:blur(8px);white-space:nowrap;font-size:14px}.video-poster:focus-visible{outline:2px solid #fff;outline-offset:4px}
