@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:300;src:url("../fonts/poppins-v22-latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:400;src:url("../fonts/poppins-v22-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:700;src:url("../fonts/poppins-v22-latin-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:900;src:url("../fonts/poppins-v22-latin-900.woff2") format("woff2")}:root{--gap-base: 7.40741vw;--border-radius: 6px;--color-background: #fff;--color-text: #333;--color-shadow: rgba(0, 0, 0, 0.25);--display-scale: 1;--grid-gap-v: calc(var(--gap-base) / 2);--grid-gap-h: calc(var(--gap-base) / 2);--grid-columns: 3;--item-width: calc( (100% - (var(--grid-gap-h) * (var(--grid-columns) - 1))) / var(--grid-columns) );--item-image-size: 100%;--item-overlay-size: calc(var(--item-image-size) / 2);--nav-width: 220px;--padding-v: var(--gap-base);--padding-h: calc(2 * var(--gap-base))}@keyframes hide-pages{0%{transform:translateY(0)}100%{transform:translateY(-105%)}}@keyframes show-pages{0%{transform:translateY(-105%)}100%{transform:translateY(0)}}@keyframes show-loader{from{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes hider-loader{from{display:block;opacity:1}99%{display:block;opacity:0}100%{display:none}}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{margin:0;font-family:"Poppins",sans-serif;background:#000}img,video{width:100%;height:auto}#wrapper{width:100vw;height:100vh;position:relative;overflow:hidden}#frame,#video-viewer,#loader{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden}#display,#model{position:absolute;top:50%;left:50%;width:1260px;height:2240px;transform:translate(-50%, -50%) scale(var(--display-scale))}#model-viewer{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;display:none}#model-viewer .sketchfab-embed-wrapper{position:absolute;top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%, -50%)}#model-viewer.show{display:initial}#video-viewer{display:none}#loader{background:rgba(0,0,0,.75)}#loader .spinner{transform:translate(-50%, -500%) scale(1.5)}#loader.show{animation:show-loader .3s ease forwards}#loader.hide{animation:hider-loader .3s ease forwards}#page-list{position:absolute;top:0;left:0;width:100vw;height:100vh;padding:0;background:var(--color-background);background-size:cover;box-shadow:var(--color-text) 0 10px 50px}#page-list.hide{animation:hide-pages .5s ease-in-out forwards}#page-list.show{animation:show-pages .5s ease-in-out forwards}#page-list__header{position:relative;width:100vw;height:56.25vw}#page-list__banner{padding:0 var(--padding-v)}#page-list__footer{position:absolute;width:100%;height:fit-content;left:0;bottom:5vw;text-align:center}#page-list__footer img{width:28.88889%}#headline{position:absolute;top:50%;left:50%;transform:translate(-50%, -25%);font-size:5rem;font-weight:900;line-height:1;text-align:center;text-transform:uppercase;color:#fff;filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5))}.pages{display:flex;flex-direction:row;flex-wrap:wrap;margin:0;padding:var(--padding-v) var(--padding-v);padding-bottom:5vw;list-style:none;gap:var(--grid-gap-v) var(--grid-gap-h)}.pages__item{position:relative;width:var(--item-width);padding:0;background-color:var(--color-background);border-radius:var(--border-radius);text-align:center;cursor:pointer}.pages__item-image{width:var(--item-image-size);height:var(--item-image-size);box-shadow:var(--color-shadow) 1px 1px 5px;border-radius:var(--border-radius);background-color:#999;border-radius:10%;overflow:hidden}.pages__item-overlay{position:absolute;top:calc(var(--item-image-size)/2);left:calc(var(--item-image-size)/2);width:calc(var(--item-image-size)/2);height:calc(var(--item-image-size)/2);transform:translate(-50%, -50%);background:#000;border:#fff thin solid;border-radius:50%;opacity:0}.pages__item-label{font-size:2rem;font-weight:700;text-transform:uppercase;margin:.5rem 0}.pages__item img{filter:blur(0) grayscale(0)}.load img{filter:blur(5px) grayscale(0.75)}.load .pages__item-overlay{opacity:1;transition:opacity .3s cubic-bezier(0.6, 0, 0.25, 1.25)}@keyframes spinner-1{0%{transform:translate(-50%, -50%) rotate(0deg);height:3rem}50%{height:4.5rem}100%{transform:translate(-50%, -50%) rotate(360deg);height:3rem}}@keyframes spinner-2{0%{top:0}100%{top:2rem}}.spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -125%);width:1rem;height:1rem;background:#fff}.spinner::before,.spinner::after{content:" ";display:block;width:1rem;height:1rem;position:absolute;background:#fff}.spinner::before{top:2rem}.spinner::after{top:0;animation:spinner-2 1s cubic-bezier(1, 0, 0.7, 1) infinite}#navigation{position:absolute;top:10vh;left:0;transition:left .3s cubic-bezier(0.6, 0, 0.25, 1.25)}#navigation.show{left:-20px}#navigation.show #burger-icon{transform:translateX(-100%);opacity:0}#navigation.show .nav{transform:translateX(0)}#burger-icon{position:absolute;left:0;top:0;padding:1rem;padding-right:1.3rem;padding-left:1.3rem;border-radius:0 var(--border-radius) var(--border-radius) 0;background-color:rgba(255,255,255,.75);backdrop-filter:blur(5px);box-shadow:var(--color-shadow) 2px 2px 8px;cursor:pointer;transform:translateX(0);opacity:1;transition:transform .5s cubic-bezier(0.6, 0, 0.25, 1.25),opacity .5s cubic-bezier(0.6, 0, 0.25, 1.25)}#burger-icon::before,#burger-icon::after{content:" ";display:block;width:.5rem;height:.5rem;background-color:#000}#burger-icon::before{margin-bottom:.3rem}.nav{position:absolute;top:0;left:0;width:var(--nav-width);padding:0 0 1rem 20px;margin:0;list-style:none;border-radius:0 var(--border-radius) var(--border-radius) 0;background-color:rgba(255,255,255,.75);backdrop-filter:blur(5px);box-shadow:var(--color-shadow) 2px 2px 8px;transform:translateX(-103%);transition:transform .5s cubic-bezier(0.6, 0, 0.25, 1.25)}.nav__item{padding:1rem 2rem;cursor:pointer;background:rgba(255,255,255,0);transition:background .5s ease}.nav__item:hover{background:rgba(255,255,255,.5)}.nav__item.close{position:relative;width:100%;height:3rem}.nav__item.close::before,.nav__item.close::after{content:" ";display:block;position:absolute;top:1.5rem;width:.2rem;height:.6rem;background-color:#333}.nav__item.close::before{transform:rotate(45deg)}.nav__item.close::after{transform:translateY(5px) rotate(-45deg)}/*# sourceMappingURL=style.min.css.map */