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: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 / -1;margin-bottom:20px}.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 24px;border:1px solid white;border-radius:2px;box-shadow:0 2px 8px #0000001a;white-space:nowrap}.project-content{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.project-title-section{grid-column:1 / 5;cursor:default}.project-categories-section{grid-column:4 / 7}.project-visual-section{grid-column:5 / 13}.project-title{font-size:14px;font-weight:450;letter-spacing:.6px;text-transform:uppercase;color:#000;line-height:1.3;text-align:left;margin-bottom:8px;transition:all .3s ease;cursor:pointer}.project-title:hover{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:6px}.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%;height:400px;background-color:#c8c8c8;position:relative;cursor:none}.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}.project-wrapper:hover .project-title,.project-wrapper.placeholder-hover .project-title{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:6px}.gray-rectangle:hover~.project-content .project-title,.project-wrapper:hover .project-title{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:6px}@media (max-width: 1200px){.project-card{grid-column:span 6}.hero-image{height:140px}}@media (max-width: 768px){.home-content{padding:20px;gap:20px}.project-card{grid-column:span 12}.hero-image{height:120px}}@media (max-width: 500px){.project-content{grid-template-columns:1fr;gap:20px}.project-title-section,.project-visual-section{grid-column:1 / -1}}.header-section{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:flex-start}.intro-text{font-size:14px;font-weight:450;letter-spacing:.6px;text-transform:uppercase;line-height:1.3;max-width:547px}.intro-text p{margin:0;padding:0}.home-link{color:#000;text-decoration:none;transition:opacity .3s ease;text-transform:uppercase}.home-link:hover{opacity:.7}.info-link{font-size:14px;font-weight:450;letter-spacing:.6px;text-transform:uppercase;text-align:right;cursor:pointer;transition:opacity .3s ease}.info-link p{margin:0;padding:0;transition:all .3s ease}.info-link:hover p{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:6px}.info-link:hover{opacity:.7}