/* ============================================================
   layout/grid.css — structural helpers: container, section rhythm,
   gold divider. Desktop padding bumps live at the bottom.
   ============================================================ */
.container-luxury {
  max-width: 80rem;
  margin-inline: auto;
  padding-inline: 1.5rem;
}

.section-padding { padding-block: 6rem; }

.divider-gold { width: 4rem; height: 1px; background: hsl(var(--primary)); margin-inline: auto; }

@media (min-width: 768px) {
  .container-luxury { padding-inline: 2rem; }
  .section-padding { padding-block: 8rem; }
}

@media (min-width: 1024px) {
  .container-luxury { padding-inline: 3rem; }
  .section-padding { padding-block: 10rem; }
}