*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:#0000!important}a,button,.text-box{backface-visibility:hidden;transform:translateZ(0);-webkit-tap-highlight-color:#0000!important}:root{--image-max-height:100dvh;--body-gap:0px}::selection{color:inherit;background:0 0}a::selection{color:#fff;background-color:#00aeff}p::selection{color:#fff;background-color:#00aeff}.text-box::selection{color:#fff;background-color:#00aeff}a,p,button,.text-box{color:#000;font-family:Arial,sans-serif;font-size:12px;font-weight:400;line-height:13px;text-decoration:none}@media (hover:hover) and (pointer:fine){.button:hover,.info a:hover,.project-info a:hover{color:#fff;background:linear-gradient(#b4ebff,#6892f2) padding-box padding-box,linear-gradient(#76777a,#dcdcea) border-box;border:2px solid #0000;border-radius:16px}.description a:hover{color:#00aeff}body.disable-hover{pointer-events:none}}body{text-align:center;text-transform:lowercase;background:#fff;width:100%;height:100dvh;margin:0;line-height:13px;overflow:hidden}.scroll-container{-webkit-overflow-scrolling:touch;width:100%;height:100dvh;padding-top:var(--body-gap);padding-bottom:var(--body-gap);position:relative;overflow-y:auto}.name{z-index:10;justify-content:center;display:flex;position:sticky;top:0;left:0;right:0}.name button{color:#fff;cursor:pointer;background:linear-gradient(#5fd4ff,#022882) padding-box padding-box,linear-gradient(#76777a,#dcdcea) border-box;border:2px solid #0000;border-radius:16px;margin:0;padding:2px 6px}.info{z-index:10;flex-direction:column;align-items:center;gap:0;display:flex;position:sticky;top:21px}.info a{color:#fff;background:linear-gradient(#5fd4ff,#022882) padding-box padding-box,linear-gradient(#76777a,#dcdcea) border-box;border:2px solid #0000;border-radius:16px;padding:2px 6px}.description{z-index:1;width:fit-content;margin:20px auto 25dvh;position:relative}section{position:relative}.project-info{z-index:4;flex-wrap:wrap-reverse;justify-content:center;align-items:center;width:fit-content;height:0;margin-left:auto;margin-right:auto;padding:0 40px;transition:top .2s;display:flex;position:sticky;top:calc(100dvh - 100px);overflow:visible;transform:translateY(-12px);gap:0!important}body:has(.zoom-dial:hover) .project-info{transition:top .2s;top:calc(100dvh - 200px)}.project-info .text-box{text-align:center;-webkit-backdrop-filter:blur(12px);cursor:pointer;background-color:#ffffffd8;border:1px solid #505055;border-radius:0;justify-content:center;align-items:center;width:fit-content;padding:2px;line-height:12px;display:inline-block}.project-info a{white-space:nowrap;background:linear-gradient(#fcfeff,#b6ebff) padding-box padding-box,linear-gradient(#76777a,#e5e5ff) border-box;border:2px solid #0000;border-radius:16px;margin-right:0;padding:2px 6px;line-height:12px;display:inline-block}.image-container{width:100%;max-height:var(--image-max-height);justify-content:center;align-items:center;margin:0;display:flex;overflow:hidden}.image-container img,.image-container video{width:auto;max-width:130%;height:auto;max-height:var(--image-max-height);object-fit:contain;object-position:center;cursor:pointer;margin:0;padding:0;display:block;transform:scale(1.03)}.media-placeholder{width:100%;height:var(--image-max-height);image-rendering:pixelated;background-position:50%;background-size:cover}footer{z-index:1;background-color:#0000;flex-direction:column;align-items:center;height:35dvh;padding-top:32px;padding-bottom:0;display:flex;position:relative}footer p{padding-top:20px}footer button{color:#fff;cursor:pointer;background:linear-gradient(#5fd4ff,#022882) padding-box padding-box,linear-gradient(#76777a,#dcdcea) border-box;border:2px solid #0000;border-radius:16px;padding:2px 6px;transform:translateY(-32px)}@media (pointer:coarse),(width<=767px){:root{--image-max-height:100dvh!important;--body-gap:0px!important}html,body{overscroll-behavior-y:none;height:auto;overflow:visible}.scroll-container{height:auto;overflow-y:visible}.project-info{transition:none;top:calc(100dvh - 40px)}.name{top:max(6px, env(safe-area-inset-top))}.info{top:max(27px, calc(env(safe-area-inset-top) + 21px))}footer button{margin-top:6px}.image-container img,.image-container video{max-width:100vw}}@media (prefers-color-scheme:dark){body{background:#000}.description p,.description a,footer p{color:#fff}.project-info .text-box{color:#fff;background-color:#505055;border:1px solid #fff}.name button,.info a,footer button{color:#000;background:linear-gradient(#fcfeff,#b6ebff) padding-box padding-box,linear-gradient(#76777a,#e5e5ff) border-box}.project-info a{color:#fff;background:linear-gradient(#5fd4ff,#022882) padding-box padding-box,linear-gradient(#76777a,#dcdcea) border-box}}.zoom-range-input{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.zoom-dial{z-index:30;-webkit-backdrop-filter:blur(10px);touch-action:none;cursor:none;background:radial-gradient(#022882,#5fd4ff,#5fd4ff,#022882,#022882) padding-box padding-box,linear-gradient(#c4c6ca,#e9e9f6) border-box;border:3px solid #0000;border-radius:50%;outline:none;width:min(105vmin,500px);height:min(105vmin,500px);transition:transform .22s;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%,85%)}@media (hover:hover) and (pointer:fine){.zoom-dial:hover,.zoom-dial:focus-visible,.zoom-dial:active{transform:translate(-50%,65%)}}.dial-svg{transform-box:fill-box;transform-origin:50%;will-change:transform;width:100%;height:100%;display:block}.tick{stroke:#f5f5f5;stroke-linecap:square}.tick.major{stroke-width:.8px}.tick.minor{stroke-width:.3px}#tickGroup{will-change:transform;transform-box:fill-box;transform-origin:50%;shape-rendering:geometricprecision}.dial-label{fill:#fff;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400}@media (pointer:coarse),(width<=767px){.zoom-dial,.cursor-zoom{display:none!important}}.cursor-cue{pointer-events:none;mix-blend-mode:difference;z-index:9999;background-repeat:no-repeat;background-size:contain;width:150px;height:40px;display:none;position:fixed;transform:translate(-50%,-50%)}.cursor-cue.on{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='40' style='mix-blend-mode:difference;'%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='12' fill='white' style='font-family:Helvetica, Arial, sans-serif;font-weight:400;'%3Eaudio on%3C/text%3E%3C/svg%3E");display:block}.cursor-cue.off{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='40' style='mix-blend-mode:difference;'%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='12' fill='white' style='font-family:Helvetica, Arial, sans-serif;font-weight:400;'%3Eaudio off%3C/text%3E%3C/svg%3E");display:block}.cursor-zoom{pointer-events:none;mix-blend-mode:difference;z-index:9999;background-repeat:no-repeat;background-size:contain;width:150px;height:40px;display:none;position:fixed;transform:translate(-50%,-50%)}.cursor-zoom.on{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='40' style='mix-blend-mode:difference;'%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='12' fill='white' style='font-family:Helvetica, Arial, sans-serif;font-weight:400;'%3Escroll to zoom%3C/text%3E%3C/svg%3E");display:block}@media (hover:none){.zoom-dial:hover,video:hover{cursor:auto}}video.touch-hover{cursor:none}