/* ============================================================
   BOXFORCAM™ blog — стандарт фигур (CW-DESIGN spec 2026-06-18, импл. CC И-73)
   Цель: ЛЮБОЕ фото влезает в экран на 1536/768/375; единообразно.
   Грузится ПОСЛЕ инлайн-<style> статьи (link перед </head>) → переопределяет .fig.
   Классы ориентации (.landscape/.portrait/.square) проставляет blog-fig.js по натур.размерам.
   Базовый max-height = страховка до классификации / при отключённом JS (ничего не вылетает).
   ============================================================ */
.fig{margin:22px auto;text-align:center}
.fig img{
  display:block;margin:0 auto;max-width:100%;max-height:62vh;height:auto;
  border:1px solid var(--line);border-radius:14px;
  box-shadow:0 14px 40px rgba(26,26,26,.08);background:var(--paper2);
}
.fig figcaption{font-size:13px;color:var(--mut);margin-top:8px;line-height:1.4;text-align:center}
.fig video{width:100%;max-width:420px;border:1px solid var(--line);border-radius:14px;background:#000;display:inline-block}

/* DESKTOP ≥1024 (default) */
.fig.landscape img{width:100%;aspect-ratio:3/2;object-fit:cover;max-height:56vh}
.fig.portrait  img{width:auto;max-width:100%;height:auto;max-height:62vh}
.fig.square    img{width:auto;max-width:100%;height:auto;max-height:60vh}

/* TABLET 768–1023 */
@media (max-width:1023px){
  .fig img{max-height:55vh}
  .fig.landscape img{max-height:50vh}
  .fig.portrait  img{max-height:55vh}
  .fig.square    img{max-height:52vh}
}

/* MOBILE ≤767 */
@media (max-width:767px){
  .fig figcaption{font-size:12px}
  .fig img{max-height:50vh}
  .fig.landscape img{max-height:42vh}
  .fig.portrait  img{max-height:50vh}
  .fig.square    img{max-height:46vh}
}