body[data-view="installation"] .view-switch{display:none}
.installation-page{position:relative;height:100svh;min-height:580px;overflow:hidden;background:#0b0d0e}
.installation-heading{position:absolute;top:16%;left:5%;right:5%;text-align:center;z-index:3;pointer-events:none}
.installation-heading>.eyebrow{font-size:9px;color:#88927f;letter-spacing:.25em}
.installation-heading h1{margin:20px 0 14px;font-size:clamp(29px,3.8vw,82px);line-height:1.1;font-weight:400;letter-spacing:-.055em}
.installation-heading h1 em{font-weight:300;font-style:normal;color:#d2d7cd}
.installation-heading h1 small{display:inline-block;margin-left:14px;font-size:.23em;letter-spacing:.12em;vertical-align:top;padding-top:.8em;color:#939d87}
.installation-heading p{font-size:12px;letter-spacing:.12em;color:#959b94}
#installation-stage{position:absolute;inset:30% 0 13%;outline:none;touch-action:none;cursor:grab}
#installation-stage:active{cursor:grabbing}
#installation-stage:focus-visible{outline:1px dashed #8e9a78;outline-offset:-16px}
.installation-axis{position:absolute;left:50%;top:53%;height:0;transform:rotate(-7deg);transform-origin:0 0}
#installation-track{position:absolute;display:flex;align-items:center;top:0;will-change:transform}
.installation-cell{position:relative;width:var(--installation-pitch);flex:none;margin-top:calc(var(--installation-card-width) * -.28125 - 34px);padding:34px 12px;background:#060807;box-shadow:0 10px 45px #0005;border-top:1px solid #454b3d55;border-bottom:1px solid #454b3d55}
.film-edge{position:absolute;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg,transparent 0 12px,#c0c5b5 12px 24px,transparent 24px 38px);opacity:.63}
.film-edge-top{top:10px}.film-edge-bottom{bottom:10px}
.installation-frame{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#121611;border:0;padding:0;border-radius:5px;overflow:hidden;cursor:pointer;transition:transform .5s cubic-bezier(.2,.7,.2,1);color:#fff}
.installation-frame:hover,.installation-frame:focus-visible{transform:scale(.965);outline:none}
.installation-crop{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit}
.installation-crop img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .5s;pointer-events:none}
.installation-frame:hover img,.installation-frame:focus-visible img{transform:scale(1.075);filter:brightness(.67)}
.installation-frame-number{position:absolute;top:14px;left:14px;padding:4px 7px;border-radius:2px;background:#080b09aa;font:9px/1.3 monospace;letter-spacing:.12em;opacity:0;transition:opacity .3s}
.installation-frame:hover .installation-frame-number,.installation-frame:focus-visible .installation-frame-number{opacity:1}
.installation-footer{position:absolute;z-index:5;bottom:35px;left:50%;transform:translateX(-50%);width:min(360px,55vw);text-align:center;color:#a4ad9b}
.installation-paging{display:flex;align-items:center;justify-content:center;gap:30px;font:11px monospace;letter-spacing:.16em}
.installation-footer button,.installation-lightbox button{background:transparent;border:0;color:inherit;cursor:pointer;transition:color .25s,opacity .25s}
.installation-footer button:hover,.installation-lightbox button:hover{color:#fff}
.installation-footer button:disabled,.installation-lightbox button:disabled{opacity:.25;cursor:default}
.installation-paging button{font-size:21px;padding:8px 16px}
.installation-progress{height:1px;background:#ffffff1c;margin:14px 0 15px;overflow:hidden}
.installation-progress i{display:block;width:100%;height:100%;background:#bacd91;transform-origin:left}
#installation-rewind{font-size:11px;letter-spacing:.04em;padding:7px 16px}#installation-rewind span{font-size:17px;vertical-align:middle;margin-right:8px}
.installation-footer>small{display:block;font-size:8px;letter-spacing:.18em;color:#646c62;margin-top:11px}
.installation-entry{display:inline-block;color:inherit;transition:color .3s;text-decoration:none}
.installation-entry:hover,.installation-entry:focus-visible{color:#d3e5ad!important}
#installation-entry-preview{position:fixed;width:clamp(210px,24vw,430px);pointer-events:none;z-index:90;background:#121611;border:1px solid #c7d4b622;border-radius:6px;overflow:hidden;opacity:0;transform:scale(.82) translateY(10px);transition:opacity .3s,transform .4s cubic-bezier(.2,.7,.2,1);box-shadow:0 15px 60px #0009}
#installation-entry-preview.visible{opacity:1;transform:scale(1) translateY(0)}
#installation-entry-preview img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}
#installation-entry-preview>span{display:block;padding:12px;font:8px monospace;letter-spacing:.12em;color:#a7b299}
#installation-dialog{position:fixed;inset:0;margin:auto;width:min(92vw,1600px);max-width:none;max-height:94svh;border:none;background:transparent;padding:0;color:#d9ded5;overflow:visible}
#installation-dialog::backdrop{background:#080b09e8;backdrop-filter:blur(12px)}
.installation-lightbox{width:100%;animation:installation-rise .75s cubic-bezier(.18,.85,.28,1.1) both}
.installation-lightbox-top,.installation-lightbox-bottom{display:flex;align-items:center;justify-content:space-between;height:48px;font:10px monospace;letter-spacing:.06em}
#installation-close{font:32px/1 sans-serif;padding:6px 16px}
.installation-image-wrap{position:relative;display:grid;place-items:center;min-height:100px;background:#080a09;border-radius:5px;overflow:hidden}
#installation-image{display:block;width:100%;height:auto;max-height:calc(90svh - 100px);object-fit:contain}
.installation-lightbox-bottom{justify-content:center;gap:28px;height:52px}
.installation-lightbox-bottom button{padding:8px 22px;font-size:25px}
#installation-image-error{position:absolute;background:#111c;padding:15px;font-size:12px}
#installation-dialog.is-closing .installation-lightbox{animation:installation-away .3s ease-in both}
.installation-open .installation-heading,.installation-open #installation-stage,.installation-open .installation-footer{opacity:.1;transition:opacity .4s}
@keyframes installation-rise{from{opacity:0;transform:translateY(55vh) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes installation-away{to{opacity:0;transform:translateY(22vh) scale(.95)}}
@media(max-width:650px){.installation-heading{top:19%;left:7%;right:7%}.installation-heading h1{font-size:34px;line-height:1.13}.installation-heading h1 em{display:block;margin-top:5px}.installation-heading h1 small{position:absolute;right:0;top:32px;font-size:10px}.installation-heading>.eyebrow{font-size:7px}.installation-heading p{font-size:10px}#installation-stage{inset:39% 0 18%}.installation-axis{transform:rotate(-8deg);top:49%}.installation-cell{padding-top:26px;padding-bottom:26px;margin-top:calc(var(--installation-card-width) * -.28125 - 26px)}.film-edge{height:9px;background-size:auto}.film-edge-top{top:8px}.film-edge-bottom{bottom:8px}.installation-footer{bottom:24px;width:55vw}.installation-footer>small{font-size:6px;letter-spacing:.07em}.installation-lightbox-top{font-size:8px;letter-spacing:0}#installation-dialog{width:96vw}.installation-heading h1 small{padding:0}}
@media(prefers-reduced-motion:reduce){.installation-frame,.installation-crop img,#installation-entry-preview{transition:none}.installation-lightbox,#installation-dialog.is-closing .installation-lightbox{animation:none}}

/* A typographic signature above the moving film. */
.installation-heading{top:11%}
.installation-heading h1{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.5vw,60px);margin:17px 0 16px;letter-spacing:-.06em}
.installation-monogram{font-size:clamp(80px,8.3vw,174px);font-weight:400;line-height:.9}
.installation-heading h1 em{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:clamp(24px,2.5vw,54px);line-height:1.08;letter-spacing:-.045em;padding-top:12px}
.installation-heading h1 em span:last-child{margin-left:26px}
.installation-heading h1 small{align-self:flex-start;margin:9px 0 0 -10px;padding:0;font-size:10px;letter-spacing:.2em;writing-mode:vertical-rl}
.installation-heading p{margin:15px 0 17px}
.installation-software{display:flex;align-items:center;justify-content:center;gap:16px;height:27px}
.installation-software img{width:24px;height:24px;object-fit:contain;opacity:.88}
.installation-software img[alt="Midjourney"]{filter:brightness(0) invert(1);opacity:1;transform:scale(.85);transform-origin:center}
.installation-software i{height:14px;width:1px;background:#fff2;margin:0 2px}
.adobe-mark{font:bold 21px/1 Arial,sans-serif;letter-spacing:-1px;color:#b3a0ed}
.adobe-mark.photoshop{color:#65b6e0}
.installation-progress{position:relative;overflow:visible}
#installation-seek{appearance:none;-webkit-appearance:none;position:absolute;inset:-12px 0 auto;width:100%;height:25px;margin:0;background:transparent;border:0;cursor:pointer;opacity:0}
.installation-progress:focus-within{outline:1px solid #bdcca37a;outline-offset:5px}
.installation-jumps{display:flex;justify-content:center;align-items:center;gap:8px}
#installation-last{font-size:11px;letter-spacing:.04em;padding:7px 16px}
#installation-last span{font-size:14px;vertical-align:middle;margin-left:8px}
@media(max-width:650px){.installation-heading{top:17%}.installation-heading h1{gap:16px;margin:20px 0 13px}.installation-monogram{font-size:80px}.installation-heading h1 em{font-size:24px;margin:0;gap:2px;padding-top:8px}.installation-heading h1 em span:last-child{margin-left:10px}.installation-heading h1 small{position:static;font-size:8px;margin:5px 0 0 -10px}.installation-software{gap:9px;height:19px}.installation-software img{width:17px;height:17px}.adobe-mark{font-size:16px}.installation-software i{margin:0;height:10px}.installation-heading p{margin:13px 0}.installation-jumps{gap:0}#installation-last,#installation-rewind{padding:7px 8px;font-size:9px}#installation-stage{inset:40% 0 19%}}
