/* /en/our-clinic (15 Oct 2026). Reuses the S1 single-column layout (neck-lift.css);
   this file only carries what differs: 16:9 video facades (neck-lift.css is 9:16 for
   Shorts) and the clinic photo grid, which runs at the wide 1140px column. */
.oc-page .oc-video {grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:36px;}
.oc-page .oc-video .nl-video-facade,.oc-page .oc-video iframe {aspect-ratio:16/9;}
.oc-page .oc-video-title {margin:0;font-size:17px;line-height:1.5;color:#204572;}
.oc-page .oc-video-title strong {display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#5f6b7a;margin-bottom:4px;}
.oc-page .oc-gallery {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:8px;margin-bottom:24px;}
.oc-page .oc-gallery .oc-foto {display:block;border-radius:10px;overflow:hidden;background:#f2f2f2;}
.oc-page .oc-gallery img {display:block;width:100%;height:auto;margin:0;aspect-ratio:800/522;object-fit:cover;transition:transform .3s;}
.oc-page .oc-gallery .oc-foto:hover img {transform:scale(1.03);}
.oc-page .oc-gallery .oc-foto:focus-visible {outline:3px solid #204572;outline-offset:3px;}
.oc-page .oc-close {margin-top:40px;}
@media(max-width:991px) {
  .oc-page .oc-video {grid-template-columns:1fr;}
  .oc-page .oc-video .nl-video-player {width:100%;}
}
@media(max-width:767px) {
  .oc-page .oc-gallery {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
}