/* The photographs stay in color; the frames and motion belong to the machine. */
.bio-face img{filter:none;opacity:1;object-position:50% 42%}.bio-door{border-color:#58ffd3b0}.video-screen{isolation:isolate}.shutter{background:#090d14}.shutter-photo{position:absolute;left:0;top:0;width:200%;height:100%;max-width:none;object-fit:cover;object-position:48% 39%;opacity:.95}.shutter-right .shutter-photo{left:-100%}.shutter:after{background:linear-gradient(0deg,#060911c9,transparent 37%)}.shutter .shutter-label{position:absolute;left:13px;bottom:12px;font:11px/1.3 var(--mono);letter-spacing:.08em;color:#fff;z-index:2;white-space:nowrap}.screen-play{background:#150f2cd9;box-shadow:0 0 25px #09031590,0 0 24px #b285ff50}.screen-performance{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 40%;z-index:-2}.screen-content{isolation:isolate;align-items:flex-end}.screen-content:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06090a12,#090c17a8 43%,#080a13ed 70%);z-index:-1}.screen-wordmark{font-size:48px;flex:1;color:#fff;text-shadow:0 2px 15px #000}.screen-wordmark>span{color:#ead8ff}.video-links{align-self:center;flex:1.65;background:#0b0d1875;padding:0 8px}.video-links a{font-size:11px;color:#f0e9ff}.ticket-stub{padding:0;border:0;width:72px;height:88px;overflow:hidden;transform:rotate(4deg);border:3px solid #fbffdf;box-shadow:0 2px 8px #161b1430}.ticket-stub img{width:100%;height:100%;display:block;object-fit:cover;object-position:46% 39%}.ticket-message{padding-top:21px;padding-bottom:12px}.ticket-message h2{font-size:clamp(25px,2.5vw,39px)}.stations{margin-bottom:64px}.photo-station{--accent:var(--purple);position:relative;z-index:2;margin:0 16px 72px}.photo-station .input-terminal{left:auto;right:12%}.photo-station .output-terminal{top:auto;bottom:-8px;right:auto;left:9%}.photo-heading{display:flex;align-items:flex-end;gap:28px;margin-bottom:21px}.photo-heading>div:first-child{min-width:225px}.photo-heading .station-switch{padding:0 0 8px;font-size:16px;justify-content:flex-start;gap:20px;width:auto}.photo-heading h2{font:900 64px/.9 var(--display);letter-spacing:-.015em;margin:0}.photo-heading p{font-size:12px;color:#b1bdb9;line-height:1.7;margin:0 0 2px}.reel-controls{display:flex;align-items:center;gap:9px;margin-left:auto}.reel-controls>span{color:#bdacd1;font-size:11px;margin-right:14px;min-width:55px}.reel-step{border:1px solid #88709c;height:42px;width:45px;display:grid;place-items:center;background:#18121e}.reel-step:hover{color:#090c0c;background:var(--purple)}.reel-step svg,.photo-viewer button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.film-housing{border:1px solid #a987c2;background:#101511;box-shadow:0 0 0 4px #161e1b,0 0 0 5px #66756580;position:relative}.film-perforation{height:20px;margin:0 8px;background:repeating-linear-gradient(90deg,transparent 0 10px,#72867780 10px 21px,transparent 21px 34px);background-size:34px 7px;background-repeat:repeat-x;background-position:0 center}.photo-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.photo-viewport::-webkit-scrollbar{display:none}.photo-belt{display:flex;width:max-content;gap:12px;padding:2px 12px}.photo-frame{position:relative;padding:0;flex:none;width:195px;scroll-snap-align:start;overflow:hidden;background:#050806;border:1px solid #6a807575;text-align:left}.photo-frame.landscape{width:310px}.photo-frame img{display:block;width:100%;height:220px;object-fit:cover;object-position:50% 40%;transition:transform .55s,filter .3s}.photo-frame.landscape img{object-position:center}.photo-frame:hover img{transform:scale(1.035)}.photo-frame:hover,.photo-frame.is-current{border-color:var(--purple)}.frame-label{display:flex;align-items:center;gap:11px;font-size:10px;padding:10px 10px 11px;color:#e1e9e5;background:#0e1410;position:relative}.frame-label>span:first-child{color:#ab8cca;font-size:9px}.frame-label>span:nth-child(2){flex:1}.frame-label>span:last-child{color:var(--purple)}.film-drive{position:absolute;height:23px;left:18px;right:18px;top:calc(100% + 5px);display:flex;align-items:center;gap:9px}.film-drive i{width:19px;height:19px;border-radius:50%;border:3px double #789086;background:conic-gradient(#71897c 0deg 10deg,#101713 10deg 110deg,#71897c 110deg 120deg,#101713 120deg 230deg,#71897c 230deg 240deg,#101713 240deg 360deg)}.film-drive>span{height:4px;flex:1;background:repeating-linear-gradient(90deg,#3e5648 0 8px,#15231a 8px 16px);border-top:1px solid #66776d;border-bottom:1px solid #66776d}.photo-station.is-open .film-housing{box-shadow:0 0 0 4px #161e1b,0 0 0 5px #b285ffa0,0 0 30px #b285ff16}.photo-station.is-open .film-perforation{animation:film-feed 1.1s ease-in-out}.photo-station.is-open .film-drive i{animation:film-wheel 1s ease-out}.photo-station.is-open .film-drive>span{animation:film-feed 1s ease-out}.reel-hint{display:block;text-align:right;font-size:10px;color:#889b91;margin:35px 2px 0}@keyframes film-feed{to{background-position:136px center}}@keyframes film-wheel{to{transform:rotate(540deg)}}
.photo-viewer{width:min(1200px,94vw);max-width:94vw;max-height:94dvh;padding:0;border:1px solid var(--purple);background:#090d0b;color:var(--ink);box-shadow:0 0 0 4px #17221b,0 0 70px #000c;overflow:hidden}.photo-viewer::backdrop{background:#030705ed;backdrop-filter:blur(7px)}.viewer-top{display:flex;align-items:center;gap:20px;padding:12px 18px;border-bottom:1px solid #365044;font-size:12px;letter-spacing:.04em}.viewer-top>span:first-child{color:var(--mint)}#viewer-count{margin-left:auto;color:#a79ab5}.photo-viewer button{min-width:44px;min-height:44px;display:grid;place-items:center;color:#d8bafa}.photo-viewer button:hover{background:#24182f}.viewer-image-wrap{height:min(70dvh,780px);display:flex;justify-content:center;align-items:center;background:#030604}.viewer-image-wrap img{max-width:100%;max-height:100%;object-fit:contain;display:block}.viewer-bottom{display:flex;align-items:center;gap:20px;padding:9px 18px;border-top:1px solid #365044}.viewer-bottom p{text-align:center;flex:1;margin:0;font-size:13px}body:has(.photo-viewer[open]){overflow:hidden}
@media(min-width:901px){.video-screen{aspect-ratio:2.15}.work .station-copy p{max-width:285px}.photo-heading{padding-top:8px}.photo-station .input-terminal{top:-8px}.shows.is-open .ticket-window{height:211px}}
@media(max-width:1200px){.screen-wordmark{font-size:35px}.video-links{padding:0 5px;flex:2}.video-links a{font-size:9px}.ticket-stub{width:51px;height:74px}.photo-frame img{height:190px}.photo-frame.landscape{width:280px}.photo-frame{width:175px}.photo-heading h2{font-size:57px}.photo-heading>div:first-child{min-width:205px}.photo-heading p{font-size:11px}.photo-station{margin-left:7px;margin-right:7px}.screen-content{gap:10px}}
@media(max-width:900px){.screen-content{align-items:flex-end}.ticket-stub{width:66px;height:89px}.photo-heading{gap:18px}.photo-heading p{max-width:200px}.photo-heading>div:first-child{min-width:180px}.photo-heading .station-switch{font-size:14px}.photo-heading h2{font-size:52px}.photo-heading .reel-controls{gap:6px}.reel-controls>span{margin-right:4px}.photo-station{margin-bottom:64px}}
@media(max-width:600px){.screen-content{flex-direction:column;justify-content:flex-end;gap:6px;padding:12px}.screen-wordmark{font-size:36px;flex-direction:row}.screen-wordmark>span{font-size:8px}.screen-content:before{background:linear-gradient(0deg,#050815f5 5%,#090c17b0 60%,#080a1333)}.video-links{padding:0 6px;align-self:stretch;flex:0}.video-links a{font-size:10px;padding:8px 0}.shutter-photo{object-position:41% 35%}.shutter .shutter-label{left:9px;bottom:10px;font-size:8px}.ticket-message h2{font-size:36px}.ticket-stub{width:67px;height:88px}.ticket-message{padding:23px 12px 12px}.shows.is-open .ticket-window{height:208px}.photo-station{margin:0 2px 68px}.photo-station .input-terminal{right:12%;top:-8px}.photo-heading{display:grid;grid-template-columns:1fr auto;gap:17px;margin-bottom:20px}.photo-heading>div:first-child{min-width:0}.photo-heading .station-switch{font-size:14px;gap:12px;padding-bottom:10px}.photo-heading .switch-light{width:9px;height:9px}.photo-heading h2{font-size:51px}.photo-heading p{grid-column:1;grid-row:2;margin:0;font-size:10px}.photo-heading .reel-controls{grid-column:2;grid-row:2;gap:7px;align-self:end}.reel-controls>span{position:absolute;right:1px;top:35px;font-size:10px}.reel-step{width:38px;height:40px}.photo-frame img{height:210px}.photo-frame{width:175px}.photo-frame.landscape{width:285px}.photo-belt{gap:10px;padding-left:10px;padding-right:10px}.frame-label{font-size:9px;padding:11px 8px}.reel-hint{font-size:9px;max-width:270px;margin-left:auto}.viewer-top{font-size:10px;padding:5px 10px;gap:10px}.viewer-image-wrap{height:64dvh}.viewer-bottom{padding:7px 8px;gap:7px}.viewer-bottom p{font-size:11px}.photo-viewer{width:94vw;max-height:92dvh}.photo-viewer button{min-width:40px}.stations{margin-bottom:80px}}
.portrait-view{width:100%;height:100%;display:block;padding:0}.portrait-view:hover img{filter:brightness(1.08)}
.screen-play{left:70%}
@media(max-width:600px){.photo-station .input-terminal{right:-8px;top:50%;transform:translateY(-50%)}}