.video-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,30px);width:min(1180px,100%);margin:70px auto 0;display:grid}.video-work-card{aspect-ratio:9/16;cursor:pointer;isolation:isolate;background:#060809;border:1px solid #ffffff21;border-radius:18px;transition:transform .35s,border-color .35s;position:relative;overflow:hidden}.video-work-card:hover{border-color:#e94b08c7;transform:translateY(-8px)}.video-work-card video{object-fit:cover;object-position:center;background:#060809;width:100%;height:100%;display:block}.video-work-overlay{pointer-events:none;color:#fff;background:linear-gradient(#00000052,#0000 24% 62%,#000000ad);grid-template-rows:auto 1fr;grid-template-columns:1fr auto;padding:22px;transition:opacity .28s;display:grid;position:absolute;inset:0}.video-work-index{letter-spacing:.18em;font-size:10px}.video-work-play{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a0b3d;border:1px solid #ffffff9e;border-radius:50%;grid-column:1/-1;place-self:center;place-items:center;width:62px;height:62px;font-size:17px;transition:transform .28s,background .28s;display:grid}.video-work-card:hover .video-work-play{background:#e94b08;border-color:#e94b08;transform:scale(1.08)}.video-work-card.is-playing .video-work-overlay{opacity:0}.video-work-card.is-playing:hover .video-work-overlay{opacity:1}.video-work-error{color:#fff;text-align:center;pointer-events:none;font-size:14px;position:absolute;bottom:24px;left:12px;right:12px}@media (width<=760px){.video-work-grid{grid-template-columns:1fr;width:min(420px,100%);margin:42px auto 0}.video-work-card{width:100%;margin-inline:auto}.video-work-card:hover{transform:none}}