/* Two artworks share each view; the page continues to scroll vertically. */
#eva-frames.eva-frames{display:block}
.eva-pair-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;position:relative}
.eva-pair-card{min-width:0;display:block;background:#101017;aspect-ratio:9/16}
.eva-pair-card img{width:100%;height:100%;object-fit:contain}
.eva-pair-progress{display:none}
.eva-pairs-enabled .eva-pair-story{height:160svh;position:relative}
.eva-pairs-enabled .eva-pair-stage{position:sticky;top:155px;height:calc(100svh - 180px);min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px}
.eva-pairs-enabled .eva-pair-window{width:min(100%,calc(76svh + 24px));overflow:clip}
.eva-pairs-enabled .eva-pair-track{display:flex;gap:24px;will-change:transform}
.eva-pairs-enabled .eva-pair-card{flex:0 0 calc((100% - 24px)/2);height:min(67svh,650px);aspect-ratio:auto}
.eva-pair-card:focus-visible{outline:2px solid #f4e8fc;outline-offset:-3px}
.eva-pairs-enabled .eva-pair-progress{display:block;height:1px;width:80px;background:#ffffff35;overflow:hidden}
.eva-pair-progress i{display:block;height:100%;width:100%;background:#eee8dc;transform-origin:left}
@media(max-width:760px){.eva-pair-track{gap:12px}.eva-pairs-enabled .eva-pair-story{height:145svh}.eva-pairs-enabled .eva-pair-stage{top:132px;height:calc(100svh - 155px);min-height:300px}.eva-pairs-enabled .eva-pair-track{gap:12px}.eva-pairs-enabled .eva-pair-card{flex-basis:calc((100% - 12px)/2);height:auto;aspect-ratio:9/16}.eva-pair-card.image-zoom>span{right:5px;bottom:5px;padding:5px 7px;font-size:11px}}
.depth-wall{perspective:1200px}.depth-wall .film-tile{perspective:1000px}.depth-wall .tile-image{transform-origin:center bottom;will-change:transform,opacity}.frisby-feature{will-change:clip-path}.frisby-feature>img{transition:filter .4s}.frisby-feature:hover>img{transform:none;filter:brightness(1.08)}

@media(prefers-reduced-motion:reduce){.film-tile .tile-image,.film-tile .tile-caption{transform:none!important;opacity:1!important}.frisby-feature{clip-path:none!important}}
/* Let the name and the opening clip introduce the work. */
.opening-bottom{justify-content:flex-end}

/* Readable intro controls, separate from decorative preview controls. */
.opening-rail .intro-toggle{margin-left:0;min-height:44px;padding:10px 15px;border:1px solid #ffffff60;background:#101010cc;color:#f1efe8;font-size:13px;white-space:nowrap;transition:background .25s,color .25s}
.opening-rail .intro-toggle:hover{background:#f1efe8;color:#101010}.intro-toggle:focus-visible{outline:2px solid #ef4e2c;outline-offset:4px}.intro-status{font-size:12px;max-width:260px;line-height:1.5;background:#101010cc}.intro-status:empty{display:none}
@media(max-width:760px){.opening-rail{gap:12px}.opening-rail .intro-toggle{font-size:12px;padding:8px 12px}.opening-rail #pause-atmosphere{font-size:11px}.intro-status{flex-basis:100%}}
