@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Manrope:wght@300;400;500;600&display=swap";:root{--black:#171716;--black-soft:#20201e;--gold:#a68a58;--gold-light:#c0a26b;--white:#f1f0ec;--gray:#aaa8a1;--border:#a68a5859}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.section{padding:140px 7vw}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#171716e0;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;height:90px;padding:0 7vw;display:flex;position:fixed;top:0;left:0}.navbar-logo{align-items:center;gap:14px;display:flex}.logo-mark{color:var(--gold);letter-spacing:2px;font-size:22px}.logo-text{letter-spacing:4px;color:var(--gray);flex-direction:column;font-size:9px;display:flex}.logo-text strong{color:var(--white);letter-spacing:3px;font-size:12px;font-weight:400}.nav-links{gap:42px;display:flex}.nav-links a{color:var(--gray);letter-spacing:2px;text-transform:uppercase;font-size:11px;transition:all .3s}.nav-links a:hover{color:var(--gold-light)}.menu-button{display:none}.hero{grid-template-columns:44% 56%;min-height:100vh;padding:90px 0 0;display:grid}.hero-content{flex-direction:column;justify-content:center;padding:12vh 7vw;display:flex}.eyebrow{color:var(--gold);letter-spacing:3px;margin-bottom:25px;font-size:11px}.hero h1{letter-spacing:-4px;font-family:Manrope,sans-serif;font-size:clamp(55px,6vw,100px);font-weight:300;line-height:.92}.hero h1 span{color:var(--white);display:block}.hero-line{background:var(--gold);width:100px;height:1px;margin:40px 0 28px}.hero-description{max-width:380px;color:var(--gray);font-size:14px;line-height:1.8}.hero-button{border:1px solid var(--gold);width:fit-content;color:var(--gold-light);text-transform:uppercase;letter-spacing:2px;margin-top:35px;padding:15px 25px;font-size:10px;transition:all .3s}.hero-button:hover{background:var(--gold);color:var(--black)}.hero-image{overflow:hidden}.hero-image img{object-fit:cover;object-position:center;width:100%;height:100%;min-height:650px}.section-label{color:var(--gold);letter-spacing:3px;align-items:center;gap:20px;font-size:10px;display:flex}.section-label span{font-size:12px}.about{border-top:1px solid var(--border);grid-template-columns:25% 75%;display:grid}.about-content{max-width:900px}.about h2,.projects h2,.footer h2{letter-spacing:-3px;font-family:Manrope,sans-serif;font-size:clamp(40px,5vw,75px);font-weight:300;line-height:1.05}.about h2 em,.projects h2 em,.footer h2 em{color:var(--gold);font-style:normal}.about p{max-width:620px;color:var(--gray);margin-top:45px;font-size:15px;line-height:1.9}.about p+p{margin-top:18px}.projects{background:var(--black-soft)}.projects-header{justify-content:space-between;align-items:end;gap:40px;margin:80px 0;display:flex}.projects-header p{max-width:300px;color:var(--gray);line-height:1.7}.projects-grid{grid-template-columns:repeat(2,1fr);gap:50px 25px;display:grid}.project-card:nth-child(3n){grid-column:span 2}.project-image{height:500px;overflow:hidden}.project-card:nth-child(3n) .project-image{height:650px}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.project-card:hover img{transform:scale(1.04)}.project-info{border-top:1px solid var(--border);justify-content:space-between;align-items:start;padding-top:18px;display:flex}.project-info span{color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-size:9px}.project-info h3{margin-top:8px;font-size:20px;font-weight:400}.project-meta{gap:25px;display:flex}.services-list{border-top:1px solid var(--border);margin-top:80px}.service{border-bottom:1px solid var(--border);grid-template-columns:10% 35% 45% 10%;align-items:center;min-height:150px;transition:all .3s;display:grid}.service:hover{padding-left:20px}.service-number{color:var(--gold);font-size:11px}.service h3{font-size:20px;font-weight:400}.service p{color:var(--gray);max-width:400px;font-size:13px;line-height:1.7}.service-arrow{color:var(--gold);text-align:right;font-size:25px}.footer{background:#111110;padding:150px 7vw 30px}.footer-main{flex-direction:column;justify-content:center;min-height:500px;display:flex}.footer h2{max-width:850px}.footer-main a{color:var(--gold-light);margin-top:50px;font-size:13px}.footer-bottom{color:#6d6b66;letter-spacing:1px;border-top:1px solid #ffffff14;justify-content:space-between;padding-top:25px;font-size:10px;display:flex}@media (width<=800px){.navbar{height:75px}.menu-button{background:0 0;border:0;flex-direction:column;gap:6px;display:flex}.menu-button span{background:var(--gold);width:28px;height:1px}.nav-links{background:var(--black);flex-direction:column;gap:25px;width:100%;padding:30px 7vw;display:none;position:absolute;top:75px;left:0}.nav-links.open{display:flex}.hero{grid-template-columns:1fr}.hero-content{min-height:600px;padding-top:120px}.hero-image{height:500px}.hero-image img{min-height:500px}.about{grid-template-columns:1fr;gap:70px}.projects-header{display:block}.projects-header p{margin-top:30px}.projects-grid{grid-template-columns:1fr}.project-card:nth-child(3n){grid-column:span 1}.project-image,.project-card:nth-child(3n) .project-image{height:400px}.service{grid-template-columns:15% 85%;gap:15px;padding:30px 0}.service p{grid-column:2}.service-arrow{display:none}.footer-bottom{flex-direction:column;gap:10px}}
