:root{color-scheme:dark;--bg:#080a08;--ink:#e5e6e0;--muted:#9ba194;--line:#2c332b;--accent:#b9c9a6}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:24px;scrollbar-width:thin;scrollbar-color:#414b39 var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 "Helvetica Neue",Helvetica,Arial,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:#d4e6be}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit;background:transparent;border:1px solid transparent;border-radius:0;min-height:44px;padding:8px 12px;cursor:pointer}button:hover:not(:disabled){background:#ffffff07;border-color:var(--line)}button:disabled{opacity:.45;cursor:default}main{max-width:1600px;margin:auto}.intro{padding:68px 5vw 50px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--muted);margin:0}.intro h1{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(56px,7.6vw,112px);font-weight:400;line-height:1.04;letter-spacing:-.035em;margin:37px 0 29px}.intro h1 span{display:block}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:24px}.roles{font-size:13px;color:#c9cfc1;margin:0 0 5px}.location{font-size:12px;color:var(--muted);margin:0}.explore{font-size:11px;color:var(--muted);white-space:nowrap;padding-bottom:5px;border-bottom:1px solid var(--line)}.explore span{margin-left:18px}#journey{position:relative;margin:0 5vw;height:auto}#exhibition{position:sticky;top:16px;background:var(--bg);padding-top:12px;padding-bottom:12px}.art-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:13px;padding-bottom:13px;border-top:1px solid var(--line)}.art-heading h2{font-weight:400;font-size:12px;color:#bbc5b2;letter-spacing:.025em;line-height:1.5;margin:0}.art-heading h2 span{color:var(--muted)}.modes{display:flex;gap:3px;white-space:nowrap}.modes button{font-size:11px;color:var(--muted)}.modes button[aria-pressed=true]{background:#ffffff07;color:var(--ink)}.video-and-controls{width:min(100%,calc((100svh - 215px)*16/9));margin-inline:auto}.canvas{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:#050605}video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}body.film video{pointer-events:auto}.film-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding-top:4px}.button-group{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.film-controls button{font-size:11px;min-width:44px;padding:8px 10px}#volume{accent-color:var(--accent);width:66px;height:24px}#volumeGroup{display:flex;align-items:center}.time{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.timeline{height:24px;display:flex;align-items:center}.timeline input{appearance:none;-webkit-appearance:none;height:24px;width:100%;margin:0;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--progress,0%),var(--line) var(--progress,0%),var(--line) 100%);background-size:100% 2px;background-repeat:no-repeat;background-position:center;cursor:pointer}.timeline input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:7px;height:7px;border-radius:50%;background:var(--accent)}.timeline input::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:var(--accent)}.hint-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;min-height:24px}.hint-row p{margin:0}.hint-row a{white-space:nowrap}.study{padding:55px 5vw 95px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:40px;scroll-margin-top:24px}.study-content{max-width:720px}.study h2{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.15;letter-spacing:-.03em;margin:0 0 24px}.description{font-size:clamp(16px,1.5vw,21px);line-height:1.8;color:#c3cabb;margin:0 0 34px}.research-link{display:inline-block;font-size:15px;border-bottom:1px solid #5f7050;padding-bottom:7px}.reference{font-size:12px;color:var(--muted);margin:18px 0 0}footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:26px 5vw;color:var(--muted);font-size:11px;max-width:1600px;margin:auto}.status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:14px 18px;text-align:center;background:#080c07e6;border:1px solid var(--line);color:var(--muted);font-size:12px;max-width:90%}.status p{margin:0}#enable{border-color:var(--line);margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:15px;background:var(--bg);padding:12px;z-index:10}.skip:focus{top:12px}.noscript{text-align:center}.noscript a{text-decoration:underline}[hidden]{display:none!important}#exhibition:fullscreen{width:100vw;height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:12px 24px;overflow:hidden}#exhibition:fullscreen .art-heading{flex:none}#exhibition:fullscreen .video-and-controls{width:min(100%,calc((100dvh - 190px)*16/9));flex:none}#exhibition:fullscreen .hint-row a{display:none}
@media(min-width:1800px){.intro{padding-inline:80px}#journey{margin-inline:80px}.study{padding-inline:80px}}
@media(max-width:600px){.intro{padding:45px 5vw 30px}.intro h1{font-size:clamp(47px,11.7vw,64px);margin:29px 0 24px;letter-spacing:-.025em}.eyebrow{font-size:10px;letter-spacing:.13em}.intro-bottom{display:block}.roles{font-size:11px;line-height:1.9;max-width:330px}.location{font-size:11px}.explore{display:inline-block;margin-top:21px;font-size:10px}#journey{margin:0 4vw}#exhibition{top:16px;padding-top:0;padding-bottom:12px}.art-heading{gap:8px;padding:10px 0}.art-heading h2{font-size:10px;max-width:128px}.art-heading h2 span{display:block}.modes{gap:0}.modes button{font-size:10px;padding:8px}.video-and-controls{width:100%}.film-controls{gap:4px;align-items:start}.button-group{gap:0}.film-controls button{font-size:10px;padding:8px}.time{font-size:9px;padding-top:15px}#volume{width:50px}.hint-row{font-size:9px;align-items:start}.hint-row p{max-width:235px}.study{display:block;padding:40px 5vw 60px}.study .eyebrow{margin-bottom:25px}.study h2{font-size:37px}.description{font-size:16px;line-height:1.85}.research-link{font-size:14px}.reference{font-size:11px}footer{flex-direction:column;gap:8px;padding:23px 5vw;font-size:10px}.status{font-size:10px;padding:10px}#exhibition:fullscreen{padding:8px}.button-group #volumeGroup{flex-basis:auto}}
@media(max-height:500px){.video-and-controls{width:min(100%,calc((100svh - 180px)*16/9))}.art-heading{padding:4px 0}.art-heading button{min-height:40px}.hint-row{min-height:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}