/* Blog hub card grid — scoped to .mvrh-* only. Never edit bootstrap.css. */

.mvrh-nav{
  display:flex; flex-wrap:wrap; gap:8px;
  margin:0 0 34px; padding:0;
}
.mvrh-nav a{
  display:inline-block; padding:7px 14px;
  font-size:13px; line-height:1.2; font-weight:600;
  color:#7a3a00; background:#fff3e8; border:1px solid #ffd9bd;
  border-radius:999px; text-decoration:none;
  transition:background .18s ease, color .18s ease, border-color .18s ease;
}
.mvrh-nav a:hover,
.mvrh-nav a:focus-visible{
  background:#ff6600; border-color:#ff6600; color:#fff; text-decoration:none;
}

.mvrh-sec{ margin:0 0 46px; scroll-margin-top:90px; }
.mvrh-sec-title{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  margin:0 0 6px; font-size:22px; line-height:1.3;
}
.mvrh-count{
  font-size:12px; font-weight:700; color:#a8500a;
  background:#fff3e8; border:1px solid #ffd9bd;
  border-radius:999px; padding:2px 9px;
}
.mvrh-sec-intro{ margin:0 0 20px; color:#5d5d5d; }

.mvrh-grid{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr));
  gap:22px; margin:0; padding:0; list-style:none;
}
.mvrh-card{ margin:0; padding:0; list-style:none; display:flex; }
.mvrh-card::before,
.mvrh-card::marker{ content:none; }

.mvrh-link{
  display:flex; flex-direction:column; width:100%;
  background:#fff; border:1px solid #f0e4da; border-radius:14px;
  overflow:hidden; text-decoration:none; color:inherit;
  box-shadow:0 1px 2px rgba(20,10,0,.05);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.mvrh-link:hover,
.mvrh-link:focus-visible{
  transform:translateY(-4px); border-color:#ffcaa6;
  box-shadow:0 12px 26px rgba(120,60,0,.14); text-decoration:none;
}
.mvrh-link:focus-visible{ outline:3px solid #ff6600; outline-offset:2px; }

.mvrh-media{
  position:relative; display:block; aspect-ratio:5/3;
  background:#f3ece6; overflow:hidden;
}
.mvrh-media img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .35s ease;
}
.mvrh-link:hover .mvrh-media img{ transform:scale(1.05); }
.mvrh-media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(18,8,2,.90) 0%, rgba(18,8,2,.60) 34%, rgba(18,8,2,.06) 68%, transparent 100%);
}

.mvrh-cap{
  position:absolute; left:0; right:0; bottom:0; z-index:2;
  display:flex; flex-direction:column; gap:5px; padding:14px 16px;
}
.mvrh-eyebrow{
  font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  color:#ff9147; line-height:1;
}
.mvrh-title{
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  color:#fff; font-size:15.5px; font-weight:700; line-height:1.32;
  text-shadow:0 1px 3px rgba(0,0,0,.55);
}
.mvrh-hub{ background:#fffaf6; }
.mvrh-hub > .container{ max-width:1200px; }
.mvrh-body{
  display:flex; flex-direction:column; flex:1 1 auto; gap:12px; padding:16px 18px 18px;
}
.mvrh-desc{
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  color:#5f5f5f; font-size:14px; line-height:1.55; margin:0;
}
.mvrh-read{
  margin-top:auto; font-size:13.5px; font-weight:700; color:#e8341a;
}
.mvrh-read em{ font-style:normal; display:inline-block; transition:transform .2s ease; }
.mvrh-link:hover .mvrh-read em{ transform:translateX(4px); }

/* tablet + mobile: two columns, as requested for the blog lists */
@media (max-width:1024px){
  .mvrh-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px; }
}
@media (max-width:640px){
  .mvrh-grid{ gap:13px; }
  .mvrh-cap{
  position:absolute; left:0; right:0; bottom:0; z-index:2;
  display:flex; flex-direction:column; gap:5px; padding:14px 16px;
}
.mvrh-eyebrow{
  font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  color:#ff9147; line-height:1;
}
.mvrh-title{
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  color:#fff; font-size:15.5px; font-weight:700; line-height:1.32;
  text-shadow:0 1px 3px rgba(0,0,0,.55);
}
.mvrh-hub{ background:#fffaf6; }
.mvrh-hub > .container{ max-width:1200px; }
.mvrh-body{ padding:12px 13px 14px; gap:9px; }
      .mvrh-desc{ font-size:12.5px; -webkit-line-clamp:3; }
  .mvrh-read{ font-size:12.5px; }
  .mvrh-sec-title{ font-size:18px; }
  .mvrh-sec{ margin-bottom:34px; }
  .mvrh-nav{ gap:6px; margin-bottom:26px; }
  .mvrh-nav a{ padding:6px 11px; font-size:12px; }
}
@media (prefers-reduced-motion:reduce){
  .mvrh-link, .mvrh-media img, .mvrh-read em{ transition:none; }
  .mvrh-link:hover{ transform:none; }
  .mvrh-link:hover .mvrh-media img{ transform:none; }
}