/* Clinic videos: a horizontal photographic rail. Posters only; a video loads when it is opened. */
.gallery{background:var(--ink);color:var(--on-dark)}
.gallery .title{color:var(--on-dark)}
.g-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(32px,4vw,52px)}
.g-head p{color:var(--on-dark-soft);max-width:46ch;margin-top:16px}
.g-arrows{display:flex;gap:12px}
.gallery .arrow-btn{border-color:var(--line-dark)}
.gallery .arrow-btn svg{fill:var(--on-dark)}
.gallery :focus-visible{outline-color:var(--on-dark)}
/* Rail starts in line with the page column on wide screens and bleeds to the edge */
.g-rail{--rail-pad:max(var(--gutter),calc((100% - 1240px) / 2 + var(--gutter)));list-style:none;display:flex;gap:clamp(14px,2vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rail-pad);padding:4px var(--rail-pad) 20px;scrollbar-width:none;cursor:grab}
.g-rail::-webkit-scrollbar{display:none}
.g-rail.dragging{cursor:grabbing;scroll-snap-type:none}
.g-rail.dragging .g-play{pointer-events:none}
.g-card{flex:0 0 clamp(220px,24vw,300px);scroll-snap-align:start}
.g-play{position:relative;display:block;width:100%;aspect-ratio:9/16;border:none;border-radius:var(--radius);overflow:hidden;background:#1b1916;padding:0}
.g-play img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.g-play:hover img{transform:scale(1.04)}
.g-pill{position:absolute;bottom:14px;right:14px;display:inline-flex;align-items:center;gap:6px;background:var(--bg);color:var(--ink);font-size:.9rem;font-weight:500;padding:8px 14px;border-radius:999px}
.g-pill svg{width:16px;height:16px;fill:var(--clay-deep)}
.g-card h3{font-size:1.1rem;font-weight:400;margin-top:14px;color:var(--on-dark)}