:root{--bg:#f2eee6;--ink:#4b4b47;--muted:#77726a;--line:#d6cec2;--dark:#2f302e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45}img{display:block;width:100%}a{color:inherit}
.site-header{height:112px;display:flex;align-items:flex-start;justify-content:space-between;padding:20px 58px 0;position:absolute;inset:0 0 auto;z-index:10}.brand img{width:150px;height:auto}.site-header nav{display:flex;gap:32px;padding-top:15px;font-size:13px}.site-header nav a{text-decoration:none;padding-bottom:10px}.site-header nav a.active{border-bottom:1px solid var(--ink)}
.hero{height:490px;display:grid;grid-template-columns:39% 61%;position:relative;overflow:hidden}.hero-copy{padding:150px 46px 42px 58px}.micro{font-size:10px;letter-spacing:.15em;color:#827d75;margin:0 0 19px}.hero h1{font-size:31px;line-height:1.16;letter-spacing:.10em;font-weight:400;margin:0;max-width:410px}.rule{display:block;width:31px;border-top:1px solid var(--ink);margin:18px 0}.lead{font-size:15px;max-width:390px;margin:0 0 26px}.btn{display:inline-flex;align-items:center;gap:26px;background:#333431;color:white;text-decoration:none;padding:12px 24px;font-size:12px}.hero-visual{position:relative;height:490px;overflow:hidden}.hero-visual img{height:100%;object-fit:cover;object-position:center}.hero-visual:before{content:"";position:absolute;left:0;top:0;bottom:0;width:150px;background:linear-gradient(90deg,var(--bg),transparent);z-index:1}.hero-arc{position:absolute;width:420px;height:420px;border:1px solid rgba(88,86,80,.18);border-radius:50%;left:-70px;top:58px;z-index:2}.sidewords{position:absolute;right:28px;bottom:27px;text-align:right;color:rgba(255,255,255,.78);font-size:11px;line-height:1.55;z-index:3}
.block{border-top:1px solid var(--line);padding:27px 31px}.about{display:grid;grid-template-columns:40% 60%;gap:30px}.about-visual{position:relative;height:288px;overflow:hidden}.about-visual img{height:100%;object-fit:cover}.about-arc{position:absolute;width:250px;height:250px;border:1px solid rgba(90,88,82,.18);border-radius:50%;left:44px;top:27px}.eyebrow{display:flex;align-items:center;gap:16px;margin:4px 0 12px}.eyebrow span{font-size:10px;letter-spacing:.13em;color:#8b857d}.eyebrow i{width:35px;border-top:1px solid #9f988e}.about h2,.section-intro h2{font-weight:400;font-size:28px;line-height:1.14;margin:0 0 14px}.about-copy>p{font-size:13px;color:var(--muted);max-width:650px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px}.feature-grid article{padding:0 22px;border-right:1px solid var(--line)}.feature-grid article:first-child{padding-left:0}.feature-grid article:last-child{border-right:0}.feature-grid h3{font-size:13px;margin:7px 0 4px}.feature-grid p{font-size:11px;color:var(--muted);margin:0}.ico{width:30px;height:30px;border:1px solid #777;border-radius:50%}.ico.people{border-radius:0 0 12px 12px;border-top:0}.ico.target:after{content:"";display:block;width:8px;height:8px;border:1px solid #777;border-radius:50%;margin:9px auto}.ico.bars{border:0;border-bottom:1px solid #777;box-shadow:8px -8px 0 -6px #777,16px -14px 0 -6px #777}
.services{display:grid;grid-template-columns:34% 66%;gap:28px}.section-intro p{font-size:12px;color:var(--muted);max-width:420px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}.service-grid article{display:grid;grid-template-columns:42px 1fr;gap:9px;padding:14px 17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:113px}.svc-icon{font-size:30px;color:#8a7764;line-height:1}.service-grid h3{font-size:12px;margin:0 0 4px}.service-grid p{font-size:10.5px;color:var(--muted);margin:0}
.projects{display:grid;grid-template-columns:34% 66%;gap:28px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-grid img{height:132px;object-fit:cover}.project-grid h3{font-size:12px;margin:8px 0 3px}.project-grid p{font-size:10.5px;color:var(--muted);margin:0}.project-intro .btn{margin-top:8px}
.contact{height:205px;position:relative;display:grid;grid-template-columns:53% 47%;overflow:hidden;color:white}.contact-bg{position:absolute;inset:0;height:100%;object-fit:cover;filter:saturate(.72) brightness(.78)}.contact-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(36,35,32,.88),rgba(36,35,32,.50) 55%,rgba(36,35,32,.20))}.contact-left,.contact-right{position:relative;z-index:2}.contact-left{padding:28px 47px}.contact-left h2{font-weight:400;font-size:25px;margin:0}.light-rule{display:block;width:34px;border-top:1px solid rgba(255,255,255,.75);margin:10px 0 13px}.contact-left p{font-size:12px;max-width:470px;color:rgba(255,255,255,.88)}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.55);margin-top:7px}.contact-right{display:grid;grid-template-columns:1px 1fr;gap:34px;align-content:center;padding:24px 55px 24px 18px}.vline{background:rgba(255,255,255,.30);height:115px}.contact-right div:last-child{display:flex;flex-direction:column;gap:7px;font-size:11px}.contact-right a{text-decoration:none;color:white}.contact-right span{color:rgba(255,255,255,.88)}
@media(max-width:900px){.site-header{position:relative;height:92px;padding:14px 22px}.site-header nav{display:none}.brand img{width:120px}.hero{height:auto;grid-template-columns:1fr}.hero-copy{padding:52px 24px 32px}.hero-visual{height:390px}.about,.services,.projects{grid-template-columns:1fr}.feature-grid,.service-grid,.project-grid{grid-template-columns:1fr}.service-grid{border-left:0}.contact{height:auto;grid-template-columns:1fr}.contact-right{padding-left:47px}.project-grid img{height:210px}}