@font-face{font-family:Feature Mono;src:url(/assets/FeatureMono-Medium-aetCrdOq.woff2) format("woff2"),url(/assets/FeatureMono-Medium-CeZ7ldQp.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Feature Mono;src:url(/assets/FeatureMono-Medium-aetCrdOq.woff2) format("woff2"),url(/assets/FeatureMono-Medium-CeZ7ldQp.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Eurostile Extended;src:url(/assets/EurostileExtended-Black-DaRBOIM6.woff2) format("woff2"),url(/assets/EurostileExtended-Black-0Xc0u5ZB.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fayte;src:url(/assets/Fayte-Regular-Dn_HweWr.woff2) format("woff2"),url(/assets/Fayte-Regular-BuSlpECf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{height:-webkit-fill-available}body{font-family:Helvetica,sans-serif;text-transform:uppercase;overflow-x:hidden;background-color:#fff}body:before{content:"";background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0;opacity:.2;background-image:url(/assets/pattern-7IRVS-Qi.png)}.app{position:relative}.section{margin:5% 0;min-height:40dvh}.webgl{width:100dvw;height:100dvh}.frameWall{position:relative;display:block;z-index:999999999;pointer-events:all!important}.orbScene{position:fixed;top:-60px;left:0;pointer-events:none}.header,.loader,.logoOverlay .webgl{backface-visibility:hidden;-webkit-backface-visibility:hidden}.loader{z-index:9999999;width:100dvw;height:100dvh;position:fixed;top:0;left:0;overflow:hidden;display:flex}.loader .loaderPixel{position:relative;width:50%;z-index:9999;background-color:#1b1b1b}@media(max-width:768px){.loader .loaderPixel{width:100%}}.loader .loaderInner{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999999;display:flex;align-items:center;justify-content:center}.loader .loaderInner .percent{font-family:Fayte!important;font-size:30px;color:#fff}.loader .loaderInner .bar{position:relative;z-index:-1}.loader .loaderInner .bar .barFill{position:absolute;top:0;left:0;background-color:#000;z-index:1;height:100%}.header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;width:100dvw;z-index:999;background-color:#000;padding:2px 5px}@media(max-width:768px){.header{padding:5px}}.header .clockWrapper{display:flex;flex-direction:column;height:24px;justify-content:flex-start;overflow:hidden;z-index:999;cursor:pointer}@media(max-width:768px){.header .clockWrapper{margin-bottom:-4px}}@media(max-width:768px){.header .clockWrapper #top{margin-bottom:3px}}.header .clockWrapper #bottom{margin-top:0}@media(max-width:768px){.header .clockWrapper #bottom{margin-top:-2px}}.header .clockWrapper .clock{font-size:22px;font-family:Helvetica,sans-serif;text-transform:uppercase;color:#fff}@media(max-width:768px){.header .clockWrapper .clock{font-size:18px}}.header .clockWrapper .availability{display:flex;align-items:center;gap:5px;color:#fff!important;font-size:22px}@media(max-width:768px){.header .clockWrapper .availability{font-size:18px}}.header .clockWrapper .availability .availabilityIcon{width:8px;height:8px;border-radius:50%;background-color:#2fff00}.header .startAProject{display:flex;align-items:center;font-size:22px;color:#fff;text-decoration:none!important;z-index:999}@media(max-width:768px){.header .startAProject{font-size:18px;margin-top:4px}}.header .linkWrapper{display:flex;flex-direction:column;height:24px;align-items:center;justify-content:flex-start;overflow:hidden}.logoOverlay{position:absolute;top:35%;left:0;width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;text-transform:none!important;color:#000!important;margin-left:25px}.logoOverlay h1{filter:drop-shadow(0px 0px 5px rgba(0,0,0,.1));margin:0!important;padding:0!important;font-size:70px;font-weight:400!important;font-family:Fayte!important}.logoOverlay p{margin-top:-40px;color:red;margin-left:10px;font-weight:900}.scrollTriggerSection{position:relative;min-height:100dvh!important}@media(max-width:768px){.scrollTriggerSection{height:100dvh!important;min-height:100dvh!important;position:relative}}.selectedProjects.section{min-height:auto;height:auto}.sectionHeading{overflow:hidden;padding:0 20px;display:flex;align-items:flex-start;justify-content:center;flex-direction:row}.sectionHeading h1{white-space:nowrap;font-size:80px;color:#000;font-family:Fayte;font-weight:400!important;text-transform:uppercase}@media(max-width:1000px){.sectionHeading h1{font-size:10dvw}}.sectionHeading p{margin-top:20px;margin-left:10px;font-weight:900;color:red}.aboutMe{min-height:100dvh;display:flex;align-items:center;justify-content:center;margin:0 20px;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.aboutMe p{text-align:center;max-width:80%;color:#ecebeb;line-height:34px;font-size:30px!important;display:block;transform:translateZ(0);will-change:auto;font-weight:800;text-transform:uppercase!important}@media(max-width:1200px){.aboutMe p{font-size:40px;line-height:45px;letter-spacing:0px}}.aboutMe p .word{display:inline-block;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(max-width:1200px){.aboutMe p{max-width:none;line-height:22px;font-size:18px!important}}.aboutMe p>div{display:inline-block!important;position:relative;font-size:inherit!important;line-height:inherit!important;color:inherit!important;white-space:pre;will-change:color}.projects{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:30px 20px;flex-wrap:wrap;width:90%;max-width:2000px;margin:0 auto}.projects .project{width:50%;display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:10%;transform-origin:top;position:relative;transform-style:preserve-3d;perspective:1000px;will-change:transform;transition:box-shadow 1s ease}@media(max-width:1000px){.projects .project{width:100%}}.projects .project .frameWireWrapper{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;position:relative}.projects .project .frameWireWrapper .frameWire{width:50%;margin:0 auto -5px}.projects .project .frameWireWrapper .frameWire .cls-1{fill:transparent;stroke:#000;stroke-miterlimit:10}.projects .project .frameWireWrapper .frameWire .cls-2{fill:#4c4c4c}.projects .project .projectInfo{margin-top:10px;width:70%;background-color:#fff;border:1px solid black}.projects .project .projectInfo .projectHeader{padding:-1px 1px;display:flex;align-items:flex-end;justify-content:space-between;width:100%;background-color:#000;color:#fff}.projects .project .projectInfo .projectHeader .projectTitle{font-weight:100;font-size:1.2rem}.projects .project .projectInfo .projectHeader .projectCreated{font-weight:100;color:#9a9a9a}.projects .project .projectInfo .projectMeta{padding:5px}.projects .project .projectInfo .projectStack,.projects .project .projectInfo .projectStatus{display:flex;justify-content:space-between}.projects .project .projectInfo .metaTitle{font-weight:100;color:#888;font-size:14px}.projects .project .projectInfo .metaContent{font-size:16px;color:#000}.projects .project .projectInfo .projectLink{margin-top:20px}.projects .project .projectInfo .projectLink a{text-decoration:none;color:red!important}.projects .project .frameContainer{transform-origin:top;display:flex;align-items:center;justify-content:center;flex-direction:column}.projects .project .projectItem{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;box-shadow:5px 5px 10px #0000004d;width:80%}.projects .project .projectItem .frame{aspect-ratio:12/9!important;background-color:transparent}.projects .project .projectItem .frame .projectImage{width:100%;height:100%;background-color:transparent;display:flex;align-items:center;justify-content:center;box-shadow:inset 5px 5px 8px #0000004d;border:.8dvw solid;border-image:linear-gradient(to right,#333,#191919) 1}.projects .project .projectItem .frame .projectImage img{object-fit:cover;object-position:center;width:100%;height:100%;z-index:-10}.skills{margin-bottom:0!important;width:100%;padding:0 20px 50px;position:relative}@media(max-width:768px){.skills{padding:0 10px 30px}}.skills .skills-clusters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:0 auto}@media(max-width:768px){.skills .skills-clusters{grid-template-columns:1fr;gap:15px}}.skills .skills-clusters .skill-cluster{border:1px solid rgba(255,255,255,.15);padding:20px;transition:all .4s ease;overflow:hidden;max-height:80px}@media(max-width:768px){.skills .skills-clusters .skill-cluster{padding:16px}}.skills .skills-clusters .skill-cluster.expanded{max-height:500px}.skills .skills-clusters .skill-cluster:hover{border-color:#ffffff4d}.skills .skills-clusters .skill-cluster .cluster-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.skills .skills-clusters .skill-cluster .cluster-header h3{font-size:16px;text-transform:uppercase;letter-spacing:1px;margin:0;font-weight:400;color:#fff}@media(max-width:768px){.skills .skills-clusters .skill-cluster .cluster-header h3{font-size:14px}}.skills .skills-clusters .skill-cluster .cluster-header .skill-count{font-size:12px;opacity:.5;color:#fff9;font-family:Helvetica,sans-serif}@media(max-width:768px){.skills .skills-clusters .skill-cluster .cluster-header .skill-count{font-size:11px}}.skills .skills-clusters .skill-cluster .cluster-skills{display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(-10px);transition:all .3s ease .1s}@media(max-width:768px){.skills .skills-clusters .skill-cluster .cluster-skills{gap:10px}}.skills .skills-clusters .skill-cluster.expanded .cluster-skills{opacity:1;transform:translateY(0)}.skills .skills-clusters .skill-cluster .cluster-skill{display:flex;align-items:center;gap:10px}.skills .skills-clusters .skill-cluster .cluster-skill .skill-name{font-size:12px;min-width:100px;text-transform:uppercase;letter-spacing:.5px;color:#ffffffe6}@media(max-width:768px){.skills .skills-clusters .skill-cluster .cluster-skill .skill-name{font-size:11px;min-width:80px}}.skills .skills-clusters .skill-cluster .cluster-skill .proficiency-bar{flex:1;height:4px;background:#ffffff1a;overflow:hidden;border-radius:2px}.skills .skills-clusters .skill-cluster .cluster-skill .proficiency-bar .proficiency-fill{height:100%;background:#fff;transition:width .6s ease;border-radius:2px}.skills .skills-clusters .skill-cluster .cluster-skill .proficiency-value{font-size:11px;min-width:35px;text-align:right;color:#fff;font-family:Eurostile Extended,sans-serif;font-weight:600}@media(max-width:768px){.skills .skills-clusters .skill-cluster .cluster-skill .proficiency-value{font-size:10px;min-width:30px}}.footer{border-top:1px solid white;width:100dvw;height:50px;background-color:transparent;display:flex;align-items:center;justify-content:space-between;padding:5px 20px}@media(max-width:768px){.footer{height:auto;padding:10px 20px}}.footer a{color:#fff;font-family:Feature Mono;font-size:18px;text-decoration:none;font-weight:100;width:fit-content;white-space:nowrap;text-transform:uppercase}.footer #bottom{margin-top:2px}.footer .footer-content{display:flex;align-items:center;justify-content:flex-start;gap:20px;width:100%;height:100%}@media(max-width:768px){.footer .footer-content{justify-content:space-between}}.footer .backToTopWrapper{width:150px;align-items:flex-end}@media(max-width:768px){.footer .backToTopWrapper{align-items:center;width:auto}}.footer .linkWrapper{display:flex;flex-direction:column;height:15px;align-items:center;justify-content:flex-start;overflow:hidden;cursor:pointer}@media(max-width:800px){.footer .linkWrapper{height:auto}}