@font-face{font-family:vwkk;src:url('/assets/fonts/ubuntu-mono-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:vwkk;src:url('/assets/fonts/ubuntu-mono-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
html{scroll-behavior:smooth}
.project-module.image img{height:auto;padding-bottom:0!important}
.project-module.image video{width:100%;height:auto;padding-bottom:0!important}
.grid--main{visibility:visible}
.standalone-video{max-width:100%;background:#191919}
.video-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(0,0,0,.6);color:white;font-size:28px;padding:0 0 0 4px;cursor:pointer;z-index:2}
.video-start[hidden]{display:none}
.animated-image{object-fit:cover}
.cover__img.image-loaded{opacity:1}
[data-lightbox]{cursor:zoom-in}
.modules .project-module-form .contact-form,
.modules .project-module-form .contact-form :is(label,input,textarea,button,.submit-text){font-family:vwkk,monospace}
.modules .project-module-form .contact-form label{font-size:14px;line-height:1.4}
.modules .project-module-form .contact-form :is(input,textarea,button){font-size:16px}
.contact-form .contact-submit{appearance:none;display:block;width:fit-content;height:auto;padding:8px 0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:#424242;font:400 16px/1.5 vwkk,monospace;text-align:left;text-transform:none;cursor:pointer}
.contact-form .contact-submit:hover{text-decoration:underline}
.contact-status{font-family:vwkk,monospace;font-size:14px;line-height:1.4;margin-top:18px}
.contact-form .contact-submit:disabled{opacity:.6;cursor:wait}
.portfolio-lightbox{position:fixed;inset:0;padding:0;border:0;width:100vw;height:100vh;max-width:none;max-height:none;background:rgba(18,18,18,.94);color:white;z-index:10000}
.portfolio-lightbox::backdrop{background:transparent}
.portfolio-lightbox img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;max-height:88vh;object-fit:contain}
.portfolio-lightbox button{position:absolute;background:transparent;color:white;border:0;padding:16px;font:32px vwkk,monospace;cursor:pointer;z-index:2}
.portfolio-lightbox .lightbox-close{top:5px;right:8px}
.portfolio-lightbox .lightbox-prev{left:5px;top:45%}
.portfolio-lightbox .lightbox-next{right:5px;top:45%}
.portfolio-lightbox .lightbox-count{position:absolute;bottom:12px;left:0;width:100%;text-align:center;font:14px vwkk,monospace}
body:has(.portfolio-lightbox[open]){overflow:hidden}
:focus-visible{outline:2px solid #666;outline-offset:4px}
.modules .project-module-form .contact-form :is(input,textarea,button):focus-visible{outline:2px solid #666;outline-offset:4px}
[data-lightbox]:focus,.portfolio-lightbox button:focus{outline:none}
body.keyboard-navigation [data-lightbox]:focus-visible{outline:2px solid #666;outline-offset:4px}
body.keyboard-navigation .portfolio-lightbox button:focus-visible{outline:2px solid #ddd;outline-offset:-8px;border-radius:8px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}