.video-frame{position:relative;aspect-ratio:16/9;border-radius:7px;overflow:hidden;background:#111;isolation:isolate}
.video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#111}
.video-start{position:absolute;inset:0;width:100%;height:100%;background:transparent;color:#fff;padding:0;cursor:pointer;transition:background .25s}
.video-start:hover{background:#00000012}
.video-play-badge{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:54px;height:54px;padding-left:3px;border:1px solid #ffffff55;border-radius:50%;background:#08080899;backdrop-filter:blur(12px);font-size:21px;transition:background .25s,transform .25s}
.video-start:hover .video-play-badge,.video-start:focus-visible .video-play-badge{background:#ed3834;transform:scale(1.08)}
.video-start:focus-visible{outline:3px solid #ed3834;outline-offset:-4px}
.video-start[hidden]{display:none}
.video-error{font-size:13px;color:#ddd;margin-top:12px;line-height:1.5}
.video-error a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.video-play-badge{width:44px;height:44px;right:12px;bottom:12px;font-size:17px}.video-project .project-label h3{font-size:19px}}
.work-grid{row-gap:42px}
.video-placeholder-frame{display:grid;place-items:center;background:#101010;border:1px dashed #3c3c39;color:#8d8d87}
.video-placeholder-index{position:absolute;top:20px;left:22px;font-size:11px;letter-spacing:.12em;color:#888880}
.video-placeholder-content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.video-placeholder-content svg{color:#9a9a92;margin-bottom:3px}
.video-placeholder-content p{font-size:15px;letter-spacing:.08em;color:#b3b3ab}
.video-placeholder-content>span{font-size:10px;letter-spacing:.2em}
.video-placeholder .project-label h3{color:#b3b3ab}
@media(max-width:600px){.video-placeholder-index{top:15px;left:16px}.video-placeholder-content{gap:9px}.video-placeholder-content p{font-size:14px}}