.ocf-project-slideshow{background:var(--ocf-bg-alt);border-block:1px solid var(--ocf-border-light)}
.ocf-project-slideshow .gh-project-heading{max-width:760px;margin-bottom:24px}
.ocf-project-slideshow .eyebrow{color:var(--ocf-primary)}
.ocf-project-slideshow .gh-project-intro{margin-top:12px;max-width:660px;color:var(--ocf-body)}
.ocf-project-slideshow .gh-project-slide{margin:0}
.ocf-project-slideshow .gh-project-slide[hidden]{display:none!important}
.ocf-project-slideshow .gh-project-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ocf-project-slideshow .gh-project-photo{position:relative;aspect-ratio:1.125;overflow:hidden;background:var(--ocf-bg);border:1px solid var(--ocf-border)}
.ocf-project-slideshow .gh-project-photo img{position:absolute;left:0;top:0;display:block;width:100%;height:200%;max-width:none;max-height:none;object-fit:fill}
.ocf-project-slideshow .gh-project-photo--after img{top:-100%}
.ocf-project-slideshow .gh-project-label{position:absolute;left:14px;top:14px;padding:6px 13px;background:rgba(0,0,0,.88);color:var(--ocf-heading);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.ocf-project-slideshow .gh-project-label--after{background:var(--ocf-primary);color:var(--ocf-primary-text,#080808)}
.ocf-project-slideshow figcaption{padding-top:16px;color:var(--ocf-heading);font-weight:600;font-size:17px}
.ocf-project-slideshow .gh-project-slide--single .gh-project-pair{grid-template-columns:1fr}
.ocf-project-slideshow .gh-project-slide--single .gh-project-photo{height:clamp(300px,40vw,500px);aspect-ratio:auto}
.ocf-project-slideshow .gh-project-slide--single img{position:static;height:100%;object-fit:contain}
.ocf-project-slideshow .gh-project-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:20px}
.ocf-project-slideshow .gh-project-count{font-variant-numeric:tabular-nums;color:var(--ocf-body);font-size:14px}
.ocf-project-slideshow .gh-project-buttons{display:flex;align-items:center;gap:8px}
.ocf-project-slideshow .gh-project-buttons button{min-height:44px;min-width:44px;padding:8px 14px;border:1px solid var(--ocf-border);background:var(--ocf-bg);color:var(--ocf-heading);font:inherit;cursor:pointer}
.ocf-project-slideshow .gh-project-buttons button:hover,.ocf-project-slideshow .gh-project-buttons button:focus-visible{border-color:var(--ocf-primary);color:var(--ocf-primary)}
.ocf-project-slideshow .gh-project-buttons button:focus-visible{outline:2px solid var(--ocf-primary);outline-offset:3px}
.ocf-project-slideshow .gh-project-buttons .gh-project-toggle{font-size:13px;min-width:146px}
.ocf-project-slideshow .gh-project-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:639px){.ocf-project-slideshow .gh-project-pair{grid-template-columns:1fr;gap:10px}.ocf-project-slideshow .gh-project-photo{aspect-ratio:1.3}.ocf-project-slideshow .gh-project-label{left:10px;top:10px;padding:5px 10px;font-size:11px}.ocf-project-slideshow .gh-project-intro{font-size:14px}.ocf-project-slideshow figcaption{font-size:15px}.ocf-project-slideshow .gh-project-buttons{gap:5px}.ocf-project-slideshow .gh-project-buttons button{padding:8px 10px}.ocf-project-slideshow .gh-project-buttons .gh-project-toggle{min-width:130px;font-size:12px}}