:root{
  --brand:#5c6a78;
  --brand-dark:#4e5a66;
  --accent:#6f7c88;
  --text:#2b2b2b;
  --muted:#6f7c88;
  --bg:#ffffff;
  --container:1160px;
  --radius:14px;
  --shadow:0 8px 24px rgba(0,0,0,.06);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth}

@font-face{
  font-family:'Open Sans Local';
  src:url('assets/opensans.woff2') format('woff2');
  font-weight:300 700; font-style:normal; font-display:swap;
}
body{
  margin:0;
  font-family: 'Open Sans Local', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.6;
}
a{color:var(--brand-dark);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}

.site-header{
  background:#fff;
  border-bottom:1px solid #eee;
  position:sticky; top:0; z-index:10;
}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.logo{display:flex;align-items:center;gap:14px}
.logo .bhs{font-weight:800;letter-spacing:.5px;border:2px solid #cfd6dc;border-right:none;padding:.15rem .35rem;border-radius:8px 0 0 8px;color:#3a3f44}
.logo .s{border:2px solid #cfd6dc;border-left:none;padding:.15rem .35rem;border-radius:0 8px 8px 0;color:#9aa4ad}
.logo .brand .name{font-weight:700}
.logo .brand .tagline{font-size:.9rem;color:var(--muted);margin-top:-4px}

nav a{padding:8px 12px;border-radius:8px;margin-left:4px}
nav a.active, nav a:hover{background:#f3f5f7}

.hero{height:300px;background:linear-gradient(to bottom, rgba(0,0,0,.35), rgba(0,0,0,.15)), var(--hero) center/cover no-repeat; display:flex; align-items:end;}
.hero .hero-title{color:#fff;font-size:2.4rem;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.4);margin: 0 0 40px 80px;}

.content{padding:40px 0}
.intro-grid{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:center}
.intro-logo{font-weight:800;color:#cdd3d9}
.intro-logo span{color:#9ea7af}
.intro-text p{margin:0 0 1rem 0;color:#444}

.cards{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:24px;margin-top:16px}
.card{background:#fff;border:1px solid #eee;border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}
.card h3{margin-top:0;color:#2f4757}
.card ul{margin:0;padding-left:18px}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px}

.site-footer{background:#f6f8fa;border-top:1px solid #e8edf2;margin-top:40px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:26px 0;color:#545e66}
.footer-links a{display:inline-block;margin-bottom:6px}

@media (max-width:900px){
  .cards{grid-template-columns:1fr}
  .two-col{grid-template-columns:1fr}
  .intro-grid{grid-template-columns:1fr}
  .hero{height:220px}
  .hero .hero-title{margin-left:20px;font-size:1.8rem}
}