:root{--ink:#142b36;--muted:#52646b;--gold:#b57832;--paper:#f8f7f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}a:focus-visible{outline-offset:4px;outline:3px solid #b57832}.header{justify-content:space-between;align-items:center;gap:24px;max-width:1100px;margin:auto;padding:24px 32px;display:flex}.brand{font-family:Georgia,serif;font-size:22px;font-weight:700;line-height:1.2;text-decoration:none}.brand span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:5px;font:11px Arial,sans-serif;display:block}nav{gap:28px;display:flex}nav a{font-size:14px;font-weight:700;text-decoration:none}.hero{color:#fff;background:#142f3a;padding:95px max(32px,50vw - 518px)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin:0 0 12px;font-size:12px;font-weight:700}.hero h1{letter-spacing:-.035em;max-width:720px;margin:0 0 24px;font:clamp(42px,6vw,72px)/1.05 Georgia,serif}.hero>p:not(.eyebrow):not(.contact-hint){color:#d7e1e1;max-width:570px;margin:0 0 30px;font-size:19px}.button{color:#172e36;background:#e5b56f;border-radius:4px;padding:15px 23px;font-weight:700;text-decoration:none;display:inline-block}.button span{margin-left:20px}.contact-hint{color:#d7e1e1;max-width:530px;margin:18px 0 0;font-size:14px}.section{max-width:1100px;margin:auto;padding:82px 32px}.section h2{margin:0 0 35px;font:clamp(35px,4vw,48px)/1.15 Georgia,serif}.services{grid-template-columns:repeat(2,1fr);column-gap:60px;display:grid}.services article{border-top:1px solid #d7dcda;padding:22px 0}.services h3,.details h3{margin:0 0 6px;font-size:18px}.services p,.details p{color:var(--muted);margin:0}.details{border-top:1px solid #d7dcda}.details-grid{grid-template-columns:repeat(3,1fr);gap:36px;display:grid}.details article p+p{margin-top:10px}footer{color:#52646b;background:#e9eeeb;padding:38px max(32px,50vw - 518px);font-size:13px}footer p{max-width:850px;margin:0 0 16px}footer a{color:#142b36}@media (width<=650px){.header{align-items:flex-start;padding:20px}.brand{font-size:19px}nav{gap:16px}.hero{padding:68px 20px}.section{padding:60px 20px}.services,.details-grid{grid-template-columns:1fr}.details-grid{gap:26px}footer{padding:32px 20px}}
