:root{--ink:#171918;--grey:#9b9e9a;--olive:#59634a;--paper:#f4f3ef;--white:#fff;--line:#d9d8d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{height:88px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:rgba(244,243,239,.94);position:fixed;z-index:20;width:100%;backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}.brand{display:flex;flex-direction:column;width:190px}.mark svg{width:100%;height:24px;overflow:visible}.mark path{fill:none;stroke:var(--ink);stroke-width:2}.word{font:500 30px/1 Manrope,sans-serif;letter-spacing:-1.5px}.word .i{color:#9fa19f}.links{display:flex;gap:34px;font-size:13px}.links a:hover{color:var(--olive)}.menu{display:none;background:none;border:0}.hero{min-height:94vh;position:relative;display:flex;align-items:flex-end;padding:160px clamp(24px,8vw,130px) 90px;color:white;background:#20221f;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,16,15,.84),rgba(15,16,15,.38)),url('assets/brand-mockups.png') center/cover;filter:saturate(.45);transform:scale(1.03)}.hero-content{position:relative;max-width:850px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:600}.hero h1{font:500 clamp(64px,10vw,138px)/.88 Manrope,sans-serif;letter-spacing:-.065em;margin:18px 0 28px}.lead{font-size:clamp(18px,2vw,24px);line-height:1.5;max-width:720px;color:#e6e5e1}.actions{display:flex;gap:12px;margin-top:36px}.btn{display:inline-flex;padding:15px 20px;border:1px solid transparent;font-weight:600;font-size:13px;cursor:pointer}.primary{background:var(--olive);color:white}.ghost{border-color:rgba(255,255,255,.55);color:white}.scroll{position:absolute;right:5vw;bottom:36px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#c9c9c3}.section{padding:clamp(80px,10vw,150px) clamp(24px,8vw,130px)}.intro,.about{display:grid;grid-template-columns:1fr 2fr;gap:8vw}.section h2{font:500 clamp(42px,6vw,78px)/1 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 30px}.section p{font-size:17px;line-height:1.75;color:#575b56;max-width:760px}.dark{background:#1d201d;color:white}.dark p{color:#bfc2bb}.section-head{max-width:900px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#444840;margin-top:70px}.cards article{background:#242724;padding:42px;min-height:330px}.cards span,.steps b{font-size:11px;letter-spacing:.15em;color:#8d957d}.cards h3,.steps h3{font:500 30px Manrope;margin:90px 0 12px}.cards p{font-size:14px}.showcase{display:grid;grid-template-columns:1fr 1.15fr;gap:7vw;align-items:center}.showcase ul{list-style:none;padding:0;margin:36px 0 0;border-top:1px solid var(--line)}.showcase li{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.showcase img{width:100%;display:block;filter:saturate(.6)}figcaption{font-size:10px;color:#777;margin-top:8px}.process{background:#e8e7e1}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#cccac2;margin-top:60px}.steps div{background:#e8e7e1;padding:28px;min-height:230px}.steps h3{margin:75px 0 8px;font-size:21px}.steps p{font-size:13px;line-height:1.55}.contact{background:#151715;color:white;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact p{color:#b9bdb6}.location{margin-top:36px}.contact form{display:grid;gap:18px}.contact label{display:grid;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#aeb2ab}.contact input,.contact textarea{width:100%;border:0;border-bottom:1px solid #555a53;background:transparent;color:white;padding:11px 0;font:16px Inter;outline:none}.contact input:focus,.contact textarea:focus{border-color:#aab19a}.contact small{color:#7f847c;line-height:1.5}footer{padding:46px clamp(24px,8vw,130px);display:flex;align-items:end;justify-content:space-between;gap:30px;font-size:11px;color:#6c706b}.footer-brand{width:auto}.footer-brand .word{font-size:23px}@media(max-width:800px){.nav{height:72px}.brand{width:145px}.mark svg{height:18px}.word{font-size:23px}.links{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:28px;flex-direction:column}.links.open{display:flex}.menu{display:block}.hero{min-height:88vh}.scroll{display:none}.intro,.about,.showcase,.contact{grid-template-columns:1fr}.cards,.steps{grid-template-columns:1fr}.cards article{min-height:250px}.cards h3{margin-top:55px}.steps div{min-height:180px}.steps h3{margin-top:45px}footer{align-items:flex-start;flex-direction:column}}