@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500;1,600&display=swap');
:root{--ink:#111;--muted:#666;--line:#ddd;--paper:#f5f3ee;--white:#fff;--accent:#d77738}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.6}
.nav{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(245,243,238,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}
.brand{color:var(--ink);text-decoration:none;display:flex;flex-direction:column;line-height:1}.brand span{font-weight:700;letter-spacing:.16em;font-size:22px}.brand small{font-size:8px;letter-spacing:.18em;margin-top:7px}
nav{display:flex;gap:30px}nav a{color:var(--ink);text-decoration:none;font-size:13px}.nav-cta{border:1px solid var(--ink);padding:10px 17px;color:var(--ink);text-decoration:none;font-size:12px}
.hero{min-height:calc(100vh - 82px);padding:8vw 6vw;display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center}
.eyebrow,.section-kicker{font-size:10px;letter-spacing:.2em;font-weight:700;color:#777}.hero h1{font-size:clamp(50px,7vw,100px);line-height:.98;letter-spacing:-.055em;max-width:850px;margin:24px 0}.hero h1 em,h2 span{font-family:"Playfair Display",serif;font-weight:500}.lead{max-width:650px;font-size:18px;color:var(--muted)}
.actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-block;border:1px solid var(--ink);padding:13px 20px;text-decoration:none;font-size:12px;font-weight:600;cursor:pointer;background:none}.primary{background:var(--ink);color:#fff}.ghost{color:var(--ink)}
.hero-card{height:520px;background:#181818;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.grid-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.12) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(255,255,255,.12) 50%,transparent 50.2%);background-size:25% 25%}.hero-mark{font-size:240px;color:#eee;font-family:"Playfair Display",serif;font-style:italic;line-height:1;z-index:1}.hero-caption{position:absolute;bottom:22px;left:24px;right:24px;display:flex;justify-content:space-between;color:#aaa;font-size:9px;letter-spacing:.15em}
.intro,.statement,.contact{padding:10vw 12vw;display:grid;grid-template-columns:.45fr 1.55fr;gap:6vw;border-top:1px solid var(--line)}h2{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.04em;margin:0 0 28px}p{color:var(--muted)}
.services{padding:10vw 6vw;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-head h2{margin:0;font-size:60px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}article{padding:32px 26px 45px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:240px}article:nth-child(3n){border-right:0}article span{font-size:11px;color:#999}article h3{font-size:22px;margin:28px 0 12px}article p{font-size:14px;margin:0}
.statement{background:#1a1a1a;color:#fff;display:block}.statement .section-kicker{color:#999}.statement blockquote{font-family:"Playfair Display",serif;font-size:clamp(38px,5vw,70px);line-height:1.1;max-width:1100px;margin:70px 0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.principles div{border-top:1px solid #444;padding-top:18px}.principles b{color:#888;font-size:11px;display:block}.principles strong{display:block;font-size:22px;margin-top:15px}.principles p{font-size:13px}
.contact{background:#fff}.contact form{display:flex;flex-direction:column;gap:18px}.contact label{font-size:11px;font-weight:700;letter-spacing:.08em}.contact input,.contact textarea{display:block;width:100%;margin-top:7px;border:0;border-bottom:1px solid #aaa;background:transparent;padding:12px 0;font:inherit;outline:0}.contact button{width:max-content;margin-top:5px}.form-note{color:#888;font-size:10px}
footer{padding:40px 6vw;display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line)}footer p{font-size:10px;margin:0}
@media(max-width:800px){nav{display:none}.nav{padding:0 5vw}.hero{grid-template-columns:1fr;padding:15vw 5vw}.hero-card{height:330px}.hero-mark{font-size:160px}.intro,.contact{grid-template-columns:1fr;padding:18vw 7vw}.services{padding:18vw 5vw}.section-head{display:block}.section-head h2{margin-top:20px}.service-grid{grid-template-columns:1fr}article{border-right:0}.statement{padding:18vw 7vw}.principles{grid-template-columns:1fr}.contact h2{margin-top:20px}footer{padding:35px 5vw;display:block}footer p{margin-top:25px}}
