:root{
  --ink:#14181f;
  --ink-soft:#20262f;
  --orange:#f0a23a;
  --orange-deep:#d9822a;
  --cream:#faf7f2;
  --white:#ffffff;
  --muted:#6b7280;
  --muted-light:#9aa3ad;
  --line:rgba(255,255,255,.18);
  --shadow:0 20px 50px -20px rgba(0,0,0,.35);
  --display:'Rubik Spray Paint',cursive;
  --script:'Alex Brush',cursive;
  --sans:'Jost',system-ui,-apple-system,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);color:var(--ink);background:var(--white);
  line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{display:block;max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
a{color:inherit}

/* ---------- NAV ---------- */
.nav{
  position:absolute;top:0;left:0;right:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;
  padding:26px 40px;
}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--white)}
.brand svg{width:36px;height:36px;flex:0 0 auto}
.brand .word{font-family:var(--display);font-size:15px;line-height:1.3;letter-spacing:.02em}
.brand .word small{display:block;font-family:var(--sans);font-weight:400;font-size:11px;letter-spacing:.28em;color:var(--orange);margin-top:2px}
.nav-links{display:flex;gap:30px;list-style:none}
.nav-links a{
  color:var(--white);text-decoration:none;font-size:12.5px;letter-spacing:.14em;
  text-transform:uppercase;opacity:.85;transition:opacity .25s;
}
.nav-links a:hover{opacity:1}
@media(max-width:860px){ .nav-links{display:none} }

