body{background-color:#101010;margin:0;font-family:Montreal Mono,monospace;font-weight:450;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{width:100%;height:100%}#root{max-width:100%;margin:0;padding:0;text-align:center;height:100vh;overflow:hidden;position:fixed;inset:0}.face-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:4rem}.eyes{display:flex;gap:3rem;align-items:center}.eye{transition:transform .2s ease;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.mouth-container{position:relative;display:inline-block}.mouth{transition:transform .3s ease;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.mouth.success{opacity:0}.mouth.shake{animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px) rotate(-3deg)}75%{transform:translate(3px) rotate(3deg)}}.password-input{position:absolute;top:50%;left:25%;transform:translate(-25%,-50%);background:transparent;border:none;outline:none;color:#fff;font-family:Montreal Mono,monospace;font-weight:450;font-size:20px;text-align:left;letter-spacing:.1em;width:180px}.password-input.active{opacity:1}.password-input:disabled{color:#cbcbcb;opacity:1;cursor:not-allowed}.password-input::-webkit-credentials-auto-fill-button,.password-input::-webkit-contacts-auto-fill-button,.password-input::-webkit-strong-password-auto-fill-button,.password-input::-webkit-outer-spin-button,.password-input::-webkit-inner-spin-button,.password-input::-webkit-search-cancel-button,.password-input::-webkit-search-decoration{display:none!important}.password-input::-moz-credentials-auto-fill-button{display:none!important}.password-input::-webkit-credentials-auto-fill-button,.password-input::-webkit-contacts-auto-fill-button,.password-input::-webkit-strong-password-auto-fill-button{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.password-input::-webkit-text-security{-webkit-text-security:disc}.password-input::-webkit-credentials-auto-fill-button{-webkit-appearance:none!important;appearance:none!important}.password-input:-webkit-autofill,.password-input:-webkit-autofill:hover,.password-input:-webkit-autofill:focus,.password-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #101010 inset!important;-webkit-text-fill-color:transparent!important;transition:background-color 5000s ease-in-out 0s}@supports (-webkit-touch-callout: none){.saved-password{display:none!important}.password-input{-webkit-text-security:disc!important;text-security:disc!important}.password-input:-webkit-autofill,.password-input:-webkit-autofill:hover,.password-input:-webkit-autofill:focus,.password-input:-webkit-autofill:active{-webkit-box-shadow:none!important;-webkit-text-fill-color:white!important}}.password-input::-webkit-contacts-auto-fill-button,.password-input::-webkit-credentials-auto-fill-button,.password-input::-webkit-strong-password-auto-fill-button{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;right:-9999px!important}.password-placeholder{position:absolute;top:50%;left:25%;transform:translate(-25%,-50%);color:#cbcbcb;font-family:Montreal Mono,monospace;font-weight:450;font-size:14px;text-align:left;letter-spacing:.15em;opacity:.9;pointer-events:none;width:180px;white-space:nowrap}.saved-password{position:absolute;top:50%;left:25%;transform:translate(-25%,-50%);color:#fff;font-family:Montreal Mono,monospace;font-weight:450;font-size:20px;text-align:left;letter-spacing:.1em;opacity:.8;pointer-events:none;width:180px;white-space:nowrap}.input-arrow{position:absolute;top:45%;right:8%;transform:translateY(-50%);background:none;border:none;color:#fff;font-family:Montreal Mono,monospace;font-size:40px;cursor:pointer;opacity:.8;transition:opacity .2s ease;z-index:100;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:auto}.input-arrow:disabled{cursor:not-allowed;opacity:.6;animation:spin 1s linear infinite;font-size:24px}.loading-spinner{position:absolute;top:45%;right:8%;transform:translateY(-50%);color:#fff;font-size:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.error-message{position:absolute;top:100%;left:50%;transform:translate(-50%);color:#fff;font-family:Montreal Mono,monospace;font-weight:450;font-size:14px;text-align:center;letter-spacing:.15em;opacity:.9;margin-top:20px;white-space:nowrap}.email-link{color:#fff;text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:6px}.email-link:hover{text-decoration-style:solid;font-weight:600;text-decoration-thickness:2px}.success-message{color:#fff;font-family:Montreal Mono,monospace;font-weight:450;font-size:12px;text-align:center;letter-spacing:.1em;opacity:.9}.face-content{background-color:#101010;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;transition:transform 2s ease-out;position:relative;z-index:1;padding-bottom:4rem}.face-content.slide-up{transform:translateY(-100vh);transition:transform .8s cubic-bezier(.4,0,.2,1)}.white-page-pusher{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:0;transform:translateY(-100vh);transition:transform .8s cubic-bezier(.4,0,.2,1)}.white-page-pusher.active{transform:translateY(0)}.home-page-revealer{position:fixed;bottom:0;left:0;width:100vw;height:100vh;background-color:#fff!important;z-index:0;transform:translateY(0);transition:transform .8s cubic-bezier(.4,0,.2,1);overflow:hidden}.home-page-revealer.active{transform:translateY(-100vh)}.home-page-revealer .home-container{background-color:#fff!important;color:#000!important}@media (max-width: 500px){.face-content{gap:3rem}.eye{width:92%;height:auto;object-fit:contain;display:block;margin:0 auto}.mouth{width:85%;object-fit:contain}.password-input{width:160px;font-size:18px;left:32%;transform:translate(-30%,-50%)}.password-placeholder{width:160px;font-size:14px;left:32%;transform:translate(-30%,-50%)}.saved-password{width:160px;font-size:18px;left:32%;transform:translate(-30%,-50%)}.input-arrow{font-size:36px;width:30px;height:30px;right:15%}.input-arrow:disabled{font-size:20px}.error-message{width:calc(100vw - 40px);line-height:1.6;align-items:center;text-align:center;font-size:14px;white-space:normal}}@media (max-width: 400px){.error-message{align-items:left;text-align:left}}#root.home-active{overflow:auto!important;position:relative!important;height:auto!important;min-height:100vh;inset:auto!important}.App .home-container{overflow:auto!important;position:relative!important;height:auto!important;min-height:100vh}.home-container{background-color:#fff;width:100%;min-height:100vh;overflow:auto!important;position:relative!important;font-family:Montreal Mono,monospace;color:#000;inset:auto!important}.home-content{position:relative;width:100%;min-height:100vh;padding:20px 30px 30px;box-sizing:border-box;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto 1fr}.spacer{grid-column:1 / -1;height:200px}.gray-background-element{grid-column:1 / -1;background-color:#c8c8c8;width:100%;height:100%;position:relative}.horizontal-line{grid-column:1 / 7;margin-bottom:0}.line-placeholder{width:100%;height:1px;background-color:#e0e0e0}.projects-container{grid-column:1 / -1;display:flex;flex-direction:column;gap:20px}.project-wrapper{grid-column:1 / -1;display:flex;flex-direction:column;position:relative}.project-wrapper:hover .view-project-overlay{opacity:1}.view-project-overlay{position:fixed;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1000;transform:translate(-50%,-50%);mix-blend-mode:exclusion}.view-project-text{color:#fff;font-size:14px;font-weight:450;letter-spacing:.6px;text-transform:uppercase;background-color:transparent;padding:12px 20px;border:1px solid white;border-radius:999px;box-shadow:0 2px 8px #0000001a;white-space:nowrap}.project-content{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,1fr)}.project-title-section{grid-column:1 / 5;cursor:default;margin-top:20px}.project-categories-section{grid-column:4 / 7}.project-visual-section{grid-column:7 / 13;margin-top:20px}.project-title{font-size:14px;font-weight:450;letter-spacing:.6px;text-transform:uppercase;color:#000;text-align:left;cursor:default}.project-categories{display:flex;flex-direction:column;gap:8px;text-align:left}.category{font-size:14px;font-weight:450;letter-spacing:.6px;text-transform:uppercase;color:#666;line-height:1.3;text-align:left}.project-visual-column{position:relative}.gray-rectangle{width:100%;aspect-ratio:16 / 9;background-color:#c8c8c8;position:relative;cursor:none}.project-video{width:100%;aspect-ratio:16 / 9;object-fit:cover;cursor:none;background-color:#f0f0f0;display:block}.black-placeholder{background-color:#000}.hero-image{grid-column:1 / -1;position:relative;width:100%;height:188px;margin-bottom:30px}.hero-bg{width:100%;height:100%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}.projects-section{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,1fr);gap:30px;align-items:start}.project-card{grid-column:span 4;display:flex;flex-direction:column;gap:20px;position:relative}.project-image{width:100%;height:250px;background-color:#c8c8c8;position:relative}.project-image-1,.project-image-2{background-color:#c8c8c8}.project-image-3{background-color:#f5f5f5}.image-overlay{position:absolute;background-color:#f5f5f5;width:100%;height:100%;top:0;left:0}.project-info{display:flex;flex-direction:column;gap:10px}.project-year{font-size:14px;font-weight:450;letter-spacing:.6px;text-transform:uppercase;color:#666;line-height:1.3}.decorative-element{position:absolute;top:50%;right:-100px;transform:translateY(-50%)}.rotated-element{transform:rotate(90deg);width:36.516px;height:93.531px;display:flex;align-items:center;justify-content:center}.decorative-placeholder{width:100%;height:100%;background-color:#e0e0e0;border-radius:2px}.name-image-section{grid-column:1 / -1;display:flex;justify-content:flex-start;margin-bottom:30px}.name-image{max-height:100px;margin-top:12px;margin-left:-4px;width:auto;object-fit:contain}@media (max-width: 1200px){.project-card{grid-column:span 6}.hero-image{height:140px}}@media (max-width: 768px){.home-content{padding:8px;gap:20px}.project-card{grid-column:span 12}.hero-image{height:120px}.name-image{width:100%;max-height:none;height:auto}}@media (max-width: 500px){.project-content{grid-template-columns:1fr;gap:12px}.project-title-section,.project-visual-section{grid-column:1 / -1}.name-image{width:100%;max-height:none;height:auto}}.header-section{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,1fr);gap:20px;align-items:flex-start;overflow-x:hidden;padding-bottom:4px}.intro-text{font-size:14px;font-weight:450;letter-spacing:.6px;text-transform:uppercase;text-align:left;grid-column:1 / 4;padding:0}.intro-text p{margin:0;padding:0;position:relative;font-size:14px;font-weight:450;letter-spacing:.6px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.name-text{cursor:pointer;transition:all .3s ease}.name-text:hover{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:6px}.name2-image{max-height:30px;width:auto;object-fit:contain;margin-bottom:15px}.name2-image-inline{max-height:20px;width:auto;object-fit:contain;margin-top:10px;margin-bottom:10px}.name2-image-absolute{position:absolute;margin-top:-8px;max-height:28px;width:auto;object-fit:contain;vertical-align:middle}.inline-image-space{display:block;width:120px;height:20px;margin-top:10px}.home-link{color:#000;text-decoration:none;transition:all .3s ease;text-transform:uppercase;font-size:14px;font-weight:450;letter-spacing:.6px}.home-link:hover{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:6px}.info-link{font-size:14px;font-weight:450;letter-spacing:.6px;text-transform:uppercase;text-align:right;cursor:pointer;grid-column:12 / 13;padding:0}.info-link p{margin:0;padding:0;white-space:nowrap}.info-link p:hover,.info-link:hover p{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:6px}.product-designer-text{font-size:14px;font-weight:450;letter-spacing:.6px;text-transform:uppercase;text-align:left;grid-column:4 / 7;padding:0;cursor:pointer;transition:opacity .3s ease}.product-designer-text p{margin:0;padding:0;transition:all .3s ease;white-space:nowrap}.based-in-text{font-size:14px;font-weight:450;letter-spacing:.6px;text-transform:uppercase;text-align:left;grid-column:7 / 12;padding:0;cursor:pointer}.based-in-text p{margin:0;padding:0;transition:all .3s ease;white-space:nowrap}@media (max-width: 899px){.based-in-text{display:none}.product-designer-text{grid-column:6 / 8;text-align:center}}@media (max-width: 499px){.header-section{grid-template-rows:auto auto;gap:10px;overflow-x:hidden;width:100%;box-sizing:border-box}.intro-text{grid-column:1 / 8;grid-row:1;overflow:hidden}.intro-text p{white-space:normal;line-height:1.4}.name-text,.middle-text{display:inline}.title-text{display:block;margin-top:2px}.product-designer-text{grid-column:1 / -1;grid-row:2;text-align:left;overflow:hidden}.info-link{grid-column:8 / -1;grid-row:1;text-align:right;overflow:visible}}.footer{width:100%;background-color:#101010;color:#fff;padding:1px 0 200px;font-family:Montreal Mono,monospace;margin:0;position:relative}.footer-content{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;align-items:center;padding:30px;box-sizing:border-box}.footer-email{font-size:14px;font-weight:450;letter-spacing:.6px;text-transform:uppercase;text-align:left;cursor:pointer;grid-column:1 / 2;padding:0}.footer-email p{margin:0;padding:0;white-space:nowrap;transition:all .3s ease}.footer-email p:hover{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:6px}.footer-email p:after{content:"↗";font-size:20px;margin-left:4px}.footer-linkedin{font-size:14px;font-weight:450;letter-spacing:.6px;text-transform:uppercase;text-align:left;cursor:pointer;grid-column:2 / 3;padding:0}.footer-linkedin p{margin:0;padding:0;white-space:nowrap;transition:all .3s ease}.footer-linkedin p:hover{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:6px}.footer-linkedin p:after{content:"↗";font-size:20px;margin-left:4px}.footer-year{font-size:14px;font-weight:450;letter-spacing:.6px;text-transform:uppercase;text-align:right;grid-column:12 / 13;padding:0;color:#cbcbcb}.footer-year p{margin:0;padding:0;white-space:nowrap}@media (min-width: 500px) and (max-width: 1199px){.footer-email{grid-column:1 / 3}.footer-linkedin{grid-column:3 / 5}}@media (max-width: 768px){.footer-content{padding:8px}}@media (max-width: 499px){.footer-content{gap:10px}.footer-email{grid-column:1 / 4}.footer-linkedin{grid-column:4 / 7}.footer-year{grid-column:11 / 13}}.footer-eyes{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center}.footer-eyes img{max-width:100%;height:auto}.gestures-page{background-color:#fff;width:100%;min-height:100vh;font-family:Montreal Mono,monospace;color:#000}.gestures-content{position:relative;width:100%;min-height:100vh;padding:20px 30px 30px;box-sizing:border-box;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr}.gestures-main{grid-column:1 / -1;margin-top:60px}.gestures-main h1{font-size:32px;font-weight:450;letter-spacing:.6px;text-transform:uppercase;color:#000;margin-bottom:16px}.gestures-main p{font-size:16px;font-weight:400;color:#000;line-height:1.6}