@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--bg:#080808;--panel:#111;--text:#f5f2ec;--muted:#aaa59c;--gold:#d5b36a;--line:#292929}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f1eb;color:#161616;font-family:"DM Sans",sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}.site-header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#080808;color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #202020}.brand{font-weight:700;letter-spacing:.08em;font-size:14px}.brand span{font-size:24px;margin-right:7px;letter-spacing:.02em}nav{display:flex;gap:30px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}nav a{opacity:.82}.header-cta{border:1px solid #777;padding:10px 15px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.hero{min-height:690px;background:radial-gradient(circle at 75% 45%,#3b2f2a 0,#171515 28%,#080808 68%);color:#fff;display:flex;align-items:center;padding:80px 10vw}.hero-copy{max-width:760px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--gold);margin:0 0 16px}.hero h1{font-size:clamp(52px,7vw,94px);line-height:.98;letter-spacing:-.05em;margin:0 0 28px}.hero h1 em,h2 em,h3 em{font-family:"Playfair Display",serif;font-weight:500}.hero-text{max-width:590px;color:#c7c2ba;font-size:16px}.actions{display:flex;gap:12px;margin-top:30px}.button{display:inline-block;padding:13px 19px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.light{background:#f5f2ec;color:#111}.outline{border:1px solid #777;color:#fff}.section{padding:110px 10vw}.about{display:grid;grid-template-columns:minmax(300px, .9fr) 1fr;gap:9vw;align-items:center}.about-photo img{width:100%;display:block;max-height:670px;object-fit:contain}.about-copy{max-width:620px}.about h2,.section-heading h2{font-size:clamp(42px,5vw,68px);line-height:1.03;margin:0 0 12px;letter-spacing:-.04em}.role{font-weight:700;color:#7e6741;margin-bottom:25px}.about-copy p:not(.eyebrow):not(.role){color:#555;max-width:570px}.text-link{display:inline-block;margin-top:18px;font-weight:700;border-bottom:1px solid #222;padding-bottom:5px}.dark{background:var(--bg);color:var(--text)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.section-heading>p{max-width:360px;color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.project-card{background:#0b0b0b;padding:38px;min-height:320px;display:flex;flex-direction:column}.project-card.featured{background:#151515}.project-number{color:var(--gold);font-size:11px;margin-bottom:auto}.project-card h3{font-size:32px;line-height:1.05;margin:40px 0 15px}.project-card p{color:#aaa;margin:0 0 28px}.project-card span{font-size:9px;letter-spacing:.13em;color:#777}.services{background:#f4f1eb}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #ccc}.service-grid>div{padding:30px 25px 10px 0;border-right:1px solid #ccc;margin-right:25px}.service-grid strong{color:#9d7b3e;font-size:11px}.service-grid h3{font-size:23px;margin:35px 0 8px}.service-grid p{color:#666;font-size:14px}.founder-image{height:280px;position:relative;overflow:hidden;background:#222}.founder-image img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.overlay-quote{position:absolute;left:8vw;bottom:65px;color:#fff;font-size:clamp(30px,4vw,56px);line-height:1.05;text-shadow:0 2px 25px #000}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.contact h2{font-size:clamp(42px,5vw,65px);line-height:1.05;margin:0 0 20px;letter-spacing:-.04em}.contact p{color:#aaa}.contact-card{border:1px solid #939;padding:24px;max-width:380px;margin-left:auto}.contact-card>p{font-size:10px;letter-spacing:.15em;color:var(--gold)}.contact-card>a:not(.button){display:block;color:#fff;font-size:22px;margin:10px 0 30px;word-break:break-word}.contact-card .button{color:#111}footer{background:#050505;color:#777;padding:30px 5vw;display:flex;justify-content:space-between;align-items:center;font-size:11px}footer .brand{color:#fff}@media(max-width:800px){nav{display:none}.header-cta{display:none}.hero{min-height:620px;padding:70px 7vw}.hero h1{font-size:54px}.section{padding:75px 7vw}.about,.contact{grid-template-columns:1fr;gap:45px}.project-grid,.service-grid{grid-template-columns:1fr}.service-grid>div{border-right:0;border-bottom:1px solid #ccc;margin:0;padding-bottom:25px}.section-heading{display:block}.section-heading>p{margin-top:18px}.founder-image{height:320px}.overlay-quote{left:7vw;right:7vw;bottom:35px}.actions{flex-wrap:wrap}footer{display:block}footer p{margin-top:15px}}
.about-copy h2 {
  font-size: 48px;
  white-space: nowrap;
}



.project-card h3 {
  color: #ffffff;
}


.project-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 10px !important;
}

.project-card h3 {
  color: #ffffff;
  margin-top: 0;
}

.vision-images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-top: 28px;
}

.vision-images img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}

@media (max-width: 700px) {
  .vision-images {
    grid-template-columns: 1fr;
  }

  .vision-images img {
    height: 260px;
  }
}

/* Tighten Founder section spacing */
.about.section {
  padding-bottom: 20px !important;
}

.vision-images {
  margin-top: 0 !important;
}


/* Refine Selected Projects cards */
.project-grid {
   gap: 28px;    margin-top: 180px;
max-width: 1300px;
margin-left: auto;
margin-right: auto;}
.project-card {
    padding: 10px !important;
}
/* Tighten Let's Connect section */
.contact.section.dark {
  padding-top: 20px !important;
  padding-bottom: 35px !important;
}

.contact {
  gap: 30px !important;
}

/* Tighten What We Do section */
.services {
  padding-top: 20px !important;
  padding-bottom: 30px !important;
}

/* Keep Industry Inquiries card comfortably inside section */
.contact-card {
  margin-right: 20px !important;
}