.remote-detail-gallery{position:relative;width:100%;height:clamp(320px,52vw,680px);overflow:hidden;margin:64px 0 0;padding:0;background:#171717}
.remote-detail-wrap{max-width:none}
.remote-detail-back,.remote-detail-header,.remote-detail-copy{max-width:1100px;margin-left:auto;margin-right:auto}
.inner-body:has(.remote-project-detail)>.footer{margin-top:0}
.remote-detail-track{display:flex;width:100%;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.remote-detail-slide{position:relative;flex:0 0 100%;height:100%;margin:0;background:#171717}
.remote-detail-slide img{display:block;width:100%;height:100%;object-fit:cover}
.remote-detail-slide figcaption{position:absolute;left:28px;bottom:24px;color:#fff;font-size:11px;opacity:.8}
.remote-detail-bullets{position:absolute;left:50%;bottom:22px;z-index:2;display:flex;gap:8px;transform:translateX(-50%);padding:7px 10px;background:rgba(0,0,0,.14);border-radius:999px}
.remote-detail-bullets button{width:7px;height:7px;padding:0;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:transparent;cursor:pointer;opacity:.72;transition:transform .25s,background .25s,opacity .25s}
.remote-detail-bullets button:hover,.remote-detail-bullets button:focus-visible{opacity:1;transform:scale(1.35);outline:none}
.remote-detail-bullets button.is-active{background:#fff;opacity:1}
.remote-detail-bullets button:focus-visible{box-shadow:0 0 0 3px rgba(255,255,255,.25)}
@media(max-width:820px){.remote-detail-gallery{height:clamp(280px,78vw,480px);margin-top:48px}.remote-detail-slide figcaption{left:18px;bottom:18px}.remote-detail-bullets{bottom:16px}}