.oc-events-card-visual.ocf-teacup-visual { display: flex; flex-direction: column; background: #092622; }
.oc-events-card-visual.ocf-teacup-visual::after { display: none; }
.oc-events-card-visual .ocf-teacup-trigger { position: relative; display: block; flex: 1; min-height: 300px; color: #fff; text-decoration: none; }
.oc-events-card-visual .ocf-teacup-trigger > img { display: block; width: 100%; height: 100%; min-height: 300px; object-fit: contain; }
.oc-events-cards article:hover .ocf-teacup-visual img { transform: none; }
.oc-events-card-visual .ocf-teacup-label { position: absolute; left: 16px; right: 16px; bottom: 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 18px; background: rgba(8,37,33,.9); color: #fff; font: 500 .9rem/1.5 Arial,sans-serif; letter-spacing: 0; }
.oc-events-card-visual .ocf-teacup-label > span { position: static; font: inherit; color: inherit; }
.ocf-teacup-trigger:focus-visible, .ocf-teacup-lightbox button:focus-visible { outline: 3px solid #efc36b; outline-offset: 4px; }
.ocf-teacup-lightbox { width: min(1120px,94vw); max-width: 94vw; max-height: 94dvh; padding: 54px 24px 20px; border: 0; background: #092622; color: #fff; box-sizing: border-box; overflow-y: auto; }
.ocf-teacup-lightbox::backdrop { background: rgba(0,12,11,.86); }
.ocf-teacup-lightbox > figure { margin: 0; }
.ocf-teacup-lightbox > figure > img { display: block; width: 100%; height: min(57dvh,640px); object-fit: contain; }
.ocf-teacup-lightbox figcaption { padding-top: 14px; text-align: center; font: 400 1rem/1.5 Arial,sans-serif; }
.ocf-teacup-lightbox button { border: 1px solid rgba(255,255,255,.4); background: transparent; color: #fff; cursor: pointer; }
.ocf-teacup-lightbox .ocf-teacup-close { position: absolute; top: 8px; right: 12px; width: 44px; height: 44px; font: 32px/1 Arial,sans-serif; border: 0; }
.ocf-teacup-nav { display: flex; align-items: center; justify-content: center; gap: 24px; margin: 16px 0; font: 16px/1.5 Arial,sans-serif; }
.ocf-teacup-nav button { width: 48px; height: 44px; font-size: 22px; }
.ocf-teacup-thumbs { display: flex; gap: 8px; padding: 5px; overflow-x: auto; }
.ocf-teacup-thumb { flex: 0 0 74px; height: 52px; padding: 0; opacity: .65; }
.ocf-teacup-thumb img { width: 100%; height: 100%; object-fit: contain; }
.ocf-teacup-thumb[aria-pressed="true"] { opacity: 1; outline: 2px solid #efc36b; }
@media (max-width: 760px) {
  .oc-events-card-visual .ocf-teacup-trigger, .oc-events-card-visual .ocf-teacup-trigger > img { min-height: 240px; }
  .oc-events-card-visual .ocf-teacup-label { left: 10px; right: 10px; bottom: 10px; padding: 12px; font-size: .875rem; }
  .ocf-teacup-lightbox { padding: 54px 12px 16px; }
  .ocf-teacup-lightbox > figure > img { height: 48dvh; }
  .ocf-teacup-lightbox figcaption { font-size: .9rem; }
}