:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#0c0c0c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Thin.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins-ThinItalic.ttf) format("truetype");font-weight:100;font-style:italic}@font-face{font-family:Poppins;src:url(/fonts/Poppins-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins-ExtraLightItalic.ttf) format("truetype");font-weight:200;font-style:italic}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Poppins;src:url(/fonts/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Poppins;src:url(/fonts/Poppins-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins-ExtraBoldItalic.ttf) format("truetype");font-weight:800;font-style:italic}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Black.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Roboto;font-style:normal;src:url(/fonts/Roboto.ttf) format("truetype")}@font-face{font-family:RobotoMono;font-style:normal;src:url(/fonts/RobotoMono.ttf) format("truetype")}:root{--borderMargin: clamp(4px, 3dvw, 40px);--borderPadding: clamp(4px, 3dvw, 40px);--h1FontSize: clamp(2rem, 4dvw, 5rem);--h2FontSize: clamp(1.5rem, 2.67dvw, 3.33rem);--h3FontSize: clamp(.6rem, .8dvw, 1rem);--h4FontSize: clamp(.5rem, .67dvw, .83rem);--pFontSize: clamp(.7rem, .7dvw, 2rem);--menuButtonFontSize: clamp(.5rem, .67dvw, .83rem)}.main{height:100dvh;width:100dvw;overflow:hidden;position:relative}.main *{font-family:Poppins,sans-serif;cursor:default}.main h1{font-size:var(--h1FontSize)}.main h2{font-size:var(--h2FontSize)}.main h3{font-size:var(--h3FontSize)}.main h4{font-size:var(--h4FontSize)}.main p{font-size:var(--pFontSize)}.fade{transition:opacity .3s ease-in-out}.fade.fade-in{opacity:1}.fade.fade-out{opacity:0}.container{position:relative;z-index:1;border:1px solid rgba(255,255,255,.4);height:calc(100dvh - 2 * var(--borderMargin) - 2 * var(--borderPadding));width:calc(100dvw - 2 * var(--borderMargin) - 2 * var(--borderPadding));margin:var(--borderMargin);padding:var(--borderPadding)}.container.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:0px;grid-row-gap:0px}.container.grid.Projects{grid-template-columns:1fr 1.8fr;grid-template-rows:repeat(2,1fr)}.container.grid .title{grid-area:1 / 1 / 2 / 2}.container.grid .menus{grid-area:2 / 1 / 3 / 2}.container.grid .content{grid-area:1 / 2 / 3 / 3}.container>.title{-webkit-user-select:none;user-select:none}.container>.title h1{font-size:var(--h1FontSize);line-height:.9;font-weight:100;letter-spacing:-5px}@media(max-width:768px){.container>.title h1{letter-spacing:-2px}}.container>.title h3{font-size:var(--h3FontSize);font-weight:200}.container>.menus{display:flex;align-items:end;gap:clamp(1rem,2dvw,4rem)}.container>.menus>div{display:flex;flex-direction:column;align-items:start;transition:opacity .3s ease}.container>.menus>div.menu{gap:.5rem}.container>.menus>div.project-menu{gap:.5rem}.container>.menus>div button{background:none;color:#fff;border:none;transition:opacity .3s ease;font-weight:500;font-size:var(--menuButtonFontSize);text-align:left}.container>.menus>div.menu button:not(.selected){cursor:pointer}.container>.menus>div.menu button:not(.selected):hover{opacity:.5}.container>.menus>div.menu button.selected:after{content:"•";font-weight:900;padding-left:1ch}.container>.menus>div.menu button:nth-child(2){cursor:pointer!important}.container>.menus>div.project-menu button{cursor:pointer}.container>.menus>div.project-menu button:not(.selected){opacity:.5}.container>.menus>div.project-menu button:not(.selected):hover{opacity:.3}.container>.content{text-align:right;overflow-y:scroll;width:100%;transition:opacity .3s ease}.container>.content.Projects{height:100dvh;position:absolute;right:0;top:calc(-1 * var(--borderMargin) - var(--borderPadding))}.container>.content:not(.Projects){display:flex;justify-content:end;align-items:end}.container>.content::-webkit-scrollbar{display:none}.container>.content h2{font-size:var(--h2FontSize);line-height:1;font-weight:100;cursor:pointer;transition:opacity .3s ease}.container>.content p,.container>.content h4{font-size:var(--h4FontSize);font-weight:400;line-height:1.2;text-align:left;letter-spacing:-.5px}.container>.content a{text-decoration:underline;color:inherit;cursor:pointer;display:inline-block}.container>.content p{max-width:16ch}.container>.content h2:hover{opacity:.5}.container>.content .project a{border:none}.container>.content>div{display:flex;flex-direction:column;align-items:end}.container>.content>div:last-child{padding-bottom:calc(var(--borderMargin) + var(--borderPadding))}.container>.content>div:first-child{padding-top:calc(var(--borderMargin) + var(--borderPadding))}.container>.content>div:not(:last-child){padding-bottom:clamp(2rem,3dvw,4rem)}.container>.content>div h2>sup{font-size:2rem}.container>.content>div h4{font-weight:600}.container>.content>div:last-child h4{font-weight:300}.container>.content.Contact{display:flex;flex-direction:column}.container>.content.Contact a{text-decoration:underline;color:inherit;display:flex}.container>.content.Contact a *{cursor:pointer}.container>.content.Contact a p{border-bottom:1px solid transparent;width:fit-content}.container>.content.Contact a:hover p:first-child{border-bottom:1px solid white}.container>.selected-project{height:100%;width:100%;display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.container>.selected-project{flex-direction:column;align-items:start}}.container>.selected-project>div:last-child{text-align:right;max-width:40%}@media(max-width:768px){.container>.selected-project>div:last-child{max-width:100%;width:100%}}.container>.selected-project h4{font-weight:400;font-size:var(--h4FontSize)}.container>.selected-project h2{line-height:1;font-weight:200;font-size:var(--h2FontSize)}.container>.selected-project button{background-color:transparent;border:none;position:absolute;transform:translate(-50%,-50%);left:calc(var(--borderMargin) - .75rem);top:calc(var(--borderMargin) - .5rem);bottom:auto}@media(max-width:768px){.container>.selected-project button{top:auto;left:calc(var(--borderMargin) + .75rem);bottom:calc(var(--borderMargin) - 1.75rem)}}.container>.selected-project button svg{height:1.5rem;width:1.5rem;filter:invert();cursor:pointer;padding:.25rem}.container>.selected-project button svg path{cursor:pointer}.container>.selected-project>div:last-child h4.type{font-size:var(--pFontSize);padding-top:1rem;font-weight:600}.container>.selected-project>div:last-child p a{cursor:pointer;color:inherit;text-decoration:underline;transition:opacity .3s ease-in-out}.container>.selected-project>div:last-child p a:hover{opacity:.5}.container>.selected-project>div:last-child svg{height:1.5rem;width:1.5rem;filter:invert();cursor:pointer}.container>.selected-project>div:last-child img.thumbnail{cursor:pointer;height:1.5rem;width:1.5rem;border:1px white solid;border-radius:5px}.container>.selected-project>div:last-child img.thumbnail:not(:last-of-type){margin-right:-.6rem}.container>.selected-project>div:last-child img.thumbnail-more{filter:brightness(.5);position:relative}.show-img{position:absolute;transform:translate(-50%,-50%);height:100%;width:100%;top:50%;left:50%;z-index:999;gap:1rem;background-color:#0c0c0ce6;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.show-img img.main-img{max-width:80dvw;max-height:80dvh;object-fit:cover;border-radius:1rem}.show-img>div{display:flex;justify-content:center;align-items:center;gap:.5rem}.show-img>div img{cursor:pointer;height:2rem;width:2rem;border:1px white solid;border-radius:5px}.black-bar{position:absolute;width:100dvw;height:var(--borderMargin);background-color:#0c0c0ce6;left:0;z-index:999}.black-bar.top{top:0}.black-bar.bottom{bottom:-2px}