@font-face{font-family:Oswald;src:url('/assets/oswald-latin.woff2') format('woff2');font-style:normal;font-weight:200 700;font-display:swap}
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#fff;background:#101419}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
button{color:inherit;font:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:5px}
[hidden]{display:none!important}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.stage{position:relative;min-height:100svh;height:100dvh;overflow:hidden;isolation:isolate}
.film,.film-still,#film-player{position:absolute;inset:0;width:100%;height:100%}
.film{z-index:-1;pointer-events:none}
.film-still{object-fit:cover;object-position:center}
#film-player{opacity:0;transition:opacity 1s}
#film-player.playing{opacity:1}
#film-player iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.7778vh;min-height:100vh;transform:translate(-50%,-50%);border:0}
@supports(height:100dvh){#film-player iframe{min-height:100dvh;min-width:177.7778dvh}}
.icon-button{display:grid;place-items:center;width:46px;height:46px;padding:11px;border:0;background:rgba(0,0,0,.25);border-radius:0;transition:background .2s}
.icon-button:hover{background:rgba(0,0,0,.63)}
.icon-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}
.about-button{position:absolute;top:max(40px,env(safe-area-inset-top));right:max(40px,env(safe-area-inset-right))}
.motion-button{position:absolute;top:max(40px,env(safe-area-inset-top));left:max(40px,env(safe-area-inset-left));opacity:.8}
.motion-button .play-symbol{display:none}
.motion-button.paused .play-symbol{display:block}
.motion-button.paused .pause-symbol{display:none}
.presenter{position:absolute;bottom:calc(120px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 48px);max-width:760px;text-align:center;text-shadow:0 1px 8px #000;animation:reveal .6s both}
.presenter-label{display:block;text-transform:uppercase;font-size:12px;line-height:20px;margin-bottom:6px}
.presenter-names{margin:0;font-family:Oswald,Arial,sans-serif;font-weight:300;font-size:20px;line-height:1.45;letter-spacing:.7px}
.presenter-names span{display:inline-block}
.partners{position:absolute;bottom:0;left:0;width:100%;height:calc(84px + env(safe-area-inset-bottom));padding:0 24px env(safe-area-inset-bottom);display:flex;align-items:center;justify-content:center;gap:32px;background:rgba(0,0,0,.63);animation:reveal .6s both}
.partners>span{font-size:10px;line-height:16px;text-transform:uppercase;white-space:nowrap}
.partners a{display:grid;place-items:center;min-height:44px}
.partners img{display:block;object-fit:contain;height:auto}
.river-logo{width:120px}.area-logo{width:43px}.signs-logo{width:60px}
dialog{width:min(400px,calc(100% - 40px));max-height:calc(100dvh - 40px);margin:auto;padding:68px 28px 32px;border:0;color:#fff;background:rgba(0,0,0,.77);font-family:Oswald,Arial,sans-serif;font-weight:300;text-align:right;box-shadow:0 20px 100px rgba(0,0,0,.2)}
dialog::backdrop{background:rgba(0,0,0,.28)}
dialog p{font-size:20px;line-height:1.45;letter-spacing:1.1px;margin:0}
.close-button{position:absolute;top:8px;right:8px;background:transparent}
.project-links{display:flex;justify-content:flex-end;gap:22px;margin-top:30px;font-size:30px;font-weight:200;text-transform:uppercase}
.project-links a{border-bottom:1px solid transparent}
.project-links a:hover{border-color:currentColor}
@keyframes reveal{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){.presenter-label{font-size:10px}.presenter-names{font-size:18px}}
@media(max-width:600px){
 .about-button{top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right))}
 .motion-button{top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left))}
 .presenter{bottom:calc(80px + env(safe-area-inset-bottom))}
 .presenter-label{font-size:10px;line-height:16px}
 .presenter-names{font-size:16px;line-height:1.5;letter-spacing:.5px}
 .presenter-names span{display:block}
 .partners{height:calc(60px + env(safe-area-inset-bottom));gap:22px;padding-left:12px;padding-right:12px}
 .partners>span{font-size:8px;max-width:84px;white-space:normal}
 .river-logo{width:70px}.area-logo{width:26px}.signs-logo{width:45px}
 dialog{padding:64px 26px 30px}
}
@media(max-width:350px){.partners{gap:15px}.partners>span{font-size:7px}.river-logo{width:65px}}
@media(max-height:480px) and (orientation:landscape){.presenter{bottom:80px}.presenter-names{font-size:16px}.presenter-names span{display:inline-block}.partners{height:60px}.about-button,.motion-button{top:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.notfound{min-height:100svh;display:grid;place-content:center;gap:20px;text-align:center;padding:24px}
.notfound h1{margin:0;font-family:Oswald,Arial,sans-serif;font-weight:300;font-size:28px;letter-spacing:.7px}
.notfound a{text-transform:uppercase;font-size:12px;letter-spacing:1px;border-bottom:1px solid currentColor;justify-self:center}