.compact-project-gallery{max-width:960px;margin:0 auto;padding:10px 10px 18px;background:#fff;border-radius:28px;box-shadow:0 12px 28px #1717170d}
.compact-main{margin:0}
.compact-main-photo{display:block;position:relative;overflow:hidden;height:520px;border-radius:20px;background:var(--surface)}
.compact-main-photo img{display:block;width:100%;height:100%;object-fit:contain}
.compact-main-photo:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.compact-main figcaption{display:flex;align-items:start;justify-content:space-between;gap:24px;padding:18px 14px 12px}
.compact-main figcaption p{margin:0;max-width:58ch;color:var(--muted);font-size:14px;line-height:1.65}
.compact-count{flex-shrink:0;font-size:12px;line-height:1.65;font-variant-numeric:tabular-nums;color:var(--text)}
.compact-thumbnails{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:5px;margin:0 9px}
.compact-thumbnails::-webkit-scrollbar{display:none}
.compact-thumbnail{display:block;flex:0 0 88px;height:72px;overflow:hidden;border:2px solid transparent;border-radius:10px;padding:3px;background:var(--surface)}
.compact-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}
.compact-thumbnail[aria-current=true]{border-color:var(--brand)}
.compact-thumbnail:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.compact-gallery-actions{display:flex;justify-content:center;align-items:center;gap:18px;padding:16px 12px 0}
.compact-gallery-actions[hidden]{display:none}
.compact-gallery-actions>button:not(.compact-expand){display:grid;place-items:center;width:44px;height:44px;border:1px solid #17171750;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}
.compact-gallery-actions svg{width:20px;height:20px}
.compact-gallery-actions .compact-expand{font-size:13px;min-height:44px;padding:11px 18px}
.compact-gallery-actions button:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.compact-status:not(.visually-hidden){margin:16px 14px 0;font-size:13px;line-height:1.7;color:var(--text)}
.project-story .project-compact-navigation{padding-top:32px;padding-bottom:44px}
.project-compact-navigation .project-story-navigation{margin-top:0}
@media(max-width:999px){.compact-project-gallery{margin-inline:var(--frame)}.compact-main-photo{height:clamp(320px,58vw,520px)}}
@media(max-width:599px){
 .compact-project-gallery{padding:8px 8px 16px;border-radius:26px}
 .compact-main-photo{height:340px;border-radius:19px}
 .compact-main figcaption{display:block;padding:16px 8px 10px}
 .compact-main figcaption p{font-size:13px;margin-bottom:8px}
 .compact-thumbnails{gap:8px;margin:0;padding:5px}
 .compact-thumbnail{flex-basis:calc((100% - 24px)/4);height:64px}
 .compact-gallery-actions{gap:12px;padding-inline:4px}
 .compact-gallery-actions .compact-expand{font-size:12px}
}
@media(max-width:360px){.compact-main-photo{height:300px}.compact-thumbnail{height:56px}}