/* ========== RELATED ========== */
.related .wrap{
  padding:120px 0px;
  max-width:1400px;
  margin:0 auto;
  
}
.related-grid a.rcard {
    text-decoration: none;
}
.related .btn-line {
    display: inline-flex;
    align-items: center;
    text-decoration:none !important;
    gap: 14px;
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--aubergine);
    padding-bottom: 6px;
    border-bottom: 1px solid var(--aubergine);
}
.related-grid .btn-line {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--aubergine);
    padding-bottom: 6px;
    border-bottom: 1px solid var(--aubergine);
}
  .related-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px;gap:40px;flex-wrap:wrap}
  .related-head .eyebrow{margin-bottom:14px;display:block}
  .related-head h2{font-size:clamp(38px,4.4vw,56px);font-weight:500;line-height:1.05}
  .related-head h2 em{color:var(--aubergine)}
  .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
  .rcard{display:flex;flex-direction:column;gap:18px}
  .rcard .img{aspect-ratio:4/3;overflow:hidden}
  .rcard .img img{width:100%;height:100%;object-fit:cover;transition:.5s}
  .rcard:hover .img img{transform:scale(1.04)}
  .rcard .meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted)}
  .rcard .meta .loc{color:var(--aubergine);font-weight:500}
  .rcard h3{font-size:22px;font-weight:500;line-height:1.25; margin:0; padding:0}
  .rcard p{font-size:14.5px;color:var(--ink-2);line-height:1.6}