.hero{touch-action:pan-y}.hero-controls{position:absolute;z-index:2;right:24px;bottom:64px;display:flex;gap:14px;align-items:center;color:#fff;background:#111a;padding:8px}.hero-controls[hidden]{display:none}.hero-controls button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #fff8;background:transparent;color:white}.hero-controls span{font-size:13px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0}.gallery#gallery{display:flex;flex-direction:column;gap:12px;overflow:hidden}.film-row{overflow:hidden;min-width:0}.film-track{display:flex;width:max-content;will-change:transform}.film-track.is-ready{animation-name:film-drift;animation-timing-function:linear;animation-iteration-count:infinite}.film-group{display:flex;gap:12px;padding-right:12px;flex-shrink:0}.film-shot{position:relative;flex:0 0 auto;width:auto;height:180px;border:0;padding:0;background:var(--surface);overflow:hidden}.film-shot img{width:auto;height:100%;max-width:none;object-fit:contain;display:block}.film-shot:hover img{transform:none}.film-shot span{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#000a);padding:24px 12px 10px;text-align:left;color:white;font-size:11px;letter-spacing:1px}.film-row:hover .film-track,.film-row:focus-within .film-track,.gallery.paused .film-track{animation-play-state:paused}.film-shot:focus-visible{outline-offset:-4px}.film-row[data-direction=left] .film-track{animation-direction:reverse}.film-row[data-direction=right] .film-track{animation-direction:normal}@keyframes film-drift{from{transform:translateX(-50%)}to{transform:translateX(0)}}
#viewer[open]{display:block;padding:72px 65px 52px;overflow:hidden}#album{height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y proximity;scroll-behavior:auto;touch-action:pan-y}#album figure{margin:0 0 40px;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;scroll-snap-align:start}#album img{max-height:calc(100dvh - 180px);width:100%;object-fit:contain}#album figcaption{font-size:14px;color:#bbb;padding:14px;text-align:center}#viewer #caption{left:65px;right:65px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#viewer .viewer-top{z-index:2}
@media(max-width:700px){.film-shot{height:130px;width:auto}.film-group{gap:8px;padding-right:8px}.gallery#gallery{gap:8px}.gallery-toolbar{align-items:flex-start;flex-direction:column}.hero-controls{right:16px;bottom:55px}.hero-caption{gap:16px}#viewer[open]{padding:70px 46px 45px}.gallery-toolbar .action{font-size:13px}}
@media(prefers-reduced-motion:reduce){.film-track,.film-track.is-ready{animation:none;transform:none}.film-row{overflow-x:auto}.film-group:nth-child(2){display:none}.film-shot[aria-hidden=true]{display:none}.film-shot img{transition:none}}

.category-row{min-width:0;margin:0 0 18px}.category-row-title{font-size:12px;letter-spacing:2px;font-weight:400;margin:10px 0 14px;color:var(--muted)}.category-empty{padding:24px 0;border-top:1px solid var(--line)}
