/* Video galereya — chrome projects.css dan, bu fayl grid + lightbox uchun */

.vhero{padding:clamp(28px,5vw,60px) 0 clamp(20px,3vw,32px);}
.vhero .eyebrow{margin-top:14px;display:block;}
.vhero h1{font-size:clamp(30px,4vw,52px);margin:14px 0 14px;}
.vhero p{font-size:17px;max-width:62ch;color:var(--text);}

.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(16px,2vw,24px);
  padding-block:clamp(8px,1.5vw,16px) clamp(40px,5vw,72px);}
.vcard{text-align:left;background:var(--white);border:1px solid var(--line-soft);border-radius:var(--r-lg);
  overflow:hidden;cursor:pointer;padding:0;transition:transform .2s var(--ease),box-shadow .2s;}
.vcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.vcard__mat{position:relative;aspect-ratio:16/9;}
.vcard__play{position:absolute;inset:0;margin:auto;width:62px;height:62px;border-radius:50%;
  background:rgba(255,255,255,.9);display:grid;place-items:center;color:var(--bronze);
  box-shadow:var(--shadow-md);transition:transform .2s var(--ease);}
.vcard__play .i{width:26px;height:26px;margin-left:3px;}
.vcard:hover .vcard__play{transform:scale(1.08);}
.vcard__body{padding:16px 18px 18px;}
.vcard__cat{font-family:var(--f-head);font-size:11.5px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--bronze);}
.vcard__title{font-family:var(--f-head);font-weight:600;font-size:16px;color:var(--ink);margin-top:6px;line-height:1.3;}

/* Lightbox */
.vlb{position:fixed;inset:0;z-index:90;background:rgba(17,21,43,.92);display:none;
  align-items:center;justify-content:center;padding:24px;}
.vlb.on{display:flex;}
.vlb__close{position:absolute;top:20px;right:20px;width:46px;height:46px;border-radius:50%;
  border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;
  display:grid;place-items:center;}
.vlb__close:hover{background:rgba(255,255,255,.18);}
.vlb__inner{width:min(960px,100%);}
.vlb__inner iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r-lg);background:#000;display:block;}
.vlb__msg{background:var(--white);border-radius:var(--r-lg);padding:48px 32px;text-align:center;color:var(--text);}
.vlb__msg h3{font-size:22px;margin-bottom:10px;}
.vlb__msg .i{width:40px;height:40px;color:var(--bronze);margin-bottom:14px;}
.vlb__msg .btn{margin-top:18px;}