@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;900&family=JetBrains+Mono:wght@400;700;800&display=swap";:root{--bg-color:#f4f4f0;--text-color:#0a0a0a;--accent-color:#ffa600;--border-color:#0a0a0a;--brutal-border:3px solid var(--border-color);--brutal-shadow:6px 6px 0px var(--border-color);--brutal-shadow-hover:2px 2px 0px var(--border-color)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:focus-visible{outline:3px solid var(--accent-color)!important;outline-offset:3px!important}body{background-color:var(--bg-color);color:var(--text-color);border-left:var(--brutal-border);border-right:var(--brutal-border);width:80%;margin:0 auto;font-family:Outfit,system-ui,sans-serif;line-height:1.2;overflow-x:hidden}@media (width<=768px){body{width:95%}}.mono{text-transform:uppercase;font-family:JetBrains Mono,monospace}.brutal-btn{text-transform:uppercase;letter-spacing:.05em;background:var(--accent-color);color:#fff;border:var(--brutal-border);box-shadow:var(--brutal-shadow);cursor:pointer;justify-content:center;align-items:center;padding:1rem 2rem;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.brutal-btn:hover,.brutal-btn:active{box-shadow:var(--brutal-shadow-hover);transform:translate(4px,4px)}.brutal-btn.secondary{color:var(--text-color);background:#fff}.site-header{z-index:1000;background:var(--bg-color);border-bottom:var(--brutal-border);position:sticky;top:0}.desktop-navbar{justify-content:space-between;align-items:center;padding:1.25rem 5%;display:flex}.navbar-brand{color:var(--text-color);letter-spacing:.05em;font-size:1.25rem;font-weight:900;text-decoration:none}.navbar-links{gap:2.25rem;margin:0;padding:0;list-style:none;display:flex}.navbar-links li a{color:var(--text-color);font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:800;text-decoration:none;transition:color .15s}.navbar-cta{padding:.6rem 1.25rem;font-size:.85rem}.mobile-navbar-wrapper{display:none}@media (width<=768px){.desktop-navbar{display:none!important}.mobile-navbar-wrapper{display:block!important}}.navbar-links li a{color:var(--text-color);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;text-decoration:none;transition:color .2s}.navbar-links li a:hover{color:var(--accent-color)}.hero-section{border-bottom:var(--brutal-border);flex-direction:column;justify-content:center;align-items:flex-start;min-height:100dvh;padding:0 5%;display:flex}.hero-manifesto{flex-direction:column;width:100%;display:flex}.hero-title{letter-spacing:-.04em;color:var(--text-color);text-transform:uppercase;font-size:clamp(4rem,12vw,10rem);font-weight:900;line-height:.85}.hero-subtitle{color:var(--text-color);border-left:5px solid var(--accent-color);max-width:65ch;margin-top:2rem;margin-bottom:3rem;padding-left:1rem;font-family:JetBrains Mono,monospace;font-size:clamp(1rem,2vw,1.5rem)}.hero-ctas{gap:1.5rem;display:flex}.projects-section{border-bottom:var(--brutal-border);background-image:radial-gradient(#d5d5d5 1px,#0000 0);background-size:20px 20px;padding:100px 5%}.section-header{border-bottom:var(--brutal-border);justify-content:space-between;align-items:flex-end;margin-bottom:4rem;padding-bottom:1rem;display:flex}.section-title{text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:.9}.section-meta{color:var(--accent-color);font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700}.projects-grid{flex-direction:column;gap:3rem;display:flex}.project-card{background:var(--bg-color);border:var(--brutal-border);box-shadow:var(--brutal-shadow);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}@media (width>=768px){.project-card{flex-direction:row;align-items:stretch;min-height:280px}.project-image-wrap{border-bottom:none;border-right:var(--brutal-border);width:45%;height:auto}.project-info{width:55%;padding:2rem}}.project-card:hover{box-shadow:10px 10px 0px var(--text-color);transform:translate(-4px,-4px)}.project-image-wrap{border-bottom:var(--brutal-border);height:300px;overflow:hidden}.project-image{object-fit:cover;filter:grayscale()contrast(1.2);width:100%;height:100%;transition:filter .3s}.project-card:hover .project-image{filter:grayscale(0%)contrast(1.1)}.project-info{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.project-title{text-transform:uppercase;margin-bottom:1rem;font-size:2.5rem;font-weight:900;line-height:1}.project-description{margin-bottom:2rem;font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:1.4}.skills-section{border-bottom:var(--brutal-border);padding:100px 5%}.team-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.team-member{border:var(--brutal-border);box-shadow:var(--brutal-shadow);background:#fff;flex-direction:column;padding:2rem;display:flex}.team-role{color:var(--accent-color);margin-bottom:.5rem;font-family:JetBrains Mono,monospace;font-weight:700}.team-name{text-transform:uppercase;margin-bottom:1.5rem;font-size:2.5rem;font-weight:900;line-height:1}.team-desc{font-family:JetBrains Mono,monospace;font-size:.9rem}.contact-section{background-color:var(--accent-color);color:#fff;padding:100px 5%}.contact-section .section-title{color:#fff}.contact-section .section-header{border-color:#fff}.contact-form{background:var(--bg-color);border:var(--brutal-border);flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;padding:3rem;display:flex;box-shadow:8px 8px #0a0a0a}.contact-input{border:var(--brutal-border);width:100%;color:var(--text-color);background:#fff;outline:none;padding:1rem;font-family:JetBrains Mono,monospace;font-size:1rem}.contact-input:focus{border-color:var(--accent-color)}.contact-submit{width:100%;margin-top:1rem}.footer-section{background-color:var(--bg-color);border-top:var(--brutal-border);flex-direction:column;gap:4rem;padding:80px 5% 40px;display:flex;overflow:hidden}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:3rem;display:flex}.footer-brand{flex-direction:column;flex:300px;gap:1.2rem;display:flex}.brand-tag{color:var(--accent-color);font-size:1.2rem;font-weight:800}.status-badge{align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.status-dot{color:#00e676}.footer-bio{color:var(--text-color);max-width:35ch;font-size:.9rem;line-height:1.5}.footer-social-icons{gap:.8rem;display:flex}.footer-social-btn{border:var(--brutal-border);width:42px;height:42px;box-shadow:var(--brutal-shadow);color:var(--text-color);background:#fff;justify-content:center;align-items:center;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,color .15s;display:inline-flex}.footer-social-btn:hover{box-shadow:var(--brutal-shadow-hover);background:var(--accent-color);color:#fff;transform:translate(2px,2px)}.footer-links-grid{flex:2 500px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2rem;display:grid}.footer-col-title{color:var(--accent-color);letter-spacing:.05em;margin-bottom:1.2rem;font-size:.85rem;font-weight:800}.footer-link-col ul{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-link-col ul li a,.footer-link-col ul li span{color:var(--text-color);font-family:JetBrains Mono,monospace;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-link-col ul li a:hover{color:var(--accent-color)}.footer-giant-wrapper{border-top:var(--brutal-border);border-bottom:var(--brutal-border);text-align:center;background:#fff;width:100%;padding:2rem 0}.footer-giant-title{letter-spacing:-.05em;color:var(--text-color);text-transform:uppercase;-webkit-user-select:none;user-select:none;font-family:Outfit,sans-serif;font-size:clamp(3.5rem,14vw,16rem);font-weight:900;line-height:.85}.footer-meta-bar{color:var(--text-color);flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.8rem;font-weight:700;display:flex}.hud-card{background:var(--bg-color);color:var(--text-color);border:var(--brutal-border);box-shadow:var(--brutal-shadow);padding:1.25rem 1.5rem;font-family:JetBrains Mono,monospace;transition:transform .2s,box-shadow .2s,background .3s;position:relative}.hud-card:hover{box-shadow:8px 8px 0px var(--text-color);background:#fff}.hud-corners-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.hud-corner-tl{border-top:2px solid #0a0a0a99;border-left:2px solid #0a0a0a99;width:8px;height:8px;position:absolute;top:6px;left:6px}.hud-corner-tr{border-top:2px solid #0a0a0a99;border-right:2px solid #0a0a0a99;width:8px;height:8px;position:absolute;top:6px;right:6px}.hud-corner-bl{border-bottom:2px solid #0a0a0a99;border-left:2px solid #0a0a0a99;width:8px;height:8px;position:absolute;bottom:6px;left:6px}.hud-corner-br{border-bottom:2px solid #0a0a0a99;border-right:2px solid #0a0a0a99;width:8px;height:8px;position:absolute;bottom:6px;right:6px}.audio-wave{align-items:flex-end;gap:3px;height:20px;display:flex}.audio-bar{background:var(--text-color);opacity:.7;border-radius:1px;width:4px;height:6px}.audio-wave.playing .audio-bar{animation:1.2s ease-in-out infinite alternate audioBarAnim}@keyframes audioBarAnim{0%{opacity:.4;height:4px}50%{opacity:.9;height:18px}to{opacity:.6;height:8px}}.status-indicator-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-online{background-color:#23a55a}.status-idle{background-color:#f0b232}.status-dnd{background-color:#f23f43}.status-offline{background-color:#80848e}html,body{max-width:100vw;overflow-x:hidden}@media (width<=992px){body{box-sizing:border-box!important;border-left:none!important;border-right:none!important;width:100%!important;margin:0!important}}@media (width<=768px){.hero-section{gap:2rem!important;min-height:auto!important;padding:60px 1rem 30px!important}.hero-section>div:first-child{flex-direction:column!important;gap:2rem!important}.hero-section .container{flex:100%!important;width:100%!important}.hero-title{margin-bottom:1rem!important;font-size:clamp(2.2rem,9vw,3.6rem)!important}.hero-subtitle{margin-bottom:1.5rem!important;padding-left:.85rem!important;font-size:.95rem!important}.brutal-btn{width:100%!important;padding:.8rem 1.25rem!important;font-size:.9rem!important}.image-container{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:.85rem!important}.about-section,.projects-section,.skills-section,.contact-section{padding:40px 1rem!important}.about-container{grid-template-columns:1fr!important;gap:1.5rem!important}.section-title{font-size:clamp(1.8rem,8vw,2.5rem)!important}.project-card{flex-direction:column!important;width:100%!important}.project-image-wrapper{border-right:none!important;border-bottom:var(--brutal-border)!important;flex:none!important;width:100%!important;height:200px!important}.project-info{flex:auto!important;width:100%!important;padding:1.25rem!important}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:.85rem!important}.skill-card{padding:1rem!important}.contact-form{box-sizing:border-box!important;width:100%!important;padding:1.5rem 1rem!important}.contact-input,textarea.contact-input{padding:.8rem!important;font-size:.9rem!important}.hud-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:1rem .85rem!important}.footer-section{gap:2rem!important;padding:40px 1rem 20px!important}.footer-top{flex-direction:column!important;gap:2rem!important}.footer-links-grid{grid-template-columns:1fr!important;gap:2rem!important}.footer-giant-title{font-size:clamp(1.8rem,10vw,3.8rem)!important}.footer-meta-bar{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:.5rem!important}}.staggered-menu-wrapper{z-index:999;pointer-events:none;width:100%;height:100%;position:relative}.staggered-menu-wrapper.fixed-wrapper{z-index:999;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.staggered-menu-header{pointer-events:none;z-index:10000;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 5%;display:flex;position:fixed;top:0;left:0}.staggered-menu-header>*{pointer-events:auto}.sm-logo{-webkit-user-select:none;user-select:none;align-items:center;display:flex}.sm-logo-img{object-fit:contain;width:auto;height:32px;display:block}.sm-toggle{background:var(--bg-color);border:var(--brutal-border);box-shadow:var(--brutal-shadow);cursor:pointer;color:var(--text-color);text-transform:uppercase;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:800;line-height:1;transition:transform .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:visible}.sm-toggle:hover{box-shadow:var(--brutal-shadow-hover);transform:translate(2px,2px)}.sm-toggle:focus-visible{outline:3px solid var(--accent-color);outline-offset:3px}.sm-toggle-textWrap{white-space:nowrap;min-width:45px;height:1em;display:inline-block;position:relative;overflow:hidden}.sm-toggle-textInner{flex-direction:column;line-height:1;display:flex}.sm-toggle-line{height:1em;line-height:1;display:block}.sm-icon{will-change:transform;flex:0 0 14px;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex;position:relative}.sm-panel-itemWrap{line-height:1;position:relative;overflow:hidden}.sm-icon-line{will-change:transform;background:currentColor;border-radius:2px;width:100%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.staggered-menu-panel{background:var(--bg-color);border-left:var(--brutal-border);z-index:9999;pointer-events:auto;opacity:0;flex-direction:column;width:clamp(300px,40vw,450px);height:100vh;max-height:100vh;padding:6rem 2.5rem 2.5rem;display:flex;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-10px 0 30px #00000026}[data-position=left] .staggered-menu-panel{border-left:none;border-right:var(--brutal-border);left:0;right:auto}.sm-prelayers{pointer-events:none;z-index:9998;opacity:0;width:clamp(300px,40vw,450px);height:100vh;position:fixed;top:0;bottom:0;right:0}[data-position=left] .sm-prelayers{left:0;right:auto}.sm-prelayer{opacity:0;width:100%;height:100%;position:absolute;top:0;right:0;transform:translate(0)}.sm-panel-inner{flex-direction:column;flex:1;gap:2rem;display:flex}.sm-socials{border-top:var(--brutal-border);flex-direction:column;gap:.75rem;margin-top:auto;padding-top:2rem;display:flex}.sm-socials-title{color:var(--accent-color);margin:0;font-size:.9rem;font-weight:800}.sm-socials-list{flex-flow:wrap;align-items:center;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.sm-socials-link{color:var(--text-color);padding:2px 0;font-size:1rem;font-weight:700;text-decoration:none;transition:color .2s;display:inline-block;position:relative}.sm-socials-link:hover{color:var(--accent-color)}.sm-panel-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.sm-panel-item{color:var(--text-color);cursor:pointer;letter-spacing:-1px;text-transform:uppercase;padding-right:1.4em;font-size:3rem;font-weight:900;line-height:1;text-decoration:none;transition:color .2s,transform .2s;display:inline-block;position:relative}.sm-panel-itemLabel{will-change:transform;transform-origin:50% 100%;display:inline-block}.sm-panel-item:hover{color:var(--accent-color);transform:translate(6px)}.sm-panel-list[data-numbering]{counter-reset:smItem}.sm-panel-list[data-numbering] .sm-panel-item:after{counter-increment:smItem;content:counter(smItem, decimal-leading-zero);color:var(--accent-color);letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--sm-num-opacity,0);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:800;position:absolute;top:.1em;right:.5em}@media (width<=768px){.staggered-menu-header{padding:1rem!important}.staggered-menu-panel,.sm-prelayers{width:100%!important;left:0!important;right:0!important}.sm-panel-item{font-size:2rem!important}}.tilted-card-figure{perspective:800px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.tilted-card-mobile-alert{text-align:center;font-size:.875rem;display:none;position:absolute;top:1rem}@media (width<=640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{transform-style:preserve-3d;position:relative}.tilted-card-img{object-fit:cover;will-change:transform;border:1px solid #ffffff0d;border-radius:12px;position:absolute;top:0;left:0;transform:translateZ(0)}.tilted-card-overlay{z-index:2;will-change:transform;position:absolute;top:0;left:0;transform:translateZ(30px)}.tilted-card-caption{pointer-events:none;color:#fff;opacity:0;z-index:3;background-color:#007bff;border-radius:4px;padding:4px 10px;font-size:14px;font-weight:700;position:absolute;top:0;left:0}