/* Keep the established home composition; interaction lives inside each strip. */
.home-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.home-decode{position:relative}
.home-decode-size{display:inline-block}
.home-decode-output{position:absolute;top:0;left:0;display:none;max-width:100%;overflow:hidden;white-space:nowrap;pointer-events:none}
.home-decode.is-decoding .home-decode-size{visibility:hidden}
.home-decode.is-decoding .home-decode-output{display:block}
body[data-view="home"] .home-interactive .series-row{cursor:default}
body[data-view="home"] .home-interactive .series-label{color:inherit;text-decoration:none}
.home-film-wrap{position:relative;min-width:0}
body[data-view="home"] .home-interactive .home-film{--film-gap:6px;gap:var(--film-gap);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:auto;touch-action:pan-x pan-y pinch-zoom;cursor:grab;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none}
.home-film::-webkit-scrollbar{display:none}
body[data-view="home"] .home-interactive .home-film .film-frame{display:block;flex:0 0 calc((100% - 2 * var(--film-gap)) / 2.8);min-width:0;-webkit-user-drag:none;user-select:none;touch-action:pan-x pan-y pinch-zoom;cursor:grab;outline-offset:-2px}
body[data-view="home"] .home-interactive .home-film .film-frame.portrait{flex-basis:calc((100% - 2 * var(--film-gap)) / 3.5)}
body[data-view="home"] .home-interactive .home-film.is-dragging,body[data-view="home"] .home-interactive .home-film.is-dragging .film-frame{cursor:grabbing}
body[data-view="home"] .home-interactive .series-row:hover .film-frame{filter:none}
@media(hover:hover){body[data-view="home"] .home-interactive .home-film .film-frame:hover{filter:brightness(1.1)}}
.home-film-controls{position:absolute;right:-5px;bottom:-26px;display:flex;gap:8px;align-items:center;height:26px}
.home-film-controls button{display:grid;place-items:center;width:28px;min-width:28px;height:26px;font:13px var(--sans);line-height:1;color:var(--muted);opacity:.65;transition:opacity .18s}
.home-film-controls button:hover,.home-film-controls button:focus-visible{opacity:1;color:var(--fg)}
.home-film-controls button:disabled{opacity:.16;cursor:default}
.home-film:focus-visible{outline:1px solid var(--fg);outline-offset:4px}
.home-film .film-frame:focus-visible{outline:2px solid var(--fg)}
.home-film .liquid-static{pointer-events:none}
@media(max-width:760px),(max-width:900px) and (orientation:portrait){body[data-view="home"] .home-interactive .home-film{--film-gap:7px}.home-film-controls{bottom:-25px}}
@media(prefers-reduced-motion:reduce){.home-decode.is-decoding .home-decode-size{visibility:visible}.home-decode.is-decoding .home-decode-output{display:none}.home-film-controls button,body[data-view="home"] .home-interactive .home-film .film-frame{transition:none}}

/* The homepage is a normal, unconstrained document, including over its photos. */
body[data-view="home"]{height:auto;max-height:none;overflow:visible;touch-action:pan-x pan-y pinch-zoom}
body[data-view="home"] #page-surface,body[data-view="home"] #main{height:auto;max-height:none;overflow:visible}
@media(max-width:760px),(max-width:900px) and (orientation:portrait){body[data-view="home"] .home{height:auto;max-height:none;min-height:0}}
body[data-view="home"]:has(dialog[open]){overflow:hidden}