/* HR Match landing brand overrides for shared Webflow template */

:root {
  --brand-prime: #0f766e;
  --brand-prime-hover: #0b5f5a;
  --brand-second: #14b8a6;
  --brand-gradient: linear-gradient(135deg, #ccfbf1 0%, #99f6e4 100%);
}

.slide-to-top-0-6s,
.custom-to-top-0-6s {
  opacity: 1 !important;
  transform: translateY(0) !important;
  animation: fadeSlideIn 0.6s ease-out forwards;
}

@keyframes fadeSlideIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Keep the hr hero visual from stretching oddly inside the shared frame. */
.hero .background-image {
  object-fit: cover;
}