@import"https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";@font-face{font-family:Times-New-Roman-MT-Std-Bold-Condensed;src:url(/Times-New-Roman-MT-Std-Bold-Condensed.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Satoshi;src:url(/Satoshi/Satoshi-Light.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:Satoshi;src:url(/Satoshi/Satoshi-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Satoshi;src:url(/Satoshi/Satoshi-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Satoshi;src:url(/Satoshi/Satoshi-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Satoshi;src:url(/Satoshi/Satoshi-Black.otf) format("opentype");font-weight:900;font-style:normal}@font-face{font-family:Satoshi;src:url(/Satoshi/Satoshi-LightItalic.otf) format("opentype");font-weight:300;font-style:italic}@font-face{font-family:Satoshi;src:url(/Satoshi/Satoshi-Italic.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:Satoshi;src:url(/Satoshi/Satoshi-MediumItalic.otf) format("opentype");font-weight:500;font-style:italic}@font-face{font-family:Satoshi;src:url(/Satoshi/Satoshi-BoldItalic.otf) format("opentype");font-weight:700;font-style:italic}@font-face{font-family:Satoshi;src:url(/Satoshi/Satoshi-BlackItalic.otf) format("opentype");font-weight:900;font-style:italic}@font-face{font-family:Gangster Grotesk;src:url(/Gangster%20Grotesk/GangsterGrotesk-Light.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:Gangster Grotesk;src:url(/Gangster%20Grotesk/GangsterGrotesk-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Gangster Grotesk;src:url(/Gangster%20Grotesk/GangsterGrotesk-Bold.otf) format("opentype");font-weight:700;font-style:normal}:root{--transition: .4s ease}html{scroll-behavior:smooth;scrollbar-width:none;scrollbar-color:var(--hover) var(--background)}body{overscroll-behavior:none;-webkit-overflow-scrolling:touch;background-color:var(--background)}html,body{height:auto;scroll-snap-type:y mandatory}@media (max-width: 1000px){html,body{scroll-behavior:none;overflow-y:none}}[data-theme=dark]{--background: #0b1020;--home: #1e3a8a;--primary: #c7d2fe;--secondary: #cfd8e3;--hover: #d4af37;--font-primary: "Gangster Grotesk", sans-serif;--font-secondary: "Satoshi", sans-serif;--nameWeight: 300;--profWeight: 700;--headerWeight: 300;--header2Weight: 400;--textWeight: 400;--navWeight: 300}[data-theme=light]{--background: #bd410c;--home: #EF8A17;--primary: #e4c5ab;--secondary: #e4c5ab;--hover: #d49a68;--font-primary: "Gangster Grotesk", sans-serif;--font-secondary: "Satoshi", sans-serif;--nameWeight: 300;--profWeight: 400;--headerWeight: 300;--header2Weight: 500;--textWeight: 400;--navWeight: 400}*{margin:0;padding:0;scroll-behavior:smooth;-webkit-user-select:none;user-select:none;color:var(--primary);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition:background-color var(--transition),color var(--transition),border-color var(--transition)}.HoverAni{color:var(--secondary);position:relative;margin-bottom:.1em;text-decoration:none;width:fit-content;transition:color .2s ease-in}.HoverAni:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--secondary);transition:width .4s ease-in-out}.HoverAni:hover:after{width:100%}.HoverAni:hover{color:var(--secondary);cursor:pointer}.noise-overlay{position:fixed;left:0;top:0;width:100vw;height:100vh;pointer-events:none;z-index:50}.workMainCon{display:flex;flex-direction:column;background-color:var(--background);width:100%;overflow-x:none;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none}.workMainCon::-webkit-scrollbar{display:none}.workHeader{display:flex;justify-content:space-between;align-items:end;padding-top:12vh;padding-bottom:8vh;width:100%;scroll-snap-align:start}.workMainTitle{font-family:var(--font-primary);font-weight:var(--headerWeight);color:var(--secondary);font-size:6vw;display:flex;text-align:end;line-height:.8;margin-left:3vw}.workDes{font-family:var(--font-secondary);color:var(--secondary);font-weight:var(--text);font-size:1vw;margin-right:3vw;text-align:start;width:20%}.worksCon{margin-top:0vh;margin-bottom:7vh;padding-left:5vw;padding-right:5vw}.worksGrid{display:grid;grid-template-columns:1fr;row-gap:5vh}.worksCard{display:flex;flex-direction:column;justify-content:start;width:100%;height:auto}.worksImg{width:100%;height:100%;aspect-ratio:16 / 9}.worksInfo{font-family:var(--font-secondary);color:var(--hover);font-weight:var(--text);margin-top:.5em;font-size:.8em}.worksTitle{font-family:var(--font-primary);color:var(--secondary);font-weight:var(--headerWeight);font-size:2em;line-height:1em;margin-top:.2em}.worksTitle span{color:var(--secondary)}.worksCard:hover .worksTitle span{color:var(--hover)}@media (max-width: 1000px){.workHeader{display:flex;flex-direction:column;align-items:start;gap:1em;padding-top:8vh;padding-bottom:6vh;scroll-snap-align:none}.workMainTitle{font-size:14vw;margin-left:4vw;line-height:1}.workDes{font-size:3.5vw;margin-left:4vw;width:90%;text-align:start}}.worksConPC{position:relative;width:100%;height:auto;overflow:visible;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none}.worksPCcard{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;scroll-snap-align:start}.imgCON{position:relative;height:100%;width:100%}.worksTi{position:absolute;z-index:20;bottom:.6em;left:.5em;font-size:4em;mix-blend-mode:difference;font-family:var(--font-primary);color:#fff}.onlysvg{width:1em;height:1em;mix-blend-mode:difference;color:#fff}.moreDetail{position:absolute;z-index:20;bottom:2.5em;right:2em;mix-blend-mode:difference;font-family:var(--font-primary);font-size:1.2em;color:#fff;font-weight:300;text-decoration:underline}.navbarCon{display:flex;justify-content:end;align-items:start;position:fixed;top:0;width:100%;z-index:20}.link{font-family:var(--font-primary);font-weight:var(--navWeight);color:var(--secondary);font-size:1em;text-decoration:none;width:auto}.link span{color:var(--secondary)}.link:hover span{color:var(--hover)}.homeLink{font-family:var(--font-primary);font-weight:var(--navWeight);color:var(--primary);font-size:1em;text-decoration:none;width:auto}.homeLink span{color:var(--primary)}.homeLink:hover{color:var(--hover);cursor:pointer}.menuCon{display:flex;justify-content:end;align-items:end;position:fixed;width:100%;z-index:20;top:4vw;right:4vw;flex-direction:column}.menuOpen{position:fixed;top:0;left:0;background-color:var(--background);width:100dvw;height:100dvh;z-index:15}.menuBTCon{display:flex;flex-direction:column;justify-content:start;margin-left:20vw;margin-top:30vw;width:100%}.menuBT{line-height:1.5em;color:var(--secondary);font-family:var(--font-primary);font-weight:var(--navWeight);font-size:3em;text-decoration:none}.sec{color:var(--secondary)}.mar{position:absolute;bottom:3em;right:7vw;display:flex;justify-content:end;align-items:end;flex-direction:column;gap:.5em}.let{font-size:.5em;margin-right:.5em;color:var(--hover)}.navbarList{list-style:none;display:flex;align-items:end;justify-content:end;gap:1em;margin:1.5em}.active{color:var(--secondary)}@media (max-width: 900px){.link,.homeLink{font-size:1em}.homeLink:hover{color:var(--primary)}}.distortion-container{width:100%;height:100%;overflow:hidden}.CaseCon{display:flex;padding-left:3vw;padding-right:3vw;flex-direction:column;padding-bottom:10vh}.CaseHeader{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:3em;width:100%;margin-top:22vh}.caseinfo{list-style:none;display:flex;justify-content:space-between;font-size:1em;font-family:var(--font-primary);color:var(--secondary);border-bottom:2px solid var(--hover);width:90%}.caseInfo{display:flex;flex-direction:column;gap:1em}.caseDes{border-bottom:none;margin-bottom:3em;width:60%}.caseTitle{font-size:3em;font-family:var(--font-primary);color:var(--secondary);line-height:1em}.vidPlayer{width:100%;aspect-ratio:16 / 9;border-radius:16px;margin-top:20vh}.CaseStudyCon{display:flex;width:100%;flex-direction:column;margin-top:10vh;align-items:start}.caseText{width:60%;text-align:start;font-family:var(--font-secondary);color:var(--secondary);font-weight:var(--text);font-size:1.1em;margin-left:10%;margin-bottom:1em}.caseImgCon{margin-left:15%;margin-bottom:1em;width:80%}.caseImg{width:60%}.caseSubHeader{font-size:2em;margin-bottom:.5em;font-family:var(--font-primary);margin-left:10%;color:var(--secondary)}@media (max-width: 1000px){.CaseCon{display:flex;padding-left:6vw;padding-right:9vw}.CaseHeader{display:grid;grid-template-columns:1fr;gap:3em;width:100%;margin-top:10vh}.caseinfo{width:100%;font-size:.9em;text-align:right}.caseDes{border-bottom:none;margin-bottom:2em;text-align:justify}.caseTitle{font-size:3em;line-height:1em;text-align:left}.caseText{width:100%;text-align:justify;margin-left:0%}.caseSubHeader{margin-left:0%}.caseImgCon{margin-left:0%;margin-bottom:1em;width:100%}.caseImg{width:100%}.vidPlayer{width:100%;height:auto;margin-top:5vh}.CaseStudyCon{display:flex;width:100%;flex-direction:column;margin-top:5vh;align-items:start}.ctech{margin-right:3vw}}.techy{color:var(--secondary);text-decoration:none}.footer{display:flex;align-items:center;width:100vw;color:var(--primary);position:sticky;font-size:10px;bottom:1em;z-index:100;line-height:.8em;font-family:var(--font-primary);left:8vw}.ArchiCon{width:100%;min-height:100svh;display:flex;flex-direction:column;align-items:center;background-color:var(--background)}.archHeader{display:flex;background-color:var(--background);justify-content:space-between;align-items:end;margin-top:12vh;margin-bottom:8vh;width:100%}.archMainTitle{font-family:var(--font-primary);font-weight:var(--headerWeight);color:var(--secondary);font-size:6vw;display:flex;text-align:end;line-height:.8;margin-left:3vw}.archDes{font-family:var(--font-secondary);color:var(--secondary);font-weight:var(--text);font-size:1vw;margin-right:3vw;text-align:end}.archList{width:95%;height:60vh;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.ArcList::-webkit-scrollbar{display:none}.arch{border-top:2px solid var(--secondary);list-style:none;width:100%;box-sizing:border-box;border-radius:2px}.arch-inner{display:grid;grid-template-columns:10% 1fr 10%;align-items:center;justify-content:space-between;width:100%;padding-block:1.8vw;text-decoration:none;box-sizing:border-box;line-height:1;color:inherit;transition:background-color .2s}.archDate,.archTech{font-family:var(--font-primary);font-weight:var(--nameWeight);font-size:1.2vw;color:var(--secondary)}.archTech{text-align:right}.archTitle{display:flex;justify-content:center;align-items:center;font-family:var(--font-primary);font-weight:var(--header2Weight);font-size:3vw;color:var(--secondary);text-align:center;white-space:nowrap;overflow:hidden}.archTitle span{display:inline-block;white-space:pre;font:inherit;color:inherit;transition:color .2s ease}.arch-inner:hover .archTitle span,.arch-inner:hover .archDate,.arch-inner:hover .archTech{color:var(--hover)}@media (max-width: 1000px){.archHeader{display:flex;flex-direction:column;align-items:start;margin-top:8vh;margin-bottom:6vh;gap:1em}.archMainTitle{font-size:14vw;margin-left:3vw;line-height:1}.archDes{margin-left:3vw;font-size:3.5vw;text-align:start}.archList{height:70vh}.arch-inner{grid-template-columns:15% 1fr 15%;padding-block:2vh;border-top:1px solid var(--secondary)}.archTitle{font-size:4.5vw}.archDate,.archTech{font-size:3vw;color:var(--hover)}.arch-inner:hover .archTitle span{color:var(--secondary)}}.HomeCon{position:relative;background-color:var(--primary);display:flex;flex-direction:column;height:100svh;overflow:hidden;overscroll-behavior:none}.Shading{position:absolute;inset:0;overflow:hidden}.Shading canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important;display:block}.nameCon{position:absolute;top:8vh;left:4vw;display:flex;flex-direction:column;justify-content:center;align-items:start;z-index:10}.name{font-size:6.5vw;color:var(--primary);font-family:var(--font-primary);font-weight:var(--nameWeight);line-height:.8em;padding-top:1vw;text-shadow:0 0 8px rgba(0,0,0,.6);line-height:1}.HomeCon p{color:var(--primary)!important;fill:var(--primary)!important}.prof{font-size:1.1vw;color:var(--primary);font-family:var(--font-primary);font-weight:var(--profWeight);text-shadow:0 0 8px rgba(0,0,0,.6);margin-top:2vh}.homeDes{font-size:.9em;color:var(--primary);font-family:var(--font-primary);font-weight:var(--nameWeight);width:10em;position:absolute;bottom:3vh;right:4vh;text-shadow:0 0 8px rgba(0,0,0,.6);text-align:right}.themeHome{display:flex;flex-direction:column;position:absolute;bottom:3vh;text-shadow:0 0 8px rgba(0,0,0,.6);left:4vw}.blend{mix-blend-mode:difference}@media (max-width: 1000px){.name{font-size:10vw;line-height:1em;white-space:nowrap}.prof{font-size:3.5vw;margin-top:1vh}.nameCon{top:8vh;left:8vw;display:flex;justify-content:center}.prof{padding-left:0}.homeDes{font-size:.8em;bottom:3vh;right:5vw;font-weight:400}.HomeCon{height:100dvh}}.home-cover{position:fixed;inset:0;z-index:9999;pointer-events:none;background-color:var(--background)}.AboutMain{background-color:var(--background-color);display:flex;justify-content:center;width:100%}.aboutCon{width:40%;display:flex;flex-direction:column;gap:1em;padding-top:4vh;padding-bottom:12vh}.aboutSec{display:flex;flex-direction:column;gap:1em;margin-top:8vh}.scopeList,.skillsList{display:flex;flex-direction:column;gap:.4em}.skillsList{gap:1em}.aboutTitle{font-family:var(--font-primary);color:var(--hover);line-height:1;font-size:2.5em;font-weight:var(--headerWeight)}.about,.skillsTitle,.contact{color:var(--secondary);font-family:var(--font-primary);font-weight:var(--text);font-size:1.1em;text-decoration:none}.skillsTitle{color:var(--hover)}.contact span{font-weight:var(--text);color:var(--secondary)}.contact:hover span{color:var(--hover)}.scopeList a{width:fit-content}.skillsLine{display:flex;flex-direction:column;width:fit-content;gap:.3em}.skillsTitle{font-weight:600}@media (max-width: 1000px){.aboutCon{width:60%;margin-top:0vh}.aboutTitle{font-size:2.5em;font-weight:var(--header2Weight)}.contact:hover span{color:var(--secondary)}}