/* aureola studio - large screens (TV, external monitors)
 * The theme scales everything with the screen width (html font-size in vw).
 * Above laptop size we stop growing (max 12px = the design at ~1730px wide),
 * so big screens get more room instead of oversized type and spacing.
 */
@media screen and (min-width: 1024px) {
  html { font-size: min(0.6944444444vw, 12px); }
}

/* desktop projects grid: more columns on wide screens */
@media screen and (min-width: 1800px) {
  .projects-grid { display: flex; }
  .projects-grid__item { float: none; width: 25%; }
}
@media screen and (min-width: 2600px) {
  .projects-grid__item { width: 20%; }
}

/* desktop: less grey space under the filters (status / typology) */
@media screen and (min-width: 1024px) {
  .section--filters { padding-bottom: 2.6rem; }
  /* same gap under the last open filter list as under the closed menu */
  .filters__row:last-child .filters__list { padding-bottom: 2.1rem; }
}

/* project pages: on very wide screens text blocks stop at their 1920px width
   (~76 characters per line); images and galleries keep using the full screen */
@media screen and (min-width: 1024px) {
  .project__info__wrapper,
  .project__text:not(.project__text--columns) > .project__text__column { max-width: 102.7rem; }
  .project__text__wrapper { max-width: 128.3rem; }
  /* about us page: same text width cap */
  .about__content { max-width: 102.7rem; }
}