.navbar-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;width:13.75rem;border-right:1px solid #6a7791;background-color:#d8dee9;position:fixed}.navbar{padding-top:1rem;display:flex;flex-direction:column;gap:1rem;background-color:#d8dee9}.nav-link{position:relative;overflow:hidden;display:inline-block;text-decoration:none;font-size:1.5rem;height:2rem;background-color:#d8dee9}.text-wrapper{display:inline-block;position:relative;height:1.8rem;overflow:hidden}.nav-link:hover .text-original{transform:translateY(100%);filter:blur(4px)}.nav-link:hover .text-duplicate{transform:translateY(100%);filter:blur(0)}.nav-link:not(:hover) .text-original{transform:translateY(0);filter:blur(0)}.nav-link:not(:hover) .text-duplicate{transform:translateY(0);filter:blur(2px)}.logo{width:100%;background-color:transparent}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:1rem;padding:.5rem;width:100%;background-color:#ccd2e0;background-image:linear-gradient(to right,rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.02) 1px,transparent 1px);background-size:10px 10px}.project-card{overflow:hidden;position:relative;background-color:#eceff4}.project-card img,.project-card video{width:100%;height:28rem;display:block;object-fit:cover;transition:transform .2s ease}.overlay{position:absolute;background-color:#6a7791;width:100%;height:28rem;mix-blend-mode:color;transition:opacity .7s ease-in-out}.project-card:hover .overlay{opacity:0}.project-info{padding:1rem}.project-tags span{margin-right:.5rem}.project-card-link{text-decoration:none;transition:transform .5s ease,opacity .1s ease}.project-card-link.animate-exit{transform:scale(1.05);opacity:.1}.footer-container-contact{margin-top:auto;margin-bottom:1rem;padding:.5rem;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:transparent}.project-detail-container{display:flex;flex-direction:column;gap:1rem;margin-left:13.75rem;padding:1rem 13.75rem;background-color:#ccd2e0;background-image:linear-gradient(to right,rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.02) 1px,transparent 1px);background-size:10px 10px}.back-home-link{position:relative;overflow:hidden;display:inline-block;text-decoration:none;margin-bottom:2rem}.detail-text-wrapper{display:inline-block;position:relative;height:1.4rem;overflow:hidden}.text-original,.text-duplicate{display:block;transform:translateY(0);filter:blur(0);transition:transform .2s ease,filter .3s ease}.text-original{position:relative;z-index:1}.text-duplicate{position:absolute;top:-100%;left:0;width:100%;z-index:2}.back-home-link:hover .text-original{transform:translateY(100%);filter:blur(4px)}.back-home-link:hover .text-duplicate{transform:translateY(100%);filter:blur(0)}.back-home-link:not(:hover) .text-original{transform:translateY(0);filter:blur(0)}.back-home-link:not(:hover) .text-duplicate{transform:translateY(0);filter:blur(2px)}.details{padding-bottom:1rem;border-bottom:1px solid rgba(106,119,154)}.media-item{width:100%;object-fit:cover;padding-bottom:1rem}*{margin:0;padding:0;box-sizing:border-box;font-family:JetBrains Mono,monospace;color:#6a7791;scroll-behavior:smooth}html{scroll-behavior:smooth}.page-sections{margin-left:13.75rem}#home,#contact{height:125vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#ccd2e0;background-image:linear-gradient(to right,rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.02) 1px,transparent 1px);background-size:10px 10px}#home p{background-color:transparent}.intro-text{margin:auto auto 4rem 6rem;text-align:left;max-width:50ch}.name-text{margin-left:auto;margin-right:6rem;font-size:6rem;letter-spacing:-.1em}.logo-container{display:flex;gap:3rem;background-color:transparent;opacity:.8}.large-logo{background-color:transparent;width:auto;height:3rem;transition:scale .3s ease}.large-logo:hover{scale:1.3}.work-container{width:100%;margin-top:auto;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;background-color:transparent;padding:.5rem}.work-text{font-size:2rem;max-width:25ch}.footer-container{margin-top:auto;display:flex;align-items:center;gap:.5rem;background-color:transparent;transition:letter-spacing .3s ease}.footer-container:hover{letter-spacing:.2em}.container{font-size:14rem;font-weight:700;display:flex;align-items:center;background-color:transparent}.word-flip{position:relative;width:8ch;height:14rem;overflow:hidden;background-color:transparent}.container p{background-color:transparent;letter-spacing:-.08em;margin-right:2rem}.word{position:absolute;width:100%;height:14rem;line-height:14rem;background-color:transparent}.header-1-contact{font-size:14rem;font-weight:700;background-color:transparent;letter-spacing:-.08em;word-spacing:-.3em;margin-top:4rem}.header-2-contact{background-color:transparent;margin-bottom:2rem;transition:letter-spacing .3s ease}.header-2-contact:hover{letter-spacing:.2em}.contact-section{max-width:800px;margin:4rem auto;display:flex;flex-direction:column;gap:3rem}.contact-section label{display:block;font-size:1rem;color:#6a7791;margin-bottom:.6rem;letter-spacing:1px}.contact-section input,.contact-section textarea{width:100%;border:none;border-bottom:2px solid #6a7791;background:transparent;font-size:inherit;padding:.5rem 0;outline:none;resize:none}.contact-section textarea{min-height:80px}.contact-submit{background:none;border:none;margin-left:auto;margin-right:auto;width:fit-content;text-decoration:none;display:flex;justify-content:center;align-items:center;gap:.5rem;background-color:transparent;transition:letter-spacing .3s ease;border-bottom:#6a7791 1px solid}.contact-submit:hover,.contact-submit:focus{outline:none;letter-spacing:.2em}.main-container{display:flex;margin-left:13.75rem}::-webkit-scrollbar{width:.5rem;height:.5rem;background-color:transparent}::-webkit-scrollbar-thumb{background-color:#6a7791;border-radius:4px}::-webkit-scrollbar-track{background-color:transparent}