html,body{scroll-behavior:smooth;width:100%;height:auto;min-height:100%;margin:0;padding:0;position:relative;overflow-x:hidden}:root{--bg-deep:#0a0a0a;--bg-dark:#121212;--accent:#ff6b00;--text-main:#e0e0e0;--text-muted:#a0a0a0;--blueprint:#283c6466;--grid-line:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-main);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-position:50%;background-size:60px 60px;background-attachment:fixed;font-family:Inter,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}h1,h2,h3{text-transform:uppercase;letter-spacing:-.02em;font-family:Archivo Black,sans-serif}.section-title{width:100%;margin-bottom:40px;font-size:clamp(2.5rem,6vw,3.5rem);line-height:1.1;display:inline-block;position:relative}.section-title:after{content:"";background:var(--accent);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.section-title[style*="textAlign: 'left'"]:after,.section-title[style*="textAlign: left"]:after,.section-title.text-left:after{left:0;transform:none}.mono{font-family:Space Mono,monospace}.blueprint-overlay{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);pointer-events:none;background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0}section{z-index:1;box-sizing:border-box;justify-content:center;align-items:center;width:100%;max-width:100%;padding:120px 5%;display:flex;position:relative;overflow:hidden}img{max-width:100%;height:auto}.App{width:100%;position:relative;overflow-x:hidden}#hero{align-items:center;min-height:90vh;display:flex}.container{width:100%}button{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-family:Archivo Black,sans-serif;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:#fff;transform:translateY(-3px)scale(1.02);box-shadow:0 10px 20px #ff6b004d}.btn-secondary{color:#fff;background:0 0;border:1px solid #ffffff4d}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px)}button:active{transform:translateY(0)scale(.95)}button:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}button:hover:after{left:100%}@media (width<=1024px){.section-title{font-size:2.5rem}}@media (width<=768px){section{padding:80px 5%}.section-title{margin-bottom:30px;font-size:2rem}.section-title:after{width:40px;height:3px;bottom:-8px}h1{font-size:2.5rem!important}h2{font-size:2rem!important}h3{font-size:1.5rem!important}.grid-3,.grid-2{grid-template-columns:1fr!important;gap:30px!important}}.grid-3{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.projects-2x2-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}@media (width<=900px){.projects-2x2-grid{grid-template-columns:1fr}}.about-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:80px;display:grid}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:40px}}@media (width<=480px){.section-title{font-size:1.8rem}h1{font-size:2.2rem!important}section{padding:60px 20px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.navbar{z-index:99999;-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background-color:#0a0a0ad9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background-color:#050505f2;border-bottom:1px solid #ff6b0033;padding:12px 20px;box-shadow:0 10px 30px #00000080}.nav-desktop-menu{align-items:center;gap:35px;display:flex}.mobile-toggle{cursor:pointer;z-index:1001;flex-direction:column;justify-content:space-between;width:30px;height:20px;display:none}@media (width<=1024px){.nav-desktop-menu{display:none!important}.mobile-toggle{display:flex!important}}.modal-grid{grid-template-columns:1fr!important;gap:40px!important}.modal-image-header{height:250px!important}.modal-title{padding-right:20px!important;font-size:2.5rem!important}.modal-padding{padding:30px 20px!important}