/* Промежуточные ширины (ноутбуки и планшеты в альбомной ориентации): 901 — 1919 px.
   Вёрстка сайта нарисована под экран 1920 px в пикселях, а телефонная версия (css/mobile.css) включается только до 900 px,
   поэтому между ними всё вылезало за край. Здесь размеры главной плавно уменьшаются вместе с шириной окна:
   --k — масштаб (1920 px = 1, 1440 px = 0.75, 1024 px = 0.53), размеры из макета записаны как «N * var(--k)».
   Тексты не уменьшаются ниже читаемого минимума. Свыше 1920 px и до 900 px файл ничего не меняет. */

@media (min-width: 901px) and (max-width: 1919px) {
  :root {
    --k: calc(100vw / 1920);
    --page-gutter: max(28px, calc(170 * var(--k)));
  }

  /* ---------- шапка ---------- */
  .navbar { padding-top: max(20px, calc(32 * var(--k))); padding-bottom: 0; }
  .navbar__logo img { height: max(54px, calc(76 * var(--k))); }
  .navbar__links { gap: max(18px, calc(40 * var(--k))); }
  .navbar__links a { font-size: max(12.5px, calc(14 * var(--k) * 1.35)); }
  .navbar__cta, .navbar__contact-group { gap: max(8px, calc(12 * var(--k))); }

  /* ---------- первый экран ---------- */
  .hero { padding-top: max(96px, calc(120 * var(--k))); }
  .hero__title { font-size: calc(260 * var(--k)); margin-top: calc(50 * var(--k)); padding: 0 calc(40 * var(--k)); }
  .showcase { padding: calc(24 * var(--k)) var(--page-gutter) 0; }
  .showcase__col--left, .showcase__col--right { height: max(300px, calc(536 * var(--k))); }
  .showcase__top { gap: max(20px, calc(32 * var(--k))); margin-top: calc(40 * var(--k)); }
  .showcase__text { font-size: max(14px, calc(18 * var(--k) * 1.25)); max-width: max(200px, calc(320 * var(--k))); }
  .showcase__visit { font-size: max(13px, calc(15 * var(--k) * 1.2)); }
  .showcase__visit-icon { width: max(52px, calc(66 * var(--k))); height: max(52px, calc(66 * var(--k))); }
  .showcase__visit-icon > svg:not(.showcase__visit-arrow) { width: 100%; height: 100%; }
  .showcase__photo--left { width: calc(210 * var(--k)); height: calc(210 * var(--k)); }
  .showcase__photo--center { width: max(340px, calc(536 * var(--k))); height: max(300px, calc(536 * var(--k))); }
  .showcase__right-photos { width: calc(350 * var(--k)); height: calc(350 * var(--k)); }
  .showcase__photo--right-little { width: calc(140 * var(--k)); height: calc(140 * var(--k)); }
  .showcase__photo--right-big { top: calc(140 * var(--k)); left: calc(140 * var(--k)); width: calc(210 * var(--k)); height: calc(210 * var(--k)); }
  .showcase__scroll { font-size: max(13px, calc(18 * var(--k) * 1.2)); }

  /* ---------- Gallery: заголовок и фильтр ---------- */
  .gallery-intro { padding-top: calc(160 * var(--k)); }
  .gallery-intro__title { font-size: max(64px, calc(110 * var(--k) * 1.1)); }
  .gallery-intro__text { margin-top: calc(32 * var(--k)); font-size: max(15px, calc(18 * var(--k) * 1.2)); max-width: max(460px, calc(620 * var(--k))); }

  /* ---------- сетка картин: четыре колонки по ширине окна ---------- */
  .gallery-grid {
    --gap-x: max(16px, calc(32 * var(--k)));
    --box: min(320px, calc((100vw - 2 * var(--page-gutter) - 3 * var(--gap-x)) / 4));
    gap: calc(60 * var(--k)) var(--gap-x);
    padding: calc(48 * var(--k)) var(--page-gutter) calc(160 * var(--k));
  }
  .gallery-card__photo { width: var(--box); height: var(--box); }
  .gallery-card__stage img { max-width: var(--box); max-height: var(--box); }
  .gallery-card__title { font-size: max(20px, calc(28 * var(--k) * 1.15)); }
  .gallery-card__meta { font-size: max(12px, calc(14 * var(--k) * 1.2)); }
  .gallery-card__price { font-size: max(15px, calc(18 * var(--k) * 1.2)); }

  /* ---------- «A (Journey) Through Time»: сетка фото 4 × 3 ---------- */
  .journey__grid { grid-template-columns: repeat(4, calc(280 * var(--k))); grid-template-rows: repeat(3, calc(280 * var(--k))); gap: calc(18 * var(--k)); perspective: calc(1900 * var(--k) * 1.3); }
  .journey__title { font-size: max(80px, calc(180 * var(--k) * 1.1)); }
}

/* ---------- страница Gallery: панель фильтров слева, сетка справа ---------- */
@media (min-width: 901px) and (max-width: 1919px) {
  .gallery-page {
    --panel: max(284px, calc(320 * var(--k)));
    --gl-gap: max(24px, calc(48 * var(--k)));
    --gl-pad: clamp(24px, 6vw, 120px);
    --gx: max(16px, calc(32 * var(--k)));
    /* коробка картины: не больше прежней (17vw) и не больше трети свободной ширины, чтобы соседние картины не налезали друг на друга */
    --card-box: min(clamp(180px, 17vw, 320px), max(150px, calc((100vw - 2 * var(--gl-pad) - var(--panel) - var(--gl-gap) - 2 * var(--gx)) / 3)));
  }
  .gallery-layout:not(.is-filters-hidden) { grid-template-columns: var(--panel) minmax(0, 1fr); column-gap: var(--gl-gap); }
  .gallery-layout .gallery-grid { column-gap: var(--gx); }
}

/* самые узкие ноутбуки и планшеты в альбомной (901 — 1100 px): в шапке кнопки и ссылки плотнее, чтобы логотип не упирался в CONTACT US */
@media (min-width: 901px) and (max-width: 1100px) {
  .navbar__links { gap: 20px; }
  .navbar__cta, .navbar__contact-group { gap: 6px; }
  .navbar__btn { padding: 0 18px; font-size: 12.5px; }
}