@font-face{font-family:"gt-regular";src:url("../fonts/GT-Standard-Mono-Standard-Regular.woff2") format("woff2"),url("../fonts/GT-Standard-Mono-Standard-Regular.woff") format("woff"),url("../fonts/GT-Standard-Mono-Standard-Regular.ttf") format("truetype"),url("../fonts/GT-Standard-Mono-Standard-Regular.otf") format("opentype");font-weight:400;font-display:swap}@font-face{font-family:"gt-oblique";src:url("../fonts/GT-Standard-Mono-Standard-Regular-Oblique.woff2") format("woff2"),url("../fonts/GT-Standard-Mono-Standard-Regular-Oblique.woff") format("woff"),url("../fonts/GT-Standard-Mono-Standard-Regular-Oblique.ttf") format("truetype"),url("../fonts/GT-Standard-Mono-Standard-Regular-Oblique.otf") format("opentype");font-weight:400;font-display:swap}.text-sm{font-family:"gt-regular",monospace;font-size:10px;line-height:11.5px;font-weight:400}.text-md{font-family:"gt-regular",monospace;font-size:12px;line-height:17px;font-weight:400}.text-mobile-md{font-family:"gt-regular",monospace;font-size:11px;line-height:12.5px;font-weight:400}.text-clamp-md{font-family:"gt-regular",monospace;font-size:clamp(11px,10.67px + .1vw,12px);line-height:clamp(12.5px,11px + .47vw,17px);font-weight:400}.text-oblique{font-family:"gt-oblique",monospace}.uppercase{text-transform:uppercase}.blk{color:var(--color-blk)}.white{color:var(--color-white)}.red{color:var(--color-red)}.green{color:var(--color-green)}.blue{color:var(--color-blue)}.hk-grey{color:var(--color-hk-grey)}a{text-decoration:none;transition:all .3s ease}a:hover{color:var(--color-red);transition:all .3s ease}:root{--color-blk: #000000;--color-white: #ffffff;--color-red: #ff0000;--color-green: #00ff00;--color-blue: #0004F5;--color-hk-grey: #f5f5f5;--gutter: 5px}*{margin-block-start:0;margin-block-end:0;margin:0;box-sizing:border-box}html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-variant-ligatures:none;-webkit-font-variant-ligatures:none;font-size:14px;line-height:18px;font-size:min(max(14px, 1.5vw), 22px);line-height:min(max(18px, 1.8vw), 22px);scroll-behavior:smooth}img{margin:0;padding:0;border:none;display:block}body{background-color:var(--color-hk-grey)}@view-transition{navigation:auto}#site-navigation{view-transition-name:site-navigation}.site-main{position:relative;view-transition-name:site-main}::view-transition-group(site-navigation){animation-duration:750ms;animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}::view-transition-old(site-navigation){animation:site-nav-vt-old 750ms cubic-bezier(0.25, 0.1, 0.25, 1) both}::view-transition-new(site-navigation){animation:site-nav-vt-new 750ms cubic-bezier(0.25, 0.1, 0.25, 1) both}@keyframes site-nav-vt-old{0%{opacity:1}100%{opacity:0}}@keyframes site-nav-vt-new{0%{opacity:0}100%{opacity:1}}::view-transition-group(site-main){animation-duration:400ms;animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}::view-transition-old(site-main){animation:site-main-vt-old 400ms cubic-bezier(0.25, 0.1, 0.25, 1) both}::view-transition-new(site-main){animation:site-main-vt-new 400ms cubic-bezier(0.25, 0.1, 0.25, 1) both}@keyframes site-main-vt-old{0%{opacity:1}100%{opacity:0}}@keyframes site-main-vt-new{0%{opacity:0}100%{opacity:1}}.hidemobile{display:none}#site-navigation{position:fixed;top:0;left:0;width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0 var(--gutter);z-index:100}#site-navigation a{text-decoration:none}.menu-items{display:flex;flex-direction:row;width:100%}.menu-items--left{width:60%}.menu-items--left .menu--item{height:-moz-fit-content;height:fit-content;padding-top:1rem;padding-right:1rem;background-color:var(--color-green);color:var(--color-blk);transition:all .3s ease}.menu-items--left .menu--item.inactive{background-color:var(--color-hk-grey);color:var(--color-blue);transition:all .3s ease}.menu-items--left .menu--index{width:37.5%;margin-left:var(--gutter);padding-top:1rem;padding-right:1rem;background-color:var(--color-hk-grey);color:var(--color-blue);opacity:0;visibility:hidden;transition:all .3s ease;cursor:pointer;pointer-events:none}.menu-items--center{display:none}.menu-items--center .item__1,.menu-items--center .item__2,.menu-items--center .item__3{display:none}.menu-items--right{width:40%;justify-content:flex-end}.menu-items--right .menu--item{padding-top:1rem;padding-right:1rem}.menu-items--right .menu--item:hover{background-color:var(--color-green);color:var(--color-blk);transition:all .3s ease;cursor:pointer}.menu-items--right .menu--item:active{background-color:var(--color-green);color:var(--color-blk);transition:all .3s ease}.menu-items--right .menu--item:focus{background-color:var(--color-green);color:var(--color-blk);transition:all .3s ease;cursor:pointer}.menu-items--right .menu--about{color:var(--color-blue)}.menu-items--right .menu--close.hidden,.menu-items--right .menu--close.hidden:hover,.menu-items--right .menu--close.hidden:active,.menu-items--right .menu--close.hidden:focus{visibility:hidden;opacity:0;background-color:rgba(0,0,0,0);color:rgba(0,0,0,0);overflow:hidden;pointer-events:none}.landing-text{padding:var(--gutter)}.landing-text__item{padding:0}.landing-text__item p{margin:0}.landing-projects__list .item__1{display:none;color:var(--color-blue)}.landing-projects__list .item__2{display:none;color:var(--color-blue)}.landing-projects__list .item__2 a{text-decoration:none}.landing-projects__list .item__3{color:var(--color-green)}.landing-projects__list .landing-text__item a{color:var(--color-green)}.landing-projects__list .landing-text__item a:hover{color:var(--color-red);transition:all .3s ease}.landing-categories__switch{position:fixed;bottom:1rem;left:var(--gutter)}.landing-categories__switch .landing-categories__switch--item{display:block;cursor:pointer;color:var(--color-blue)}.landing-categories__switch .landing-categories__switch--item:hover{color:var(--color-red);transition:all .3s ease}.landing-categories__switch .landing-categories__switch--item.inactive{display:none}.landing-projects{padding:var(--gutter)}.landing-projects__list{display:flex;flex-direction:column;gap:2rem;padding:0;margin:0;padding-bottom:8rem}.landing-projects__item{display:flex;flex-direction:column}.landing-projects__item-content{display:flex;flex-direction:column;justify-content:space-between}.landing-projects__item-content .landing-projects__title-link{width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;text-decoration:none;color:inherit;padding:0 12px 20px 0;background-color:var(--color-white)}.landing-projects__item-content .landing-projects__item-info-button{display:none}.landing-projects__images{display:flex;flex-direction:row;gap:var(--gutter);height:10vh;height:10dvh;overflow-y:hidden;overflow-x:auto;touch-action:pan-x pinch-zoom;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.landing-projects__images::-webkit-scrollbar{display:none}.landing-projects__image-wrap{flex-shrink:0;height:100%;width:auto}.landing-projects__image-wrap.is-visible{visibility:visible;opacity:1;transition:all .3s ease;cursor:pointer;pointer-events:auto}.landing-projects__image-wrap.is-hidden{visibility:hidden;opacity:0;transition:all .3s ease;cursor:pointer;pointer-events:none}.landing-projects__image{width:auto;height:100%;-o-object-fit:cover;object-fit:cover}.landing-projects__item-info,.page-overlay{display:flex;flex-direction:column;gap:var(--gutter);position:fixed;left:0;top:10%;background-color:var(--color-white);width:100%;height:-moz-fit-content;height:fit-content;max-height:70vh;opacity:1;visibility:visible;pointer-events:auto;transition:all .3s ease;z-index:999}.landing-projects__item-info.hidden,.page-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.landing-projects__item-info-description{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--gutter);margin:var(--gutter)}@media screen and (max-width: 899px){.landing-projects__item-info{left:1.25rem;width:calc(100% - 3.5rem);cursor:pointer}.landing-projects__item-info-text{cursor:auto}.landing-projects__item-info-close{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem}}.landing-projects__item-info-text,.page-overlay__body{margin:var(--gutter);overflow-y:scroll;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0)}.landing-projects__item-info-text::-webkit-scrollbar,.page-overlay__body::-webkit-scrollbar{width:6px}.landing-projects__item-info-text::-webkit-scrollbar-track,.page-overlay__body::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.landing-projects__item-info-text img{display:inline-block;height:8rem;width:auto !important;vertical-align:top;margin:var(--gutter) var(--gutter) 0 0}.info-section{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:initial;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-behavior:smooth;opacity:1;visibility:visible;transition:all .3s ease;-webkit-overflow-scrolling:touch;z-index:99;padding:var(--gutter)}.info-section.hidden{visibility:hidden;opacity:0;transition:all .3s ease;cursor:pointer;pointer-events:none}.info-section__content{display:flex;flex-direction:column;justify-content:space-between;gap:var(--gutter);margin-top:5vh;padding-bottom:var(--gutter)}.single-post .info-section{top:3rem}.single-post .info-section__content{background-color:var(--color-hk-grey)}.info-section__image{width:50%;height:auto}.info-section__image-img{width:100%;height:auto}.info-section__image-title{font-size:24px;font-weight:700;color:var(--color-blue)}.info-section__item{background-color:var(--color-white);padding:var(--gutter)}.info-section__item.item__1{width:50%;color:var(--color-blue)}.info-section__item.item__2{margin-left:auto;width:75%;color:var(--color-red)}.info-section__item.item__3{width:100%;color:var(--color-red)}.post-slideshow{display:flex;justify-content:center;align-items:center;height:100vh;height:100dvh;margin:0 5vw;padding:var(--gutter)}.post-slideshow__images{position:relative;width:100%;height:calc(80vh - var(--gutter)*2);height:calc(80dvh - var(--gutter)*2);cursor:pointer}.post-slideshow__image-wrap{position:absolute;inset:0;min-height:0;transition:opacity .4s ease}.post-slideshow__image-wrap:not(.is-text-slide){display:flex;flex-direction:column}.post-slideshow__image-wrap.is-visible{opacity:1;visibility:visible;pointer-events:auto}.post-slideshow__image-wrap.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.post-slideshow__group{display:flex;width:100%;flex:1 1 0;min-height:0;gap:var(--gutter);justify-content:center}.post-slideshow__group.is-single{flex-direction:column}.post-slideshow__group.is-multi{flex-direction:row;align-items:stretch}.post-slideshow__group-item{position:relative;min-width:0;height:100%}.post-slideshow__image{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.post-slideshow__description{position:relative;flex:0 0 auto;text-align:center;width:75%;margin:1rem auto 0}.post-slideshow__image-wrap.is-text-slide{display:flex;flex-direction:column;align-items:center;justify-content:center}.post-slideshow__image-wrap.is-text-slide .post-slideshow__group{display:none}.post-slideshow__image-wrap.is-text-slide .post-slideshow__description{width:min(90%,40rem);margin:0;text-align:center}@media screen and (min-width: 900px){.hidedesktop{display:none !important}.hidemobile{display:block}.menu-items--left{justify-content:flex-start;width:25%}.menu-items--left.is-single-post{width:auto}.menu-items--left.is-single-post .menu--index{opacity:1;visibility:visible;transition:all .3s ease;cursor:pointer;pointer-events:auto;width:-moz-fit-content;width:fit-content;margin-right:4rem;background-color:var(--color-green);color:var(--color-blk);transition:all .3s ease}.menu-items--left.is-single-post .menu--index.inactive,.menu-items--left.is-single-post .menu--index:hover{background-color:var(--color-hk-grey);color:var(--color-blue);transition:all .3s ease}.menu-items--left.is-single-post .menu--elias{background-color:var(--color-hk-grey);color:var(--color-blue);transition:all .3s ease}.menu-items--left.is-single-post .menu--elias:hover{background-color:var(--color-green);color:var(--color-blk);transition:all .3s ease}.menu-items--left .menu--item{height:-moz-fit-content;height:fit-content}.menu-items--center{display:flex;justify-content:flex-start;align-items:start;gap:1rem;width:50%;margin-right:auto;transition:all 1.6s ease}.menu-items--center.hidden{display:none;visibility:hidden;opacity:0;transition:all .3s ease;cursor:pointer;pointer-events:none}.menu-items--center .item__1{display:initial;order:2;color:var(--color-blue)}.menu-items--center .item__2{display:initial;order:1;color:var(--color-blue)}.menu-items--center .item__2 .mailto{--spread: 1;--step: 1.5em;display:inline-flex;flex-direction:row;align-items:flex-start;line-height:1}.menu-items--center .item__2 .mailto>div:nth-child(2){display:flex;flex-direction:row;align-items:flex-start}.menu-items--center .item__2 .mailto>div:nth-child(3){align-self:flex-end}.menu-items--center .item__2 .mailto span{display:inline-block;line-height:1;margin-top:calc(var(--i)*var(--step)*var(--spread))}.menu-items--center .item__3{display:none}.menu-items--right{justify-content:flex-start;width:12.5%;gap:0}.menu-items--right .menu--item{background-color:rgba(0,0,0,0);position:relative;overflow:hidden}.menu-items--right .menu--item:hover,.menu-items--right .menu--item:focus{background-color:rgba(0,0,0,0)}.menu-items--right .menu--item::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-green);z-index:-1;transition:transform 300ms;transform:scaleX(0);transform-origin:right}.menu-items--right .menu--item:hover::before,.menu-items--right .menu--item:focus::before{transform:scaleX(1);transform-origin:left}.menu-items--right.is-single-post .menu--about{color:var(--color-red)}.menu-items--right.is-single-post .menu--about:hover{color:var(--color-blk);transition:all .3s ease}.landing-projects__list .item__1,.landing-projects__list .item__2{display:none}.landing-projects__item{flex-direction:row}.landing-projects__item-content .landing-projects__item-info-button{display:initial;opacity:1;visibility:visible;cursor:pointer;pointer-events:auto;transition:all .3s ease}.landing-projects__item-content .landing-projects__item-info-button.hidden{opacity:0;visibility:hidden;cursor:pointer;pointer-events:none;transition:all .3s ease}.landing-projects__item-info,.page-overlay{--left: 12.5%;--top: 0;display:flex;flex-direction:column;gap:var(--gutter);position:fixed;left:var(--left);top:var(--top);background-color:var(--color-white);width:50%;height:-moz-fit-content;height:fit-content;max-height:80vh;overflow-y:auto;overscroll-behavior-y:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);z-index:999}.landing-projects__item-info::-webkit-scrollbar,.page-overlay::-webkit-scrollbar{width:6px}.landing-projects__item-info::-webkit-scrollbar-track,.page-overlay::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.landing-projects__item-info::-webkit-scrollbar-thumb,.page-overlay::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border:none}.landing-projects__item-info,.page-overlay{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease,visibility .3s ease}.landing-projects__item-info.hidden,.page-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.landing-projects__item-info.is-dragging,.page-overlay.is-dragging{transition:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.landing-projects__item-info-description{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--gutter)}.landing-projects__item-info-description.is-draggable-handle{cursor:move}.landing-projects__item-info-close{cursor:pointer;pointer-events:auto;transition:all .3s ease;margin:var(--gutter)}.info-section{pointer-events:none;padding:0}.info-section__content{flex-direction:row;flex-wrap:wrap;gap:0}.info-section__image{width:12.5%;margin-left:12.5%;margin-bottom:5%;order:2}.info-section__item{--width: calc(25% - (var(--gutter) / 2));pointer-events:auto;height:-moz-fit-content;height:fit-content;margin:0}.info-section__item.item__1{order:1;width:var(--width);margin-left:50%;margin-bottom:10%}.info-section__item.item__2{order:4;width:var(--width);margin-left:var(--width)}.info-section__item.item__3{order:3;width:var(--width);margin:0 calc(var(--width)/2)}}/*# sourceMappingURL=app.css.map */