
:root{
  --cream:#f7efe6; --ivory:#fffaf5; --black:#090909; --ink:#151515; --gold:#b99767; --taupe:#d8c8b7;
}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif}
img{max-width:100%;display:block}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:22px 6%;background:rgba(255,250,245,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}
.logo{font-family:Georgia,serif;font-size:31px;letter-spacing:4px;color:#111;text-decoration:none;line-height:.85}.logo span{display:block;font:11px Arial;letter-spacing:8px;text-align:center;margin-top:9px}
nav{display:flex;gap:32px}nav a,.nav-btn{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#111;text-decoration:none}.nav-btn,.btn{border:1px solid #111;padding:14px 22px}
.btn{display:inline-block;background:#090909;color:white;text-decoration:none;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;margin-top:18px}.btn.dark{background:#111;color:white}
.hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:760px;align-items:center;padding:70px 6%;gap:50px;background:linear-gradient(120deg,#fffaf5,#efe0cf)}
.hero.inner{min-height:650px}
.hero-copy h1,.page-title h1,.portfolio-hero h1{font-family:Georgia,serif;font-size:86px;line-height:.93;font-weight:400;margin:0 0 28px}
em{color:var(--gold);font-style:italic}.hero-copy p,.page-title p,.portfolio-hero p{max-width:560px;line-height:1.8}
.eyebrow{text-transform:uppercase;letter-spacing:4px;font-size:12px;margin-bottom:22px}.center{text-align:center}
.founder-bg{min-height:560px;background:url('assets/founder-photo.jpg') center/cover;border-radius:220px 220px 0 0;box-shadow:0 40px 90px rgba(0,0,0,.15)}
.portrait-card img{border-radius:260px 260px 0 0;max-height:620px;object-fit:cover;width:100%}
.service-strip{background:#080808;color:white;padding:55px 6%}.strip-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid #444}.strip-grid article{padding:35px 22px;border-right:1px solid #333}.strip-grid h3{font-size:15px;text-transform:uppercase;letter-spacing:1px}.strip-grid p{font-size:13px;line-height:1.7;color:#ddd}
.split-section{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;padding:80px 6%;align-items:center;background:var(--ivory)}.split-section h2,.quote-section h2,.cta h2{font-family:Georgia,serif;font-size:48px;font-weight:400;line-height:1.05}.split-section p{line-height:1.8}.full-img{border-radius:0;box-shadow:0 25px 70px rgba(0,0,0,.13)}
.page-title{padding:95px 6% 55px;background:linear-gradient(120deg,#fffaf5,#eadbc8)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddd;padding:0 6% 80px}.cards article{background:#0a0a0a;color:white;min-height:260px;padding:44px}.cards h2{font-family:Georgia,serif;font-weight:400;color:var(--gold)}
.dark-panel{background:#090909;color:white}.dark-panel h2{color:var(--gold)}
.portfolio-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:80px 6%;align-items:center;background:var(--ivory)}
.featured{padding:70px 6%;background:#fffaf5}.project{display:grid;grid-template-columns:70px 1fr 1.2fr 1fr;gap:30px;border-top:1px solid #d7c7b5;padding:34px 0}.project h2{font-family:Georgia,serif;font-weight:400;margin:0}.project p,.project small{line-height:1.7}
.quote-section{background:#080808;color:white;padding:85px 8%;text-align:center}.quote-section h2{color:var(--gold);max-width:900px;margin:auto}.quote-section p{max-width:750px;margin:25px auto 0;line-height:1.8}
.cta{text-align:center;padding:80px 6%;background:linear-gradient(135deg,#d6b98c,#fff4e8)}.cta p{max-width:700px;margin:0 auto;line-height:1.7}
footer{text-align:center;padding:28px;background:#070707;color:#eee;font-size:13px}
@media(max-width:1000px){nav{display:none}.hero,.split-section,.portfolio-hero{grid-template-columns:1fr}.strip-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.project{grid-template-columns:1fr}.hero-copy h1,.page-title h1,.portfolio-hero h1{font-size:58px}.site-header{position:relative}.founder-bg{min-height:430px}}
