/* Photo-backed practice tiles. Keep .cards.two (attorneys/pay) untouched. */
.cards.practice {
  gap: 14px;
}
@media (min-width: 700px) {
  .cards.practice { grid-template-columns: repeat(3, 1fr); }
}
.card.shot {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 260px;
  padding: 22px 22px 24px;
  border-radius: 20px;
  border: 1px solid var(--line);
  background-color: #0b1730;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: border-color .2s, transform .2s;
}
.card.shot::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(11,23,48,0.28) 0%, rgba(11,23,48,0.78) 58%, rgba(11,23,48,0.92) 100%);
}
.card.shot > * { position: relative; z-index: 1; }
.card.shot h3 {
  margin: 0 0 6px;
  font-size: 22px;
  font-family: var(--serif);
  font-weight: 400;
  color: #fff;
}
.card.shot p {
  margin: 0;
  color: rgba(236,234,228,0.86);
  font-size: 14px;
}
.card.shot:hover {
  border-color: var(--gold);
  transform: translateY(-2px);
}
.card.shot:hover::before {
  background:
    linear-gradient(180deg, rgba(11,23,48,0.18) 0%, rgba(11,23,48,0.70) 55%, rgba(11,23,48,0.90) 100%);
}
.card.shot-wills { background-image: url("../assets/photos/tiles/wills.jpg"); }
.card.shot-living-trusts { background-image: url("../assets/photos/tiles/living-trusts.jpg"); }
.card.shot-powers-of-attorney { background-image: url("../assets/photos/tiles/powers-of-attorney.jpg"); }
.card.shot-advance-directives { background-image: url("../assets/photos/tiles/advance-directives.jpg"); }
.card.shot-estate-documents { background-image: url("../assets/photos/tiles/estate-documents.jpg"); }
.card.shot-restraining-orders { background-image: url("../assets/photos/tiles/restraining-orders.jpg"); }
.card.shot-elder-abuse { background-image: url("../assets/photos/tiles/elder-abuse.jpg"); }
.card.shot-veterans { background-image: url("../assets/photos/tiles/veterans.jpg"); }
.card.shot-get-started { background-image: url("../assets/photos/tiles/get-started.jpg"); }