/* =======================
   RESPONSIVE / MEDIA QUERIES
   ======================= */

/* ≥768px (tablet) */
@media (min-width:768px){
  .nav-desktop{display:flex}
  .actions-desktop{display:flex}
  .btn-icon{display:none}
  .grid-2{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(3,1fr)}
  .hero{padding:0;height:calc(100vh - 287px)}
  .hero-title{font-size:56px}
  .hero-actions{flex-direction:row}
}

/* ≥1024px (desktop) */
@media (min-width:1024px){
  .grid-4{grid-template-columns:repeat(4,1fr)}
  .section-title{font-size:36px}
  .hero-image{max-width:430px}
  .footer-bottom{grid-template-columns:1fr 1fr 1fr}
}

/* ≤960px */
@media (max-width:960px){
  .module-grid{grid-template-columns:repeat(2,1fr)}
}

/* ≤900px */
@media (max-width:900px){
  .svc-showcase .timeline{display:none}
  .svc-piece{grid-template-columns:1fr;gap:16px;margin:26px 0}
  .svc-piece .copy{order:2;margin-top:0;justify-self:stretch;max-width:none}
  .svc-piece .shot{order:1;justify-self:stretch;max-width:none}
  .form-grid{grid-template-columns:1fr}
}

/* ≤640px */
@media (max-width:640px){
  .module-grid{grid-template-columns:1fr}
  #upload-anywhere{--ua-orbit:18px;--ua-dot:6px;--ua-ripple:4px}
  #upload-anywhere .tile-icon{width:64px;height:64px;border-radius:16px}
  #upload-anywhere .tile-icon i{font-size:28px}
  .hiw-hero__title,.page-hero__title{font-size:30px}
}