/* lair-chksk.ru — restored static site */
:root{
  --brown: #3D1D1A;
  --gold: #CFB463;
  --cream: #F5F0E1;
  --ink: #333;
  --ink-soft: #555;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--ink);
  background:#fff;
}
img{max-width:100%;display:block;}
a{color: var(--brown);}
.container{max-width:1140px;margin:0 auto;padding:0 20px;}

header.site-header{
  background: var(--brown);
  color:#fff;
  padding: 18px 0;
}
header.site-header .bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
header.site-header .brand{color:#fff;text-decoration:none;line-height:1.15;}
header.site-header .brand .h1{display:block;font-weight:400;font-size:24px;letter-spacing:4px;}
header.site-header .brand .sub{display:block;font-size:14px;letter-spacing:2px;color:#e7d9b8;}
header.site-header nav{display:flex;gap:22px;flex-wrap:wrap;}
header.site-header nav a{color:#fff;text-decoration:none;font-size:14px;letter-spacing:1px;}
header.site-header nav a:hover{color: var(--gold);}

.hero{position:relative;background:#000;}
.hero img{width:100%;max-height:480px;object-fit:cover;opacity:.85;}
.hero .hero-caption{position:absolute;left:0;right:0;bottom:0;padding:30px 0;background:linear-gradient(transparent, rgba(0,0,0,.65));color:#fff;text-align:center;}
.hero h1{color:#fff;margin:0 0 6px;font-weight:300;font-size:38px;letter-spacing:-1px;}
.hero .tag{color: var(--gold);font-size:15px;letter-spacing:1px;}

.page-hero{background: var(--brown);color:#fff;padding:34px 0;text-align:center;}
.page-hero h1{margin:0;font-weight:300;font-size:34px;color:#fff;}
.page-hero p{color:#e7d9b8;margin:6px 0 0;}

section{padding:34px 0;}
section.bg{background: var(--cream);border-top:2px solid #fff;}
h2.section-title{
  font-weight:300;color: var(--ink);font-size:26px;margin:0 0 20px;
  display:flex;align-items:center;gap:12px;
}
h2.section-title img{width:34px;height:34px;object-fit:contain;}

.lede{color: var(--ink-soft);font-size:15px;line-height:1.85;text-align:justify;}
.lede p{margin:0 0 16px;}

.grid{display:grid;gap:18px;}
.grid.cols-2{grid-template-columns:repeat(2,1fr);}
.grid.cols-3{grid-template-columns:repeat(3,1fr);}
.grid.cols-4{grid-template-columns:repeat(4,1fr);}

.card{background:#fff;border:1px solid #eee;}
.card img{width:100%;height:170px;object-fit:cover;}
.card .body{padding:14px;}
.card h3{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--ink);}
.card .meta{color:var(--gold);font-size:13px;letter-spacing:.5px;}

.tile{border-bottom:1px solid #e6ddc4;padding:18px 0;}
.tile h3{margin:0 0 8px;font-size:18px;font-weight:400;color:var(--ink);}
.tile p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.8;text-align:justify;}

.news-card{border-bottom:1px solid #e6ddc4;padding:20px 0;display:flex;gap:18px;}
.news-card img{width:150px;height:150px;object-fit:cover;border:6px solid #fff;box-shadow:0 0 0 1px #eee;flex:none;}
.news-card .txt h3{margin:0 0 8px;font-size:17px;font-weight:600;}
.news-card .txt p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.75;text-align:justify;}
.news-card.no-img .txt{padding-left:0;}

.more-link{display:inline-block;margin-top:18px;color:var(--brown);font-weight:600;text-decoration:underline;}

.people-grid, .horses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#fff;}
.pg-cell{background:var(--cream);padding:14px;min-height:96px;}
.pg-cell b{display:block;font-size:14px;color:var(--brown);margin-bottom:4px;}
.pg-cell span{display:block;font-size:12.5px;color:var(--ink-soft);}

footer.site-footer{background: var(--brown);color:#fff;text-align:center;padding:22px 0;font-size:14px;}
footer.site-footer a{color:#e7d9b8;}

.social-row{display:flex;gap:14px;justify-content:center;margin-top:10px;}
.social-row a{color:#e7d9b8;text-decoration:none;font-size:13px;border:1px solid #6d4c46;padding:5px 12px;border-radius:20px;}
.social-row a:hover{color:#fff;border-color:var(--gold);}

@media (max-width: 900px){
  .grid.cols-4{grid-template-columns:repeat(2,1fr);}
  .grid.cols-3{grid-template-columns:repeat(2,1fr);}
  .people-grid, .horses-grid{grid-template-columns:repeat(2,1fr);}
  .news-card{flex-direction:column;}
  .news-card img{width:100%;height:220px;}
}
@media (max-width: 560px){
  .grid.cols-4, .grid.cols-3, .grid.cols-2{grid-template-columns:1fr;}
  .people-grid, .horses-grid{grid-template-columns:1fr;}
  header.site-header nav{gap:14px;}
  .hero h1{font-size:26px;}
}