:root{--bg-color: #F9F5EB;--dark-color: #7A6E4E}@font-face{font-family:Clash Display;src:url(../fonts/ClashDisplay-Variable.woff2) format("woff2");font-weight:200 700}*{margin:0;padding:0}html,body{background-color:var(--bg-color);overflow:hidden}video{display:none;position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0);height:70vh}.webgl{position:fixed;top:0;left:0;outline:none}.logo{position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:8vw;height:8vw}.logo img{position:absolute;opacity:0}.indicator-container{display:flex;align-items:center;justify-content:center;width:100dvw;height:100dvh}.indicator{display:none;height:70vh;width:calc(70vh * 16 / 9);transform:scale(2.5);padding:.5rem;border:1px solid var(--dark-color)}.arrows{display:flex;flex-direction:row;justify-content:space-between;position:fixed;top:50%;transform:translateY(-50%);width:100%;height:auto;box-sizing:border-box;color:var(--dark-color)}.arrows .arrow-container{display:flex;justify-content:center;width:calc((100vw - 70vh * 16 / 9 - 1rem) / 2)}.arrows .arrow-container .arrow{height:3rem;width:auto;cursor:pointer;transform:scale(0)}.arrows .arrow-container .arrow svg{width:auto;height:100%;fill:none;stroke:var(--dark-color);stroke-width:.125rem;transition:all .5s}.arrows .arrow-container .arrow svg:hover{stroke-width:.5rem}.buttons div{position:absolute;left:50%;transform:translate(-50%);height:calc(50dvh - 39.375vw);width:100vw;padding:.5rem}.buttons .prev{top:0}.buttons .next{bottom:0}.links{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;position:fixed;bottom:0;left:50%;transform:translate(-50%);height:calc(15vh - .5rem);list-style:none}.links li{transform:scale(0)}.links li a{font-family:Clash Display;color:var(--dark-color);text-decoration:none;transition:all .5s}.links li a:hover{font-weight:600}.mobile-landscape{display:none;justify-content:center;align-items:center;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:100;font-family:Clash Display;font-size:1.5rem;font-weight:500;color:var(--dark-color);background-color:var(--bg-color)}@media screen and (max-width: 400px){.logo{width:8vh;height:8vh}.indicator-container{width:100dvw;height:100dvh}.indicator{height:39.375vw;width:70vw}}