.photo-gallery{min-width:0;margin-bottom:clamp(48px,6vw,88px)}.photo-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.photo-toolbar p{letter-spacing:.12em;text-transform:uppercase;font-size:12px}.photo-toolbar p span{color:var(--muted)}.photo-controls{flex-shrink:0;gap:8px;display:flex}.photo-controls button,.photo-dialog button{border:1px solid var(--line);width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:10px;display:grid}.photo-controls button:hover:not(:disabled){background:var(--ink);color:var(--paper)}.photo-controls button:disabled{opacity:.3;cursor:default}.photo-controls svg,.photo-dialog button svg{width:22px;height:22px}.photo-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;align-items:center;gap:18px;margin:-5px -5px 0;padding:5px 5px 18px;display:flex;overflow-x:auto}.photo-card{cursor:zoom-in;scroll-snap-align:start;background:#bcb3ad;border:0;flex:0 0 31%;height:clamp(350px,39vw,580px);padding:0;position:relative;overflow:hidden}.photo-card img{object-fit:cover;width:100%;height:100%;display:block}.photo-card-wide{flex-basis:62%}.photo-card-wide img{object-fit:contain}.photo-number,.photo-expand{color:#fff;letter-spacing:.08em;background:#191311c7;padding:5px 9px;font-size:11px;position:absolute;bottom:16px}.photo-number{left:16px}.photo-expand{opacity:0;transition:opacity .18s;right:16px}.photo-card:hover .photo-expand,.photo-card:focus-visible .photo-expand{opacity:1}.photo-hint{color:var(--muted);margin-top:12px;font-size:12px}.photo-dialog{width:100%;max-width:none;height:100dvh;max-height:none;padding:max(12px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));color:#faf5ef;overscroll-behavior:contain;background:#171413;border:0;margin:0;position:fixed;inset:0}.photo-dialog[open]{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid}.photo-dialog::backdrop{background:#171413}.photo-dialog-top,.photo-dialog-bottom{justify-content:space-between;align-items:center;gap:16px;display:flex}.photo-dialog-top p{letter-spacing:.18em;font-size:12px}.photo-dialog button{border-color:#726b66;flex-shrink:0}.photo-dialog button:hover{background:#39312c}.photo-dialog :focus-visible{outline-offset:3px;outline:2px solid #faf5ef}.photo-dialog-image{justify-content:center;min-height:0;display:flex}.photo-dialog-image img{object-fit:contain;width:100%;height:100%}.photo-dialog-bottom{justify-self:center;width:min(100%,900px)}.photo-dialog-bottom p{text-align:center;max-width:600px;font-size:13px}@media (max-width:800px){.photo-card{aspect-ratio:2/3;flex-basis:84%;height:auto}.photo-card-wide{aspect-ratio:auto}.photo-card-wide img{height:auto}.photo-toolbar p{letter-spacing:.08em;font-size:10px}.photo-toolbar p span{display:block}.photo-expand{display:none}.photo-dialog-bottom p{font-size:11px}}@media (prefers-reduced-motion:reduce){.photo-expand{transition:none}}
