.gallery-main{width:100%;height:55vh;min-width:0;overflow:hidden}.gallery-main .swiper-slide{height:100%;display:flex;align-items:center;justify-content:center}.gallery-main .swiper-slide>img{width:100%;height:100%;object-fit:contain;user-select:none}.gallery-thumbs.swiper{display:block;width:100%;padding:12px 4px;overflow:hidden}.gallery-thumbs .swiper-slide{width:76px;height:60px}.gallery-thumbs .swiper-slide button{width:100%;height:100%}.gallery-thumbs .swiper-slide-thumb-active button{border-color:var(--ink)}.gallery-controls .button{width:48px;height:44px;padding:10px;flex:none}.gallery-controls .gallery-arrow{width:18px;height:18px;flex:none}.gallery-arrow-prev{transform:rotate(180deg)}.gallery-controls .swiper-button-lock{display:none}.gallery-controls [hidden]{display:none!important}.gallery-thumbs .swiper-wrapper{align-items:center}
@media(max-width:767px){.gallery-main{height:42vh}}

/* Persistent gallery cues work with touch, mouse and keyboard. */
.project-gallery-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:20px 0;border-top:1px solid var(--ink)}
.project-gallery-intro .label{margin:0 0 8px}.project-gallery-intro .gallery-help{margin:0;font-size:16px;line-height:1.5}.gallery-open{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;flex-shrink:0}
.detail-photo{position:relative;cursor:zoom-in}.photo-open-hint,.case-photo-count{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:44px;background:var(--cream);color:var(--ink);border:1px solid var(--ink);font:500 14px/1.5 var(--sans)}
.detail-photo .photo-open-hint img,.case-photo-count img{width:18px;height:18px;object-fit:contain;flex-shrink:0}.case-cover{display:block;position:relative;width:100%;min-width:0}.case-cover>img{width:100%;height:350px;object-fit:cover;transition:opacity .2s}.sunroom-card:hover .case-cover>img{opacity:.9}.style-photo-hint{font:500 14px/1.5 var(--sans);text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.detail-photo:focus-visible,.sunroom-card:focus-visible,.door-style:focus-visible,.gallery-open:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
@media(max-width:767px){.project-gallery-intro{align-items:stretch;flex-direction:column;gap:16px}.gallery-open{width:100%}.photo-open-hint,.case-photo-count{right:12px;bottom:12px;left:12px;justify-content:space-between;padding:10px 12px}.project-gallery-intro .gallery-help{font-size:14px}}
@media(prefers-reduced-motion:reduce){.case-cover>img{transition:none}}