:root{--ink:#101722;--paper:#f5f3ee;--line:#d6d3cb;--muted:#58616b;--accent:#b95435}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;width:100%}
.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.hero{min-height:720px;color:#fff;background:linear-gradient(90deg,rgba(4,10,15,.67),rgba(4,10,15,.14)),url('../images/hero.jpg') center/cover no-repeat;display:flex;flex-direction:column}
.nav{height:96px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.28);gap:36px}.brand{display:flex;align-items:center;gap:18px;letter-spacing:.28em;font-size:15px}.mark{width:43px;height:43px;border:1px solid currentColor;display:grid;place-items:center;font-family:Georgia,serif;font-size:22px}.navlinks{margin-left:auto;display:flex;gap:46px;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.hero-copy{padding:78px 0 72px;max-width:690px}.eyebrow,.section-label{font-size:11px;letter-spacing:.19em;text-transform:uppercase}.hero h1{font-size:78px;line-height:.92;margin:66px 0 28px;letter-spacing:-.04em}.hero p.lead{font-size:18px;max-width:570px}.cta{display:inline-flex;gap:24px;align-items:center;margin-top:24px;padding-bottom:8px;border-bottom:1px solid;letter-spacing:.16em;text-transform:uppercase;font-size:11px}
section{padding:72px 0}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.projects{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#faf9f6}.visual{height:270px;position:relative;overflow:hidden}.visual img{height:100%;object-fit:cover}.visual.abstract{background:radial-gradient(circle at 65% 45%,#8b5638 0 2px,transparent 3px),repeating-radial-gradient(circle at 65% 45%,transparent 0 22px,#46505b 23px 24px),#111820}.visual.road{background:linear-gradient(35deg,transparent 44%,#737b70 45% 55%,transparent 56%),linear-gradient(-35deg,transparent 44%,#6e776c 45% 55%,transparent 56%),#2f4932}.visual.phone{background:linear-gradient(145deg,#ddd8cf,#a8a49c);display:grid;place-items:center}.phone{width:135px;height:225px;border:7px solid #151515;border-radius:25px;background:#f8f8f6;transform:rotate(12deg);box-shadow:0 20px 35px #0005;padding:22px 10px;color:#111;font-size:9px}.phone b{font-size:12px}.phone div{border-bottom:1px solid #ddd;padding:7px 0}
.num{position:absolute;top:18px;left:20px;color:white;font-family:Georgia,serif;font-size:16px}.status{position:absolute;top:20px;left:60px;color:white;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.card-body{padding:28px 28px 30px;min-height:250px}.card h2{font-size:29px;line-height:1.02;margin:0 0 18px}.card p{font-size:14px;color:#444b52}.textlink{display:inline-flex;gap:20px;margin-top:10px;font-size:13px;font-weight:700}
.place{padding-top:0}.place-grid{display:grid;grid-template-columns:330px 1fr;border:1px solid var(--line);background:#faf9f6}.place-copy{padding:35px}.place-copy h2{font-size:39px;line-height:1.05;margin:0 0 35px}.place-copy p{font-size:13px;color:#41484f}.place-image{height:310px;object-fit:cover}.pillars{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.pillar{padding:25px;border-right:1px solid var(--line);min-height:155px}.pillar:last-child{border-right:0}.pillar b{font-size:10px;letter-spacing:.12em}.pillar p{font-size:12px;color:#555}
footer{border-top:1px solid var(--line);padding:38px 0 50px}.footer-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:40px;align-items:start}.small{font-size:11px;color:#4f565d}.quote{font-family:Georgia,serif;font-style:italic;font-size:17px}
@media(max-width:800px){.wrap{width:min(100% - 34px,1180px)}.navlinks{display:none}.hero{min-height:640px}.hero-copy{padding-top:55px}.hero h1{font-size:54px}.projects{grid-template-columns:1fr}.place-grid{grid-template-columns:1fr}.pillars{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.visual{height:240px}}