/* aureola studio - mobile projects page: list/grid switch + infinite scroll */
@media screen and (max-width: 1023px) {
  .section--projects-list-mobile .mobile-projects__header { display: flex; align-items: flex-start; justify-content: space-between; margin: 0 1.8rem 4rem; }
  .section--projects-list-mobile .mobile-projects__header h2 { margin-left: 0; margin-bottom: 0; }

  .mobile-projects__layout { display: flex; padding-top: .4rem; }
  .mobile-projects__layout li:not(:first-child) { margin-left: 2.4rem; }
  .mobile-projects__layout li a { display: block; padding: .4rem; margin: -.4rem; transition: opacity .25s ease-out; }
  .mobile-projects__layout li.active a { opacity: .4; }
  .mobile-projects__layout svg { display: block; width: 1.8rem; height: 1.8rem; }

  .mobile-projects-grid { display: flex; flex-wrap: wrap; margin: 0 1.8rem; gap: 3.2rem 1.2rem; }
  .mobile-projects-grid[hidden] { display: none; }
  .mobile-projects-grid__item { display: block; width: calc(50% - .6rem); }
  .mobile-projects-grid__item__image { aspect-ratio: 1; margin-bottom: 1.2rem; overflow: hidden; background-color: rgba(0, 0, 0, .05); }
  .mobile-projects-grid__item__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .mobile-projects-grid__item__title { font-size: inherit; }
  .mobile-projects-grid__item__place { display: block; color: #838383; }

  .projects-list--mobile .projects-list__label { margin-bottom: 1.2rem; }
  .projects-list--mobile[hidden] { display: none; }
  .section--projects-list-mobile .is-hidden { display: none !important; }
  .mobile-projects__sentinel { height: 1px; }
}

/* project page on mobile: keep the same block order as desktop
   (ignores the per-block "mobile order" field and the theme's fixed mobile orders) */
@media screen and (max-width: 1023px) {
  .project > *:not(.project__header) { order: 0 !important; }
}