:root{--ink:#222;--muted:#666;--accent:#2a86b3;--bg:#fff;--soft:#f4f4f2}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--accent)}
.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:8px}.skip:focus{left:8px;z-index:9}
header{text-align:center;padding:24px 16px 8px}
header img{height:70px;width:auto}
.phone{display:block;font-family:Arial,sans-serif;font-size:14px;color:var(--muted);margin-top:6px;text-decoration:none}
nav{text-align:center;padding:10px 16px 24px}
nav a{font-family:Arial,sans-serif;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);text-decoration:none;margin:0 14px;padding-bottom:4px}
nav a.active{border-bottom:2px solid var(--ink)}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.hero{display:grid;grid-template-columns:1.6fr 1fr;background:var(--soft)}
.hero img{width:100%;height:100%;object-fit:cover;display:block}
.hero .text{padding:48px 36px;display:flex;flex-direction:column;justify-content:center}
.hero h1{font-weight:normal;font-size:28px;margin:0 0 8px}
.hero .ref{font-family:Arial,sans-serif;font-size:13px;color:var(--muted);margin-bottom:28px}
.btn{display:inline-block;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;background:#555;color:#fff;padding:14px 28px;text-decoration:none;border:0;cursor:pointer}
.btn:hover{background:#333}
h2{font-family:Arial,sans-serif;font-weight:normal;font-size:13px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin:56px 0 24px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.card h3{font-weight:normal;font-size:22px;margin:0 0 10px}
.card img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block;margin-bottom:14px}
.card p{margin:0 0 12px;color:#333}
section.contact{background:var(--soft);padding:48px 16px;margin-top:64px}
form{max-width:560px;margin:0 auto}
label{display:block;font-family:Arial,sans-serif;font-size:13px;color:var(--muted);margin-top:14px}
input,textarea{width:100%;padding:12px;border:1px solid #ccc;font:inherit;font-size:16px;background:#fff}
textarea{min-height:120px}
.hp{position:absolute;left:-9999px}
form .btn{margin-top:18px}
.small{font-family:Arial,sans-serif;font-size:12px;color:var(--muted)}
footer{text-align:center;padding:48px 16px;font-family:Arial,sans-serif;font-size:13px;color:var(--muted)}
footer strong{display:block;color:var(--ink);font-family:Georgia,serif;font-size:16px;margin-bottom:6px}
@media(max-width:800px){.hero{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.hero .text{padding:32px 20px}header img{height:56px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}