@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}::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}}.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;gap:var(--gutter);width:100%}.menu-items--left{justify-content:flex-end}.menu-items--left.is-single-post{justify-content:flex-start}.menu-items--left .menu--item{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{margin-left:var(--gutter);padding-top:1rem;padding-right:1rem;background-color:var(--color-hk-grey);color:var(--color-blue)}.menu-items--left .menu--index.hidden{display:none;visibility:hidden;opacity:0;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{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--close.hidden{visibility:hidden;opacity:0;transition:all .3s ease;cursor:pointer;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{color:var(--color-blue)}.landing-projects__list .item__2 a{text-decoration:none}.landing-projects__list .item__3{color:var(--color-green)}.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:hidden;overflow-x:auto}.landing-projects__image-wrap{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{display:flex;flex-direction:column;gap:var(--gutter);position:absolute;left:0;top:10%;background-color:var(--color-white);width:100%;height:-moz-fit-content;height:fit-content;opacity:1;visibility:visible;pointer-events:auto;transition:all .3s ease}.landing-projects__item-info.hidden{opacity:0;visibility:hidden;pointer-events:none}.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;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:100%}.info-section__image-title{font-size:24px;font-weight:700;color:var(--color-blue)}.info-section__item{background-color:var(--color-white)}.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;transition:opacity .4s ease}.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%;height:100%;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;text-align:center;width:75%;margin:0 auto;margin-top:1rem}@media(max-width: 48rem){.post-slideshow__group.is-multi{flex-direction:column}}@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 .menu--elias{margin-left:50%}.menu-items--center{display:flex;justify-content:flex-start;align-items:center;gap:1rem;width:37.5%;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{width:25%;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}.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{--left: 12.5%;--top: 0;display:flex;flex-direction:column;gap:var(--gutter);position:absolute;left:var(--left);top:var(--top);background-color:var(--color-white);width:37.5%;height:-moz-fit-content;height:fit-content;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease,visibility .3s ease}.landing-projects__item-info.hidden{opacity:0;visibility:hidden;pointer-events:none}.landing-projects__item-info.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}.info-section__item.item__1{order:1;width:var(--width);margin-left:50%}.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 */