@import"https://fonts.googleapis.com/css?family=Quicksand:wght@300..700&display=swap";:root{--light: #f4f4f4;--card-background: #030303de;--button-background: rgba(7, 7, 7, .2);font-family:Quicksand,sans-serif}html,body{margin:0;padding:0;height:100vh;width:100vw;overflow:hidden;color:#fff;font-size:large;overscroll-behavior:none;touch-action:manipulation}#root{height:100vh;width:100vw;overflow:hidden;position:relative;top:0;left:0}.bottom-navigation{display:flex;position:fixed;bottom:max(40px,env(safe-area-inset-bottom,40px));left:0;right:0;align-items:stretch;padding:0;pointer-events:none;height:60px;z-index:1;gap:0}.nav-button{background:transparent;border:none;color:#fff;border-radius:0;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;pointer-events:auto;flex:1 1 0;height:100%;padding:0;margin:0;min-width:0;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center}.nav-button:hover{transform:translateY(-2px)}.nav-button:not(:last-child):after{content:"";position:absolute;right:0;top:10%;bottom:10%;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.6),transparent)}.name-display{position:absolute;top:45%;right:5vw;transform:translateY(-50%)}.names{font-size:8vw;font-weight:200;line-height:.9;letter-spacing:-2px;-webkit-text-stroke:2px #ffffff}.nav-menu{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.text-button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;font-family:inherit;display:flex;align-items:center;transition:color .3s ease}.text-button:hover{color:#aaa}.hover-indicator{display:inline-block;width:1.5rem;text-align:right;margin-right:.5rem}.hidden-top{opacity:0;visibility:hidden;transform:translateY(-100px);transition:all .15s ease-out}.hidden-bottom{opacity:0;visibility:hidden;transform:translateY(100px);transition:all .15s ease-out}.visible{opacity:1;visibility:visible;transform:translateY(0);transition:all .8s ease-out}.scrollable-nav{width:100%;display:flex;justify-content:flex-end;gap:2rem;padding:0;margin-bottom:3rem;box-sizing:border-box}.home-wrapper{position:absolute;top:0;left:0;width:100vw;height:100dvh;padding:2rem 5vw;box-sizing:border-box;pointer-events:none}.home-wrapper.visible{pointer-events:auto}.text-button.active{font-weight:900;text-decoration:underline;text-underline-offset:4px}@media (max-width: 768px){.scrollable-nav{justify-content:center;padding:0;gap:1rem;flex-wrap:wrap}.scrollable-nav .text-button{padding:.5rem}.home-wrapper{padding:2rem 1.5rem}.name-display{position:fixed;top:auto;bottom:2rem;right:1.5rem;left:auto;transform:none;display:flex;flex-direction:column;align-items:flex-end;text-align:right;width:auto;z-index:50}.names{font-size:2.5rem}}.projects-section-wrapper{position:absolute;top:0;left:0;width:100vw;height:100dvh;padding:2rem 5vw;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.projects-display{display:flex;gap:40px;justify-content:center;align-items:stretch;flex-wrap:wrap;padding:0}.projects-display:after{content:"";display:block;height:2rem;width:100%}.projects-display::-webkit-scrollbar{display:none}.project-card{background:#0d0c0c;color:#fff;border:4px solid #000000;box-shadow:8px 8px #000;width:380px;min-height:550px;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease;position:relative}.project-header{display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid #000000;padding:12px 16px;background:#000;color:#fff}.project-header h3{margin:0;font-size:1.2rem;font-weight:900;text-transform:uppercase;letter-spacing:1px}.project-year{font-size:.8rem;font-weight:800;border:2px solid #ffffff;padding:2px 6px}.project-image{height:200px;width:100%;object-fit:cover;border-bottom:4px solid #000000;filter:grayscale(100%) contrast(120%);transition:filter .3s ease}.project-card:hover .project-image{filter:grayscale(0%) contrast(100%)}.project-image-placeholder{height:200px;border-bottom:4px solid #000000;display:flex;align-items:center;justify-content:center;font-weight:900;color:#000;letter-spacing:2px;background-position:0 0,10px 10px;background-size:20px 20px}.project-info{padding:20px 16px;display:flex;flex-direction:column;gap:20px;flex-grow:1}.project-info p{margin:0;font-size:1rem;font-weight:600;line-height:1.5}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tech-tag.brutal-tag{background:#fff;color:#000;border:2px solid #000000}.tech-tag.brutal-tag:hover{background:#000;color:#fff}.project-links{display:flex;border-top:4px solid #000000}.brutalist-btn{flex:1;text-align:center;padding:14px;font-size:.9rem;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:1px;color:#000;background:#fff;transition:all .2s ease;cursor:pointer}.brutalist-btn:first-child{border-right:4px solid #000000}.brutalist-btn:hover,.brutalist-btn.primary{background:#000;color:#fff}.brutalist-btn.primary:hover{background:#fff;color:#000}.brutalist-section-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.header-top{display:flex;align-items:center;gap:1rem;width:100%}.section-title{background-color:#fff;color:#000;padding:.5rem 1rem;font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin:0}.section-subtitle{color:#a0a0a0;font-family:monospace;font-size:.95rem;line-height:1.5;max-width:800px;margin:0;text-transform:uppercase}.project-category-group{margin-bottom:4rem}.category-header{margin-bottom:1.5rem;border-bottom:1px dashed #555555;padding-bottom:.5rem}.category-title{color:#fff;font-family:monospace;font-size:1.25rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;margin:0}@media (max-width: 768px){.projects-section-wrapper{padding:2rem 1.5rem}}.about-section-wrapper{position:absolute;top:0;left:0;width:100vw;height:100dvh;padding:2rem 5vw;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.about-display{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10vw;flex-wrap:wrap}.about-card{flex-shrink:0;width:400px;height:500px;translate:-6px -6px;background:#0d0c0c;border:3px solid #000000;box-shadow:6px 6px #171212;position:relative;transition:all .3s ease;margin-top:20px}.about-head{position:absolute;top:-16px;left:-15px;font-size:14px;font-weight:900;width:50%;height:32px;background:#fff;padding:5px 12px;color:#000;border:3px solid #000000;box-sizing:border-box;display:flex;align-items:center;z-index:10}.about-content{padding:24px 16px;font-size:1rem;font-weight:600}.about-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.2rem}.list-item{border-left:3px solid #ffffff;padding-left:15px;transition:all .2s ease}.list-item:hover{border-left:3px solid #888888;transform:translate(5px)}.item-title{display:block;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:4px}.item-desc{display:block;font-size:13px;font-weight:400;color:#bbb;line-height:1.4}.item-date{font-size:10px;font-weight:700;color:#666;margin-top:4px;display:block}.tech-title{font-size:16px;font-weight:700;color:#fff;margin-top:4px;display:block}.tech-list{display:flex;gap:16px;margin-bottom:12px;align-items:flex-start;font-weight:900;text-transform:uppercase;letter-spacing:1px}.tech-grid{display:flex;flex-wrap:wrap;gap:10px;padding:10px 0}.tech-tag{background:#000;color:#fff;border:2px solid #ffffff;padding:4px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;cursor:default}.tech-tag.secondary{background:#000;color:#fff}.tech-tag.secondary:hover{background:#fff;color:#000}.tech-tag.primary{background:#fff;color:#000;width:100%;text-align:center;box-sizing:border-box}.tech-tag.primary:hover{background:#000;color:#fff;border-color:#fff}@media (max-width: 768px){.about-section-wrapper{padding:2rem,1.5rem}.about-display{flex-direction:column;flex-wrap:nowrap;width:100%;height:auto;padding:0;gap:3rem;box-sizing:border-box;margin-top:1rem}.about-card{width:calc(100% - 8px);max-width:100%;height:auto;translate:0;margin:0;box-sizing:border-box}.about-head{width:auto;min-width:50%;padding:5px 15px}.tech-list{flex-direction:column;gap:8px;margin-bottom:20px}.tech-list>div:first-child{width:100%}}.contact-section-wrapper{position:absolute;top:0;left:0;width:100vw;height:100dvh;padding:2rem 5vw;box-sizing:border-box;display:flex;flex-direction:column}.contact-center-content{flex-grow:1;display:flex;align-items:center;justify-content:center;width:100%}.contact-email{font-size:4vw;font-weight:900;color:#fff;text-decoration:none;border-bottom:4px solid #ffffff;padding-bottom:4px;transition:all .2s ease}.contact-email:hover{background-color:#fff;color:#000}@media (max-width: 768px){.contact-section-wrapper{padding:2rem 1.5rem}.contact-email{font-size:1.8rem;border-bottom:2px solid #ffffff;word-break:break-all;text-align:center}}:root{background-color:#050505}canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}