*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ee;color:#171717;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%}.site-header{height:88px;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:50;background:rgba(247,244,238,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}.brand{font-family:Manrope,sans-serif;letter-spacing:.08em;font-size:24px}.brand-met{font-weight:700}.brand-design{font-weight:300;margin-left:5px;color:#b88b54}.desktop-nav{display:flex;gap:34px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.desktop-nav a{padding:34px 0 12px;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#b88b54;transform:scaleX(0);transition:.25s}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1)}.header-cta{justify-self:end;border:1px solid #b88b54;padding:13px 24px;border-radius:3px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.menu-button{display:none;background:none;border:0;justify-self:end}.menu-button span{display:block;width:26px;height:1px;background:#171717;margin:6px 0}.mobile-menu{display:none}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:44% 56%;padding:0 5vw 4vw}.hero-copy{align-self:center;padding-right:6vw}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.22em;color:#a77a45;font-weight:600;margin-bottom:28px}.hero h1{font-family:Manrope,sans-serif;font-weight:300;font-size:clamp(54px,6.2vw,112px);line-height:.88;letter-spacing:-.055em;margin:0 0 28px}.hero h1 span{color:#b88b54}.hero-text{font-size:17px;line-height:1.7;max-width:600px;color:#595650}.hero-actions{display:flex;gap:14px;margin-top:34px}.btn{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;padding:16px 22px;border-radius:2px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#b88b54;color:white}.btn-secondary{border:1px solid #c9c0b5}.hero-meta{display:flex;gap:42px;margin-top:55px;padding-top:20px;border-top:1px solid #ddd6cc}.hero-meta div{display:flex;gap:10px;align-items:center}.hero-meta strong{font-size:12px}.hero-meta span{font-size:11px;color:#777}.hero-visual{position:relative;align-self:stretch;min-height:650px;overflow:hidden}.hero-visual img{height:100%;object-fit:cover}.hero-badge{position:absolute;right:28px;bottom:28px;background:rgba(255,255,255,.88);padding:18px 20px;backdrop-filter:blur(10px);display:flex;flex-direction:column}.hero-badge span{font-family:Manrope;font-size:24px;font-weight:700}.hero-badge small{letter-spacing:.2em;color:#8a6a45}.section{padding:110px 6vw}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12vw;align-items:end}.intro h2,.section-head h2,.contact h2{font-family:Manrope,sans-serif;font-weight:300;font-size:clamp(40px,4.4vw,78px);letter-spacing:-.045em;line-height:1.02;margin:0}.intro p,.section-head p{color:#66605a;line-height:1.8;font-size:16px}.text-link{display:inline-block;margin-top:22px;border-bottom:1px solid #b88b54;padding-bottom:6px}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:52px}.services{background:#f7f4ee}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fff;padding:36px;min-height:260px;border:1px solid #eee7dd;transition:.3s}.service-card:hover{transform:translateY(-5px)}.service-card>span{font-size:12px;color:#b88b54}.service-card h3{font-family:Manrope;font-size:30px;font-weight:400;margin:70px 0 14px}.service-card p{color:#666;line-height:1.7}.projects{background:#fff}.project-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.project-card{background:#f1ece3}.project-card.large{grid-row:span 2}.project-card img{height:320px;object-fit:cover}.project-card.large img{height:100%}.project-info{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#fff;border:1px solid #eee7dd;border-top:0}.project-info div{display:flex;flex-direction:column;gap:5px}.project-info strong{font-size:14px}.project-info span{font-size:11px;color:#777}.gallery{background:#f7f4ee}.gallery-strip{display:grid;grid-template-columns:1.2fr .9fr .9fr 1.1fr;gap:14px}.gallery-strip div{overflow:hidden}.gallery-strip img{height:390px;object-fit:cover;transition:.5s}.gallery-strip img:hover{transform:scale(1.03)}.contact{background:#fff}.contact-card{background:#171717;color:white;padding:70px;display:grid;grid-template-columns:1.3fr .7fr;gap:60px}.section-kicker.light{color:#d0ad80}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px}.contact-actions>a:not(.btn){color:#d9d3cb}.btn-light{margin-top:14px;background:#f7f4ee;color:#171717}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}footer{padding:32px 5vw;display:flex;justify-content:space-between;align-items:center;background:#f7f4ee;border-top:1px solid #e7dfd4;font-size:12px;color:#6d6861}.footer-links{display:flex;gap:20px}.footer-brand{font-size:18px}@media(max-width:1050px){.desktop-nav,.header-cta{display:none}.site-header{grid-template-columns:1fr auto}.menu-button{display:block}.mobile-menu{position:fixed;top:88px;left:0;right:0;background:#f7f4ee;z-index:49;padding:25px 5vw;border-bottom:1px solid #ddd;flex-direction:column;gap:22px}.mobile-menu.open{display:flex}.hero{grid-template-columns:1fr;padding-top:50px}.hero-copy{padding:0 0 50px}.hero-visual{min-height:520px}.intro-grid,.section-head,.contact-card{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-card.large{grid-row:auto}.project-card.large img{height:420px}.gallery-strip{grid-template-columns:1fr 1fr}.gallery-strip img{height:320px}}@media(max-width:650px){.site-header{height:72px}.mobile-menu{top:72px}.hero{min-height:auto;padding:42px 5vw}.hero h1{font-size:54px}.hero-actions{flex-direction:column}.hero-meta{gap:20px;flex-wrap:wrap}.hero-visual{min-height:420px}.section{padding:76px 5vw}.section-head{margin-bottom:34px}.project-card img,.project-card.large img{height:280px}.gallery-strip{grid-template-columns:1fr}.gallery-strip img{height:300px}.contact-card{padding:40px 26px}footer{flex-direction:column;gap:18px;align-items:flex-start}}
