:root{--bg-color:#131313;--text-primary:#fff;--text-secondary:#aaa;--accent-color:#1f1f1f;font-family:Montserrat,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.site-header{z-index:1000;mix-blend-mode:difference;background:linear-gradient(#131313e6,#0000);justify-content:space-between;align-items:center;width:100%;padding:2rem 4rem;display:flex;position:fixed;top:0}.logo{letter-spacing:2px;font-size:1.5rem;font-weight:900}.nav-menu a{color:var(--text-primary);letter-spacing:1px;margin-left:2rem;font-size:.85rem;font-weight:700;text-decoration:none;position:relative}.nav-menu a:not(.btn-primary):hover:after{content:"";background:var(--text-primary);width:100%;height:2px;position:absolute;bottom:-4px;left:0}.btn-primary{border:1px solid var(--text-primary);border-radius:4px;align-items:center;padding:.75rem 1.5rem;transition:all .3s;display:inline-flex}.btn-primary:hover{background:var(--text-primary);color:var(--bg-color)}.hero-section{align-items:center;height:100vh;padding:0 4rem;display:flex;position:relative}.hero-bg,.hero-overlay{z-index:-1;position:absolute;inset:0}.hero-bg img{object-fit:cover;width:100%;height:100%}.hero-overlay{background:#13131380}.hero-content{z-index:1}.hero-title{letter-spacing:-1px;margin-bottom:1rem;font-size:4vw;font-weight:900;line-height:1.1}.hero-subtitle{color:#eee;font-size:1.2rem}.section-heading{letter-spacing:1px;margin-bottom:3rem;font-size:1.2rem;font-weight:900}.centered{text-align:center}.top-projects{padding:8rem 4rem}.split-layout{justify-content:space-between;gap:4rem;display:flex}.split-left{width:25%}.split-right{width:75%}.project-list{list-style:none}.project-list li{cursor:pointer;color:var(--text-secondary);margin-bottom:1rem;padding:.5rem 0;font-size:1.2rem;font-weight:700;transition:color .3s}.project-list li.active,.project-list li:hover{color:var(--text-primary);border-left:3px solid var(--text-primary);padding-left:1rem}.btn-secondary{color:var(--text-primary);border:1px solid var(--text-secondary);border-radius:4px;padding:.5rem 1rem;font-size:.8rem;text-decoration:none;display:inline-block}.mt-big{margin-top:3rem}.preview-card{border-radius:4px;width:100%;height:60vh;position:relative;overflow:hidden}.preview-card img{object-fit:cover;width:100%;height:100%}.preview-overlay{background:linear-gradient(#0000 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:3rem;display:flex;position:absolute;inset:0}.preview-overlay h3{margin-bottom:.5rem;font-size:3rem;font-weight:900}.preview-location{border:1px solid #fff6;border-radius:20px;align-items:center;width:max-content;margin-bottom:1rem;padding:.3rem .8rem;font-size:.8rem;display:inline-flex}.preview-categories{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}.btn-see-project{border:1px solid var(--text-primary);color:var(--text-primary);border-radius:4px;align-self:flex-start;padding:.75rem 2rem;font-size:.85rem;font-weight:700;text-decoration:none}.btn-see-project:hover{color:#000;background:#fff}.projects-gallery{padding:4rem}.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:400px;gap:2rem;display:grid}.bento-item{border-radius:4px;position:relative;overflow:hidden}.bento-item:nth-child(2n){grid-column:span 2}.bento-item img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.bento-item:hover img{transform:scale(1.05)}.bento-info{background:linear-gradient(#0000,#000000e6);padding:2rem;position:absolute;bottom:0;left:0;right:0}.bento-title{text-transform:uppercase;margin-bottom:.5rem;font-size:1.5rem;font-weight:900}.site-footer{background:#0a0a0a;padding:8rem 4rem 4rem}.footer-huge-text{letter-spacing:-2px;max-width:80%;margin-bottom:4rem;font-size:5vw;font-weight:900;line-height:1}.footer-bottom{border-top:1px solid #333;justify-content:space-between;padding-top:2rem;font-size:.9rem;display:flex}.footer-bottom a{color:var(--text-secondary);margin-right:2rem;text-decoration:none}