/* Иллюстрации страниц (illustrations.mjs): рисунки рядом с текстом, ленты-разделители, сезоны и этапы без фото */
.art-img { display: block; width: 100%; height: auto; background: var(--paper-2, #efe9dc); }
.art-fig { margin: 0; position: relative; border-radius: var(--r, 12px); overflow: hidden; background: var(--paper-2, #efe9dc); }
.sp .art-fig img { aspect-ratio: 4 / 3; object-fit: cover; }
.ch .art-fig { box-shadow: var(--shadow); }
.ch .art-fig img { aspect-ratio: 3 / 2; object-fit: cover; }
.art-fig .taken { position: absolute; left: 10px; bottom: 8px; max-width: calc(100% - 20px); font-size: 11px; line-height: 1.3; color: #fff; background: rgba(27, 36, 48, .64); padding: 3px 8px; border-radius: 999px; pointer-events: none; }
.enr-fig.art-fig { background: transparent; border-radius: 12px; }
.enr-fig.art-fig img { aspect-ratio: 3 / 2; object-fit: cover; border-radius: 12px; }
.enr-col { display: grid; gap: 16px; align-content: start; }
.art-band { margin: 0 0 24px; max-width: 560px; border-radius: 12px; overflow: hidden; }
.art-band img { aspect-ratio: 3 / 2; object-fit: cover; }
.art-strip { padding: clamp(8px, 2vw, 20px) 0; }
.art-strip img { border-radius: 12px; aspect-ratio: auto; object-fit: cover; }
.rel .rel-media img { object-fit: cover; }
@media (max-width: 860px) { .enr-grid > .art-fig { order: 2; } }