:root{color-scheme:dark;--bg: #080808;--ink: rgba(246, 242, 232, .92);--muted: rgba(246, 242, 232, .58);--line: rgba(246, 242, 232, .16);--line-soft: rgba(246, 242, 232, .08);--shadow: rgba(0, 0, 0, .72);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(180,170,150,.08),transparent 34%),linear-gradient(180deg,#11100e,#050505)}body{min-height:100vh}.installation{position:relative;width:100vw;height:100vh;padding:clamp(10px,1.5vw,24px);color:var(--ink);background:transparent}.installation.hide-cursor,.installation.hide-cursor *{cursor:none}.triptych{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.2fr) minmax(0,.92fr);gap:clamp(5px,.7vw,12px);width:100%;height:100%}.triptych-panel{position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate;border:1px solid var(--line-soft);background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 42%),#0d0c0a}.triptych-panel:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 14%,transparent 86%,rgba(255,255,255,.025)),repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px);mix-blend-mode:soft-light;opacity:.28}.feed-layer,.vdo-frame{position:absolute;inset:0;width:100%;height:100%}.feed-layer{transform-origin:50% 50%;transition:filter 1.8s ease,opacity 1.8s ease,transform 3s ease}.vdo-frame{border:0;background:#050505}.crop-cover .vdo-frame{width:112%;height:112%;inset:-6%}.crop-contain .vdo-frame{object-fit:contain}.crop-stretch .vdo-frame{width:100%;height:100%}.mode-cropped .feed-layer{transform:scale(1.12)}.mode-blurred .feed-layer{filter:blur(9px) saturate(.8)}.mode-ghosted .feed-layer{opacity:.62;filter:grayscale(.45) contrast(.9)}.mode-high-contrast .feed-layer{filter:contrast(1.45) grayscale(.2)}.mode-dimmed .feed-layer{opacity:.52}.mode-slow-zoom .feed-layer{animation:slowWitness 38s ease-in-out infinite alternate}.panel-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.34),transparent 30%,transparent 62%,rgba(0,0,0,.56)),linear-gradient(90deg,rgba(0,0,0,.28),transparent 34%,transparent 66%,rgba(0,0,0,.24))}.is-dominant{border-color:#f6f2e847}.panel-label{position:absolute;left:clamp(14px,1.7vw,28px);bottom:clamp(15px,2vw,34px);z-index:4;display:grid;gap:.2rem;max-width:min(76%,320px);text-shadow:0 1px 22px var(--shadow);transition:opacity .9s ease,transform .9s ease}.panel-label span,.work-overlay p,.fallback-state span{font-size:clamp(.65rem,.82vw,.82rem);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.panel-label strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,2.2vw,2.8rem);font-weight:400;line-height:.96}.panel-label small{font-size:clamp(.72rem,.9vw,.92rem);color:#f6f2e8b8}.text-fragment{position:absolute;top:clamp(70px,14vh,180px);right:clamp(14px,1.7vw,28px);z-index:4;width:min(64%,330px);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(.94rem,1.08vw,1.24rem);line-height:1.42;color:#f6f2e8bd;text-shadow:0 1px 22px var(--shadow);animation:fragmentDrift 18s ease-in-out infinite alternate}.fallback-state{position:absolute;inset:0;z-index:1;display:grid;place-content:center;gap:.8rem;padding:clamp(20px,5vw,80px);text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 52%),radial-gradient(circle at 50% 50%,rgba(246,242,232,.06),transparent 46%),#0a0908}.fallback-state strong{max-width:23rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.25rem,2vw,2.5rem);font-weight:400;line-height:1.12}.work-overlay{position:absolute;left:clamp(18px,2.4vw,42px);top:clamp(16px,2vw,34px);right:clamp(18px,2.4vw,42px);z-index:5;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;pointer-events:none;opacity:.9;text-shadow:0 1px 28px var(--shadow)}.work-overlay h1{margin:.18rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,2.4vw,3.2rem);font-weight:400;letter-spacing:0}.work-overlay p{margin:0}.privacy-note{max-width:min(44vw,620px);text-align:right;line-height:1.5;text-transform:none;letter-spacing:0;color:#f6f2e89e}.debug-overlay{position:absolute;right:clamp(14px,2vw,32px);bottom:clamp(14px,2vw,32px);z-index:6;width:min(420px,calc(100vw - 28px));padding:18px;border:1px solid var(--line);background:#0a0a09d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--ink)}.debug-overlay h2{margin:0 0 1rem;font-size:.88rem;letter-spacing:.12em;text-transform:uppercase}.debug-overlay dl,.debug-overlay ul{display:grid;gap:.5rem;margin:0;padding:0}.debug-overlay div,.debug-overlay li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line-soft);padding-bottom:.35rem}.debug-overlay dt,.debug-overlay dd,.debug-overlay li{font-size:.8rem}.debug-overlay dd{margin:0;color:var(--muted)}.debug-overlay p{margin:1rem 0;color:var(--muted);font-size:.82rem;line-height:1.45}.debug-overlay li{list-style:none}@keyframes slowWitness{0%{transform:scale(1.01) translate3d(-.8%,.4%,0)}to{transform:scale(1.09) translate3d(.8%,-.7%,0)}}@keyframes fragmentDrift{0%{opacity:.42;transform:translate3d(0,-6px,0)}to{opacity:.82;transform:translate3d(0,8px,0)}}@media(max-width:820px){html,body,#root{overflow:auto;min-height:100%}.installation{height:auto;min-height:100vh;padding:8px}.triptych{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(58vh,1fr));min-height:100vh}.work-overlay{position:fixed;flex-direction:column;gap:.65rem}.privacy-note{max-width:92vw;text-align:left}.text-fragment{top:28%;width:min(70%,310px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}