@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--base-color-light:#fafafa;--base-color-dark:#050505;--font-size:14px;--gutter:clamp(1rem, calc(1.5vw + 1rem) , 2rem);--line-height: clamp(.75, 1.5, 1.75)}::selection{background-color:#7cfc00;color:#000}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}body{margin:0 var(--gutter);background-color:var(--base-color-light);color:var(--base-color-dark);font-family:Be Vietnam Pro,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:var(--font-size);text-wrap:balance;white-space:pre-line;overflow-x:hidden}body::-webkit-scrollbar{display:none}.language-toggle{z-index:3;position:absolute;bottom:var(--gutter);right:var(--gutter);font-size:var(--font-size)}ul{margin:0;list-style-type:none;padding-inline-start:0}li{line-height:var(--line-height)}button{all:unset;text-decoration:inherit;color:inherit;transition:color .2s;cursor:pointer}.language-toggle{font-size:var(--font-size);position:fixed;bottom:var(--gutter);right:var(--gutter);display:inline-flex;align-items:center;justify-content:center;width:2rem;padding:.5rem .75rem;border:1px solid var(--base-color-dark);border-radius:999px;background-color:var(--base-color-light);text-align:center;z-index:2}.language-toggle:hover{background-color:color-mix(in srgb,var(--base-color-light),black 5%)}p{line-height:var(--line-height)}a{color:inherit;text-decoration:none;transition:color .2s}.information dl{margin:0}.information dd{margin:0 0 var(--gutter) 0}figure{margin:0}.project-images-carousel{scrollbar-width:none}.project-images-carousel::-webkit-scrollbar{display:none}.image-focus{background-color:var(--base-color-light);position:fixed;inset:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;cursor:pointer;overflow:hidden;overscroll-behavior:contain}.image-focus img{max-width:90%;max-height:63%;object-fit:contain;cursor:pointer}@media(max-width:768px){.image-focus img{max-height:54%}}.image-focus__thumbs-row{position:absolute;top:calc(var(--gutter) * .5);left:0;right:0;transform:none;display:flex;justify-content:center;align-items:center;gap:calc(var(--gutter) * .25);padding:0 var(--gutter);box-sizing:border-box}@media(max-width:768px){.image-focus__thumbs-row{top:calc(var(--gutter) * .75)}}.image-focus__thumbs{display:flex;gap:calc(var(--gutter) * .25);justify-content:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:calc(var(--gutter) * .25) var(--gutter);width:100%;margin:0 auto}.image-focus__thumbs::-webkit-scrollbar{display:none}.image-focus__thumbs{scrollbar-width:none}.image-focus__thumb{padding:0;border:none;background:none;width:auto;height:auto;max-height:40px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;transition:transform .2s ease,opacity .2s ease}.image-focus__thumb.is-active{transform:scale(1.25)}.image-focus__thumb img{height:100%;width:auto;max-height:40px;object-fit:contain;display:block}.image-focus__thumb:hover{transform:scale(1.25)}.image-focus figcaption{justify-self:left;align-items:left}.image-focus-btn-exit{position:absolute;bottom:var(--gutter);right:calc(var(--gutter) * 3)}.image-focus-btn-prev{position:absolute;bottom:var(--gutter);left:var(--gutter)}.image-focus-btn-next{position:absolute;bottom:var(--gutter);right:var(--gutter)}.project-images{grid-column:1/-1;width:calc(100% + (var(--gutter) * 2));max-width:none;box-sizing:border-box;margin-inline:calc(-1 * var(--gutter))}.project-images-list{display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;width:100%;align-items:center;padding:0 var(--gutter);margin:0;scroll-padding-inline:var(--gutter);scrollbar-width:none}.project-images-list::-webkit-scrollbar{display:none}.project-images-list--carousel:before,.project-images-list--carousel:after{content:"";flex:0 0 var(--gutter)}.project-images-carousel{display:flex;overflow-x:auto;overflow-y:hidden;gap:calc((var(--gutter)));-webkit-overflow-scrolling:touch;width:100%;align-items:center}.project-images-carousel :first-child,.project-images-carousel :last-child{padding-inline:0}.project-images-bleed{margin-inline:calc(-1 * var(--gutter))}.project-images-bleed .project-images-carousel{padding-inline:var(--gutter)}.project-figure{flex:0 0 clamp(14rem,40vw,20rem);scroll-snap-align:start;flex-direction:column;max-height:clamp(14rem,40vw,20rem);width:clamp(14rem,40vw,20rem);display:flex}.project-figure--carousel{height:clamp(14rem,40vw,20rem)}.project-image{flex:1 1 auto;max-width:95%;max-height:85%;object-fit:contain;cursor:pointer}.project-image-button{all:unset;display:block;display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer}a:focus-visible,button:focus-visible{background-color:#7cfc00;color:#000}.project-image-button:focus-visible{background-color:#7cfc00}.hoverable{cursor:pointer}.hoverable:hover{color:color-mix(in srgb,var(--base-color-dark),black 25%);transform:scale(1.02);opacity:1}button:hover{color:var(--base-color-dark);cursor:pointer}.item-unfocus{color:color-mix(in srgb,var(--base-color-dark) 50%,white 2%)}.projects a{text-decoration:underline}.projects a:hover{background-color:#7cfc00;transition:none}.layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter)}.information,.projects{display:grid;grid-column:1 / -1;gap:var(--gutter);grid-template-columns:1fr;grid-auto-rows:minmax(10vh,auto)}.project-content{grid-column:1}nav{grid-column:1 / span 2;grid-row:1}.information-experience-button{grid-column:1;grid-row:2}.information-sociallinks{grid-column:2}.information-experience-list{grid-column:1}.project-description{grid-column:1 / -1}@media(min-width:1024px){:root{--font-size:clamp(7px, calc(1vw + 1rem - 3px) , 17px)}.layout{grid-template-columns:1fr 1fr 2fr}.language-toggle{font-size:var(--font-size)}nav{grid-column:1}.information,.projects{display:grid;grid-column:2 / -1;grid-template-columns:subgrid;grid-auto-rows:minmax(30vh,auto)}.projects-list{grid-column:1}.project-content{grid-column:2 / span 2;display:contents}.project-details{grid-column:3;grid-row:1}.project-images{grid-column:1 / -1;grid-row:2}.information-description{grid-column:2}.project-container{grid-column:1 / -1;grid-row:1 / -1}.project-image-caption{grid-column:1 / -1}.information-experience-button,.information-description{grid-column:1}.information-sociallinks,.information-experience-list{grid-column:2}}.utility-border-top{position:relative}.utility-border-top:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background-color:var(--base-color-dark, currentColor)}@media(max-width:768px){.utility-border-top:before{height:1px}body{margin:0 calc(var(--gutter) * .75) 0 calc(var(--gutter) * .75)}}