.photo-page{--photo-height:min(52svh,520px);--photo-max-width:60vw;min-height:100svh;display:flex;flex-direction:column;overflow-x:clip}
.photo-header{padding:12px var(--gutter) 0}.photo-header h1{margin:0;line-height:0}.photo-header h1 a,.photo-header img{display:block;width:100%;height:auto}.photo-topline{display:flex;justify-content:space-between;font-size:12px;line-height:1.1;margin-top:12px}.photo-topline a:hover,.photo-footer a:hover{background:#000;color:#fff}
.photo-main{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:30px 0 28px}.photo-gallery{width:100%;min-width:0}.photo-viewport{position:relative;overflow:hidden;width:100%;height:var(--photo-height);touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.photo-viewport.is-dragging{cursor:grabbing}.photo-track{display:flex;align-items:center;height:100%;width:max-content;will-change:transform}.photo-track.is-animating{transition:transform .55s cubic-bezier(.22,.75,.18,1)}
.photo-slide{flex:none;display:block;position:relative;width:min(calc(var(--photo-height) * var(--ratio)),var(--photo-max-width));height:100%;padding:0;border:0;background:transparent;line-height:0;color:inherit;cursor:inherit}.photo-slide img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-drag:none}.photo-slide.is-current{cursor:grab}.photo-slide:not(.is-current){cursor:pointer}.photo-slide:focus-visible{outline-offset:-3px}.photo-slide img{opacity:1}.photo-meta{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start;gap:12px;margin:34px var(--gutter) 0;font-size:11px;line-height:1.1;color:var(--muted);font-variant-numeric:tabular-nums}.photo-meta p{margin:0;text-align:center}.photo-controls{display:flex;gap:22px;justify-content:flex-end;color:var(--ink);margin-top:-10px}.photo-controls button{display:grid;place-items:center;border:0;background:transparent;font-size:23px;font-weight:400;width:36px;height:32px;padding:0;line-height:1;touch-action:manipulation}.photo-controls button:hover{background:#000;color:#fff}
.photo-footer{margin:0 var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));font-size:11px;line-height:1.1;flex:none}.photo-footer>span{grid-column:1 / 3}.photo-footer>a{grid-column:4;justify-self:end}.photo-fallback{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px}.photo-fallback img{max-width:90vw;max-height:70vh;object-fit:contain}
@media(max-width:700px){.photo-page{--photo-height:min(52svh,460px);--photo-max-width:74vw}.photo-header{padding-top:10px}.photo-topline{margin-top:12px;font-size:11px}.photo-main{padding:34px 0}.photo-meta{grid-template-columns:1fr 2fr 1fr;margin-top:26px;gap:10px;font-size:10px}.photo-meta p{font-size:10px}.photo-controls{gap:4px}.photo-controls button{width:32px;height:34px}.photo-footer{font-size:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.photo-footer>span{grid-column:1}.photo-footer>a{grid-column:2}}
@media(prefers-reduced-motion:reduce){.photo-track.is-animating{transition:none}}