#project-content{--projectContentSideOffset: calc(var(--homeSidePadding) * 1.5);position:relative;height:50dvh;display:flex;flex-direction:row;justify-content:start;align-items:stretch;gap:var(--projectContentSideOffset);margin-left:var(--projectContentSideOffset);margin-bottom:var(--gridCellSize)}#project-content.hidden{display:none}#project-content-header{display:flex;flex-direction:column;justify-content:start;align-items:stretch;gap:var(--gridCellSize);flex:0 0 calc(50dvw - var(--homeSidePadding) - var(--projectContentSideOffset));overflow:hidden}#project-content-header #project-title h1{font-size:calc(var(--gridCellSize) * 1);font-family:Switzer-Bold;margin:0;text-transform:uppercase}#project-content-header #project-overview p{font-size:calc(var(--gridCellSize) / 2);font-family:Switzer-Regular;margin:0;white-space:pre-line}#project-info-container{display:flex;flex-direction:row;justify-content:space-between;align-items:start}#project-info-container .column{display:flex;flex-direction:column;justify-content:start;align-items:stretch}#project-info-container .column .header{font-family:Switzer-Extrabold;font-size:calc(var(--gridCellSize) / 1.8);color:var(--colorTextPrimary);margin:calc(var(--gridCellSize) / 8) 0;white-space:nowrap}#project-info-container .column .row{font-family:Switzer-Light;font-size:calc(var(--gridCellSize) / 2.2);color:var(--colorTextPrimary);margin-top:calc(var(--gridCellSize) / 8);white-space:nowrap}#project-content-media{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:calc(var(--projectThumbSpacing) / 2);height:50dvh}#project-content-media a{display:inline-flex;width:100%;height:inherit;transition:transform .3s ease,opacity .3s ease,visibility .3s ease}#project-content-media a img:not(.stack a img){width:auto;height:50dvh;object-fit:cover}#project-content-media a video:not(.stack a video){width:auto;height:50dvh;object-fit:cover;will-change:opacity;transform:translateZ(0);backface-visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s ease}.stack{display:inline-flex;flex-direction:column;justify-content:space-evenly;max-width:calc(var(--projectThumbSize) * 10);height:50dvh;gap:calc(var(--projectThumbSpacing) / 2)}.stack a{flex:1;height:calc(25dvh - var(--projectThumbSpacing) / 4)!important}.stack a img{width:auto;height:100%;object-fit:contain;opacity:1;visibility:visible;transition:transform .3s ease,opacity .3s ease,visibility .3s ease}.stack a video{width:auto;height:100%;object-fit:contain;opacity:1;will-change:opacity;transform:translateZ(0);backface-visibility:hidden;transition:transform .3s ease,opacity .3s ease}#project-content-media a.hidden{opacity:0}@media only screen and (min-width:1800px){#project-info-container{justify-content:start;gap:calc(var(--projectThumbSize))}}@media only screen and (max-width:1500px){#project-content-header{gap:calc(var(--gridCellSize) / 2)}}@media only screen and (max-width:1400px){#project-content-header #project-title h1{font-size:2dvw}#project-content-header #project-overview p{font-size:1.1dvw}#project-info-container .column .header{font-size:1.1dvw;margin:calc(var(--gridCellSize) / 10) 0}#project-info-container .column .row{font-size:1dvw;margin-top:calc(var(--gridCellSize) / 10)}#project-content{--projectContentSideOffset: calc(var(--homeSidePadding) * 1)}}@media only screen and (max-width:1250px){#project-content-header #project-title h1{font-size:2.2dvw}#project-content-header #project-overview p,#project-info-container .column .header{font-size:1.2dvw}#project-info-container .column .row{font-size:1.1dvw}}@media only screen and (max-width:1000px){#project-content-header #project-title h1{font-size:2.4dvw}#project-content-header #project-overview p,#project-info-container .column .header{font-size:1.3dvw}#project-info-container .column .row{font-size:1.2dvw}}@media only screen and (max-width:850px){#project-content{max-width:100%;height:unset;display:flex;flex-direction:column;justify-content:stretch;align-items:start;gap:calc(var(--projectThumbSize) / 4);margin-top:calc(var(--homeSidePadding) / 2);margin-left:unset;margin-bottom:unset}#project-content-header{max-width:inherit;gap:calc(var(--gridCellSize) / 2);flex:unset;overflow:unset}#project-content-header #project-title h1{font-size:calc(var(--gridCellSize) * .8)}#project-content-header #project-overview p{font-size:calc(var(--gridCellSize) * .5)}#project-info-container{justify-content:space-between;flex-wrap:wrap;gap:calc(var(--gridCellSize) / 4);margin-top:calc(var(--gridCellSize) / 2)}#project-info-container .column .header{font-size:calc(var(--gridCellSize) * .5)}#project-info-container .column .row{font-size:calc(var(--gridCellSize) * .45)}#project-content-media{display:flex;flex-direction:column;justify-content:start;align-items:start;width:100%;height:unset;margin-top:calc(var(--gridCellSize) / 2)}#project-content-media a{display:inline-flex;width:inherit;height:fit-content}#project-content-media a.roller{width:unset;height:calc(100dvw - var(--gridCellSize) / 1.25 - var(--gridCellSize) * 2);-webkit-transform:rotate(90deg);-webkit-transform-origin:bottom left;-ms-transform:rotate(90deg);-ms-transform-origin:bottom left;transform:rotate(90deg);transform-origin:bottom left;margin-top:-100%;margin-bottom:17.8%}#project-content-media a video:not(.stack a video){width:inherit;height:100%;object-fit:cover}#project-content-media a img:not(.stack a img){width:inherit;height:100%;object-fit:cover}#project-content-media a.roller img:not(.stack a img),#project-content-media a.roller video:not(.stack a video){width:auto;height:inherit}.stack{flex-direction:row;justify-content:space-evenly;width:inherit;max-width:100%;height:auto}.stack a{flex:1;height:fit-content!important}.stack a img{width:100%;height:auto;aspect-ratio:1;max-height:unset;object-fit:contain;opacity:1;visibility:visible;transition:transform .3s ease,opacity .3s ease,visibility .3s ease}.stack a video{width:100%;max-height:unset;height:100%;object-fit:contain;opacity:1;will-change:opacity;transform:translateZ(0);backface-visibility:hidden;transition:transform .3s ease,opacity .3s ease}}@media(max-height:850px)and (orientation:landscape){#project-content-header{gap:calc(var(--gridCellSize) * .5)}}#app{--projectThumbSize: 130px;--projectThumbSpacing: 10px;--projectIndexSize: calc(var(--gridCellSize) / 2 + 6px);--projectCloseButtonSize: var(--projectIndexSize)}#projects{position:relative;left:50%;bottom:0;display:flex;flex-direction:column;height:calc(var(--projectThumbSize) + var(--projectThumbSpacing) * 3 + 2px);gap:10px;opacity:0;visibility:hidden;transform:translate(-50%);transition:all .6s var(--easeInOutExpo),left 0s linear,transform 0s linear}#projects.project{left:0;transform:translate(0)}#projects.projects{transition:all .6s var(--easeInOutExpo),left .6s var(--easeInOutExpo),transform .6s var(--easeInOutExpo)}#projects.visible{opacity:1;visibility:visible}#projects .projects-previews{display:flex;flex-direction:row;justify-content:start;align-items:end;width:fit-content;height:var(--projectThumbSize);gap:var(--projectThumbSpacing);transition:all .6s var(--easeInOutExpo)}#projects.projects .projects-previews{gap:calc((100vw - 2 * var(--homeSidePadding) - var(--projectsCount) * var(--projectThumbSize)) / (var(--projectsCount) - 1))}#projects.project .projects-previews{gap:0;transition:all .6s var(--easeOutCubic)}#projects .projects-previews .project-preview-container{width:var(--projectThumbSize);height:var(--projectThumbSize);aspect-ratio:1;transition:all .3s var(--easeOutCubic)}#projects .projects-previews .project-preview-container .project-click-zone{position:absolute;width:var(--projectThumbSize);height:calc(var(--projectThumbSize) + var(--projectThumbSpacing) * 4);background-color:transparent;cursor:pointer;z-index:4;transition:all .3s var(--easeOutCubic)}#projects.projects .projects-previews .project-preview-container .project-click-zone:hover+.project-preview{margin-top:-40px}#projects .projects-previews .project-preview-container .project-preview{width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:margin-top .3s var(--easeOutCubic)}#projects.projects.fly-in-done .projects-previews .project-preview-container .project-preview{transition:all .3s var(--easeOutCubic)}#projects .projects-previews .project-preview-container.active{width:calc(50dvw - var(--homeSidePadding));height:50dvh;aspect-ratio:unset}#projects .projects-previews .project-preview-container.folded{width:0;opacity:0}#projects.project .projects-previews .project-preview-container .project-click-zone{display:none}#projects~.projects-indices{position:absolute;display:flex;flex-direction:row;justify-content:start;align-items:start;width:fit-content;gap:calc((100vw - 2 * var(--homeSidePadding) - var(--projectsCount) * var(--projectThumbSize)) / (var(--projectsCount) - 1));transition:gap .6s var(--easeInOutExpo),left .6s var(--easeInOutExpo)}#projects.project~.projects-indices{position:fixed;gap:calc(var(--projectThumbSpacing) * 4);transition:gap .6s var(--easeInOutExpo),left .6s var(--easeInOutExpo) .6s}#projects~.projects-indices .project-index{width:var(--projectThumbSize);cursor:pointer}#projects.fly-in-done~.projects-indices .project-index{transition:color .6s var(--easeInOutExpo),width .6s var(--easeInOutExpo),background-color .6s var(--easeInOutExpo),transform .3s var(--easeOutCubic)}#projects~.projects-indices .project-index.active span{color:var(--colorLight);background-color:var(--colorDark)}#projects~.projects-indices .project-index.hovered:not(.active) span{color:var(--colorTextPrimary)}#projects~.projects-indices .project-index.folded{width:var(--projectIndexSize)}#projects~.projects-indices .project-index span{display:inline-flex;justify-content:center;align-items:center;font-family:SuperiorMono-Semibold;font-size:calc(var(--gridCellSize) / 2.2);color:var(--colorTextSecondary);text-align:center;height:var(--projectIndexSize);width:var(--projectIndexSize);padding:0;-webkit-user-select:none;user-select:none}#projects.fly-in-done~.projects-indices .project-index span{transition:all .5s var(--easeOutCubic)}#close-project{position:fixed;display:flex;justify-content:center;align-items:center;width:var(--projectCloseButtonSize);height:var(--projectCloseButtonSize);aspect-ratio:1;cursor:pointer;border:none;background:none;right:var(--homeSidePadding);padding:0}#close-project:before{position:absolute;content:"";width:inherit;height:inherit;aspect-ratio:1;background-color:var(--colorTextPrimary);color:var(--colorLight);font-family:Switzer-Regular;z-index:1;transition:scale .2s ease}#close-project svg{width:calc(var(--projectCloseButtonSize) - 10px);height:calc(var(--projectCloseButtonSize) - 10px);z-index:2}#close-project:hover:before{scale:1.3}#project-preview-name{position:fixed;top:50%;left:calc(var(--homeSidePadding) + var(--projectThumbSize) * 2);display:flex;flex-direction:column;align-items:start;justify-content:start;transform:translateY(-50%)}#project-preview-name div{overflow:hidden}#project-preview-name h4{--translateY: 200%;--skewY: 18deg;font-family:Switzer-Bold;font-size:calc(var(--gridCellSize) * 2.2);white-space:nowrap;text-transform:uppercase;margin:0}#project-preview-name p{--translateY: 250%;--skewY: 18deg;font-size:calc(var(--gridCellSize) * 1);white-space:nowrap;text-transform:uppercase;margin:0}#project-preview-name h4.revealUp{animation:revealUp .8s var(--easeInOutExpo) forwards}#project-preview-name h4.unrevealDown{animation:unrevealDown .2s var(--easeInOutExpo) forwards}#project-preview-name p.revealUp{animation:revealUp .8s var(--easeInOutExpo) forwards}#project-preview-name p.unrevealDown{animation:unrevealDown .2s var(--easeInOutExpo) forwards}@media only screen and (max-width:1400px){#project-preview-name{left:calc(var(--homeSidePadding) + var(--projectThumbSize) * 1)}#project-preview-name h4{--translateY: 200%;--skewY: 18deg;font-family:Switzer-Bold;font-size:calc(var(--gridCellSize) * 1.5);white-space:nowrap;text-transform:uppercase;margin:0}#project-preview-name p{--translateY: 250%;--skewY: 18deg;font-size:calc(var(--gridCellSize) * .8);white-space:nowrap;text-transform:uppercase;margin:0}}@media only screen and (max-width:850px){#app{--projectThumbSize: 80px;--projectThumbSpacing: 7px}#projects{bottom:unset;left:unset;height:unset;transform:none}#projects.projects{margin-top:0;transition-delay:.3s}#projects .projects-previews{flex-direction:column;height:unset;transition:all .6s var(--easeInOutExpo),gap .6s var(--easeInOutExpo) 0s}#projects.projects .projects-previews{gap:calc((100dvh - var(--homeSidePadding) - var(--navbarMargin) * 2 - var(--navbarNameFontSize) - var(--gridCellSize) * 2 - var(--projectsCount) * var(--projectThumbSize)) / (var(--projectsCount) - 1));transition:all .6s var(--easeInOutExpo),gap .6s var(--easeInOutExpo) .3s}#projects .projects-previews .project-preview-container.folded{width:unset;height:0}#projects .projects-previews .project-preview-container.active{width:100%;height:auto;aspect-ratio:unset}#projects.projects .projects-previews .project-preview-container .project-click-zone{height:var(--projectThumbSize);min-width:calc(100dvw - var(--homeSidePadding) * 2);z-index:4}#projects.projects .projects-previews .project-preview-container .project-preview{z-index:3;pointer-events:none}#projects.projects .projects-previews .project-preview-container .project-click-zone:hover+.project-preview{margin-top:unset}#projects~.projects-indices{position:relative;flex-direction:column;margin-left:calc(var(--gridCellSize) / 4);transition:all .6s var(--easeInOutExpo),gap .6s var(--easeInOutExpo) 0s}#projects.projects~.projects-indices{gap:calc((100dvh - var(--homeSidePadding) - var(--navbarMargin) * 2 - var(--navbarNameFontSize) - var(--gridCellSize) * 2 - var(--projectsCount) * var(--projectThumbSize)) / (var(--projectsCount) - 1));z-index:2;transition:all .6s var(--easeInOutExpo),gap .6s var(--easeInOutExpo) .3s,margin-left 0s linear}#projects.project~.projects-indices{position:fixed;top:calc(var(--navbarMargin) * 2 + var(--navbarNameFontSize));left:calc(var(--gridCellSize) / 2);margin-left:0;gap:0;transition:all .6s var(--easeInOutExpo)}#projects~.projects-indices .project-index{width:fit-content;height:var(--projectThumbSize)}#projects.project~.projects-indices .project-index{display:inline-flex;height:max(calc((50dvh - var(--navbarMargin) * 2 - var(--navbarNameFontSize)) / var(--projectsCount)),var(--gridCellSize))}#projects~.projects-info{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:calc((100dvh - var(--homeSidePadding) - var(--navbarMargin) * 2 - var(--navbarNameFontSize) - var(--gridCellSize) * 2 - var(--projectsCount) * var(--projectThumbSize)) / (var(--projectsCount) - 1));margin-left:calc(-1 * (var(--gridCellSize) / 2 - 2px))}#projects~.projects-info .project-info-container{display:flex;flex-direction:column;align-items:start;justify-content:end;height:var(--projectThumbSize);width:fit-content;pointer-events:none}#projects.fly-in-done~.projects-info .project-info-container{transition:all .3s var(--easeOutCubic),gap .6s var(--easeInOutExpo) 0s}#projects.projects.fly-in-done~.projects-info .project-info-container{transition:all .3s var(--easeOutCubic),gap .6s var(--easeInOutExpo) .6s}#projects~.projects-info .project-info-container .project-info-name,#projects~.projects-info .project-info-container .project-info-type{overflow:hidden}#projects~.projects-info .project-info-container .project-info-type{height:calc(var(--gridCellSize) * .6)}#projects~.projects-info .project-info-container .project-info-name h2{font-family:Switzer-Bold;font-size:calc(var(--gridCellSize) / 2);margin:0}#projects~.projects-info .project-info-container .project-info-type p{font-family:Switzer-Regular;font-size:calc(var(--gridCellSize) / 2);margin:0}#close-project{top:calc(var(--navbarMargin) * 2 + var(--navbarNameFontSize) + var(--projectsCount) * max(calc((50dvh - var(--navbarMargin) * 2 - var(--navbarNameFontSize)) / var(--projectsCount)),var(--gridCellSize)) + var(--gridCellSize));right:unset;left:0;margin-left:calc(var(--gridCellSize) / 2)}#projects.projects .projects-previews .project-preview-container .project-click-zone:hover+.project-preview,#projects.projects~.projects-indices .project-index.hovered,#projects.projects~.projects-info .project-info-container.hovered{transform:none}}#gallery-container{position:absolute;display:flex;flex-direction:column;align-items:start;justify-content:end;gap:0;height:100%;padding-bottom:var(--gridCellSize)}#gallery-container #gallery-head{position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:start;flex:1}#gallery-container #gallery-text-container{position:fixed;display:flex;flex-direction:column;width:calc(50% - var(--homeSidePadding));height:fit-content;gap:calc(var(--gridCellSize) / 2)}#gallery-container #gallery-text-container h1{font-family:Switzer-Bold;font-size:calc(var(--gridCellSize) * 1);color:var(--colorTextPrimary);text-transform:uppercase;white-space:nowrap}#gallery-container #gallery-text-container p{font-size:calc(var(--gridCellSize) / 2);font-family:Switzer-Regular;margin:0;line-height:0}#gallery-container #gallery-text-container p .st_w{display:inline-block;overflow:hidden;line-height:calc(var(--gridCellSize) / 2 * 1.25);vertical-align:bottom}#gallery-container #gallery-text-container p .st_w.st_space{width:0;overflow:visible}#gallery-container #gallery-text-container p .st_w.st_space .st_w_w{margin-right:.25em}#gallery-container #gallery-text-container p .st_w_w{--slideFromY: 200%;--skewFromY: 20deg;display:inline-block;transform:translateY(var(--slideFromY)) skewY(var(--skewFromY));animation:revealUp .1s cubic-bezier(.1,0,0,1) forwards;white-space:pre;font-size:calc(var(--gridCellSize) / 2);font-weight:400;font-family:Switzer-Regular;color:var(--colorTextPrimary);will-change:transform;transform-style:preserve-3d;backface-visibility:hidden}#gallery-container #gallery-items{position:relative;display:flex;flex-direction:row;align-items:end;gap:calc(var(--gridCellSize) / 2);height:fit-content}#gallery-container #gallery-items .gallery-year{display:flex;flex-direction:row;gap:calc(var(--gridCellSize) / 2)}.gallery-item{display:flex;flex-direction:column;justify-content:end;align-items:start;gap:calc(var(--gridCellSize) / 2.6);height:fit-content;flex-shrink:0}.gallery-item:hover .gallery-place,.gallery-item:hover .gallery-date{color:var(--colorTextPrimary)}.gallery-info{display:flex;flex-direction:row;justify-content:end;align-items:start;gap:6dvw}.gallery-info .gallery-place,.gallery-info .gallery-date{font-family:Switzer-Regular;font-size:calc(var(--gridCellSize) / 1.8);color:var(--colorTextSecondary);white-space:nowrap;transition:color .2s ease-out}.gallery-media{display:flex;align-items:end;height:fit-content}.gallery-media a.spotlight,.gallery-media img,.gallery-media video{height:50dvh;width:auto;object-fit:cover;opacity:1;transition:opacity .2s ease-out}#gallery-indices{position:fixed;display:flex;flex-direction:row;justify-content:start;align-items:start;width:fit-content;gap:40px;transition:gap .6s var(--easeInOutExpo),left .6s var(--easeInOutExpo)}#gallery-indices .gallery-index{cursor:pointer}#gallery-indices .gallery-index span{display:inline-flex;justify-content:center;align-items:center;font-family:SuperiorMono-Semibold;font-size:calc(var(--gridCellSize) / 2.2);color:var(--colorTextSecondary);text-align:center;height:var(--indexSize);width:var(--indexSize);padding:0;-webkit-user-select:none;user-select:none;transition:all .5s var(--easeOutCubic)}#gallery-indices .gallery-index.active span{color:var(--colorLight);background-color:var(--colorDark)}#gallery-indices .gallery-index.hovered:not(.active) span{color:var(--colorTextPrimary)}@media only screen and (max-width:850px){#gallery-container{align-items:start;width:100%;height:unset;gap:calc(var(--gridCellSize) * 2);padding-bottom:unset}#gallery-container #gallery-text-container{position:relative;width:100%}#gallery-container #gallery-items{flex-direction:column;width:100%}#gallery-container #gallery-items .gallery-year{flex-direction:column}.gallery-item{width:100%;height:unset;gap:calc(var(--gridCellSize) / 3)}.gallery-media{width:100%;height:unset}.gallery-media a.spotlight,.gallery-media img,.gallery-media video{width:100%;height:auto}#gallery-indices{position:fixed;top:calc(var(--navbarMargin) * 2 + var(--navbarNameFontSize));left:calc(var(--gridCellSize) / 2);margin-left:0;gap:0;transition:all .6s var(--easeInOutExpo);flex-direction:column}#gallery-indices .gallery-index{display:inline-flex;height:max(calc((50dvh - var(--navbarMargin) * 2 - var(--navbarNameFontSize)) / var(--indexCount)),var(--gridCellSize))}}#app{--contactFontSize: calc(var(--gridCellSize) / 1.8)}#contact-container{position:absolute;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;height:100%;width:100%;flex:1;min-width:0;overflow:hidden;gap:calc(var(--gridCellSize) / 2)}#contact-container.hidden{flex:0}#contact-container img{justify-self:flex-end;width:25dvw;height:25dvw;object-fit:contain;object-position:center;border-radius:0;border:none}#contact-container>div{display:flex;flex-direction:column;align-items:end;justify-content:start;gap:calc(var(--gridCellSize) / 2)}#contact-container .contact-info{display:flex;flex-direction:column;align-items:end;justify-content:start}#contact-container .contact-info div{display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden}#contact-container .contact-info h5{font-family:Switzer-Bold;font-size:var(--contactFontSize);color:var(--colorTextPrimary);text-transform:uppercase;margin:0}#contact-container .contact-info a{font-size:var(--contactFontSize);color:var(--colorTextPrimary);line-height:calc(var(--contactFontSize) * 1.25);text-decoration:none}@media only screen and (max-width:850px){#content-container.contact{padding-top:0!important;height:calc(100% - var(--navbarNameFontSize) - var(--navbarMargin) * 2 - var(--homeSidePadding))!important}#contact-container{--contactFontSize: calc(var(--gridCellSize) / 1.8);position:absolute;flex-direction:column-reverse;align-items:start}#contact-container>div{position:relative;margin-top:calc(50dvh - 50% - (var(--navbarNameFontSize) + var(--navbarMargin) * 2 + var(--homeSidePadding)) / 2);align-items:start}#contact-container .contact-info{align-items:start}#contact-container img{align-self:flex-start;width:calc(50dvw - var(--homeSidePadding));height:auto;aspect-ratio:1;object-fit:contain;object-position:center;border-radius:0;border:none}}@media only screen and (max-width:550px){#contact-container img{width:calc(60dvw - var(--homeSidePadding))}}@media only screen and (max-width:450px){#contact-container img{width:calc(70dvw - var(--homeSidePadding))}}#app{--progressSquareSize: calc(var(--gridCellSize) / 2 + 6px);--progressSquareBorder: calc(var(--progressSquareSize) / 9);--progressInnerSquareSize: calc(var(--progressSquareSize) - var(--progressSquareBorder))}#about-container{--contentFontSize: calc(var(--gridCellSize) * .6);position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;margin:0;padding:0}#about-container #about-content-container{position:fixed;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;bottom:var(--homeSidePadding);height:calc(50% - var(--homeSidePadding));width:calc(100% - var(--homeSidePadding) * 2)}#about-container #progress-container{position:fixed;display:flex;flex-direction:row;align-items:center;justify-content:start;width:calc(100dvw - var(--homeSidePadding) * 2);height:var(--progressSquareSize);gap:calc(var(--gridCellSize) * 2);top:calc(var(--navbarMargin) * 2 + var(--navbarNameFontSize) + var(--gridCellSize) * 2);margin:0 var(--homeSidePadding);transition:gap .3s var(--easeOutCubic)}#about-container #progress-container .section-container{display:inline-flex;flex-direction:column;justify-content:start;align-items:start;gap:calc(var(--gridCellSize) / 2);width:var(--progressSquareSize);height:var(--progressSquareSize);overflow:visible}#about-container #progress-container .progress-square{position:relative;display:flex;flex-direction:column;align-items:start;justify-content:start;min-width:var(--progressSquareSize);min-height:auto;aspect-ratio:1;padding:0;margin:0;background:transparent;border:var(--progressSquareBorder) solid var(--colorTextPrimary);border-radius:0;opacity:0;cursor:pointer;transform-origin:center;z-index:2;animation:fadeIn .2s var(--easeOutCubic) forwards;transition:min-width .3s var(--easeOutCubic),min-height .3s var(--easeOutCubic)}#about-container #progress-container .progress-square:before{position:absolute;content:"";top:0;left:0;width:0;height:var(--progressInnerSquareSize);background:var(--colorTextPrimary);border-radius:0;transition:width .3s var(--easeOutCubic),height .3s var(--easeOutCubic)}#about-container #progress-container .progress-square.active:before{width:var(--progressInnerSquareSize)}#about-container #progress-container .progress-square:not(.active,.current):hover:before{width:var(--progressInnerSquareSize)}#about-container #progress-container .progress-square.active:not(.current):hover:before{width:0}#about-container #progress-container .section-container span{display:inline;min-height:calc(var(--contentFontSize) * 1.2);overflow:hidden}#about-container #progress-container .section-container p{margin:0;white-space:nowrap;font-family:Switzer-Variable;font-size:calc(var(--contentFontSize) * 1);font-weight:400;opacity:1;transition:font-weight .2s var(--easeOutCubic),opacity .2s var(--easeOutCubic)}#about-container #progress-container .section-container:nth-child(5)>span,#about-container #progress-container .section-container:nth-child(7)>span{align-self:flex-end}#about-container #progress-container .section-container p.active{font-weight:700}#about-container #progress-container .progress-bar-divider{--scrollProgress: 0%;display:flex;flex-direction:row;align-items:center;justify-content:start;width:100%;height:max-content}#about-container #progress-container .progress-bar-divider .primary{width:0;height:2px;background:var(--colorTextPrimary)}#about-container #progress-container .progress-bar-divider.active .primary{width:var(--scrollProgress)}#about-container #progress-container .progress-bar-divider .secondary{width:100%;height:1px;background:var(--colorTextSecondary);transform:scaleX(0);transform-origin:left;animation:scaleInX .2s var(--easeOutCubic) forwards}#about-container #progress-container .progress-bar-divider.active .secondary{width:calc(100% - var(--scrollProgress))}#about-container #about-content-container{display:flex;flex-direction:row;align-items:end;justify-content:start;gap:calc(var(--gridCellSize) * 2)}#about-container #about-heading-container{--headingFontSize: calc(var(--gridCellSize) * 2.5);position:absolute;display:flex;align-items:start;justify-content:start;overflow:hidden;width:calc(50% - var(--gridCellSize) * 2);height:var(--headingFontSize);padding:0}#about-container #about-heading{position:absolute;margin:0;white-space:wrap;font-family:Switzer-Bold;font-size:var(--headingFontSize);font-weight:400;color:var(--colorTextPrimary);line-height:var(--headingFontSize);text-align:start;text-transform:uppercase;transition:font-size .3s var(--easeOutCubic)}#about-container #about-body-container{position:absolute;width:calc(50% - var(--gridCellSize) * 2);overflow:hidden;right:0}#about-container #about-body{width:100%;height:auto;margin:0;transition:font-size .3s var(--easeOutCubic);line-height:0}#about-container #about-body .subheading-container{display:inline-flex;flex-direction:column;gap:calc(var(--gridCellSize) / 8);width:100%;margin:calc(var(--gridCellSize) * .5) 0 calc(var(--gridCellSize) * .25) 0;padding:0 0 2px;overflow:hidden}#about-container #about-body .subheading-container h2{display:inline-block;margin:0;font-family:Switzer-Bold;font-size:calc(var(--contentFontSize) * 1.5);font-weight:400;color:var(--colorTextPrimary);line-height:1.1;--slideFromY: 300%;--skewFromY: 0deg;transform:translateY(var(--slideFromY)) skewY(var(--skewFromY));animation:revealUp var(--subheadingAnimDuration) cubic-bezier(.1,0,0,1) forwards;white-space:nowrap}#about-container #about-body .subheading-container h3{display:inline-block;margin:0;font-family:Switzer-SemiBold;font-size:calc(var(--contentFontSize) * 1.2);font-weight:400;color:var(--colorTextPrimary);line-height:1.1;--slideFromY: 300%;--skewFromY: 0deg;transform:translateY(var(--slideFromY)) skewY(var(--skewFromY));animation:revealUp var(--subheadingAnimDuration) cubic-bezier(.1,0,0,1) forwards;white-space:nowrap}#about-container #about-body .st_w{display:inline-block;overflow:hidden;line-height:calc(var(--contentFontSize) * 1.25);vertical-align:bottom}#about-container #about-body .st_w.st_space{white-space:normal}#about-container #about-body .st_w_w{--slideFromY: 200%;--skewFromY: 0deg;display:inline-block;transform:translateY(var(--slideFromY)) skewY(var(--skewFromY));animation:revealUp .1s cubic-bezier(.1,0,0,1) forwards;white-space:pre;font-size:var(--contentFontSize);font-weight:400;font-family:Switzer-Regular;color:var(--colorTextPrimary)}#about-container #about-body .st_w_w,#about-container #about-body h2.subheading{will-change:transform;transform-style:preserve-3d;backface-visibility:hidden}#about-container #about-mobile-nav-container{position:fixed;display:flex;flex-direction:row;align-items:center;width:calc(100vw - calc(.5 * var(--gridCellSize)));pointer-events:none}#about-container #about-mobile-nav-container button{display:flex;align-items:center;justify-content:center;pointer-events:auto;width:calc(1.2 * var(--gridCellSize));height:calc(1.2 * var(--gridCellSize));background:none;border:none;padding:0;margin:0;cursor:pointer}#about-container #about-mobile-nav-container button svg{width:1.2rem;height:1.2rem}#about-container #about-mobile-nav-container button svg path{fill:#c1c1c1}#about-container #about-mobile-nav-container #btn-about-prev{margin-right:auto}#about-container #about-mobile-nav-container #btn-about-next{margin-left:auto;transform:rotate(180deg)}@media only screen and (max-width:1742px){#about-container #progress-container{gap:calc(var(--gridCellSize) * 2)}}@media only screen and (max-width:1400px){#about-container #about-heading-container{--headingFontSize: calc(4.5vw - .2 * var(--homeSidePadding))}#about-container{--contentFontSize: 1vmax}}@media only screen and (max-width:1200px){#about-container #progress-container{gap:calc(var(--gridCellSize) * 1)}#about-container #progress-container .progress-square{--progressSquareSize: 20px}#about-container #about-heading-container{--headingFontSize: calc(5vw - .2 * var(--homeSidePadding))}}@media only screen and (max-width:1000px){#about-container #about-heading-container{--headingFontSize: calc(5vw - .2 * var(--homeSidePadding))}}@media only screen and (max-width:850px){#about-container #about-heading-container{width:100%;--headingFontSize: calc(8vw - .2 * var(--homeSidePadding))}#about-container #about-content-container{width:calc(100% - var(--homeSidePadding) * 2);flex-direction:column-reverse;justify-content:center;align-items:start;height:calc(100% - var(--homeSidePadding) * 2 - (var(--navbarMargin) * 2 + var(--navbarNameFontSize)) - var(--progressSquareSize))}#about-container #about-heading-container{position:absolute;align-items:end;bottom:0}#about-container #about-heading{bottom:0;white-space:nowrap}#about-container #about-body-container{position:relative;width:80%;align-self:center;transform:translateY(calc(-1 * var(--gridCellSize) * 3))}#about-container{--contentFontSize: calc(var(--gridCellSize) * .5);width:100%}#about-container #about-body .subheading-container h2{white-space:wrap}}@media only screen and (max-width:600px){#about-container #about-heading-container{width:100%;--headingFontSize: calc(10vw - .2 * var(--homeSidePadding))}#about-container #progress-container{gap:calc(var(--gridCellSize) * .5)}#about-container #about-body-container{width:90%;transform:translateY(calc(-1 * var(--gridCellSize) * 1))}}@media only screen and (max-width:500px){#about-container #progress-container .section-container p{font-size:calc(var(--contentFontSize) * .9)}#progress-container>div:nth-child(3)>span{margin-left:-.5em}#progress-container>div:nth-child(5)>span{margin-right:-.5em}}@media only screen and (max-width:450px){#about-container #about-heading-container{width:100%;--headingFontSize: calc(12vw - .2 * var(--homeSidePadding))}#about-container #progress-container{gap:calc(var(--gridCellSize) * .25)}}@media only screen and (max-height:800px)and (orientation:landscape){#about-container #contact-about-container img{width:calc(var(--projectThumbSize) * 1);height:calc(var(--projectThumbSize) * 1)}}#overlay{z-index:8}#mobile-menu{position:fixed;top:calc(var(--navbarMargin) * 2 + var(--navbarNameFontSize));width:calc(100% - var(--homeSidePadding) * 2);height:calc(100% - var(--navbarMargin) * 2 - var(--navbarNameFontSize));display:flex;flex-direction:column;justify-content:center;align-items:start;padding:0 calc(var(--homeSidePadding));gap:calc(var(--gridCellSize) / 2);background:var(--colorLight);z-index:9}#mobile-menu #menu-close{position:absolute;bottom:0;display:flex;justify-content:center;align-items:center;width:var(--projectCloseButtonSize);height:var(--projectCloseButtonSize);bottom:var(--homeSidePadding);aspect-ratio:1;padding:5px;background-color:var(--colorTextPrimary);color:var(--colorLight);font-family:Switzer-Regular;border:none;cursor:pointer;z-index:10}#mobile-menu #menu-close svg{width:100%;height:100%}#mobile-menu button{font-size:calc(var(--gridCellSize) / 2);font-family:Switzer-SemiBold;color:var(--colorDark);background:none;border:none;padding:calc(var(--gridCellSize) / 4);cursor:pointer}#mobile-menu button.active{background:var(--colorDark);color:var(--colorLight)}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0}hr{box-sizing:content-box;height:0;overflow:visible;margin:0;border:none}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@keyframes opacityTrail{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInX{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scaleInX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes flySkewFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes arrowFade{0%,to{opacity:.3}16.67%{opacity:1}50%{opacity:1}66.67%{opacity:.6}}@keyframes flyIn{0%{opacity:0;transform:translateY(200%)}to{opacity:1;transform:translateY(0)}}@keyframes bobUpDown{0%{transform:translateY(-200%)}20%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes revealDown{0%{transform:translateY(var(--slideFromY, -50px)) skewY(var(--skewFromY, 8deg))}to{transform:translateY(0) skewY(0)}}@keyframes revealUp{0%{transform:translateY(var(--slideFromY, 50px)) skewY(var(--skewFromY, -8deg))}to{transform:translateY(var(--slideToY, 0)) skewY(var(--skewToY, 0))}}@keyframes unrevealUp{0%{transform:translateY(0) skewY(0)}to{transform:translateY(var(--slideToY, 50px)) skewY(var(--skewToY, 0deg))}}@keyframes unrevealDown{0%{transform:translateY(0) skewY(0)}to{transform:translateY(-180%) skewY(6deg)}}@keyframes rotateZ{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes growWidth{0%{width:var(--startWidth, 50px)}to{width:var(--endWidth, 100px)}}@font-face{font-family:Switzer-Thin;src:url(../../../fonts/Switzer/Switzer-Thin.woff2) format("woff2"),url(/fonts/Switzer/Switzer-Thin.woff) format("woff"),url(/fonts/Switzer/Switzer-Thin.ttf) format("truetype");font-weight:100;font-display:swap;font-style:normal}@font-face{font-family:Switzer-ThinItalic;src:url(../../../fonts/Switzer/Switzer-ThinItalic.woff2) format("woff2"),url(/fonts/Switzer/Switzer-ThinItalic.woff) format("woff"),url(/fonts/Switzer/Switzer-ThinItalic.ttf) format("truetype");font-weight:100;font-display:swap;font-style:italic}@font-face{font-family:Switzer-Extralight;src:url(../../../fonts/Switzer/Switzer-Extralight.woff2) format("woff2"),url(/fonts/Switzer/Switzer-Extralight.woff) format("woff"),url(/fonts/Switzer/Switzer-Extralight.ttf) format("truetype");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:Switzer-ExtralightItalic;src:url(../../../fonts/Switzer/Switzer-ExtralightItalic.woff2) format("woff2"),url(/fonts/Switzer/Switzer-ExtralightItalic.woff) format("woff"),url(/fonts/Switzer/Switzer-ExtralightItalic.ttf) format("truetype");font-weight:200;font-display:swap;font-style:italic}@font-face{font-family:Switzer-Light;src:url(../../../fonts/Switzer/Switzer-Light.woff2) format("woff2"),url(/fonts/Switzer/Switzer-Light.woff) format("woff"),url(/fonts/Switzer/Switzer-Light.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Switzer-LightItalic;src:url(../../../fonts/Switzer/Switzer-LightItalic.woff2) format("woff2"),url(/fonts/Switzer/Switzer-LightItalic.woff) format("woff"),url(/fonts/Switzer/Switzer-LightItalic.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Switzer-Regular;src:url(../../../fonts/Switzer/Switzer-Regular.woff2) format("woff2"),url(/fonts/Switzer/Switzer-Regular.woff) format("woff"),url(/fonts/Switzer/Switzer-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Switzer-Italic;src:url(../../../fonts/Switzer/Switzer-Italic.woff2) format("woff2"),url(/fonts/Switzer/Switzer-Italic.woff) format("woff"),url(/fonts/Switzer/Switzer-Italic.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Switzer-Medium;src:url(../../../fonts/Switzer/Switzer-Medium.woff2) format("woff2"),url(/fonts/Switzer/Switzer-Medium.woff) format("woff"),url(/fonts/Switzer/Switzer-Medium.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Switzer-MediumItalic;src:url(../../../fonts/Switzer/Switzer-MediumItalic.woff2) format("woff2"),url(/fonts/Switzer/Switzer-MediumItalic.woff) format("woff"),url(/fonts/Switzer/Switzer-MediumItalic.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Switzer-Semibold;src:url(../../../fonts/Switzer/Switzer-Semibold.woff2) format("woff2"),url(/fonts/Switzer/Switzer-Semibold.woff) format("woff"),url(/fonts/Switzer/Switzer-Semibold.ttf) format("truetype");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:Switzer-SemiboldItalic;src:url(../../../fonts/Switzer/Switzer-SemiboldItalic.woff2) format("woff2"),url(/fonts/Switzer/Switzer-SemiboldItalic.woff) format("woff"),url(/fonts/Switzer/Switzer-SemiboldItalic.ttf) format("truetype");font-weight:600;font-display:swap;font-style:italic}@font-face{font-family:Switzer-Bold;src:url(../../../fonts/Switzer/Switzer-Bold.woff2) format("woff2"),url(/fonts/Switzer/Switzer-Bold.woff) format("woff"),url(/fonts/Switzer/Switzer-Bold.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Switzer-BoldItalic;src:url(../../../fonts/Switzer/Switzer-BoldItalic.woff2) format("woff2"),url(/fonts/Switzer/Switzer-BoldItalic.woff) format("woff"),url(/fonts/Switzer/Switzer-BoldItalic.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Switzer-Extrabold;src:url(../../../fonts/Switzer/Switzer-Extrabold.woff2) format("woff2"),url(/fonts/Switzer/Switzer-Extrabold.woff) format("woff"),url(/fonts/Switzer/Switzer-Extrabold.ttf) format("truetype");font-weight:800;font-display:swap;font-style:normal}@font-face{font-family:Switzer-ExtraboldItalic;src:url(../../../fonts/Switzer/Switzer-ExtraboldItalic.woff2) format("woff2"),url(/fonts/Switzer/Switzer-ExtraboldItalic.woff) format("woff"),url(/fonts/Switzer/Switzer-ExtraboldItalic.ttf) format("truetype");font-weight:800;font-display:swap;font-style:italic}@font-face{font-family:Switzer-Black;src:url(../../../fonts/Switzer/Switzer-Black.woff2) format("woff2"),url(/fonts/Switzer/Switzer-Black.woff) format("woff"),url(/fonts/Switzer/Switzer-Black.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Switzer-BlackItalic;src:url(../../../fonts/Switzer/Switzer-BlackItalic.woff2) format("woff2"),url(/fonts/Switzer/Switzer-BlackItalic.woff) format("woff"),url(/fonts/Switzer/Switzer-BlackItalic.ttf) format("truetype");font-weight:900;font-display:swap;font-style:italic}@font-face{font-family:Switzer-Variable;src:url(../../../fonts/Switzer/Switzer-Variable.woff2) format("woff2"),url(/fonts/Switzer/Switzer-Variable.woff) format("woff"),url(/fonts/Switzer/Switzer-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap;font-style:normal}@font-face{font-family:Switzer-VariableItalic;src:url(../../../fonts/Switzer/Switzer-VariableItalic.woff2) format("woff2"),url(/fonts/Switzer/Switzer-VariableItalic.woff) format("woff"),url(/fonts/Switzer/Switzer-VariableItalic.ttf) format("truetype");font-weight:100 900;font-display:swap;font-style:italic}@font-face{font-family:SuperiorMono-Regular;src:url(../../../fonts/SuperiorMono/SuperiorMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:SuperiorMono-Medium;src:url(../../../fonts/SuperiorMono/SuperiorMono-Medium.woff2) format("woff2");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:SuperiorMono-Semibold;src:url(../../../fonts/SuperiorMono/SuperiorMono-Semibold.woff2) format("woff2");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:SuperiorMono-Bold;src:url(../../../fonts/SuperiorMono/SuperiorMono-Bold.woff2) format("woff2");font-weight:700;font-display:swap;font-style:normal}*{--colorDark: #000;--colorLight: #fff;--colorTextPrimary: #000;--colorTextSecondary: #b5b5b5;--colorTextDisabled: #5f5f5f;--colorScrollIndicatorBackground: #d3d3d3;--colorScrollIndicatorThumb: #000;--colorDebug: #f1e074;--colorBackground: var(--colorLight);--gridCellSize: 2rem;--indexSize: calc(var(--gridCellSize) / 2 + 6px);--navbarMargin: calc(var(--gridCellSize) * 2);--navbarNameFontSize: calc(var(--gridCellSize) * 1);--navbarSquareSize: calc(var(--navbarNameFontSize) * .3);--homeSidePadding: 90px;--easeInOut: cubic-bezier(.33,.16,.32,.99);--easeOutCubic: cubic-bezier(.33, 1, .68, 1);--easeInOutExpo: cubic-bezier(.87, 0, .13, 1);text-decoration:none;font-family:Switzer-Regular;-ms-overflow-style:none!important;scrollbar-width:none!important}html,body{width:100dvw;height:100dvh;margin:0;padding:0;box-sizing:border-box;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none;background:var(--colorBackground)}body::-webkit-scrollbar{display:none!important}p,a,span,div{font-family:Switzer-Regular}#viewport-size{position:fixed;top:calc(var(--gridCellSize) / 2);left:calc(var(--gridCellSize) / 2);display:flex;flex-direction:column;justify-content:start;align-items:start;gap:calc(var(--gridCellSize) / 8);background:#ffffff80;padding:calc(var(--gridCellSize) / 2);z-index:100}#viewport-size p{margin:0}#viewport-size a{cursor:pointer;background:var(--colorDark);color:var(--colorLight);padding:calc(var(--gridCellSize) / 4)}#app{--appHeight: 100dvh;display:flex;flex-direction:column;justify-content:start;align-items:stretch;width:100%;height:var(--appHeight)}#content-container{position:absolute;display:flex;flex-direction:row;justify-content:start;align-items:end;top:calc(var(--navbarMargin) * 2 + 40px);left:var(--homeSidePadding);right:var(--homeSidePadding);bottom:var(--homeSidePadding);width:calc(100% - var(--homeSidePadding) * 2);height:calc(100% - var(--navbarNameFontSize) - var(--navbarMargin) * 2 - var(--homeSidePadding))}#content-container.overflow{overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}#content-container.overflow::-webkit-scrollbar{display:none}@media only screen and (max-width:1900px){*{--gridCellSize: 1.5rem}}@media only screen and (max-width:1400px){*{--homeSidePadding: 80px}}@media only screen and (max-width:1000px){*{--homeSidePadding: 60px}}@media only screen and (max-width:850px){#content-container{align-items:start;top:calc(var(--navbarMargin) * 2 + var(--navbarNameFontSize));padding-top:calc(var(--gridCellSize) * 3 + var(--homeTitleFontSize) * 2);bottom:unset;right:unset;height:calc(100% - var(--navbarMargin) * 2 - var(--navbarNameFontSize) - var(--gridCellSize) * 3 - var(--homeTitleFontSize) * 2 - var(--homeSidePadding));transition:all .6s var(--easeInOutExpo)}#content-container.projects{padding-top:calc(var(--gridCellSize) * 2);height:calc(100% - var(--navbarMargin) * 2 - var(--navbarNameFontSize) - var(--gridCellSize) * 2 - var(--homeSidePadding))}#content-container.overflow{flex-direction:column;width:calc(100% - var(--gridCellSize) / 1.25 - var(--gridCellSize) * 2);overflow-x:hidden;overflow-y:scroll;left:unset;right:calc(var(--homeSidePadding) / 2);height:calc(100% - var(--navbarMargin) * 2 - var(--navbarNameFontSize) - var(--homeSidePadding));padding-top:0}#content-container.home{padding-top:0}}@media only screen and (max-width:800px){*{--homeSidePadding: 50px}}@media only screen and (max-height:800px)and (orientation:landscape){*{--homeSidePadding: 40px}}#app{--loadingSquareSize: 20rem}#loading-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--colorBackground)}#loading-square{position:fixed;top:50dvh;left:50dvw;width:var(--loadingSquareSize);height:var(--loadingSquareSize);aspect-ratio:1;background-color:var(--colorDark);background-size:cover;background-position:center;background-blend-mode:exclusion;transition:width .8s var(--easeInOutExpo),height .8s var(--easeInOutExpo),top .8s var(--easeInOutExpo),left .8s var(--easeInOutExpo),transform 1s var(--easeInOutExpo);transform:translate(-50%,-50%);z-index:20}#loading-square.loaded{--loadingSquareSize: var(--navbarSquareSize)}#loading-square.toNavBar{top:calc(var(--navbarMargin) + calc(var(--navbarNameFontSize) / 2));left:50%}#loading-indicator{position:fixed;display:flex;align-items:center;justify-content:center;bottom:var(--homeSidePadding);height:2rem;opacity:1;visibility:visible;overflow:hidden}#loading-indicator h4{font-size:2rem;font-family:Switzer-Bold;color:var(--colorTextPrimary)}@media only screen and (max-width:1200px){#app{--loadingSquareSize: 15rem}}@media only screen and (max-width:850px){#app{--loadingSquareSize: 12rem}#loading-indicator{height:1.5rem}#loading-indicator h4{font-size:1.5rem}}#nav-container{position:absolute;display:flex;display:webkit-box;display:webkit-flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;width:100%;margin:0;top:0;box-sizing:border-box;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:10;padding:var(--navbarMargin);transition:all .25s var(--easeOutCubic);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#nav-container>*:not(#mobile-menu){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:3}#nav-container #projects-button{position:absolute;left:calc(var(--homeSidePadding))}#nav-container #title-container{display:flex;flex-direction:row;justify-content:start;align-items:center;white-space:nowrap;gap:calc(var(--navbarNameFontSize) * 1);cursor:pointer}#nav-container #title-container .name-container{display:inline-flex;height:fit-content;overflow:hidden}#nav-container #title-container .name-container svg{height:var(--navbarNameFontSize);width:auto;fill:var(--colorTextPrimary);transition:transform .5s var(--easeInOutExpo);margin:0}#nav-container #title-container .name-container:first-child svg{transform:translate(100%)}#nav-container #title-container .name-container:last-child svg{transform:translate(-100%)}#nav-container #title-container .name-container svg.visible{transform:translate(0)}#square{--startWidth: var(--navbarSquareSize);--endWidth: calc(var(--navbarNameFontSize) * .5);position:absolute;width:var(--navbarSquareSize);height:auto;aspect-ratio:1;background-color:var(--colorTextPrimary);top:calc(var(--navbarMargin) + calc(var(--navbarNameFontSize) / 2));left:50%;transform:translate(calc(-50% - var(--navbarSquareSize) / 8),-50%);margin:0;z-index:20;cursor:pointer;pointer-events:none;transition:all .5s var(--easeInOutExpo),width .5s ease}#square.navHovered{animation:growWidth .8s var(--easeInOut) forwards infinite alternate}#nav-container #nav-menu{position:absolute;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:calc(var(--navbarNameFontSize));height:var(--navbarNameFontSize * .6);right:calc(var(--homeSidePadding));overflow:hidden}#nav-container .nav-button{--animSkewY: 0deg;display:inline-flex;flex-direction:column;justify-content:start;align-items:center;gap:calc(var(--navbarNameFontSize) * .4);height:calc(var(--navbarNameFontSize) * .55);padding:0;background:none;border:none;overflow:hidden;cursor:pointer}#nav-container .nav-button p{font-family:Switzer-Medium;font-size:calc(var(--navbarNameFontSize) * .55);text-transform:uppercase;line-height:1;margin:0;transition:transform .3s var(--easeInOutExpo)}#nav-container .nav-button p.primary{font-family:Switzer-Semibold;color:var(--colorTextPrimary);transform:skewY(var(--animSkewY))}#nav-container .nav-button p.secondary{color:var(--colorTextSecondary)}:is(#nav-container .nav-button:hover,#nav-container .nav-button.active) p.primary{transform:translateY(calc(var(--navbarNameFontSize) * -.95)) skewY(0)}:is(#nav-container .nav-button:hover,#nav-container .nav-button.active) p.secondary{transform:translateY(calc(var(--navbarNameFontSize) * -.95)) skewY(calc(-1 * var(--animSkewY)))}@media only screen and (max-width:850px){*{--navbarMargin: 2.5rem;--navbarNameFontSize: calc(var(--gridCellSize) * .9)}#nav-container #title-container{height:fit-content}#nav-container #menu-button.menu-active{background:var(--colorTextPrimary)}#nav-container #menu-button.menu-active p{color:var(--colorLight)}}@media only screen and (max-width:550px){*{--navbarMargin: 2rem;--navbarNameFontSize: calc(var(--gridCellSize) * .8)}#nav-container #menu-button{height:calc(var(--navbarNameFontSize) * .65)}#nav-container #menu-button p{font-size:calc(var(--navbarNameFontSize) * .65)}:is(#nav-container #menu-button:hover,#nav-container #menu-button.active) p.primary{transform:translateY(calc(var(--navbarNameFontSize) * -1.05)) skewY(0)}:is(#nav-container #menu-button:hover,#nav-container #menu-button.active) p.secondary{transform:translateY(calc(var(--navbarNameFontSize) * -1.05)) skewY(calc(-1 * var(--animSkewY)))}}@media only screen and (max-width:450px){*{--navbarMargin: 1.5rem;--navbarNameFontSize: calc(var(--gridCellSize) * .7)}}@media only screen and (max-width:400px){*{--navbarNameFontSize: calc(var(--gridCellSize) * .6)}}#app{--homeTitleFontSize: 6.45vmax;--homeSubtitleFontSize: 2.8vmax}#home-container{position:absolute;top:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 2 * var(--homeSidePadding));padding:0 var(--homeSidePadding);transform:translateY(calc(-50% - var(--gridCellSize) * 2))}#home-container h2{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin:0;transition:all .2s ease-in}#home-container h2 span{font-size:var(--homeTitleFontSize);font-family:Switzer-Bold;color:var(--colorTextPrimary);white-space:nowrap;text-align:justify;text-align-last:justify;text-transform:uppercase}#home-container h2 br{display:none}#home-container p{display:block;width:100%;font-size:var(--homeSubtitleFontSize);font-family:Switzer-Light;color:var(--colorTextPrimary);margin:0;text-align:justify;text-align-last:justify;white-space:nowrap;transition:all .2s ease-in}#home-container p br{display:none}#home-container .home-text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;overflow:hidden}#scroll-arrow{position:absolute;bottom:calc(var(--homeSidePadding) / 2 - 5px);left:50%;display:flex;flex-direction:column;gap:0;padding:5px;overflow:hidden;aspect-ratio:1;transform:translate(-50%);cursor:pointer}#scroll-arrow .chevron-down{position:relative;width:1.5rem;height:auto}#scroll-arrow .chevron-down.loaded{animation:arrowFade 1.26s linear infinite}#scroll-arrow .chevron-down:not(:first-of-type){margin-top:-15%}@media only screen and (max-width:1900px){#app{--homeTitleFontSize: 6.35dvw}}@media only screen and (max-width:1400px){#app{--homeTitleFontSize: 6.25dvw}}@media only screen and (max-width:1200px){#app{--homeTitleFontSize: 6.1dvw}}@media only screen and (max-width:1000px){#app{--homeTitleFontSize: 6.1dvw}}@media only screen and (max-width:850px){#app{--homeTitleFontSize: 8.1dvw;--homeSubtitleFontSize: 3.5dvw}#home-container{justify-content:center;align-items:center;position:relative;top:unset;margin-top:calc(var(--navbarMargin) * 2 + var(--navbarNameFontSize));gap:calc(var(--gridCellSize) / 2);height:calc(100% - var(--navbarMargin) * 2 - var(--navbarNameFontSize) - var(--homeSidePadding));transform:unset}#home-container .home-text-container{max-width:70dvw}#home-container h2{width:100%;flex-direction:column;line-height:1}#home-container p{width:100%;white-space:nowrap;line-height:1;text-align:start;text-align-last:start}#home-container p br{display:inline}}@media only screen and (max-width:350px){#app{--homeTitleFontSize: 7.1dvw;--homeSubtitleFontSize: 3.1dvw}}@media only screen and (max-height:800px)and (orientation:landscape){#scroll-arrow{bottom:calc(var(--homeSidePadding) / 2 - var(--gridCellSize) / 4 - 5px)}}#state-indicator{position:fixed;display:flex;align-items:center;justify-content:center;width:calc(var(--gridCellSize) / 1.8);height:calc(var(--gridCellSize) * 5);top:50%;left:calc(var(--homeSidePadding) / 2);overflow:hidden;transform:rotate(180deg) translateY(50%) translate(50%)}#state-indicator p{position:absolute;color:var(--colorDark);font-family:Switzer-Bold;font-size:calc(var(--gridCellSize) / 2);writing-mode:vertical-rl;margin:0}#state-indicator.hidden{display:none}#scroll-indicator{position:fixed;height:2px;display:flex;align-items:center;justify-content:start;background:var(--colorScrollIndicatorBackground);width:calc(100dvw - var(--homeSidePadding) * 2);right:var(--homeSidePadding);margin-bottom:calc(var(--indexSize) / 2);transform:translateY(50%);transition:width .4s ease-out,right .4s ease-out}#scroll-indicator.project{width:calc(100dvw - var(--homeSidePadding) * 2 - var(--projectThumbSpacing) * 4 * (var(--projectsCount) - 1) - var(--indexSize) * var(--projectsCount) - var(--projectCloseButtonSize) - var(--projectThumbSpacing) * 20 - var(--projectThumbSpacing) * 15);right:calc(var(--homeSidePadding) + var(--projectThumbSpacing) * 15 + var(--indexSize) + var(--projectCloseButtonSize))}#scroll-indicator.gallery{width:calc(100dvw - var(--homeSidePadding) * 2 - (10px * 4) * (4 - 1) - var(--indexSize) * 4 - var(--indexSize) * 4);right:calc(var(--homeSidePadding))}#scroll-indicator.explore{width:calc(100dvw - var(--homeSidePadding) * 2)}#scroll-thumb{position:absolute;display:flex;align-items:center;justify-content:center;width:calc(var(--gridCellSize) + 4px);height:auto;aspect-ratio:1;margin:0;left:calc(var(--scrollProgress));transform:translate(-50%);transition:width .2s ease-out,height .2s ease-out}#scroll-thumb:before{content:"";position:absolute;width:8px;height:auto;aspect-ratio:1;background:var(--colorScrollIndicatorThumb);transition:width .2s ease-out,height .2s ease-out}#scroll-thumb:hover:before{width:calc(var(--gridCellSize) / 2 + 6px)}#scroll-thumb:hover{cursor:grab}#scroll-thumb.dragging{cursor:grabbing;width:calc(var(--gridCellSize) / 2 + 6px);height:calc(var(--gridCellSize) / 2 + 6px)}#scroll-to-start{position:absolute;width:2%;height:calc(100% + 2rem);left:0}#scroll-to-start:hover{cursor:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3c!--%20Generator:%20Adobe%20Illustrator%2029.8.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%202.1.1%20Build%202)%20--%3e%3cpolygon%20points='16%206.98%2016%209.02%205.92%209.02%2012.9%2016%2010.04%2016%202.04%208%2010.04%200%2012.9%200%205.92%206.98%2016%206.98'/%3e%3crect%20width='2.04'%20height='16'/%3e%3c/svg%3e"),auto}#scroll-to-end{position:absolute;width:2%;height:calc(100% + 2rem);right:0}#scroll-to-end:hover{cursor:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3c!--%20Generator:%20Adobe%20Illustrator%2029.8.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%202.1.1%20Build%202)%20--%3e%3cpolygon%20points='0%209.02%200%206.98%2010.08%206.98%203.1%200%205.96%200%2013.96%208%205.96%2016%203.1%2016%2010.08%209.02%200%209.02'/%3e%3crect%20x='13.96'%20width='2.04'%20height='16'/%3e%3c/svg%3e"),auto}@media only screen and (max-width:1400px){#scroll-indicator.project{width:calc(100dvw - var(--homeSidePadding) * 2 - var(--projectThumbSpacing) * 4 * (var(--projectsCount) - 1) - var(--indexSize) * var(--projectsCount) - var(--projectCloseButtonSize) - var(--projectThumbSpacing) * 10 - var(--projectThumbSpacing) * 7);right:calc(var(--homeSidePadding) + var(--projectThumbSpacing) * 7 + var(--indexSize) + var(--projectCloseButtonSize))}}