*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Fira Sans',sans-serif;background:#FAFAF5;color:#1A2820;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:600}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}

.topbar{display:flex;justify-content:space-between;align-items:center;padding:8px 60px;background:#344E41;color:#fff;font-size:0.75rem}
.topbar a{color:#fff;margin-left:16px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 60px;background:#fff;border-bottom:1px solid #C8D0C0;position:sticky;top:0;z-index:100}
.nav__brand{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:700;color:#1A2820}
.nav__links{display:flex;gap:24px}.nav__links a{font-size:0.85rem;color:#6B7D68;font-weight:500;transition:color 0.3s}.nav__links a:hover{color:#344E41}

.hero-sb{position:relative;min-height:60vh;display:flex;align-items:center;overflow:hidden}
.hero-sb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-sb::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.5)}
.hero-sb__content{position:relative;z-index:2;padding:60px;color:#fff;max-width:600px}
.hero-sb h1{font-size:clamp(2rem,3.5vw,3rem);color:#fff;line-height:1.1;margin-bottom:16px}
.hero-sb p{color:rgba(255,255,255,0.8);margin-bottom:24px}.btn-sb{background:#344E41;color:#fff;padding:12px 28px;border-radius:4px;font-weight:600;font-size:0.9rem;border:none;cursor:pointer}

.content-sb{display:grid;grid-template-columns:1fr 300px;gap:0;background:#FAFAF5}
.main-sb{padding:60px}
.main-sb h2{font-size:1.8rem;margin-bottom:32px;color:#1A2820}
.main-sb__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ms-card{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #C8D0C0}.ms-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.ms-card__body{padding:20px}.ms-card h3{font-size:1rem;margin-bottom:6px;color:#1A2820}.ms-card p{font-size:0.85rem;color:#6B7D68;line-height:1.5}

.sidebar-sb{background:#EDE8D8;padding:40px 28px;border-left:1px solid #C8D0C0}
.sb-section{margin-bottom:32px}.sb-section h4{font-size:0.9rem;text-transform:uppercase;letter-spacing:0.08em;color:#344E41;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #344E41}
.sb-section p,.sb-section li{font-size:0.85rem;color:#6B7D68;line-height:1.7}.sb-section ul{list-style:none}.sb-section li{padding:4px 0;border-bottom:1px solid #C8D0C0}

@media(max-width:768px){
  .topbar{padding:8px 24px;flex-wrap:wrap}.nav{padding:12px 24px}.nav__links{display:none}
  .hero-sb__content{padding:40px 24px}
  .content-sb{grid-template-columns:1fr}.main-sb{padding:40px 24px}.main-sb__grid{grid-template-columns:1fr}
  .sidebar-sb{border-left:none;border-top:1px solid #C8D0C0}
}
/* SitePilot: mobile nav toggle */
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;color:inherit}
@media(max-width:768px){
  .nav-toggle{display:block}
  .nav__cta{display:none}
  .nav__links{flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(10px);padding:16px 24px;box-shadow:0 4px 12px rgba(0,0,0,0.1);gap:12px}
}