:root{--spruce:#1d3a34;--spruce2:#274a42;--linen:#f3f0e8;--copper:#a85d32;--copper-l:#d79a72;--mute:#55635f;--line:rgba(29,58,52,.18)}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{overflow-x:clip;font-family:'DM Sans',system-ui,sans-serif;font-size:1.05rem;line-height:1.7;color:var(--spruce);background:var(--linen)}
h1,h2,h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;line-height:1.1}
h1{font-size:clamp(2.8rem,6vw,5rem)}
h2{font-size:clamp(2.2rem,4.4vw,3.2rem)}
h3{font-size:1.7rem}
a{color:var(--copper)}
section{padding:96px 0}
.eyebrow,.navbar .nav-link,.btn,.tiny{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;font-weight:500}
.eyebrow{color:var(--copper);margin-bottom:1rem}
.on-dark{background:var(--spruce);color:var(--linen)}
.on-dark .eyebrow{color:var(--copper-l)}
.on-dark a{color:var(--copper-l)}
.rule{border:0;border-top:1px solid var(--line);margin:0}
/* nav */
.topbar{background:var(--spruce);color:var(--linen);font-size:.8rem;padding:6px 0;letter-spacing:.06em}
.topbar a{color:var(--linen);text-decoration:none;margin-left:1.2rem}
.navbar{background:var(--linen);border-bottom:1px solid var(--line);padding:14px 0 0}
.navbar-brand{display:block;margin:0 auto;text-align:center;font-family:'Instrument Serif',serif;font-size:2rem;line-height:1.1;color:var(--spruce)}
.navbar-brand small{display:block;font-family:'DM Sans',sans-serif;font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;color:var(--copper);margin-bottom:2px}
.navbar .nav-link{color:var(--spruce);padding:.9rem 1.2rem}
.navbar .nav-link:hover{color:var(--copper)}
.navbar.navbar-expand-lg .navbar-collapse{justify-content:center}
.navbar .container{flex-wrap:wrap;justify-content:center}
.navbar-toggler{position:absolute;right:12px;top:22px;border-color:var(--line)}
.btn-copper{background:var(--copper);color:#fff;border-radius:0;padding:.95rem 1.8rem}
.btn-copper:hover{background:#8d4a25;color:#fff}
.btn-line{border:1px solid currentColor;color:inherit;border-radius:0;padding:.95rem 1.8rem}
.btn-line:hover{background:var(--linen);color:var(--spruce)}
/* hero */
.hero{padding:80px 0 90px}
.hero p.lead{font-size:1.2rem;max-width:34rem;color:var(--mute)}
.arch{border-radius:999px 999px 0 0;overflow:hidden;aspect-ratio:4/5;max-width:420px;margin:0 auto;border-bottom:6px solid var(--copper)}
.arch img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}
.caption{text-align:center;margin-top:.9rem;color:var(--mute);font-size:.85rem}
/* plaques */
.plaques{display:flex;gap:14px;flex-wrap:wrap;margin-top:2rem}
.plaque{background:var(--spruce);color:#fff;border:3px solid #fff;outline:2px solid var(--spruce);border-radius:8px;padding:.5rem 1.1rem;text-align:center;line-height:1.1;min-width:128px}
.plaque b{display:block;font-size:.58rem;letter-spacing:.3em;font-weight:500;opacity:.8}
.plaque span{font-family:'Instrument Serif',serif;font-size:1.5rem}
/* services */
.svc{display:grid;grid-template-columns:70px 1fr;gap:0 1rem;padding:1.8rem 0;border-top:1px solid var(--line)}
.svc:last-child{border-bottom:1px solid var(--line)}
.svc .n{font-family:'Instrument Serif',serif;font-size:2.2rem;color:var(--copper);line-height:1}
.svc h3{margin-bottom:.4rem}
.svc p{margin:0;color:var(--mute)}
.on-dark .svc,.on-dark .svc:last-child{border-color:rgba(243,240,232,.2)}
/* about */
.wide{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.reviews{background:var(--spruce2);color:var(--linen);padding:48px 0;text-align:center}
.reviews h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}
/* team */
.team-card img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;display:block;margin-bottom:1rem;border-bottom:4px solid var(--copper)}
.team-card .role{color:var(--copper);margin-bottom:.6rem}
.team-card p{color:var(--mute);font-size:.95rem}
/* contact */
.contact dt{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--copper-l);margin-top:1.3rem}
.contact dd{margin:0;font-size:1.2rem}
.contact a{text-decoration:none}
.map{border:0;width:100%;min-height:380px;height:100%}
footer{background:#13282a;color:#c9d1cd;padding:36px 0;font-size:.9rem}
footer a{color:#e4ddd0}
.powered{opacity:.85}
@media(max-width:991px){section{padding:68px 0}.navbar .nav-link{padding:.6rem 0;text-align:center}.hero{padding:48px 0 60px}.navbar-brand{font-size:1.6rem}.topbar .hide-sm{display:none}}
