/* Site photographs: strips + lightbox (shared by all pages) */
.shots{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none}
@media (min-width:760px){.shots{grid-template-columns:repeat(4,1fr)}.shots.s3{grid-template-columns:repeat(3,1fr)}}
.shots.s6{grid-template-columns:repeat(2,1fr)}
@media (min-width:760px){.shots.s6{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1100px){.shots.s6{grid-template-columns:repeat(6,1fr)}.shots.s6 .shot:nth-child(1),.shots.s6 .shot:nth-child(4){grid-column:span 2;grid-row:span 2;aspect-ratio:auto}}
.shot{margin:0;position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--surface);min-width:0;max-width:100%}
.shot button{all:unset;position:absolute;inset:0;display:block;cursor:zoom-in}
.shot button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.shot:hover img{transform:scale(1.04)}
.shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 12px 9px;background:linear-gradient(transparent,rgba(17,17,17,.74));color:#F1EFEA;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;line-height:1.35}
.shots-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:clamp(28px,4vw,40px) 0 12px}
.lb{position:fixed;inset:0;z-index:100;background:rgba(10,10,10,.92);display:flex;align-items:center;justify-content:center;padding:56px 16px 64px}
.lb[hidden]{display:none!important}
.lb img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.lb p{position:absolute;left:16px;right:16px;bottom:18px;text-align:center;color:#E9E6DF;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;margin:0}
.lb button{position:absolute;background:none;border:1px solid rgba(233,230,223,.35);color:#E9E6DF;width:44px;height:44px;font:400 20px/1 var(--body);cursor:pointer;display:grid;place-items:center}
.lb button:hover{border-color:#EA6630;color:#EA6630}
.lb .x{top:12px;right:12px}.lb .pv{left:12px;top:50%;margin-top:-22px}.lb .nx{right:12px;top:50%;margin-top:-22px}