.nav-item-icon {
  display: inline-block;
  color: var(--burgundy);
}

.is-home:not(.nav-open) .site-header:not(.is-stuck) .nav-item-icon {
  color: var(--rose);
}

.nav-menu a {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.nav-menu .icon {
  color: var(--burgundy);
}

.nav-account {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.filter-panel .filter-label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.filter-label .icon {
  color: var(--burgundy);
}

.hero-count {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.85rem;
  color: var(--on-dark-muted);
  font-size: 0.92rem;
}

.journey-icon,
.insight-icon {
  display: grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  margin-bottom: 0.75rem;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-pill);
  background: var(--paper-2);
  color: var(--burgundy);
}

.insight-icon {
  margin-bottom: 0.35rem;
}

.location-card-stat {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--muted-deep);
}

.card-bookmark.is-marked {
  color: var(--burgundy);
  background: var(--rose-3);
}

.card-bookmark.is-marked .icon {
  fill: currentColor;
}

.fact-grid dt {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

@media (max-width: 960px) {
  .nav-item-icon {
    margin-right: 0.15rem;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .js [data-reveal] {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 560ms cubic-bezier(0.22, 1, 0.36, 1), transform 560ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .js [data-reveal].is-in {
    opacity: 1;
    transform: none;
  }

  .type-grid > *:nth-child(2),
  .card-grid > *:nth-child(2),
  .location-grid > *:nth-child(2),
  .insight-grid > *:nth-child(2),
  .immersive-grid > *:nth-child(2),
  .journey > *:nth-child(2) {
    transition-delay: 70ms;
  }

  .type-grid > *:nth-child(3),
  .card-grid > *:nth-child(3),
  .location-grid > *:nth-child(3),
  .insight-grid > *:nth-child(3),
  .immersive-grid > *:nth-child(3),
  .journey > *:nth-child(3) {
    transition-delay: 140ms;
  }

  .type-grid > *:nth-child(4),
  .card-grid > *:nth-child(4),
  .location-grid > *:nth-child(4),
  .insight-grid > *:nth-child(4),
  .immersive-grid > *:nth-child(4),
  .journey > *:nth-child(4) {
    transition-delay: 210ms;
  }

  .type-grid > *:nth-child(5),
  .journey > *:nth-child(5),
  .card-grid > *:nth-child(5) {
    transition-delay: 280ms;
  }

  .type-grid > *:nth-child(6) {
    transition-delay: 350ms;
  }

  .property-card,
  .project-card,
  .location-card,
  .insight-card,
  .type-tile,
  .immersive-tile {
    transition: transform var(--motion), box-shadow var(--motion), border-color var(--motion-fast);
  }

  .property-card:hover,
  .project-card:hover,
  .location-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lift);
  }

  .insight-card:hover {
    transform: translateY(-3px);
  }

  .property-card-media img,
  .type-tile img,
  .immersive-tile img,
  .location-card-media img,
  .split-panel img {
    transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .card-action .icon,
  .btn .icon,
  .nav-cta .icon {
    transition: transform var(--motion-fast);
  }

  .property-card:hover .card-action .icon,
  .project-card:hover .card-action .icon,
  .btn-primary:hover .icon {
    transform: translateX(3px);
  }

  .type-tile-copy .icon,
  .immersive-copy .icon,
  .journey-icon,
  .insight-icon {
    transition: transform var(--motion), color var(--motion-fast), background-color var(--motion-fast);
  }

  .type-tile:hover .type-tile-copy .icon,
  .immersive-tile:hover .immersive-copy .icon,
  .journey li:hover .journey-icon,
  .insight-card:hover .insight-icon {
    transform: translateY(-2px) scale(1.06);
  }

  .hero {
    overflow: hidden;
  }

  .hero-img {
    animation: hero-drift 28s ease-in-out infinite alternate;
  }

  .hero-copy,
  .search-bar-hero {
    animation: hero-copy-in 700ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .search-bar-hero {
    animation-delay: 120ms;
  }

  .nav-menu {
    transition: opacity var(--motion-fast), transform var(--motion-fast), visibility var(--motion-fast);
  }

  .has-menu:hover .icon-chevron,
  .has-menu:focus-within .icon-chevron {
    transform: rotate(180deg);
  }

  .icon-chevron {
    transition: transform var(--motion-fast);
  }

  .filter-drawer[open] .filter-panel {
    animation: sheet-in 420ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .card-bookmark .icon {
    transition: transform var(--motion-fast), fill var(--motion-fast), stroke var(--motion-fast);
  }

  .card-bookmark.is-marked .icon,
  .card-bookmark:hover .icon {
    transform: scale(1.08);
  }
}

@keyframes hero-drift {
  from {
    transform: scale(1) translate3d(0, 0, 0);
  }

  to {
    transform: scale(1.05) translate3d(-1.2%, 0, 0);
  }
}

@keyframes hero-copy-in {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes sheet-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}