:root{--main-color:#212121;--col-list:280px;--col-thumbs:6.7rem;--gap:0px;--main-font:"Normal-GroteskNormal", sans-serif;--main-font-size:10px}
@font-face{font-family:Normal-GroteskNormal;src:url(../media/Normal-GroteskNormal.0ywb-itaep-0p.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-size:10px}body{color:var(--main-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f7f7f7;font-family:Normal-GroteskNormal,sans-serif}.layout{grid-template-columns:var(--col-thumbs) var(--col-list) 1fr;width:100vw;height:100dvh;padding:0 3rem;transition:grid-template-columns .4s;display:grid;overflow:hidden}.layout.project-open{grid-template-columns:calc(3.7rem + 3rem) var(--col-list) 1fr}.layout.video-behind{z-index:20;pointer-events:none;position:relative}.layout.video-behind>*{pointer-events:none}.layout.video-behind .col-thumbs,.layout.video-behind .col-list{pointer-events:auto}.col-list{scrollbar-width:none;overflow-y:auto}.col-list::-webkit-scrollbar{display:none}.col-thumbs{scrollbar-width:none;transition:width .3s,opacity .3s;overflow-y:auto}.col-thumbs::-webkit-scrollbar{display:none}.col-carousel{overflow:hidden}.layout-video{width:100vw;height:100dvh;padding:0 3rem;display:block;overflow:hidden}.col-videogrid{scrollbar-width:none;overflow-y:auto}.col-videogrid::-webkit-scrollbar{display:none}@media (max-width:767px){.layout{grid-template-columns:0 0 1fr;padding:0}.col-thumbs{display:none!important}.col-list{z-index:200!important;mix-blend-mode:difference!important;background:0 0!important;justify-content:left!important;align-items:center!important;width:100%!important;height:100%!important;padding:170px 30px 80px!important;display:none!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.col-list.mobile-open{display:flex!important}.col-list.mobile-open ul{padding-top:0;padding-bottom:0}.mobile-open-list-btn{display:flex!important}.layout.project-open .col-list{visibility:hidden!important;display:flex!important}.hover-preview-img{display:none!important}}.contact-btn{-webkit-backdrop-filter:blur(3px)brightness(.9)hue-rotate(120deg);cursor:pointer;font-size:var(--main-font-size);letter-spacing:.05em;text-transform:uppercase;color:#fff;white-space:nowrap;background:#1f34474d;border:none;border-radius:1px;padding:6px 12px;font-family:inherit;transition:-webkit-backdrop-filter .4s,backdrop-filter .4s;position:fixed;bottom:30px;right:24px;overflow:hidden}.contact-btn:hover{-webkit-backdrop-filter:blur(3px)brightness(.6)hue-rotate(120deg)contrast(1.2)}