/* ---------- HERO ---------- */
.hero{
  position:relative;min-height:640px;display:flex;align-items:flex-end;
  background:#0d1015 url('../img/hero.jpg') center/cover no-repeat;
  padding:140px 0 90px;
}
.hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(10,12,16,.88) 0%, rgba(10,12,16,.55) 42%, rgba(10,12,16,.15) 68%, transparent 100%);
}
.hero-inner{position:relative;z-index:2;max-width:640px}
.hero .script{
  font-family:var(--script);color:var(--white);font-size:clamp(48px,7vw,84px);
  line-height:1;margin-bottom:28px;
}
.btn{
  display:inline-block;padding:16px 34px;background:var(--white);color:var(--ink);
  text-decoration:none;font-family:var(--sans);font-weight:600;font-size:13px;
  letter-spacing:.14em;text-transform:uppercase;border-radius:2px;transition:all .3s;
  border:1px solid var(--white);
}
.btn:hover{background:transparent;color:var(--white)}
.btn.btn-outline{background:transparent;color:var(--white)}
.btn.btn-outline:hover{background:var(--white);color:var(--ink)}
.btn.btn-accent{background:var(--orange);border-color:var(--orange);color:#221806}
.btn.btn-accent:hover{background:transparent;color:var(--orange)}

/* ---------- SECTION SHELLS ---------- */
.section{padding:100px 0}
.section-grad-about{
  background:
    radial-gradient(1100px 700px at 78% 15%, rgba(240,162,58,.35), transparent 60%),
    linear-gradient(135deg, #14181f 0%, #241b14 55%, #3a2a19 100%);
  color:var(--white);
}
.section-grad-kitchen{ background:linear-gradient(100deg, #8b5cf6 0%, #4fb3ea 55%, #5eead4 100%); color:#12131a; }
.section-basement{ background:linear-gradient(160deg,#c3ccd1,#a4b1b8); color:#1a2226; }
.section-grad-home{ background:linear-gradient(100deg,#5eead4 0%,#2f8fd6 55%,#0a3f9e 100%); color:#fff; }
.section-stats{ background:#8a8b8f; color:#16171a; padding:64px 0; }
.section-testimonials{ background:var(--cream); }

.section-head{margin-bottom:46px}
.eyebrow{
  font-family:var(--sans);font-size:11.5px;letter-spacing:.32em;text-transform:uppercase;
  opacity:.75;margin-bottom:10px;
}
.script-heading{font-family:var(--script);font-size:clamp(38px,5.5vw,64px);line-height:1.05}
.display-heading{
  font-family:var(--display);font-size:clamp(26px,4vw,40px);line-height:1.2;
  text-transform:uppercase;letter-spacing:.01em;
}

/* two-column layout: text + photo/media */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.split .media img{border-radius:6px;box-shadow:var(--shadow)}
@media(max-width:900px){ .split{grid-template-columns:1fr} }

.copy p{margin-bottom:18px;max-width:56ch}
.copy p:last-child{margin-bottom:0}
.section-grad-kitchen .copy p, .section-basement .copy p{max-width:70ch}

/* centered single-column copy (kitchen/basement/homebuild bodies) */
.center-copy{max-width:820px;margin:0 auto;text-align:left}
.center-copy.narrow{max-width:640px}

/* ---------- STAT ROW ---------- */
.stat-row{display:flex;flex-wrap:wrap;gap:14px 0;justify-content:center;text-align:center}
.stat-row .stat{flex:1 1 180px;padding:0 18px}
.stat .num{font-family:var(--display);font-size:clamp(26px,4vw,38px);color:var(--orange);display:block;margin-bottom:6px}
.section-stats .stat .num{color:#c9600f}
.stat .label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-light)}
.section-stats .stat .label{color:#3c3d40}

/* ---------- PHOTO TRIOS ---------- */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}
.trio figure{text-align:center}
.trio img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px;box-shadow:var(--shadow)}
.trio figcaption{font-family:var(--script);font-size:clamp(22px,2.6vw,30px);margin-top:16px}
@media(max-width:780px){ .trio{grid-template-columns:1fr} }

/* ---------- TESTIMONIALS ---------- */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:20px}
.testi{font-size:15px;color:#3c3a35}
.testi p{margin-bottom:14px}
.testi .stars{color:var(--orange-deep);font-weight:600;font-size:13px;letter-spacing:.04em}
.testi .who{font-weight:600;margin-bottom:4px}
@media(max-width:860px){ .testi-grid{grid-template-columns:1fr;gap:36px} }

/* ---------- FOOTER ---------- */
.footer{
  position:relative;color:var(--white);
  background:#0c0e12 url('../img/footer.jpg') center/cover no-repeat;
}
.footer::after{content:"";position:absolute;inset:0;background:rgba(10,12,16,.72)}
.footer-inner{position:relative;z-index:2;padding-top:100px;padding-bottom:60px}
.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:50px;margin-top:56px}
.footer h4{font-family:var(--sans);font-weight:600;font-size:16px;margin-bottom:16px}
.footer p, .footer a{font-size:14.5px;color:rgba(255,255,255,.85);text-decoration:none;line-height:1.8}
.social{display:flex;gap:14px;margin-top:6px}
.social a{
  width:38px;height:38px;border-radius:50%;border:1px solid var(--line);
  display:grid;place-items:center;transition:background .25s;
}
.social a:hover{background:rgba(255,255,255,.15)}
.social svg{width:16px;height:16px}
.footer-bottom{
  position:relative;z-index:2;border-top:1px solid var(--line);
  padding-top:26px;padding-bottom:26px;font-size:12.5px;color:rgba(255,255,255,.6);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
}
.footer-bottom a{color:var(--orange);text-decoration:none}
@media(max-width:780px){ .footer-grid{grid-template-columns:1fr;gap:36px} }

/* ---------- INVESTOR PAGE ---------- */
.inv-hero{
  position:relative;padding:190px 0 90px;color:var(--white);
  background:#0c0e12 url('../img/investor-hero.jpg') center/cover no-repeat;
}
.inv-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(8,10,14,.55), rgba(8,10,14,.82))}
.inv-hero-inner{position:relative;z-index:2}
.inv-hero .script-heading{margin-bottom:22px}
.inv-hero .lede{max-width:760px;font-size:16.5px;color:rgba(255,255,255,.88)}

.inv-block{position:relative;padding:90px 0;color:var(--white)}
.inv-block::after{content:"";position:absolute;inset:0;z-index:0}
.inv-block .wrap{position:relative;z-index:2}
.inv-block.bg-2{background:#0c0e12 url('../img/investor-sustainability.jpg') center/cover no-repeat}
.inv-block.bg-2::after{background:rgba(6,10,18,.72)}
.inv-block.bg-3{background:#0c0e12 url('../img/investor-partnership.jpg') center/cover no-repeat}
.inv-block.bg-3::after{background:rgba(6,10,18,.68)}

.col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}
.col-grid .col h3{
  font-family:var(--sans);font-weight:600;font-size:17px;letter-spacing:.02em;
  margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line);
}
.col-grid .col p{font-size:14.5px;color:rgba(255,255,255,.82)}
@media(max-width:860px){ .col-grid{grid-template-columns:1fr} }

.inv-cta{background:var(--ink);color:var(--white);padding:70px 0;text-align:center}
.inv-cta p{max-width:640px;margin:0 auto 26px;color:rgba(255,255,255,.85)}
.disclaimer{
  font-size:12px;color:rgba(255,255,255,.5);max-width:760px;margin:34px auto 0;
  font-style:italic;line-height:1.7;
}

.back-link{
  position:relative;z-index:3;display:inline-flex;align-items:center;gap:8px;
  color:var(--white);text-decoration:none;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;opacity:.85;
}
.back-link:hover{opacity:1}
.back-link svg{width:13px;height:13px}