/* FutureHome USA — Shared Stylesheet (assets/css/style.css) */
:root {
  --fh-dark: #212C3A;
  --fh-darker: #141C26;
  --fh-sand: #E2BD8A;
  --fh-sand-hover: #d4ab71;
  --fh-bg: #F4F5F7;
  --fh-white: #FFFFFF;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: var(--fh-bg);
  color: var(--fh-dark);
  overflow-x: hidden;
}

.font-display {
  font-family: 'Syne', sans-serif;
}

@keyframes heroKenBurns {
  0% { transform: scale(1) translate(0, 0); filter: brightness(0.88) contrast(1.05); }
  50% { transform: scale(1.06) translate(-1%, -1%); filter: brightness(0.96) contrast(1.08); }
  100% { transform: scale(1) translate(0, 0); filter: brightness(0.88) contrast(1.05); }
}

.hero-motion-active {
  animation: heroKenBurns 18s ease-in-out infinite;
}

.hero-motion-paused {
  animation-play-state: paused;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
  opacity: 0;
}

.accordion-content.open {
  max-height: 320px;
  opacity: 1;
}

.capability-card:hover .capability-img {
  transform: scale(1.05);
}

.capability-img {
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes pulseSand {
  0%, 100% { box-shadow: 0 0 0 0 rgba(226, 189, 138, 0); }
  50% { box-shadow: 0 0 0 6px rgba(226, 189, 138, 0.45); }
}

.highlight-pulse {
  animation: pulseSand 1.2s ease-in-out 2;
}

.nav-link-active {
  color: var(--fh-sand) !important;
  border-bottom: 2px solid var(--fh-sand);
  padding-bottom: 4px;
}