/* ==========================================================================
   CELESTARR SERVICES — RESPONSIVE RULES
   ========================================================================== */

/* Ultrawide */
@media (min-width:1800px){
  .container{ max-width:1680px; }
  :root{ --container:1680px; }
}

/* Laptop */
@media (max-width:1180px){
  .hero-grid{ grid-template-columns:1fr; }
  .hero-viewer-wrap{ aspect-ratio:16/10; order:-1; }
  .spotlight{ grid-template-columns:1fr; }
  .grid-3{ grid-template-columns:repeat(2,1fr); }
  .grid-4{ grid-template-columns:repeat(2,1fr); }
  .footer-grid{ grid-template-columns:1fr 1fr; }
  .masonry{ columns:3 200px; }
}

/* Tablet */
@media (max-width:860px){
  .nav-links{ display:none; }
  .nav-burger{ display:grid; }
  .hero-stats{ flex-wrap:wrap; gap:var(--sp-6); }
  .form-grid{ grid-template-columns:1fr; }
  .grid-2{ grid-template-columns:1fr; }
  .grid-3{ grid-template-columns:1fr; }
  .filter-bar{ flex-direction:column; align-items:stretch; }
  .masonry{ columns:2 180px; }
  section{ padding:var(--sp-16) 0; }
}

/* Mobile */
@media (max-width:560px){
  :root{ --nav-h:72px; }
  .hero-cta{ flex-direction:column; }
  .hero-cta .btn{ width:100%; }
  .grid-4{ grid-template-columns:1fr 1fr; }
  .footer-grid{ grid-template-columns:1fr; gap:var(--sp-6); }
  .footer-bottom{ flex-direction:column; gap:1rem; text-align:center; }
  .masonry{ columns:1; }
  .lightbox-nav{ width:42px; height:42px; }
  .timeline{ padding-left:1.8rem; }
  .spotlight-actions{ flex-direction:column; }
  .spotlight-actions .btn{ width:100%; }
}