/* Horizontal heritage cards: warm paper, soft corners and an uncluttered media frame. */
body[data-page="gallery"] .gallery-grid[data-view="grid"]{
  grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;
}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card{
  --gallery-ink:#382319;--gallery-muted:#6f5543;--gallery-line:#b9905b;
  position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  grid-template-rows:auto auto auto 1fr;align-items:start;column-gap:22px;
  min-width:0;min-height:200px;margin:0!important;padding:12px 24px 12px 12px!important;
  color:var(--gallery-ink);background:#f6e1c8!important;border:0!important;border-radius:20px!important;
  clip-path:url(#scallop-frame);box-shadow:none!important;overflow:hidden;
}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card::before,
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card::after{content:none}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card:focus-within{background:#f6e1c8!important}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card:nth-child(n) .media-thumb{
  position:relative;grid-column:1;grid-row:1/5;align-self:stretch;width:100%;height:100%;min-height:176px;
  margin:0;aspect-ratio:auto;clip-path:none;border:0;border-radius:13px!important;background:#211713;overflow:hidden;
}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .media-thumb img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none!important;
}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .media-thumb .play-circle{
  left:50%;top:50%;right:auto;transform:translate(-50%,-50%);width:52px;height:52px;
  border:1px solid #f9ebd9;border-radius:50%;background:#20120dc9;color:#fff8ef;box-shadow:none;
}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .media-thumb .play-circle .icon{width:20px;height:20px}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .duration{
  right:9px;bottom:9px;padding:3px 6px;border:0;border-radius:3px;background:#1c100dcf;color:#fff9ef;
  font:400 11px/1.2 var(--sans);
}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card>.eyebrow{
  grid-column:2;grid-row:1;color:var(--gallery-muted)!important;font:400 10px/1.35 var(--sans);
  letter-spacing:.1em;margin:8px 0 0;text-transform:uppercase;
}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card h3{
  grid-column:2;grid-row:2;margin:10px 0 7px;padding:0;color:var(--gallery-ink)!important;
  font:600 clamp(21px,1.8vw,28px)/1.08 var(--serif);overflow-wrap:anywhere;
}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .performer-credit{
  grid-column:2;grid-row:3;margin:0 0 10px;color:var(--gallery-ink)!important;font:400 13px/1.35 var(--sans);
}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .video-stats{
  position:relative;grid-column:2;grid-row:4;align-self:end;display:flex;align-items:center;flex-wrap:wrap;
  gap:8px 14px;min-width:0;margin:0 24px 5px 0;padding:13px 0 0;border-top:1px solid var(--gallery-line);
  color:var(--gallery-ink)!important;font:400 11px/1.4 var(--sans);
}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .video-stats::before{
  content:"";position:absolute;top:-4px;left:50%;width:7px;height:7px;background:#9a6a37;transform:translateX(-50%) rotate(45deg);
}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .video-stats span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .video-stats .icon{width:15px;height:15px;flex:none}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .card-open{right:20px;bottom:19px;color:var(--gallery-ink)!important}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .card-hit:focus-visible{outline:3px solid #68271e;outline-offset:-8px;border-radius:18px}
html[lang="gu"] body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card h3{line-height:1.4;letter-spacing:0}
@media(max-width:1000px){body[data-page="gallery"] .gallery-grid[data-view="grid"]{grid-template-columns:1fr;gap:16px}}
@media(max-width:580px){
  body[data-page="gallery"] .gallery-grid[data-view="grid"]{gap:14px}
  body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px;min-height:160px;padding:10px 14px 10px 10px!important;
  }
  body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card:nth-child(n) .media-thumb{min-height:140px;border-radius:10px!important}
  body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .media-thumb .play-circle{width:44px;height:44px}
  body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card>.eyebrow{font-size:9px;letter-spacing:.04em;margin:3px 0 0}
  body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card h3{font-size:clamp(17px,4.7vw,22px);line-height:1.12;margin:7px 0 5px}
  body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .performer-credit{font-size:11px;margin:0 0 7px}
  body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .video-stats{font-size:10px;gap:4px 8px;margin:0 16px 2px 0;padding-top:9px}
  body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .video-stats .icon{width:13px;height:13px}
  body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .card-open{right:12px;bottom:12px}
}
@media(prefers-reduced-motion:reduce){body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card{transition:none}}
/* Keep the reference's gentle corners without clipping thumbnails or arrows. */
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card{clip-path:none;border-radius:18px!important}