.ocf-gallery{background:var(--ocf-bg)}.ocf-gallery-header,.ocf-gallery__header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.ocf-gallery-heading{max-width:720px}.ocf-gallery-intro,.ocf-gallery__intro{margin-top:1rem;color:var(--ocf-body)}.ocf-gallery-nav{display:flex;gap:.5rem}.ocf-gallery-nav button{display:inline-grid;width:2.5rem;height:2.5rem;place-items:center;padding:0;border:1px solid var(--ocf-border);border-radius:var(--radius-sm);background:var(--ocf-bg);color:var(--ocf-heading);line-height:1}.ocf-gallery-viewport{overflow:hidden}.ocf-gallery-track{display:grid;grid-template-columns:repeat(3,minmax(0, 1fr));gap:var(--grid-gap)}.ocf-gallery .ocf-gallery-track{display:flex;gap:var(--grid-gap);transition:transform .35s ease}.ocf-gallery .ocf-gallery-card{flex:0 0 calc((100% - (var(--grid-gap) * 2)) / 3)}.ocf-gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0, 1fr));gap:var(--grid-gap)}.ocf-gallery-card,.ocf-gallery__item{border:var(--card-border-width) solid var(--card-border-color);border-radius:var(--card-radius);background:var(--ocf-bg);margin:0;overflow:hidden}.ocf-gallery-open{display:block;width:100%;padding:0;border:0;background:0 0;color:inherit;text-align:inherit}.ocf-gallery-card img,.ocf-gallery__item img,.ocf-gallery__placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--ocf-bg-alt)}.ocf-gallery-card figcaption{display:none}.ocf-gallery__caption{padding:.75rem;color:var(--ocf-label);font-size:var(--font-label-size)}.ocf-gallery-lightbox{position:fixed;inset:0;z-index:9999;display:none;padding:clamp(1rem, 3vw, 2rem)}.ocf-gallery-lightbox.is-open{display:grid;place-items:center}.ocf-gallery-lightbox__backdrop{position:absolute;inset:0;background:rgba(12,14,18,.86)}.ocf-gallery-lightbox__panel{position:relative;z-index:1;display:grid;width:min(100%, 72rem);max-height:calc(100vh - 4rem);align-items:center}.ocf-gallery-lightbox__figure{display:grid;gap:1rem;justify-items:center;margin:0}.ocf-gallery-lightbox__figure img{width:auto;max-width:100%;max-height:calc(100vh - 9rem);object-fit:contain;background:0 0}.ocf-gallery-lightbox__figure figcaption{min-height:1.5rem;color:#fff;font-size:var(--font-label-size)}.ocf-gallery-lightbox__close,.ocf-gallery-lightbox__nav{position:absolute;z-index:2;display:inline-grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-sm);background:rgba(255,255,255,.08);color:#fff}.ocf-gallery-lightbox__close{top:0;right:0;transform:translateY(calc(-100% - 0.75rem))}.ocf-gallery-lightbox__nav{top:50%;transform:translateY(-50%)}.ocf-gallery-lightbox__nav--prev{left:0;transform:translate(-50%,-50%)}.ocf-gallery-lightbox__nav--next{right:0;transform:translate(50%,-50%)}.ocf-gallery-lightbox svg,.ocf-gallery-nav svg{display:block;width:1.25rem;height:1.25rem}@media (max-width:900px){.ocf-gallery-track,.ocf-gallery__grid{grid-template-columns:repeat(2,minmax(0, 1fr))}.ocf-gallery .ocf-gallery-card{flex-basis:calc((100% - var(--grid-gap)) / 2)}}@media (max-width:640px){.ocf-gallery-header{display:grid}.ocf-gallery-nav{justify-self:end}.ocf-gallery-track,.ocf-gallery__grid{grid-template-columns:1fr}.ocf-gallery .ocf-gallery-card{flex-basis:100%}.ocf-gallery-lightbox__nav--prev{left:.5rem;transform:translateY(-50%)}.ocf-gallery-lightbox__nav--next{right:.5rem;transform:translateY(-50%)}}