:root{font-family:Hanken Grotesk,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--foreground: #09090b}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden}html{font-size:62.5%}body{font-size:1.6rem;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;color:var(--foreground)}#app{width:100%;height:100%;position:relative}canvas{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.header{position:fixed;top:0;left:0;width:100%;padding:32px;z-index:2;display:flex;justify-content:space-between}.logo{display:block}.logo svg{width:7.2rem}a,a:visited{color:var(--foreground)}h1{font-size:1.6rem;line-height:1}.footer{position:fixed;bottom:0;left:0;width:100%;z-index:2;padding:32px;display:flex;align-items:center;justify-content:space-between}.controls label{font-size:1.6rem;margin-right:.5em}.controls select{font-family:inherit;background:#09090b0a;border:1px solid rgba(9,9,11,.0901960784);padding:.35em .75em;font-size:1.6rem;cursor:pointer;color:var(--foreground)}.carousel{width:fit-content;position:fixed;left:0;top:50%;transform:translateY(-50%);display:flex}.carousel__slide{position:relative;width:26.0416666667vw;aspect-ratio:500/670;flex-shrink:0;overflow:hidden}@media screen and (max-width:992px){.carousel__slide{width:40.3225806452vw}}.carousel__figure{position:absolute;top:0;left:50%;transform:translate(-50%);width:calc(100% - 1.25vw);height:100%}@media screen and (max-width:992px){.carousel__figure{width:calc(100% - 2.4193548387vw)}}.carousel__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}