@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes text-in{from{transform:translateY(5px);opacity:0}to{transform:translateY(0px);opacity:1}}@keyframes text-out{from{transform:translateY(0px);opacity:1}to{transform:translateY(5px);opacity:0}}@keyframes media-loaded{from{opacity:0}to{opacity:1}}@keyframes media-loading{from{opacity:1}50%{opacity:.8}to{opacity:1}}:root{--padding: 30px}body{margin:0;min-width:320px;font-family:"Arial",sans-serif;font-size:12px;color:#000;line-height:calc(20 / 12);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,ul{margin:0;padding:0}main{height:100vh;max-width:100%;display:flex}main footer,main .trigger-menu,main .projects{visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}main.loaded footer,main.loaded .trigger-menu,main.loaded .projects{visibility:visible;opacity:1}.left{flex:1 0;display:flex;flex-direction:column;max-width:100%}header{display:flex;flex:0 0 auto;justify-content:space-between}.logo-link{padding:30px var(--padding)}.logo{display:flex;position:relative;transition:opacity .2s,visibility .2s}.trigger-menu{padding:var(--padding);display:none}.trigger-menu-label{position:relative;text-align:center}.trigger-menu-label div{transition:visibility .2s,opacity .2s}.trigger-menu-hide{position:absolute;top:0;left:0;visibility:hidden;opacity:0}.menu{position:absolute;left:0;top:60px;box-sizing:border-box;padding-bottom:60px;bottom:0;width:100%;visibility:hidden;transition:visibility 0s .3s;display:flex;z-index:20;display:none}.menu-nav{display:inline-grid;grid-auto-flow:row;grid-row-gap:32px;margin:auto;text-align:center;transform:translateY(10px);visibility:hidden;opacity:0;transition:transform .3s,opacity .3s,visibility .3s}.menu-nav a,.menu-nav span{cursor:pointer;text-decoration:none;color:inherit}.menu-about{position:absolute;max-height:calc(100% - 20px);bottom:30px;overflow:auto;left:var(--padding);right:var(--padding);visibility:hidden;opacity:0;transform:translateY(10px);transition:transform .3s,opacity .3s,visibility .3s}.menu-about p:not(:last-child){margin-bottom:8px}.menu-about a{text-decoration:none;color:inherit;transition:opacity .2s}.menu-about a:hover{opacity:.5}.upper-spacer{flex:1 1 auto;max-height:calc(50vh - 80px)}.text{max-width:648px;padding:0 var(--padding);box-sizing:border-box;overflow:auto;flex:0 1 auto}.text.text-out{animation:text-out .2s 1 both}.text.text-in{animation:text-in .2s 1 both}.text a{text-decoration:none;color:inherit;transition:opacity .2s}.text a:hover{opacity:.5}.text-container p:not(:last-child){margin-bottom:8px}.text-title{text-transform:uppercase;letter-spacing:.8px}footer{flex:0 0 auto;display:flex;margin-top:auto;max-width:100%;overflow:auto}.footer-nav{padding:30px 30px 24px;display:grid;grid-auto-flow:column;grid-column-gap:30px}.footer-nav a,.footer-nav span{cursor:pointer;text-decoration:none;color:inherit;transition:opacity .2s}.footer-nav a:hover,.footer-nav span:hover{opacity:.5}.logo-icon{position:absolute;right:-8px;top:-3px;animation:rotate 2s linear infinite}.logo-icon img{display:block}.logo-icon.loaded{animation:none}.projects{flex:0 1 100vh;overflow:hidden;position:relative}.project{position:relative;color:inherit;text-decoration:none}.project.media-loading{animation:media-loading 1s linear infinite both}.project img,.project video{width:100%;height:100%;object-fit:cover;opacity:0;position:relative;z-index:1}.project img.media-loaded,.project video.media-loaded{animation:media-loaded .3s 1 both}.swiper-container{width:100%;height:100%}.swiper-pagination{right:var(--padding);top:23px;opacity:.5;width:auto;left:auto;bottom:auto;text-transform:uppercase;letter-spacing:.8px}.project-action{text-transform:uppercase;letter-spacing:.8px;font-weight:bold;text-align:center;padding:24px 0;position:absolute;z-index:2;bottom:0;left:0;width:100%;transform:translate3d(0, 0, 0)}.project-action:not(.status-in-stock) .in-stock{display:none}.project-action:not(.status-sold-out) .sold-out{display:none}.sold-out{opacity:.5}.trigger-info{position:absolute;z-index:2;left:0;top:0;padding:24px var(--padding);cursor:pointer;transition:opacity .2s}.trigger-info:hover{opacity:.5}@media(max-width: 428px){:root{--padding: 16px}.trigger-info{padding-top:var(--padding);padding-bottom:var(--padding)}.swiper-pagination{top:var(--padding)}.project-action{padding:var(--padding) 0}.logo-link{padding-top:22px;padding-bottom:22px}}@media(max-width: 1024px){.menu{display:flex}.trigger-menu{display:block}html{height:100%}body{height:100%}main{height:100%;position:relative;flex-direction:column}main.menu-open .logo{opacity:0;visibility:hidden}main.menu-open .trigger-menu-hide{opacity:1;visibility:visible}main.menu-open .trigger-menu-show{opacity:0;visibility:hidden}main.menu-open .projects:before{transform:translate3d(0, 100%, 0)}main.menu-open .menu{visibility:visible}main.menu-open:not(.menu-about-open) .menu-nav{transform:translateY(0);visibility:visible;opacity:1}main.menu-about-open .menu-about{visibility:visible;opacity:1;transform:translateY(0)}header{margin-bottom:-10px}.projects{flex-basis:100vw}.projects:before{content:"";position:absolute;bottom:100%;left:0;width:100%;height:100%;z-index:20;background:#fff;transition:transform .3s;transform:translate3d(0, 0, 0)}footer{display:none}.text{padding-bottom:32px;margin-top:auto}.upper-spacer{display:none}.footer-nav a:hover,.footer-nav span:hover{opacity:initial}.trigger-info:hover{opacity:initial}}