/* R3f: physical photographic prints and paper notes on the workshop bench. */
.garage-gallery{overflow:clip;padding-top:72px;padding-bottom:64px;background:url('assets/service-bench-1440.webp') center bottom/cover no-repeat}
.gallery-note{width:min(620px,100%);padding:34px 38px 30px;margin:0 auto;transform:rotate(-1deg)}
.gallery-note h2{margin:16px 0 18px}.gallery-note p{font-size:16px;line-height:1.5}.gallery-disclaimer{display:block;margin-top:15px;font:12px/1.5 Plex}
.gallery-track{max-width:1180px;margin:22px auto 0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:26px;overscroll-behavior-x:contain;scrollbar-color:#bca773 #1f3828;scrollbar-width:thin;outline-offset:-4px}
.gallery-roll{display:flex;gap:30px;padding:32px 26px 28px}
.gallery-print{position:relative;flex:0 0 72%;min-width:0;margin:0;padding:22px 22px 28px;scroll-snap-align:start;transform:rotate(-.7deg)}
.gallery-print:nth-child(even){transform:rotate(.7deg)}.gallery-print:nth-child(3){transform:rotate(-1deg)}
.photo-clip{position:absolute;top:-18px;left:calc(50% - 35px);width:70px;height:53px;background:url('assets/ui-clip.webp') center/contain no-repeat;filter:drop-shadow(2px 4px 2px #0006);z-index:1;pointer-events:none}
.gallery-enlarge{display:block;cursor:zoom-in}.gallery-enlarge img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.gallery-print figcaption{padding:20px 4px 0;color:#263425;min-height:104px}.gallery-print .eyebrow{display:block;font-size:12px;line-height:1.5}.photo-title{display:block;font:700 30px/1.1 Barlow;margin:8px 0}.photo-hint{display:block;font:12px/1.5 Plex}
.gallery-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px auto 0;padding:14px 20px;width:min(440px,100%);background:url('assets/ui-tray.webp') center/100% 100% no-repeat}.gallery-controls[hidden]{display:none}
.gallery-count{display:block;white-space:nowrap;padding:10px 14px;background:var(--counter-art) center/100% 100% no-repeat;color:#263425;font:13px/1.5 Plex}
.gallery-controls .page-grip,.photo-viewer-controls .page-grip{min-width:110px;font-size:14px;gap:8px}
.gallery-swipe{width:max-content;max-width:100%;padding:14px 24px;margin:24px auto 0;font:13px/1.5 Plex;text-align:center}
.photo-viewer{border:0;padding:20px;background:transparent;color:#263425;width:min(1120px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);overflow:auto}
.photo-viewer::backdrop{background:#06100deb}.photo-viewer-sheet{padding:22px 26px 26px}.photo-viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.photo-viewer-heading .eyebrow{font:12px/1.5 Plex}.photo-viewer-heading .page-grip{min-width:84px;min-height:48px}
.photo-viewer-image{display:block;width:100%;height:auto;max-height:55dvh;object-fit:contain;background:#14251b}.photo-viewer h3{font-size:30px;line-height:1.2;margin:18px 0 8px}.photo-viewer p{font-size:13px;line-height:1.5}.photo-viewer-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:20px}
html:has(.photo-viewer[open]){overflow:hidden}
@media(max-width:900px){
 main>.garage-gallery.scene-section{padding:40px max(16px,calc((100% - 640px)/2));background-image:url('assets/mobile-services-720.webp')}
 .gallery-note{padding:28px 28px 26px}.gallery-note h2{font-size:40px}.gallery-note .eyebrow{font-size:12px}.gallery-track{margin-top:16px;scroll-padding:16px}.gallery-roll{gap:24px;padding:30px 16px 24px}.gallery-print{flex-basis:calc(100% - 8px);padding:16px 16px 24px}.gallery-print figcaption{min-height:116px;padding-top:18px}.photo-title{font-size:27px}.gallery-print .eyebrow{font-size:12px}.photo-hint{font-size:12px}.gallery-controls{gap:8px;padding:12px 14px}.gallery-controls .page-grip,.photo-viewer-controls .page-grip{min-width:0;font-size:13px;padding:12px 10px}.gallery-controls .grip-arrow,.photo-viewer-controls .grip-arrow{width:18px;flex-basis:18px}.gallery-count{padding:10px;font-size:12px}.gallery-swipe{font-size:12px;padding:14px 22px}.photo-viewer{padding:12px;width:calc(100% - 12px);max-height:calc(100dvh - 12px)}.photo-viewer-sheet{padding:18px}.photo-viewer-heading{gap:8px}.photo-viewer-heading .eyebrow{font-size:12px;max-width:60%}.photo-viewer h3{font-size:26px}.photo-viewer-image{max-height:48dvh}.photo-viewer-controls{gap:8px}.photo-viewer p{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){.gallery-track{scroll-behavior:auto}}
@media(max-height:480px) and (orientation:landscape){.photo-viewer-image{max-height:none}.photo-viewer{max-height:calc(100dvh - 12px)}}
/* Keep the original photograph's filled paper center and its natural worn edge. */
.garage-gallery .paper::before{border-image-slice:60 fill;background:none}