/* Lifted verbatim out of index.html so the homepage and the pages under
   /more/ read the same rules rather than two copies that agree today.
   Video tiles and the fullscreen lightbox.
*/

  /* ---------- video works ---------- */
  .videos-grid{ display:flex; flex-wrap:wrap; justify-content:center; gap:clamp(20px,3vw,34px); }
  .v-card{ width:clamp(260px,42vw,400px); }
  .v-media{ position:relative; aspect-ratio:1/1; border-radius:8px; overflow:hidden; border:1px solid var(--hairline); cursor:pointer; transition:border-color .25s ease, transform .25s ease; }
  .v-media:hover{ border-color:var(--gold); transform:translateY(-3px); }
  .v-media video{ width:100%; height:100%; object-fit:cover; display:block; }
  .v-expand{ position:absolute; top:12px; right:12px; width:34px; height:34px; border-radius:50%; background:rgba(10,10,11,.5); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); color:var(--paper); display:grid; place-items:center; font-size:15px; border:1px solid var(--hairline); transition:border-color .25s, color .25s; }
  .v-media:hover .v-expand{ border-color:var(--gold); color:var(--gold); }
  .v-cap{ text-align:center; margin-top:14px; font-family:var(--display); font-size:clamp(15px,1.4vw,18px); font-weight:600; letter-spacing:-.01em; color:var(--paper); }
  .v-cap span{ color:var(--gold); margin:0 5px; }
  .vlb{ position:fixed; inset:0; z-index:100; display:none; align-items:center; justify-content:center; padding:clamp(40px,6vw,72px); background:rgba(6,6,7,.95); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); }
  .vlb.open{ display:flex; }
  .vlb video{ max-width:92vw; max-height:84vh; border-radius:8px; box-shadow:0 14px 50px rgba(0,0,0,.55); }
  .vlb-close{ position:fixed; top:20px; right:20px; z-index:101; width:46px; height:46px; border-radius:50%; background:rgba(20,20,22,.6); border:1px solid var(--hairline); color:var(--paper); font-size:22px; cursor:pointer; display:grid; place-items:center; transition:border-color .25s, color .25s; }
  .vlb-close:hover{ border-color:var(--gold); color:var(--gold); }