#asset-viewer{position:fixed;overflow:hidden;width:100%;height:100dvh;opacity:0;visibility:hidden;z-index:1}body.app #asset-viewer{opacity:1;visibility:inherit}#app{position:absolute;overflow:hidden;width:100%;height:100dvh;top:0;left:0;z-index:1;opacity:0}body.app:not(.preload) #app{opacity:1;transition:opacity .6s linear .7s}#container{position:absolute;top:0;left:0;z-index:1;will-change:transform}*{-webkit-tap-highlight-color:transparent}.round-btn{position:relative;width:48px;height:48px;border-radius:48px;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;border:1px solid rgb(201,201,201)}.round-btn svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#toggle-container,#mute-toggle-button,#gallery-button{z-index:100}#mute-toggle-button{position:absolute;right:16px;bottom:16px;visibility:hidden;opacity:0;transition:opacity .3s linear 0s,visibility 0s linear .3s;color:#000;background:#fff;border:none}body.zoomed #mute-toggle-button{opacity:1;visibility:inherit;transition-delay:.2s}#mute-toggle-button #volume-off-icon{display:none}#mute-toggle-button.muted #volume-off-icon{display:block}#mute-toggle-button.muted #volume-up-icon{display:none}#gallery-grid-button{position:absolute;background:none;color:#000;right:auto;left:16px;bottom:16px;border-color:#000;border-width:.75px}#gallery-grid-button:after{content:" ";width:30px;height:.5px;background-color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) scaleX(0);transition:transform .2s ease-out}body.grid #gallery-grid-button:after{transform:translate(-50%,-50%) rotate(45deg) scaleX(1)}body.viewer #gallery-grid-button{visibility:hidden}#gallery-button{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:12px;visibility:hidden;opacity:0;transition:opacity .1s linear 0s,visibility 0s linear .1s,background-color .2s linear}body.app #gallery-button{visibility:inherit;opacity:1;transition:opacity .1s linear 0s,visibility 0s linear 0s,background-color .2s linear}#toggle-container{position:absolute;bottom:16px;right:78px;display:flex;align-items:center;gap:12px;height:48px;padding:0 28px;border-radius:48px;background:#fff;border:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}body.no-realistic #toggle-container{display:none}body.zoomed #toggle-container{opacity:1;visibility:inherit;transition-delay:.2s}#toggle-label{position:absolute;top:6px;left:50%;text-align:center;border-radius:24px;text-transform:uppercase;font-size:9px;color:#0000004d;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;transition:opacity .3s linear .1s;opacity:1;transform:translate(-50%);width:90%}body.preload #toggle-label{opacity:0;transition:opacity .3s linear}#toggle-label svg{display:none;transform:rotate(-90deg);width:12px;height:12px;position:relative;top:2px;fill:#000}.toggle-label,.toggle-switch{margin-top:14px}.toggle-label{color:#000;font-size:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;text-transform:uppercase;letter-spacing:.5px;font-weight:500;opacity:.8;-webkit-user-select:none;user-select:none}body.no-touch .toggle-label{cursor:pointer}body.no-touch .toggle-label:hover,.toggle-label.selected{text-decoration:underline}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-switch .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#0003;transition:.2s;border-radius:20px;border:none}.toggle-switch .toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#000;transition:.2s;border-radius:50%}#asset-info{position:absolute;background:transparent;border:none;bottom:16px;left:5%;width:90%;text-align:center;color:#e6dfcb;font-size:21px;font-family:"Instrument Serif",serif;transition:opacity .3s,color .2s linear;mix-blend-mode:difference;pointer-events:none;cursor:pointer;text-decoration-color:#fff}body.no-touch #asset-info:hover{color:#fff;text-decoration:underline}#asset-info>span{pointer-events:all;position:relative}#asset-info svg{position:relative;height:18px;width:18px;top:3px}body.zoomed #asset-info{opacity:0;pointer-events:none;transition:opacity .2s linear .5s,color .2s linear}#asset-link-label{display:none}#audio-subtitle{position:fixed;bottom:20px;text-align:center;left:20px;width:calc(100% - 120px);font-size:21px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;z-index:98;text-shadow:0px 0px 15px rgb(0,0,0),-2px 0px 0px rgba(0,0,0,.3),0px -2px 0px rgba(0,0,0,.3),2px 0px 0px rgba(0,0,0,.3),0px 2px 0px rgba(0,0,0,.3);color:#fff;opacity:0;pointer-events:none;transition:opacity .4s linear}body.zoomed #audio-subtitle{opacity:1;transition-delay:.5s}.back-button{position:fixed;top:16px;left:16px;width:48px;height:48px;border-radius:48px;background:#ffffff8a;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#202124;border:none;transition:background-color .2s linear}.back-button:hover{background:#fff}#about-button,#about-close{z-index:900}#about-button.back-button{right:80px;left:auto;width:auto;padding:0 30px;transition:opacity .1s linear 0s,visibility 0s linear 0s,background-color .2s linear}#about-button.back-button span{font-size:16px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body.app #about-button.back-button{opacity:0;visibility:hidden;transition:opacity .1s linear,visibility 0s linear .1s,background-color .2s linear}body.smlg .back-button{width:40px;height:40px;top:18px;left:18px}body.smlg #about-button.back-button{right:79px;left:auto}@media screen and (max-width: 1290px){#audio-subtitle{left:0;width:calc(100% - 320px)}}@media screen and (max-width: 960px){#audio-subtitle{left:78px;width:calc(100% - 92px);bottom:auto;top:16px;font-size:16px}}@media screen and (max-width: 410px){#about-button.back-button{padding:0 18px}}#video-wrapper{position:absolute;top:0;left:0;width:100%;height:100dvh;pointer-events:none;visibility:hidden;z-index:10;transform-origin:top left}#video-wrapper.ready{visibility:visible}#video-wrapper button{position:absolute;top:0;left:0;border:none;background:transparent;pointer-events:none}#video-wrapper video{position:absolute;top:0;left:0;object-fit:cover;cursor:pointer;will-change:transform;transform-origin:top left;opacity:.001}body.app #video-wrapper video{pointer-events:auto}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}#gallery{position:absolute;top:0;left:0;width:100dvw;height:100dvh;overflow:hidden;z-index:0;transition:filter 0s linear,opacity 0s linear}body.app #gallery{pointer-events:none;filter:blur(2px);opacity:.25;transition:filter .6s linear,opacity .6s linear}body.app #gallery .gallery-header{opacity:0;visibility:hidden;transition:opacity .4s linear,visibility 0s linear .4s}.gallery-header{width:calc(100% - 150px);text-align:left;font-family:"Instrument Serif",serif;position:absolute;top:3px;left:14px}.gallery-header .title{font-size:50px}.gallery-header .subtitle{font-size:18px}.gallery-partner-logo{margin-top:14px;width:160px;object-fit:contain}body:not(.grid) #gallery-header{position:fixed;transform:translateZ(0)}#gallery-items-label{opacity:1;transition:opacity .3s linear .7s}body.tutorial #gallery-items-label{opacity:0}#gac{position:absolute;right:16px;bottom:16px;pointer-events:none}#experiment-by-label{position:relative;display:inline;font-size:13px;line-height:25px;vertical-align:middle}#credits-gac-logo{position:relative;display:inline;width:auto;height:25px;vertical-align:middle}#gallery-items{position:fixed;top:0;left:0;width:100dvw;height:100dvh;perspective-origin:center center;perspective:800px}body.grid #gallery-items{position:absolute}.gallery-item{position:absolute;top:50%;left:50%;cursor:pointer;box-sizing:border-box;transform-origin:center;backface-visibility:visible;background-color:#000;overflow:visible}body.no-touch .gallery-item:hover .gallery-item-info div span,.gallery-item:focus .gallery-item-info div span{color:#fff}body.no-touch .gallery-item:hover .gallery-item-info:before,.gallery-item:focus .gallery-item-info:before{transform:scale(1);opacity:.9;transition:opacity .2s linear,transform .2s cubic-bezier(.075,.82,.165,1)}.gallery-item .img-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.7;background:#d0c7af}.gallery-item .gallery-item-info{position:absolute;top:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 66px);background-color:#fff;border-radius:7px;transition:opacity .4s linear .2s}.gallery-item .gallery-item-info:before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;content:" ";opacity:0;display:block;border-radius:7px;transform:scale(.95,.6);transition:opacity .2s linear,transform .2s cubic-bezier(.785,.135,.15,.86)}body.viewer .gallery-item .gallery-item-info{opacity:0;transition:opacity .2s}.gallery-item .gallery-item-info div{position:absolute;width:calc(100% - 20px);left:10px;bottom:15px;text-align:center}.gallery-item .gallery-item-info div span{display:block;width:100%;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#000;transition:color .2s linear}.gallery-item .gallery-item-info div span.gallery-item-title{font-family:"Instrument Serif",serif;font-size:14px}.gallery-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:block;opacity:0}.gallery-item.selected .gallery-item-info{background-color:#000;color:#fff}.gallery-item.loaded{background-color:#0000;transition:background-color .1s linear .15s}.gallery-item.loaded img{opacity:1;transition:opacity .15s linear}.gallery-item.loaded .img-placeholder{opacity:0;transition:opacity .15s linear .15s}#gallery-scroller{position:absolute;top:0;left:0;width:100dvw;height:100dvh;overflow-y:auto}#gallery-scroller:before{content:" ";position:absolute;top:0;left:0;width:1px;height:400dvh;display:block}body.grid #gallery-scroller:before{height:0px}#gallery-background,#gallery-video-background,#gallery-video-background-overlay-shadow,#gallery-video-background-overlay{position:absolute;top:0;left:0;width:100dvw;height:100dvh;background-color:#e6dfcb;z-index:-1;overflow:hidden}#gallery-video-background{pointer-events:none}#gallery-video-background video{display:block;position:absolute;top:0;left:0;width:100dvw;height:100dvh;opacity:0;object-fit:cover;pointer-events:none}#gallery-video-background-overlay{opacity:.7}#gallery-video-background-overlay-shadow{background:radial-gradient(circle,#000,#0000 90%);opacity:.75}#gallery-background{transition:opacity .7s linear}body.viewer #gallery-background,body.grid #gallery-background{opacity:0}@media screen and (max-width: 770px){.gallery-header{width:calc(100dvw - 140px)}.gallery-header .title{font-size:32px}.gallery-header .subtitle{font-size:.75em}.gallery-header .gallery-partner-logo{margin-top:8px;width:auto;height:36px}#about .gallery-header{left:0;width:100dvw}}@media screen and (max-width: 460px){#experiment-by-label{font-size:11px;line-height:22px}#credits-gac-logo{height:22px}}@media screen and (max-width: 380px){.gallery-header .title{font-size:7.5dvw}.gallery-header .subtitle{font-size:3dvw}.gallery-header .gallery-partner-logo{max-width:calc(100dvw - 230px);height:auto}#experiment-by-label{font-size:10px;line-height:18px}#credits-gac-logo{height:18px}}#tutorial-overlay{position:fixed;display:flex;align-items:center;justify-content:center;top:130px;left:0;z-index:200;width:100%;height:calc(100dvh - 130px);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .1s linear,visibility 0s linear .1s;cursor:pointer}#tutorial-overlay>div{max-width:calc(100dvw - 40px);max-height:calc(100dvh - 100px)}#tutorial-overlay video{width:100%;height:100%;object-fit:contain}#tutorial-overlay #tutorial-ok-button{display:none;margin-top:30px;padding:12px 20px;background-color:#fff;color:#000;border:2px solid black;border-radius:5px;font-size:20px;cursor:pointer;transition:all .3s ease}#tutorial-overlay #tutorial-ok-button:hover{background-color:#000;color:#fff;transform:scale(1.05)}#tutorial-overlay #tutorial-ok-button.shown{opacity:1;visibility:inherit}body.tutorial #tutorial-overlay{transition:opacity .2s linear;opacity:1;visibility:inherit}#tutorial-overlay h3{margin-bottom:18px;font-size:15px}#tutorial-play-button{position:absolute;top:50%;left:50%;display:none;transform:translate(-50%,-50%)}#tutorial-video{position:relative;background-color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;width:500px;height:400px;border-radius:20px;overflow:hidden;max-width:100%;max-height:calc(100dvh - 200px)}#dezoom-area{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;pointer-events:none;background-color:transparent;border:none}body.zoomed #dezoom-area{pointer-events:all;cursor:zoom-out}#asset-preloader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:101;visibility:hidden;opacity:0;transition:opacity .6s linear,visibility 0s linear .6s}body.preload #asset-preloader{opacity:1;visibility:inherit;transition:none}#asset-preloader>div{position:absolute;top:50%;left:50%;margin:-10px;width:30px;aspect-ratio:1;display:grid;border:4px solid rgba(0,0,0,0);border-radius:50%;border-right-color:#fff;filter:blur(4px);animation:l15 1s infinite linear}#asset-preloader>div:before,#asset-preloader>div:after{content:"";grid-area:1/1;margin:2px;border:inherit;border-radius:50%;animation:l15 2s infinite}#asset-preloader>div:after{margin:8px;animation-duration:3s}@keyframes l15{to{transform:rotate(1turn)}}#video-loader{position:fixed;bottom:78px;right:14px;background:#000000e6;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:9999;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.1)}#video-loader.active{opacity:1;transform:translateY(0)}#video-loader .loader-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}#video-loader .loader-text{color:#c9c9c9;font-size:13px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}@keyframes spin{to{transform:rotate(360deg)}}#baseImage{position:absolute;top:0;left:0;filter:brightness(1);transition:filter .7s linear}body.zoomed #baseImage{opacity:0;transition:opacity .3s linear .6s}body:not(.zoomed) #baseImage.darken{filter:brightness(.5)}#spotlight-canvas{position:absolute;left:0;top:0;pointer-events:all;width:100%;height:100%;cursor:pointer;z-index:1000;transition:opacity .15s linear .5s}body.zoomed #spotlight-canvas{opacity:0;transition:opacity .15s linear}#about{position:absolute;top:0;left:0;width:100dvw;height:100dvh;max-width:100dvw;max-height:100dvh;background-color:#d0c7af;z-index:901;color:#fff;font-size:22px;border:none;padding:0;text-align:center;overflow:auto;visibility:hidden;opacity:0;transition:opacity .1s linear 0s,visibility 0s linear .1s}#about.shown{visibility:inherit;opacity:1;transition:opacity .1s linear 0s,visibility 0s linear 0s}#about .gallery-header{position:relative;top:30px;left:90px;max-width:calc(100% - 100px);color:#34322d}#about .gallery-header .title{font-size:120px;overflow:hidden}#about .gallery-header .subtitle{margin-top:-20px;overflow:hidden}#about-content{width:100%;display:inline-block;text-align:left}#about-content p{margin:40px 100px;text-align:left;font-size:1.5rem;line-height:2rem;max-width:840px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#34322d}#about-content p a{color:inherit}#about-content p.quoting{font-style:italic;margin-top:0;margin-bottom:0;padding-left:40px;padding-top:0;padding-bottom:30px;border-left:1px solid #34322d}#about-content p.quoting.last-quote{padding-bottom:0}#about-content p.signing{padding-top:10px;margin-top:0;text-align:right}#youtube-video{width:calc(100% - 180px);max-width:840px;margin-top:90px;margin-left:90px;margin-bottom:0}#youtube-video iframe,#youtube-video video{width:100%;height:auto;aspect-ratio:16/9;border-radius:15px;overflow:hidden}#about-top-paragraphs{margin-top:70px}#about-down-paragraphs{display:inline-block}#about-footer-paragraphs{margin-bottom:100px}#about-footer-paragraphs p{background-color:#e6dfcb;padding:15px 20px;border-radius:7px}#about-down-paragraphs-title,#about-top-paragraphs-title{font-weight:700}#about-down-paragraphs-title:empty,#about-top-paragraphs-title:empty{display:none}@media screen and (max-width: 970px){#about .gallery-header{top:70px;left:60px;max-width:calc(100% - 70px)}#about .gallery-header .title{font-size:12vw}#about .gallery-header .subtitle{margin-top:0}#about-top-paragraphs{margin-top:50px}#partner-images-wrapper{margin-top:120px}#about-content p{margin:20px 60px;font-size:1rem;line-height:1.5rem}#youtube-video{width:calc(100% - 120px);margin-top:90px;margin-left:60px;margin-bottom:0}}#error-panel{position:absolute;bottom:30px;left:50%;width:calc(100% - 60px);max-width:680px;min-height:108px;transform:translate(-50%);padding:30px;background-color:#fff;z-index:99999;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;visibility:hidden;opacity:0;transition:opacity .2s linear,visibility 0s linear .2s}#error-panel.shown{visibility:inherit;opacity:1;transition:opacity .3s linear,visibility 0s linear 0s}#error-panel p{margin-right:78px}#error-panel button{position:absolute;top:30px;right:30px;border-radius:24px;height:48px;line-height:48px;color:#fff;background-color:#000;padding:0 15px;border:none;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;width:100%;height:100dvh;background:#e6dfcb;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color 1s linear}body.viewer{background:#000}.title-container{text-align:center}.subtitle{font-size:32px;margin-bottom:0;font-weight:400;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.author{font-size:26px;margin-bottom:15px;font-weight:400}.narrator{font-size:26px;font-style:italic;color:#666;margin-bottom:40px}.logos-container{position:relative;display:flex;align-items:center;gap:20px}.logo-separator{width:1px;height:90px;background-color:#000}.esperluette,.museum-logo{height:80px;width:auto;object-fit:contain}.headline{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:26px;margin-bottom:100px}.headline .logo{height:30px;width:auto;object-fit:contain;margin-bottom:-4px;margin-right:10px}#app .headline{position:absolute;z-index:99999;top:20px;left:50%;transform:translate(-50%)}#app .headline img{filter:brightness(0) invert(1);opacity:0;transition:opacity 1s}#app .headline img.visible{opacity:1}#app .logos-container{position:absolute;z-index:99999;bottom:10px;left:50%;transform:translate(-50%);color:#fff;opacity:0;transition:opacity 1s}#app .logos-container.visible{opacity:1}#app .logos-container .logo-separator{width:1px;height:50px;background-color:#fff}#app .logos-container img{filter:brightness(0) invert(1)}#app .logos-container img.esperluette,#app .logos-container img.museum-logo{height:40px;width:auto;object-fit:contain}