/* Desktop prototype: a vertical, scroll-stacking portfolio. Mobile keeps the
   shorter 5-at-a-time list so the sticky layers never hide content. */
@media (min-width: 760px) and (prefers-reduced-motion: no-preference) {
  .property-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: start;
  }

  .property-card {
    position: sticky;
    top: calc(88px + var(--stack-offset, 0px));
    z-index: var(--stack-layer, 1);
    display: grid;
    grid-template-columns: minmax(250px, 36%) minmax(0, 1fr);
    min-height: 236px;
    transform: none;
    scroll-margin-top: 104px;
  }

  .property-image {
    height: 100%;
    min-height: 236px;
    aspect-ratio: auto;
  }

  .property-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(22px, 4vw, 48px);
  }

  .property-info h3 {
    font-size: clamp(27px, 3.2vw, 44px);
  }
}