:root{
  --warm-white:#f5f2ec;
  --white:#fff;
  --sand:#d8c8b3;
  --terra:#8a684d;
  --espresso:#342820;
  --ink:#211a16;
  --muted:#74675f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--warm-white);color:var(--ink);font-family:"DM Sans",sans-serif}
a{color:inherit;text-decoration:none}
.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;color:white;transition:.35s}
.site-header.scrolled{background:rgba(245,242,236,.95);color:var(--ink);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(0,0,0,.06)}
.brand{display:inline-flex;flex-direction:column;line-height:.9;letter-spacing:.12em}
.brand-main{font-family:"Playfair Display",serif;font-size:21px}
.brand-sub{font-size:9px;letter-spacing:.52em;margin-top:7px}
.nav{display:flex;align-items:center;gap:28px;font-size:13px}
.nav-cta{border:1px solid currentColor;padding:12px 16px}
.menu-toggle{display:none;background:none;border:0;color:inherit;font-size:24px}
.hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;padding:0 6vw 9vh;background:
linear-gradient(120deg,rgba(42,31,24,.12),rgba(42,31,24,.12)),
url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=85") center/cover no-repeat;color:white}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,18,14,.62),rgba(25,18,14,.07) 66%),linear-gradient(0deg,rgba(25,18,14,.34),transparent 45%)}
.hero-content{position:relative;z-index:2;max-width:900px}
.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:600}
.hero h1,.section h2,.investors h2,.projects h2{font-family:"Playfair Display",serif;font-weight:500}
.hero h1{font-size:clamp(56px,7vw,110px);line-height:.94;margin:20px 0 28px}
.hero h1 em{font-weight:500;color:#eadfce}
.hero-copy{max-width:620px;font-size:18px;line-height:1.65;color:#f4eee8}
.hero-actions{display:flex;gap:12px;margin-top:34px}
.btn{display:inline-flex;justify-content:center;align-items:center;padding:15px 22px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:600;border:1px solid transparent;cursor:pointer}
.btn-light{background:white;color:var(--ink)}
.btn-ghost{border-color:rgba(255,255,255,.65);color:white}
.btn-dark{background:var(--espresso);color:white}
.hero-note{position:absolute;right:5vw;bottom:4vh;font-size:10px;letter-spacing:.3em;z-index:2}
.section{padding:110px 7vw}
.section-kicker{color:var(--terra);margin:0 0 22px}
.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw}
.intro h2,.services h2,.about h2,.contact h2{font-size:clamp(42px,5vw,72px);line-height:1.04;margin:0}
.intro-grid p,.section-heading>p,.about-copy>p,.contact-copy>p{font-size:17px;line-height:1.8;color:var(--muted)}
.text-link{display:inline-block;margin-top:18px;font-size:13px;border-bottom:1px solid var(--terra);padding-bottom:4px}
.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end;margin-bottom:52px}
.section-heading h2{font-size:clamp(42px,5vw,72px);margin:0;line-height:1}
.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.service-card{min-height:430px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:white;background-position:center;background-size:cover;position:relative;overflow:hidden}
.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(30,21,16,.78),rgba(30,21,16,.08))}
.service-card>*{position:relative;z-index:1}
.service-card span{font-size:11px;letter-spacing:.2em}
.service-card h3{font-family:"Playfair Display",serif;font-size:42px;margin:0 0 12px}
.service-card p{font-size:14px;line-height:1.7;color:#eee5dc}
.card-one{background-image:url("https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1400&q=85")}
.card-two{background-image:url("https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1400&q=85")}
.card-three{background-image:url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1400&q=85")}
.section-dark{padding:110px 7vw;background:var(--espresso);color:white}
.section-heading.light>p{color:#cdbfb3}
.project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
.project-large{grid-row:span 2}
.project-image{height:420px;background-size:cover;background-position:center}
.project-large .project-image{height:860px}
.p1{background-image:url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1800&q=85")}
.p2{background-image:url("https://images.unsplash.com/photo-1600573472592-401b489a3cdc?auto=format&fit=crop&w=1200&q=85")}
.p3{background-image:url("https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1200&q=85")}
.project-meta{display:flex;justify-content:space-between;align-items:end;padding:16px 2px 24px}
.project-meta h3{font-family:"Playfair Display",serif;font-size:26px;margin:0}
.project-meta span{font-size:11px;color:#cdbfb3;text-transform:uppercase;letter-spacing:.14em}
.about{display:grid;grid-template-columns:1fr .85fr;gap:10vw}
.about-copy>p{max-width:620px}
.about-copy .btn{margin-top:18px}
.about-panel{border-top:1px solid #cdbdac}
.stat{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:26px 0;border-bottom:1px solid #cdbdac;align-items:center}
.stat strong{font-family:"Playfair Display",serif;font-size:34px;color:var(--terra)}
.stat span{font-size:15px}
.investors{min-height:650px;padding:110px 7vw;display:flex;align-items:center;background:linear-gradient(90deg,rgba(38,26,19,.76),rgba(38,26,19,.25)),url("https://images.unsplash.com/photo-1600047509807-ba8f99d2cdde?auto=format&fit=crop&w=2200&q=85") center/cover;color:white}
.investor-inner{max-width:720px}
.investors h2{font-size:clamp(48px,6vw,84px);line-height:1;margin:0 0 28px}
.investors p{font-size:18px;line-height:1.7;color:#eee5dc}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}
.contact-details{display:flex;flex-direction:column;gap:8px;margin-top:34px;color:var(--terra);font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.contact-form{display:flex;flex-direction:column;gap:20px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
input,select,textarea{width:100%;border:0;border-bottom:1px solid #baa998;background:transparent;padding:12px 0;font:inherit;color:var(--ink);outline:none;text-transform:none;letter-spacing:normal}
textarea{resize:vertical}
.contact-form .btn{align-self:flex-start}
.form-success{display:none;color:var(--terra);font-size:13px}.form-success.show{display:block}
footer{padding:50px 7vw;background:#241a15;color:#e6dbd1;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px}
footer p{margin:0;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#bfae9f}
footer p:last-child{text-align:right}
@media(max-width:900px){
  .nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--warm-white);color:var(--ink);flex-direction:column;align-items:flex-start;padding:24px 6vw}
  .nav.open{display:flex}.menu-toggle{display:block}
  .hero{padding-bottom:9vh}.hero h1{font-size:58px}
  .intro-grid,.section-heading,.about,.contact{grid-template-columns:1fr}
  .service-cards{grid-template-columns:1fr}.service-card{min-height:370px}
  .project-grid{grid-template-columns:1fr}.project-large{grid-row:auto}.project-large .project-image,.project-image{height:500px}
  .project-meta{align-items:flex-start;gap:8px;flex-direction:column}
  .field-row{grid-template-columns:1fr}
  footer{grid-template-columns:1fr}footer p:last-child{text-align:left}
}