#reviews { padding: 7rem 0; background: var(--bg2); }

.rg {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 4rem;
}

.rc {
  padding: 2.5rem;
  border: 1px solid var(--brd);
  transition: border-color .3s, background .3s;
}
.rc:hover { border-color: var(--gold); background: var(--bg3); }

.rtxt {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.2rem;
  font-weight: 300;
  font-style: italic;
  line-height: 1.8;
  color: var(--tx);
  margin-bottom: 2rem;
}

.rauth { display: flex; align-items: center; gap: 1rem; }

.ravt {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--gold);
  flex-shrink: 0;
}

.rname { font-size: .85rem; font-weight: 400; color: var(--tx); margin-bottom: .2rem; }
.rname a { color: var(--txm); font-size: .78rem; font-weight: 200; text-decoration: none; transition: color .3s; }
.rname a:hover { color: var(--gold); }