.card {

  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, .05),
      rgba(255, 255, 255, .025)
  );

  border: 1px solid var(--color-border);

  border-radius: var(--radius-l);

  padding: 2rem;

  transition: transform var(--transition),
  border-color var(--transition),
  box-shadow var(--transition);

}
/*.card{

  transition-delay:var(--delay,0ms);

}*/

.card:hover {

  transform: translateY(-8px);

  border-color: rgba(195, 154, 103, .35);

  box-shadow: var(--shadow-hover);

}

.card-icon {

  width: 58px;

  aspect-ratio: 1;

  display: grid;

  place-items: center;

  border-radius: 50%;

  margin-bottom: 1.5rem;

  background: rgba(195, 154, 103, .12);

  color: var(--color-gold);

  font-size: 1.3rem;

}

.card h3 {

  margin-bottom: .8rem;

  font-size: 1.35rem;

}

.card p {

  color: var(--color-muted);

}

.contact-card,
.company-card {

  display: flex;

  flex-direction: column;

  gap: .8rem;

  padding: 2rem;

  border-radius: var(--radius-l);

  background: var(--color-card);

  border: 1px solid var(--color-border);

  transition: all var(--transition);

}

.contact-card:hover,
.company-card:hover {

  transform: translateY(-6px);

  box-shadow: var(--shadow-hover);

}

.contact-card h3,
.company-card h3 {

  font-size: 1.45rem;

}

.contact-card span {

  color: var(--color-gold);

  margin-bottom: 1rem;

}

.contact-card a {

  color: var(--color-muted);

  transition: color var(--transition-fast);

}

.contact-card a:hover {

  color: white;

}

.company-card dl {

  display: grid;

  grid-template-columns:auto 1fr;

  gap: 1rem;

}

.company-card dt {

  color: var(--color-gold);

}

.company-card dd {

  color: var(--color-muted);

}

@media (max-width: 1023px) {

  .contact-grid {

    grid-template-columns:1fr;

  }

}