*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#211c1a;color:#2b2b2b;font:15px/1.65 Arial,Helvetica,sans-serif}
#page{max-width:1120px;margin:0 auto;background:#2a2421;box-shadow:0 0 40px rgba(0,0,0,.5)}
a{color:#bc3726}
a:hover{color:#8f2618}
.hd{background:#0d0b0a;border-bottom:3px solid #bc3726;padding:0 18px}
.hd a{display:flex;align-items:center;gap:16px;text-decoration:none;color:#fff;padding:18px 0}
.hd img{display:block;width:64px;height:64px}
.hd b{display:block;font:700 30px/1.1 Georgia,'Times New Roman',serif;letter-spacing:.02em;color:#fff}
.hd small{display:block;margin-top:5px;font-size:13px;color:#a79f9a}
.nav{background:#151210;display:flex;flex-wrap:wrap;padding:0 18px;border-bottom:1px solid #3a322e}
.nav a{display:block;padding:11px 18px 10px;color:#cfc6c0;text-decoration:none;text-transform:uppercase;font-size:12.5px;letter-spacing:.05em;border-bottom:3px solid transparent}
.nav a:hover{color:#fff}
.nav a.on{color:#fff;border-bottom-color:#bc3726}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;padding:18px;align-items:start}
.box{background:#fff;padding:0 22px 22px}
.box>h2.bar,.side h3{margin:0 -22px 18px;padding:0 22px;height:41px;line-height:41px;background:#bc3726;color:#fff;font:700 14px/41px Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.06em}
h1{margin:22px 0 14px;font:700 28px/1.2 Georgia,'Times New Roman',serif;color:#1f1b19}
h2{font:700 21px/1.3 Georgia,'Times New Roman',serif;color:#1f1b19;margin:26px 0 8px}
.lead{font-size:16px;color:#3b3531}
.crumbs{margin:0;padding:14px 0 0;font-size:12.5px;color:#8a817b}
.crumbs a{color:#8a817b}
.art p{margin:0 0 14px}
.art figure{float:left;margin:4px 20px 12px 0;border:1px solid #d9d1cb;padding:4px;background:#fff}
.art figure img{display:block;max-width:100%;height:auto}
.art:after{content:"";display:block;clear:both}
.gold h2{border-left:4px solid #bc3726;padding-left:12px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{display:grid;grid-template-columns:150px 1fr;gap:14px;text-decoration:none;color:#2b2b2b;border:1px solid #e4dcd6;padding:10px;background:#fbf9f7}
.card:hover{border-color:#bc3726}
.card img{display:block;width:150px;height:100px;object-fit:cover}
.card b{display:block;font:700 15px/1.3 Georgia,serif;color:#1f1b19;margin-bottom:5px}
.card:hover b{color:#bc3726}
.card span{display:block;font-size:13px;line-height:1.5;color:#5a514b}
.side .box{margin-bottom:18px}
.side ul{list-style:none;margin:0;padding:0}
.side li{border-bottom:1px solid #eee6e0}
.side li:last-child{border:0}
.side li a{display:block;padding:8px 0 8px 18px;text-decoration:none;color:#3b3531;font-size:14px;line-height:1.4;background:radial-gradient(circle at 5px 50%,#bc3726 0 3px,transparent 4px)}
.side li a:hover,.side li a.on{color:#bc3726}
.side p{font-size:13.5px;color:#4c443f;margin:0}
.ft{background:#0d0b0a;border-top:3px solid #bc3726;color:#8f8680;font-size:13px;padding:22px 18px;text-align:center}
.ft p{margin:3px 0}
@media (max-width:860px){
.cols{grid-template-columns:minmax(0,1fr)}
.cards{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){
.cols{padding:10px;gap:10px}
.box{padding:0 14px 16px}
.box>h2.bar,.side h3{margin:0 -14px 14px;padding:0 14px}
h1{font-size:23px}
.hd b{font-size:24px}
.hd small{font-size:12px}
.hd img{width:48px;height:48px}
.nav{padding:0 6px}
.nav a{padding:10px 10px 9px;font-size:11.5px}
.card{grid-template-columns:110px 1fr}
.card img{width:110px;height:74px}
.art figure{float:none;margin:0 0 14px}
}
.card.nop{grid-template-columns:1fr}
.cards+h2.bar{margin-top:26px}