@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

.rhbi-related,
.rhbi-related *{box-sizing:border-box}

.rhbi-related{
  --rhbi-charcoal:#252628;
  --rhbi-red:#E72D2D;
  width:min(1180px,calc(100% - 64px));
  margin:0 auto;
  padding:0 0 clamp(64px,6vw,86px);
  color:var(--rhbi-charcoal);
  font-family:"Manrope",Arial,Helvetica,sans-serif;
}

.rhbi-related-heading{margin:0 0 26px}
.rhbi-related-label{margin:0 0 8px;color:var(--rhbi-red);font-size:10px;font-weight:800;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}
.rhbi-related h2{margin:0;color:var(--rhbi-charcoal);font-size:clamp(30px,2.7vw,40px);font-weight:700;line-height:1.06;letter-spacing:-.045em}
.rhbi-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rhbi-related-post,.rhbi-related-post:visited{display:block;min-width:0;color:var(--rhbi-charcoal)!important;text-decoration:none!important}
.rhbi-related-post:hover,.rhbi-related-post:focus-visible{color:var(--rhbi-charcoal)!important;text-decoration:none!important}
.rhbi-related-image{width:100%;aspect-ratio:3/2;overflow:hidden;background:#eee}
.rhbi-related-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .35s ease}
.rhbi-related-placeholder{display:block;width:100%;height:100%;background:#eee}
.rhbi-related-post:hover .rhbi-related-image img,.rhbi-related-post:focus-visible .rhbi-related-image img{transform:scale(1.025)}
.rhbi-related-category{margin:14px 0 7px;color:var(--rhbi-red)!important;font-size:10px;font-weight:800;line-height:1.3;letter-spacing:.09em;text-transform:uppercase}
.rhbi-related-post h3{margin:0;color:var(--rhbi-charcoal)!important;font-size:clamp(17px,1.35vw,21px);font-weight:700;line-height:1.3;letter-spacing:-.025em}
.rhbi-related-post:hover h3,.rhbi-related-post:focus-visible h3{color:var(--rhbi-charcoal)!important}

@media(max-width:1000px){
  .rhbi-related{width:calc(100% - 50px)}
  .rhbi-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
  .rhbi-related{width:calc(100% - 34px);padding-bottom:62px}
  .rhbi-related-heading{margin-bottom:22px}
  .rhbi-related h2{font-size:30px}
  .rhbi-related-grid{grid-template-columns:1fr;gap:30px}
  .rhbi-related-post h3{font-size:19px}
}

@media(max-width:430px){
  .rhbi-related{width:calc(100% - 28px)}
}

@media(prefers-reduced-motion:reduce){
  .rhbi-related-image img{transition:none!important}
}