.pagehead{padding:30px var(--gut) 10px}
.pagehead h1{font-weight:400;font-size:32px;line-height:1.15;margin:8px 0 10px}
.pagehead p{color:var(--muted);max-width:560px}
.blogwrap{display:grid;gap:18px;padding:22px var(--gut)}
.bcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .2s}
.bcard:hover{border-color:var(--gold)}
.bimg{height:190px;overflow:hidden}
.bimg img{width:100%;height:100%;object-fit:cover}
.bbody{padding:16px}
.bbody small{color:var(--muted);font-size:11px}
.bbody h3{font-size:17px;font-weight:600;margin:6px 0 8px;line-height:1.3}
.bbody p{color:#c9c3b6;font-size:13px;margin-bottom:12px}
.more-link{color:var(--gold);font-size:12px;font-weight:600}
.article{padding:10px var(--gut) 30px;max-width:860px}
.article small{color:var(--muted)}
.article h1{font-weight:400;font-size:30px;line-height:1.2;margin:8px 0 18px}
.acover{width:100%;max-height:420px;object-fit:cover;border-radius:12px;border:1px solid var(--line);margin-bottom:22px}
.abody p{color:#ddd8cc;font-size:15px;line-height:1.85;margin-bottom:18px}
.abody h2{font-family:'Playfair Display',serif;font-weight:400;font-size:24px;color:var(--gold2);margin:26px 0 12px}
.contactwrap{display:grid;gap:22px;padding:22px var(--gut)}
.cinfo{display:grid;gap:14px;align-content:start}
.citem{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
.citem b{display:block;font-size:14px}
.citem span{color:var(--muted);font-size:13px}
.citem .fic svg{width:22px;height:22px}
.cform{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px;display:grid;gap:12px}
.cform h2{font-weight:400;font-size:26px;margin-bottom:4px}
.cform .two{display:grid;gap:12px}
.cform input,.cform textarea{width:100%;background:#0f0f10;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:13px;font-family:inherit;font-size:14px}
.cform textarea{min-height:130px}
.mapwrap{padding:0 var(--gut) 10px}
.mapwrap .map{height:320px}
footer li a:hover{color:var(--gold)}
@media(min-width:640px){.blogwrap{grid-template-columns:repeat(2,1fr)}.cform .two{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){
  .pagehead{padding-top:50px}
  .pagehead h1{font-size:46px}
  .blogwrap{grid-template-columns:repeat(3,1fr);gap:24px}
  .article h1{font-size:42px}
  .contactwrap{grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}
  .mapwrap .map{height:380px}
}