@import"https://fonts.googleapis.com/css2?family=Turret+Road:wght@200;300;400;500;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Electrolize&family=Geist+Pixel&family=Jersey+20+Charted&family=Rubik+Broken+Fax&family=Sixtyfour&family=Sixtyfour+Convergence&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bytesized&display=swap";@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&family=Press+Start+2P&display=swap";*,*:before,*:after{margin:0;padding:0;border:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #111;--fg: rgb(255, 145, 0);--fg-dim: rgba(255, 145, 0, .85);--muted: rgb(119, 119, 119);--tit: #ffffff;--font: "Pixelify Sans", sans-serif;--font-body: "Turret Road", sans-serif;--font-title: "Pixelify Sans", sans-serif;--font-size: 6.75vw;--font-size-title: 3.75vw;--font-size-2: 3vw;--line-height: 1.1em;--tracking: -2px;--margin-h: 60px;--margin-top: 40px;--ease: cubic-bezier(.22, 1, .36, 1);--dur: .45s}html,body{color:var(--tit);font-family:var(--font);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--tracking);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;height:100%;background-color:#000;margin:0;padding:0;min-height:100vh;overscroll-behavior:none}html.unloaded{overflow:hidden}a{text-decoration:none;color:inherit}:focus-visible{outline:2px solid var(--fg);outline-offset:4px;border-radius:2px}:focus:not(:focus-visible){outline:none}#bgVideo,#bgFallback{position:fixed;top:0;left:0;width:100%;height:120vh;z-index:0;background:#000}#bgVideo{object-fit:contain;opacity:.4;will-change:opacity}#bgFallback{background-image:url(/images/background.png);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:0;pointer-events:none}body.videoFallback #bgVideo{display:none}body.videoFallback #bgFallback{opacity:.4}#bg{position:fixed;inset:0;background:#000;z-index:-2}.wrapper{position:relative;z-index:10;margin:var(--margin-top) var(--margin-h) 0;margin-top:max(calc(var(--margin-top) - 14px),env(safe-area-inset-top));padding-bottom:60px}.fadeOnLoad{opacity:0;transform:translateY(14px);transition:opacity 0s,transform 0s}body.loaded .fadeOnLoad{opacity:1;transform:none;transition:opacity 1s var(--ease),transform 1s var(--ease)}#langSwitcher{position:fixed;top:calc(var(--margin-top) - 8px);right:var(--margin-h);z-index:30;display:flex;align-items:baseline;opacity:0;transition:opacity 1s var(--ease)}body.loaded #langSwitcher{opacity:1}.langBtn{background:none;border:none;color:var(--muted);font-family:var(--font);font-size:var(--font-size-2);line-height:var(--line-height);letter-spacing:var(--tracking);padding:0;cursor:pointer;transition:color var(--dur) var(--ease);-webkit-font-smoothing:antialiased}.langBtn:hover,.langBtn--active{color:var(--tit)}.langDivider{color:var(--fg);font-family:var(--font);font-size:var(--font-size-2);line-height:var(--line-height);letter-spacing:var(--tracking);padding:0 .15em;-webkit-font-smoothing:antialiased;user-select:none}.siteMeta{transition:color var(--dur) var(--ease)}body.openPanel .siteMeta{color:var(--muted)}.siteTitle{display:block;font-family:var(--font-title);font-size:inherit;font-weight:400;line-height:1.05;letter-spacing:inherit;white-space:normal;overflow-wrap:break-word;hyphens:none;max-width:100%}.nameBreak{display:none}@media (max-width: 767px){.nameBreak{display:inline}}#nav{margin-top:10px}.navLink{display:block;color:var(--muted);transition:color var(--dur) var(--ease);line-height:1.15}.navLink:hover,.navLink.active{color:var(--fg)}.expandablePanel{scroll-margin-top:3px}.expandablePanelTrigger{display:inline-block;color:var(--muted);font:inherit;letter-spacing:inherit;background:none;border:0;padding:0;text-align:left;cursor:pointer;transition:color var(--dur) var(--ease)}.expandablePanel.open .expandablePanelTrigger{color:var(--fg)}.expandablePanelContentContainer{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur) var(--ease)}.expandablePanel.open .expandablePanelContentContainer{grid-template-rows:1fr}.expandablePanelContent{min-height:0;overflow:hidden;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.expandablePanelContent>*{padding-top:0;padding-bottom:30px}.expandablePanel.open .expandablePanelContent{opacity:1;transform:none}.expandablePanelContent .project,#aboutSectionContent p,#contactLinks .contactLink{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.expandablePanel.open .expandablePanelContent .project,.expandablePanel.open #aboutSectionContent p,.expandablePanel.open #contactLinks .contactLink{opacity:1;transform:none}.expandablePanel.open .expandablePanelContent .project:nth-child(1),.expandablePanel.open #aboutSectionContent p:nth-child(1),.expandablePanel.open #contactLinks .contactLink:nth-of-type(1){transition-delay:.08s}.expandablePanel.open .expandablePanelContent .project:nth-child(2),.expandablePanel.open #aboutSectionContent p:nth-child(2),.expandablePanel.open #contactLinks .contactLink:nth-of-type(2){transition-delay:.16s}.expandablePanel.open .expandablePanelContent .project:nth-child(3),.expandablePanel.open #aboutSectionContent p:nth-child(3),.expandablePanel.open #contactLinks .contactLink:nth-of-type(3){transition-delay:.24s}.expandablePanel.open .expandablePanelContent .project:nth-child(4){transition-delay:.32s}.smallerText{font-size:3vw;line-height:1.3;letter-spacing:-1px;font-family:var(--font)}.smallerText p{margin-bottom:1.4em}.smallerText p:last-child{margin-bottom:0}.smallerText a{border-bottom:2px dashed var(--fg);padding-bottom:0}#aboutSectionContent{width:87.5%;font-family:var(--font-body);font-weight:550}#projects{margin-bottom:20px}.project{margin-bottom:8px}.projectPreview{position:relative;width:66.67%;display:block;z-index:10}.projectImages{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:2px}.project.classic .projectImages{aspect-ratio:3 / 2}.image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}.image.showing{opacity:1;pointer-events:auto}.image--contain{object-fit:contain;background:#000}.projectTitle{display:inline-block;color:var(--tit);transition:color var(--dur) var(--ease);margin-bottom:5px;font-size:var(--font-size-title)}.projectTitleLink{cursor:pointer}.projectTitleLink:hover{color:var(--fg)}.projectTech{display:block;color:var(--fg);font-family:var(--font-body);font-size:calc(var(--font-size-2) * .82);letter-spacing:-.5px;font-weight:400;line-height:1.3;margin-bottom:16px}.projectLinks{display:flex;flex-wrap:wrap;gap:18px;margin-top:2px}.projectLink{color:var(--tit);border-bottom:2px dashed var(--fg);font-size:var(--font-size-2);padding-bottom:0;line-height:1.05;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.projectLink:hover{color:var(--muted);border-color:var(--muted)}.projectDescription{color:var(--muted);font-family:var(--font-body);font-weight:550;font-size:var(--font-size-2);width:90%;margin-bottom:30px;line-height:1.25;letter-spacing:-1px;text-wrap:balance;overflow-wrap:break-word;hyphens:none}.imageCount{display:block;font-size:var(--font-size-2);margin-top:30px;line-height:1em;letter-spacing:0;color:var(--muted)}.imageContainerTriggerHolder{position:absolute;inset:0;z-index:2;display:none}.project.multipleImages .imageContainerTriggerHolder{display:block}.imageContainerTrigger{position:absolute;top:0;bottom:0;z-index:2;cursor:pointer}.imageContainerTrigger[data-dir="1"]{width:100%;left:0}#contactLinks{margin-top:10px}.contactLink{color:var(--tit);border-bottom:2px dashed var(--fg);padding-bottom:4;display:inline-block;margin-bottom:4px;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.contactLink:hover{color:var(--muted);border-color:var(--muted)}@media (max-width: 399px){:root{--font-size: 11.5vw;--font-size-title: 9vw;--font-size-2: 4.5vw;--line-height: 1.2em;--tracking: -1px;--margin-h: 18px;--margin-top: 16px}.wrapper{padding-top:10px;padding-bottom:80px}.projectPreview{width:100%}.projectDescription{width:100%;margin-bottom:16px}.project{margin-bottom:30px}.imageCount{margin-top:16px}#aboutSectionContent{width:100%}.smallerText{font-size:5vw;line-height:1.35}.imageContainerTrigger[data-dir="-1"]{display:none}.imageContainerTrigger[data-dir="1"]{width:100%;left:0}#langSwitcher{top:auto;bottom:calc(20px + env(safe-area-inset-bottom));right:18px;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:4px 10px;border-radius:6px}.langBtn,.langDivider{font-size:6vw!important}}@media (min-width: 400px) and (max-width: 599px){:root{--font-size: 11.5vw;--font-size-title: 8vw;--font-size-2: 4.5vw;--line-height: 1.2em;--tracking: -1.5px;--margin-h: 25px;--margin-top: 20px}.wrapper{padding-top:10px;padding-bottom:90px}.projectPreview{width:100%}.projectDescription{width:100%;margin-bottom:20px}.project{margin-bottom:48px}.imageCount{margin-top:20px}#aboutSectionContent{width:100%}.smallerText{font-size:4.5vw;line-height:1.3}.imageContainerTrigger[data-dir="-1"]{display:none}.imageContainerTrigger[data-dir="1"]{width:100%;left:0}#langSwitcher{top:auto;bottom:calc(28px + env(safe-area-inset-bottom));right:25px;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:4px 10px;border-radius:6px}.langBtn,.langDivider{font-size:5.5vw!important}}@media (min-width: 600px) and (max-width: 767px){:root{--font-size: 9vw;--font-size-title: 5.5vw;--font-size-2: 4vw;--line-height: 1.15em;--tracking: -1.5px;--margin-h: 32px;--margin-top: 24px}.projectPreview,.projectDescription{width:80%}.smallerText{font-size:4vw}.project{margin-bottom:40px}}@media (min-width: 768px) and (max-width: 1023px){:root{--font-size: 8vw;--font-size-title: 4.5vw;--font-size-2: 3.5vw;--line-height: 1.15em;--tracking: -2px;--margin-h: 40px;--margin-top: 28px}.projectPreview,.projectDescription{width:75%}.smallerText{font-size:3.5vw}.project{margin-bottom:32px}}@media (min-width: 1024px) and (max-width: 1279px){:root{--font-size: 7.25vw;--font-size-title: 4vw;--font-size-2: 3.2vw;--margin-h: 48px;--margin-top: 34px}.smallerText{font-size:3.2vw}}@media (min-width: 1280px) and (max-width: 1599px){:root{--font-size: 6.5vw;--font-size-title: 3.6vw;--font-size-2: 2.9vw;--margin-h: 64px;--margin-top: 44px}.projectPreview{width:62%}.projectDescription{width:85%}.smallerText{font-size:2.6vw}}@media (min-width: 1600px){:root{--font-size: 108px;--font-size-title: 60px;--font-size-2: 48px;--margin-h: 80px;--margin-top: 50px}.projectPreview{width:60%}.projectDescription{width:85%}.smallerText{font-size:28px}}@media (min-width: 2200px){:root{--font-size: 130px;--font-size-title: 72px;--font-size-2: 56px;--margin-h: 100px}.smallerText{font-size:32px}}@media (max-height: 500px) and (orientation: landscape){:root{--font-size: 8vw;--font-size-title: 5vw;--font-size-2: 3.5vw;--margin-top: 12px}#langSwitcher{top:var(--margin-top);bottom:auto;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0}.wrapper{padding-bottom:30px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.fadeOnLoad,.expandablePanelContent,.expandablePanelContent .project,#aboutSectionContent p,#contactLinks .contactLink{transform:none}}@media print{:root{--font-size: 28pt;--font-size-title: 18pt;--font-size-2: 12pt;--margin-h: 20mm}#bgVideo,#langSwitcher{display:none!important}body{color:#000;background:#fff}.siteTitle,.projectTitle,.contactLink,.navLink,.expandablePanelTrigger{color:#000}.expandablePanelContentContainer{grid-template-rows:1fr!important}.expandablePanelContent{overflow:visible!important;opacity:1!important;transform:none!important}.projectPreview,.projectDescription{width:100%}}@media (max-width: 599px){#bgVideo,#bgFallback{bottom:10vh;left:0;width:110%}}
