.project-gallery{max-width:1440px;margin:0 auto;padding:66px 42px 110px}
.project-gallery>h2{font-size:clamp(30px,3vw,40px);line-height:1.3;margin:0 0 32px;color:#fff;font-weight:700}
.project-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}
.project-video-card{display:block;min-width:0;width:100%;padding:0;border:0;background:transparent;text-align:left;color:#fff;cursor:pointer}
.project-video-card:focus-visible{outline:2px solid #fff;outline-offset:5px}
.project-video-art{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#08090b}
.project-video-art>img{width:100%;height:100%;object-fit:cover;transition:transform .32s ease,opacity .25s ease}
.project-video-card:hover .project-video-art>img,.project-video-card:focus-visible .project-video-art>img{transform:scale(1.035)}
.project-video-preview{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .2s;pointer-events:none}
.project-video-preview.is-playing{opacity:1}
.project-video-preview iframe,.project-video-preview video{position:absolute;top:50%;left:50%;border:0;transform:translate(-50%,-50%);object-fit:cover;pointer-events:none}
.project-video-preview iframe{width:220%;height:220%}
.project-video-preview video{width:100%;height:100%}
.project-video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(7,8,11,.72);font-size:19px;color:#fff;box-shadow:0 5px 25px #0008;transition:opacity .2s,background .2s}
.project-video-card:hover .project-video-icon{background:#e9684d}
.project-video-card:has(.project-video-preview.is-playing) .project-video-icon{opacity:0}
.project-video-title{display:block;margin:12px 0 0;font-size:18px;font-weight:650;line-height:1.45}
.project-video-status{display:block;font-size:13px;color:#aaa}
.project-video-card:disabled{cursor:default}
.project-video-card.is-pending .project-video-icon{width:auto;height:auto;border-radius:16px;padding:8px 12px;font-size:12px}
.project-player{width:min(1760px,calc(100vw - 36px),calc(100vh * 1.55));max-width:none;max-height:calc(100vh - 28px);padding:0;border:1px solid #43444b;border-radius:14px;background:#101115;color:#fff;box-shadow:0 24px 90px #000c;overflow:hidden}
.project-player::backdrop{background:rgba(0,0,0,.85)}
.project-player-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px}
.project-player-head h2{font-size:18px;line-height:1.35;margin:0}
.project-player-close{border:0;background:transparent;color:#fff;font-size:24px;line-height:1;padding:4px 8px}
.project-player-screen{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.project-player-screen iframe{position:absolute;top:50%;left:50%;display:block;width:135%;height:135%;border:0;background:#000;transform:translate(-50%,-50%);pointer-events:none}
.project-player-screen video{display:block;width:100%;height:100%;border:0;background:#000}
@media(max-width:900px){.project-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-gallery{padding:60px 24px 90px}}
@media(max-width:600px){.project-video-grid{grid-template-columns:1fr;gap:28px}.project-gallery{padding:44px 20px 70px}.project-player{width:calc(100vw - 16px)}.project-player-head h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){.project-video-art>img,.project-video-preview,.project-video-icon{transition:none}}