:root {
  --container: 1600px;
  --page-gutter: clamp(16px, 3vw, 48px);
}

.container {
  width: min(calc(100% - (var(--page-gutter) * 2)), var(--container));
}

@media (min-width: 980px) {
  .header-inner {
    width: min(calc(100% - (var(--page-gutter) * 2)), var(--container));
  }
}

@media (min-width: 1800px) {
  .property-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
  }
}