.project-photos{padding:0;overflow:hidden}
.project-photos h2{padding:20px 20px 0}
.project-photos-stage{position:relative;background:#080c12;aspect-ratio:16/9;touch-action:pan-y}
.project-photos-original{display:block;width:100%;height:100%}
.project-photos-original img{display:block;width:100%;height:100%;object-fit:contain}
.project-photos-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid #ffffffb3;border-radius:50%;background:#000b;color:#fff;font:28px/1 system-ui;cursor:pointer}
.project-photos-prev{left:12px}.project-photos-next{right:12px}
.project-photos-arrow:hover{background:#000e}
.project-photos-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px}
.project-photos-pages{display:flex;flex-wrap:wrap;gap:6px}
.project-photos-pages button{min-width:32px;min-height:36px;padding:4px 8px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink);font:inherit;cursor:pointer}
.project-photos-pages button[aria-current=true]{background:#0967d2;color:#fff;border-color:#0967d2}
.project-photos-count{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}
.project-photos .project-photos-hint{margin:0;padding:0 20px 16px}
.project-photos:focus-visible,.project-photos button:focus-visible,.project-photos-original:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
@media(max-width:480px){.project-photos-toolbar{padding:12px;gap:8px}.project-photos-pages{gap:4px}.project-photos-pages button{min-width:36px}.project-photos-arrow{width:40px;height:40px}}