/* A compact, browsable photographic contact sheet. */
.salon-gallery{padding:48px var(--gutter) 44px;border-top:1px solid var(--line);overflow:hidden}
.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}
.gallery-heading .eyebrow{margin-bottom:12px}
.gallery-heading h2{font-size:clamp(42px,4.3vw,62px)}
.gallery-heading p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:10px}
.gallery-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
.gallery-status{font-size:11px;letter-spacing:.05em;margin-right:10px;min-width:70px;text-align:right}
.gallery-controls button,.gallery-dialog button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;font-size:21px;transition:background .2s,color .2s}
.gallery-controls button:hover,.gallery-dialog button:hover{background:var(--ink);color:var(--paper)}
.gallery-controls button:disabled{opacity:.3;cursor:default;background:transparent;color:inherit}
.gallery-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-bottom:13px}
.gallery-item{flex:0 0 calc((100% - 26px)/2.3);min-width:0;scroll-snap-align:start}
.gallery-photo{display:block;position:relative;overflow:hidden;background:var(--stone)}
.gallery-photo img{aspect-ratio:1.5;object-fit:cover;width:100%;transition:transform .45s var(--ease)}
.gallery-photo:hover img{transform:scale(1.025)}
.gallery-photo:focus-visible{outline-offset:-4px}
.gallery-photo-mark{position:absolute;right:12px;bottom:12px;background:var(--paper);color:var(--ink);width:30px;height:30px;display:grid;place-items:center;font-size:19px}
.gallery-item figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:12px}
.gallery-item h3{font-family:var(--sans);font-size:12px;line-height:1.5;letter-spacing:0;font-weight:500}
.gallery-original{font-size:11px;white-space:nowrap;color:var(--muted)}
.gallery-disclosure{font-size:11px;color:var(--muted);margin-top:17px;max-width:85ch}
.gallery-dialog{width:min(1120px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:20px;border:0;background:var(--paper);color:var(--ink);overflow:auto}
.gallery-dialog::backdrop{background:rgb(24 29 22 / .86)}
.gallery-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}
.gallery-dialog-top p{font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.gallery-dialog .gallery-close{width:auto;padding:0 15px;font-size:12px;gap:18px}
.gallery-dialog-image{width:100%;height:min(65dvh,680px);object-fit:contain;background:var(--stone)}
.gallery-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}
.gallery-dialog h3{font-size:28px;margin-bottom:7px}
.gallery-dialog-bottom .gallery-controls{gap:8px}
.gallery-dialog .gallery-disclosure{margin-top:15px}
body.gallery-open{overflow:hidden}
@media(max-width:760px){.salon-gallery{padding-top:36px;padding-bottom:32px}.gallery-heading{gap:16px;margin-bottom:20px;align-items:flex-end}.gallery-heading h2{font-size:42px}.gallery-heading p:not(.eyebrow){font-size:13px;max-width:20ch}.gallery-heading .eyebrow{font-size:10px}.gallery-heading .gallery-controls{gap:6px}.gallery-heading .gallery-status{display:none}.gallery-rail{gap:14px}.gallery-item{flex-basis:88%}.gallery-item figcaption{gap:8px}.gallery-dialog{width:calc(100% - 20px);padding:14px;max-height:calc(100dvh - 20px)}.gallery-dialog-image{height:52dvh}.gallery-dialog h3{font-size:25px}.gallery-dialog-bottom{gap:12px}.gallery-dialog .gallery-status{margin-right:0;min-width:38px}.gallery-dialog .gallery-disclosure{font-size:11px}}
@media(prefers-reduced-motion:reduce){.gallery-photo img{transition:none}.gallery-photo:hover img{transform:none}}
.gallery-controls[hidden]{display:none}
@media(max-width:760px){.gallery-heading .gallery-controls{flex-wrap:wrap;width:96px}.gallery-heading .gallery-status{display:block;flex-basis:100%;min-width:0;margin:0 0 2px;text-align:center}}
/* Keep the rail a short interlude; full proportions are available in the viewer. */
.salon-gallery{padding-top:28px;padding-bottom:28px}
.gallery-heading{margin-bottom:18px}
.gallery-heading h2{font-size:clamp(42px,3.8vw,54px)}
.gallery-photo img{height:clamp(190px,17vw,240px);aspect-ratio:auto}
.gallery-disclosure{margin-top:12px}
@media(max-width:760px){.gallery-heading p:not(.eyebrow){max-width:none;margin-top:8px}.gallery-photo img{height:190px}.gallery-heading h2{font-size:42px}.gallery-dialog .gallery-controls{flex-wrap:nowrap}}
.gallery-item figcaption[hidden]{display:none}
.gallery-dialog-bottom{justify-content:flex-end}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}
.gallery-dialog-bottom{justify-content:space-between}