/* Video thumbnails that autoplay a short muted loop and open the full video (with sound) in a player. Used by /services/ and /services/jobsite-timelapse/. */
.vthumbs{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:34px}
.vthumbs.sm{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:22px;max-width:760px;margin-left:auto;margin-right:auto}
.vthumb{position:relative;display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--ink);cursor:pointer;text-align:left;font:inherit;color:#fff;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}
.vthumb:hover,.vthumb:focus-visible{transform:translateY(-3px);box-shadow:0 16px 34px rgba(11,20,24,.18)}
.vthumb:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.vthumb video,.vthumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--ink)}
.vthumb .vlabel{position:absolute;left:12px;top:12px;background:rgba(11,20,24,.82);color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:99px}
.vthumb .vplay{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--ink);font-size:.86rem;font-weight:700;padding:7px 13px 7px 11px;border-radius:99px;box-shadow:0 6px 16px rgba(0,0,0,.3)}
.vthumb .vplay svg{flex:none}
.vthumb .vexp{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;background:rgba(11,20,24,.75);display:flex;align-items:center;justify-content:center}
.vcap{font-size:.9rem;margin:10px 2px 0}
.vcap b{color:var(--ink)}

/* the player */
.vbox{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;background:rgba(5,12,15,.9);padding:16px}
.vbox.open{display:flex}
.vbox-in{position:relative;width:min(1200px,100%);}
.vbox video{display:block;width:100%;max-height:calc(100vh - 110px);aspect-ratio:16/9;background:#000;border-radius:12px}
.vbox-t{color:#fff;font-weight:650;margin:0 48px 10px 2px;font-size:1rem}
.vbox-x{position:absolute;right:0;top:-6px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:40px;cursor:pointer}
.vbox-x:hover,.vbox-x:focus-visible{background:var(--gold);color:var(--ink)}
.vbox-note{color:#9fb3ba;font-size:.82rem;margin:8px 2px 0}
@media (prefers-reduced-motion:reduce){.vthumb{transition:none}.vthumb:hover{transform:none}}