.container[data-astro-cid-sr7gpdfg]{position:relative;display:flex;video{display:none}canvas{width:100%;transform:rotateY(180deg);cursor:pointer}&:has(.webcamVisualizationToggle.active):not(:has(.webcamLoading.on)){outline:2px solid #32CD32}.webcamLoading{position:absolute;bottom:var(--padding);right:var(--padding);display:none;line-height:1;color:#000;user-select:none;pointer-events:none}.webcamLoading.on{display:block}.info{position:absolute;top:var(--padding);left:var(--padding);right:var(--padding);z-index:1;display:flex;justify-content:space-between;color:#000;pointer-events:none;.webcamVisualizationToggle{&:after{content:"";display:inline-block;width:5px;height:5px;margin-left:.2rem;background:currentColor;mask:url("data:image/svg+xml,%3csvg%20width='5'%20height='5'%20viewBox='0%200%205%205'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='5'%20height='5'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='5'%20height='5'%20viewBox='0%200%205%205'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='5'%20height='5'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20/%3e%3c/svg%3e") center / contain no-repeat;vertical-align:.05em}&.active{&:after{mask-image:url("data:image/svg+xml,%3csvg%20width='5'%20height='5'%20viewBox='0%200%205%205'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='5'%20height='5'%20fill='currentColor'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='5'%20height='5'%20viewBox='0%200%205%205'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='5'%20height='5'%20fill='currentColor'/%3e%3c/svg%3e")}}}}&:has(.webcamVisualizationToggle.active):not(:has(.webcamLoading.on)) .info[data-astro-cid-sr7gpdfg]{mix-blend-mode:difference;color:#fff}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}@font-face{font-family:f;src:url(/fonts/f.woff2) format("woff2");font-weight:700}html{scroll-behavior:smooth;scroll-padding-top:var(--padding);overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable}@media(max-width:32rem){html{scroll-padding-top:calc(var(--padding) + var(--stickyOverlayHeight, 0px) + var(--stickyOverlayGap, 0px))}}body{--grey: #808080;--greyLight: #d9d9d9;--padding: .5rem;--cardWidth: 24rem;--previewPanelHeight: 12rem;--previewViewportHeight: 9rem;font-family:f;margin:0;min-width:0;overflow-x:clip;background:var(--grey);font-weight:700;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none!important}*{box-sizing:border-box;outline:0;border:0;margin:0;padding:0;font-size:10px;color:inherit;text-decoration:inherit;-webkit-user-drag:none}img,video{max-width:100%;height:auto;user-select:none;background:var(--greyLight)}.image-loader{display:block;width:100%;max-width:100%;aspect-ratio:var(--image-aspect-ratio);overflow:hidden;background-color:var(--greyLight);background-image:var(--pixel-preview);background-position:center;background-size:cover;image-rendering:crisp-edges;image-rendering:pixelated}.image-loader .image-loader__image{display:block;width:100%;height:auto;opacity:0;background:transparent;image-rendering:auto;transition:opacity .28s ease-out}.image-loader.loaded .image-loader__image{opacity:1}h1,h2,h3,h4,h5,h6,p{user-select:text}::selection{background:#000;color:#fff}main{display:flex;align-items:flex-start;width:100%;min-height:100vh;min-height:100svh;gap:var(--padding);padding:var(--padding)}@media(max-width:32rem){main{align-items:stretch;min-height:0;flex-direction:column-reverse}}@media(max-width:32rem){main:not(.projectPage){min-height:100svh}main:not(.projectPage)>.leftCol:empty{display:none}main:not(.projectPage)>.rightCol{flex:1;min-height:calc(100svh - 2 * var(--padding))}}@media(max-width:32rem){main.projectPage{flex-direction:column}main.projectPage>.rightCol{display:contents}main.projectPage>.rightCol>.alternativeNavigationCard{display:none}main.projectPage>.rightCol>.previewCard{order:2;position:sticky;top:var(--padding);z-index:110}main.projectPage>.rightCol>.projectCard{flex:1 1 auto;min-height:16rem;order:4}main.projectPage>.rightCol>.studioCard{order:5}main.projectPage>.rightCol>.contactsRow{order:6}main.projectPage>.projectInfo{order:1}main.projectPage>.leftCol{flex:0 1 auto;overflow:visible;order:3}}.leftCol{flex:1;min-width:0;display:flex;position:relative}@media(max-width:32rem){.leftCol{align-items:stretch;flex-direction:column;gap:var(--padding)}}.rightCol{display:flex;flex-direction:column;gap:var(--padding);width:var(--cardWidth);max-width:100%;position:sticky;top:var(--padding);height:calc(100vh - 2 * var(--padding));height:calc(100svh - 2 * var(--padding));overflow:auto}@media(min-width:32.001rem){.rightCol{scrollbar-width:none}.rightCol::-webkit-scrollbar{display:none}}@media(max-width:32rem){.rightCol{align-items:stretch;width:100%;position:static;height:auto;overflow:visible}.rightCol>.alternativeNavigationCard{display:none}}.rightCol .row{display:flex;gap:var(--padding)}@media(max-width:32rem){.rightCol .row{align-items:stretch}}.rightCol .row>*{flex:1}.webcamVisualization{aspect-ratio:16/9;background:#d9d9d9}.straDraggable{touch-action:none}.straDraggable.straDragging{cursor:grabbing;user-select:none}.card{background:#fff;padding:var(--padding);display:flex;flex-direction:column;gap:1rem}.card.projectCard{flex:1;min-height:0}@media(max-width:32rem){.card.projectCard{flex:1 1 auto;min-height:16rem;overflow:visible}}.card.studioCard{cursor:pointer}.card.previewCard{gap:0;height:0;overflow:hidden;padding-bottom:0;padding-top:0;transition:height .35s ease,padding .35s ease}.card.previewCard[data-preview-open=true]{gap:1rem;height:var(--previewPanelHeight);padding-bottom:var(--padding);padding-top:var(--padding)}.card.projectInfo{position:fixed;z-index:100;width:var(--cardWidth);gap:4rem;top:10%;left:5%;cursor:move}@media(max-width:32rem){.card.projectInfo{position:sticky;z-index:100;top:var(--padding);left:auto;width:100%;max-height:var(--previewPanelHeight);overflow:hidden;cursor:default;touch-action:pan-y}}.card .header{display:flex;justify-content:space-between}.card .projectInfoClose{background:transparent;cursor:pointer;font-family:inherit;font-weight:inherit}@media(max-width:32rem){.card .projectInfoClose{display:none}}.card .body{white-space:pre-wrap}.card .body.markdown{display:flex;flex-direction:column;gap:1rem}.card .body.right{display:flex;justify-content:flex-end}.card .body.right ul{display:flex;flex-direction:column;gap:0;list-style:none;margin:0 0 0 calc(var(--padding) * 4);padding:0}.card .body.right li{margin:0;padding-left:0;display:flex;gap:0}.card .body.right li:before{content:"-";flex:0 0 auto;margin-right:.25em}.card .actions{display:flex}.card .actions>*{flex:1}.card .projects{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}@media(max-width:32rem){.card .projects{overflow:visible}}.card .projects .project{display:flex;justify-content:space-between}.card .projects .project .title{flex:1}.card .projects .project .date{flex:.3}.card .sort{display:flex;gap:1rem}.card .sort .item{cursor:pointer}.card .sort .item:before{content:url("data:image/svg+xml,%3csvg%20width='5'%20height='5'%20viewBox='0%200%205%205'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='5'%20height='5'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20/%3e%3c/svg%3e");padding-right:.2rem}.card .sort .item.active:before{content:url("data:image/svg+xml,%3csvg%20width='5'%20height='5'%20viewBox='0%200%205%205'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='5'%20height='5'%20fill='currentColor'/%3e%3c/svg%3e")}.card .preview{height:var(--previewViewportHeight);min-height:0;width:100%;overflow-x:auto;overflow-y:hidden;display:flex;align-items:flex-start;gap:var(--padding);padding-bottom:var(--padding)}@media(hover:hover)and (pointer:fine){.card .preview{cursor:grab}.card .preview:active{cursor:grabbing}}.card .preview .previewLink{display:flex;width:6rem;flex-shrink:0}.card .preview .previewLink img{height:auto}.card .shop{flex:1;border:1px solid black;display:flex;justify-content:center;align-items:center}.card .shop.disabled{color:var(--grey);border-color:var(--grey);cursor:not-allowed;pointer-events:none;user-select:none}@media(min-width:32.001rem){::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{border:1px solid black}::-webkit-scrollbar-thumb{background:#000}::-webkit-scrollbar-thumb:hover{background:#000}}.webcamActive{cursor:pointer}.webcamActive:after{content:url("data:image/svg+xml,%3csvg%20width='5'%20height='5'%20viewBox='0%200%205%205'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='5'%20height='5'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20/%3e%3c/svg%3e");padding-left:.2rem}.webcamActive.active{mix-blend-mode:difference;color:#fff}.webcamActive.active:after{content:url("data:image/svg+xml,%3csvg%20width='5'%20height='5'%20viewBox='0%200%205%205'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='5'%20height='5'%20fill='currentColor'/%3e%3c/svg%3e")}.webcamOverlay{display:none;position:fixed;inset:0;z-index:2147483647!important;pointer-events:none;contain:layout paint style}.webcamOverlay.on{display:block}.webcamPointer{position:absolute;top:50%;left:50%;z-index:1;width:1rem;height:1rem;background:#fff;border-radius:100%;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .2s,height .2s}.webcamPointer.click{width:.5rem;height:.5rem}@media(max-width:32rem){.webcamPointer{display:none!important}}.media-row{display:flex;width:100%}.media-row .media-cell{display:flex;min-width:0;scroll-margin-top:var(--padding)}.media-row .media-cell>:is(img,video,.video-wrap,.image-loader){width:100%;height:auto;display:block}@media(max-width:32rem){.media-row .media-cell{scroll-margin-top:calc(var(--padding) + var(--stickyOverlayHeight, 0px) + var(--stickyOverlayGap, 0px))}}.media-row.solo>.media-cell{flex:1 1 100%;min-width:0}.media-row.stack{gap:var(--padding);align-items:flex-start}@media(max-width:32rem){.media-row.stack{align-items:stretch}}.media-row.stack>.media-cell{flex:var(--media-aspect-ratio, 1) 1 0}.video-wrap{display:block;aspect-ratio:var(--video-aspect-ratio, 16/9);background:var(--greyLight)}.video-wrap>video{display:block;width:100%;height:100%;object-fit:contain}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}