@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";:root{--ink:#171816;--cream:#efeee9;--muted:#6c6d68;--line:#d8d8d2;--accent:#9a7b45}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.topbar{color:#e8e8e3;letter-spacing:.15em;background:#171816;justify-content:space-between;align-items:center;height:30px;padding:0 5%;font-size:9px;font-weight:700;display:flex}.nav{z-index:20;background:#fff;border-bottom:1px solid #e5e5df;justify-content:space-between;align-items:center;height:78px;padding:0 5%;display:flex;position:sticky;top:0}.brand{letter-spacing:.16em;flex-direction:column;display:flex}.brand strong{font-size:19px}.brand small{letter-spacing:.3em;color:#777;margin-top:4px;font-size:8px}.nav-links{align-items:center;gap:28px;font-size:11px;font-weight:700;display:flex}.nav-cta,.hero-btn,.dark-btn{color:#fff;background:#171816;align-items:center;gap:10px;padding:13px 17px;display:flex}.menu{background:0 0;border:0;display:none}.hero{background:var(--cream);grid-template-columns:42% 58%;min-height:640px;display:grid}.hero-copy{flex-direction:column;justify-content:center;padding:80px 10%;display:flex}.eyebrow{letter-spacing:.18em;color:#777;font-size:9px;font-weight:800}.hero h1,.intro h2,.section-head h2,.cta h2,.contact h2{letter-spacing:-.045em;font-family:Playfair Display,serif}.hero h1{margin:36px 0 24px;font-size:72px;line-height:.9}.hero h1 em,.intro h2 em,.section-head h2 em,.cta h2 em,.contact h2 em{color:#8d7042;font-style:normal}.hero-copy>p{color:#555852;margin:0 0 13px;font-family:Playfair Display,serif;font-size:20px}.location{color:#72746e;align-items:center;gap:7px;font-size:10px;display:flex}.location svg{color:var(--accent)}.hero-btn{letter-spacing:.1em;width:max-content;margin-top:30px;font-size:9px;font-weight:700}.hero-image{background:#ddd;min-height:640px;overflow:hidden}.hero-image img{object-fit:cover;width:100%;height:100%;display:block}.intro{grid-template-columns:1fr 1fr;align-items:end;gap:10%;padding:100px 10%;display:grid}.intro h2{margin:18px 0 0;font-size:57px;line-height:.97}.intro>p{max-width:470px;color:var(--muted);margin:0;font-size:14px;line-height:1.8}.services,.projects{background:#fff;padding:90px 7%}.projects{background:#f4f3ef}.section-head{justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px;display:flex}.section-head h2{margin:17px 0 0;font-size:56px;line-height:.95}.section-head>p{max-width:350px;color:var(--muted);font-size:12px;line-height:1.7}.service-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.service-grid article{border:1px solid var(--line);min-height:285px;padding:30px}.icon{border:1px solid var(--line);width:48px;height:48px;color:var(--accent);place-items:center;margin-bottom:45px;display:grid}.service-grid span{color:#9a9a93;letter-spacing:.15em;font-size:9px}.service-grid h3{margin:12px 0;font-family:Playfair Display,serif;font-size:28px}.service-grid p{color:var(--muted);font-size:11px;line-height:1.75}.gallery{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.project{background:#fff;overflow:hidden}.project-image{background:#e5e5e0;height:390px;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.project:hover img{transform:scale(1.03)}.project-image>span{color:#fff;letter-spacing:.12em;background:#171816;padding:8px 10px;font-size:8px;font-weight:700;position:absolute;bottom:12px;right:12px}.project-caption{letter-spacing:.12em;justify-content:space-between;align-items:center;padding:14px 15px;font-size:9px;font-weight:700;display:flex}.project.featured{grid-column:span 2}.project.featured .project-image{height:510px}.cta{color:#fff;background:#171816;padding:105px 10%}.cta .eyebrow{color:#a9aaa4}.cta h2{margin:20px 0;font-size:66px;line-height:.95}.cta p{color:#aeb0aa;max-width:450px;font-size:13px;line-height:1.7}.dark-btn{letter-spacing:.1em;color:#171816;background:#fff;width:max-content;margin-top:28px;font-size:9px;font-weight:700}.contact{background:var(--cream);grid-template-columns:1fr 1fr;gap:10%;padding:100px 10%;display:grid}.contact h2{margin:20px 0;font-size:62px;line-height:.95}.contact-card{gap:10px;display:grid}.contact-card>a,.contact-card>div{background:#fff;align-items:center;gap:15px;min-height:82px;padding:20px;display:flex}.contact-card svg{color:var(--accent)}.contact-card span{color:#777;font-size:10px;line-height:1.5}.contact-card strong{color:#171816;font-size:13px}footer{color:#969792;background:#0d0e0d;justify-content:space-between;gap:20px;padding:35px 7%;font-size:9px;display:flex}.footer-brand{color:#fff;letter-spacing:.16em;font-size:14px;font-weight:700}.whatsapp-float{color:#fff;z-index:50;background:#20c76a;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 30px #0003}@media (width<=900px){.nav-links{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:10px 6%;display:none;position:absolute;top:78px;left:0;right:0}.nav-links.open{display:flex}.nav-links>a{padding:14px 0}.nav-cta{justify-content:center}.menu{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 7%}.hero h1{font-size:57px}.hero-image{min-height:500px}.intro,.contact{grid-template-columns:1fr;gap:40px}.service-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:repeat(2,1fr)}.project.featured{grid-column:span 2}.section-head{display:block}.section-head>p{margin-top:20px}.cta{padding:80px 7%}}@media (width<=560px){.topbar span:last-child{display:none}.hero-copy{padding:55px 7%}.hero h1{font-size:47px}.hero-image{min-height:430px}.intro,.services,.projects,.contact{padding:70px 7%}.intro h2,.section-head h2{font-size:43px}.service-grid,.gallery{grid-template-columns:1fr}.project.featured{grid-column:span 1}.project-image,.project.featured .project-image{height:470px}.cta h2,.contact h2{font-size:48px}footer{flex-direction:column}.whatsapp-float{width:54px;height:54px;bottom:16px;right:16px}}