@scope (main) {
  .fspot > p { padding: 0 var(--space-7); }
  .fspot__items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  @media (max-width: 1024px) {
    .fspot__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 640px) {
    .fspot > p { padding: 0 var(--space-5); }
    .fspot__items { grid-template-columns: 1fr; }
  }
}