/* Стили страницы /events — архив мероприятий.
   Перенесены из встроенного <style> в views/events.ejs (2026-09-26). Подключаются только на этой
   странице, тем же местом в <head>, где стоял блок, — порядок каскада прежний.
   Правки внешнего вида этой страницы — здесь, не в шаблоне. */

/* Архив мероприятий (Босс 2026-09-17). Шапка/бургер/футер — копия главной, как на /equipment (helper abs);
   карточки и лайтбокс — те же, что в кейсах главной; стили страницы — v3.css, блок «АРХИВ МЕРОПРИЯТИЙ». */
.nav-logo { text-decoration: none; color: inherit; }
/* ШАПКА (Босс 2026-09-26, Я.Диск Page_Archive/Archive_Page_font.webp 4096×1820 — зал-библиотека «Архив мероприятий:
   коллекция»): кадр ЦЕЛИКОМ — пропорция шапки = пропорции кадра, как у /formats. Сборка:
   python3 tools/make_page_hero.py <Archive_Page_font.webp> public/images/events-page/events-hero.jpg --aspect 4096/1820
   → node tools/make_variants.js public/images/events-page/events-hero.jpg. Новый кадр — новое имя файла (кеш 7 дней).
   Вуаль слева под текстом: там книга гостей и экран — тёмные, текст без вуали не читается. */
/* Шапка — стандарт 2:1 для всех внутренних страниц (Босс 2026-09-30: «не подгонять шапку под пропорции изображения один в один»); кадр — cover, точка фокуса — background-position. */
.ev-hero {
  position: relative; isolation: isolate;
  aspect-ratio: 2 / 1; padding: 120px 0 64px;
  background-color: #f5f3ee;
  background-image: url('/images/events-page/events-hero-1920.jpg');
  background-image: image-set(url('/images/events-page/events-hero-1920.webp') type('image/webp'), url('/images/events-page/events-hero-1920.jpg') type('image/jpeg'));
  background-size: cover; background-position: center;
  border-bottom: 0.5px solid rgba(28,26,22,0.10);
}
.ev-hero::before {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(90deg, rgba(245,243,238,0.95) 0%, rgba(245,243,238,0.86) 36%, rgba(245,243,238,0.3) 62%, rgba(245,243,238,0) 80%);
}
@media (min-width: 1921px) {
  .ev-hero { background-image: image-set(url('/images/events-page/events-hero-2560.webp') type('image/webp'), url('/images/events-page/events-hero.jpg') type('image/jpeg')); }
}
.ev-hero > .wrap, .ev-body > .wrap { max-width: 1456px; }
.ev-hero .label { display: block; font-size: 0.62rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: #9a7a32; margin-bottom: 14px; }
.ev-hero .ev-h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.4rem, 5vw, 4rem); font-weight: 400; color: #1c1a16; line-height: 1.1; margin: 0 0 16px; }
.ev-hero .ev-lead { font-size: 0.95rem; color: #4a4640; max-width: 520px; line-height: 1.8; }
/* ТЕЛО — основной фон страниц (как .blog-body / .fa) */
.ev-body {
  padding: 56px 0 80px;
  background-color: #f5f3ee;
  background-image: url('/images/blog-page/blog-pair.jpg');
  background-image: image-set(url('/images/blog-page/blog-pair-1920.webp') type('image/webp'), url('/images/blog-page/blog-pair.jpg') type('image/jpeg'));
  background-size: 100% auto; background-repeat: repeat-y; background-position: center top;
}
.ev-body .events-grid { margin-top: 0; }
@media (max-width: 960px) {
  .ev-hero { background-image: image-set(url('/images/events-page/events-hero-1280.webp') type('image/webp'), url('/images/events-page/events-hero-1280.jpg') type('image/jpeg')); }
  .ev-body { background-image: image-set(url('/images/blog-page/blog-pair-1280.webp') type('image/webp'), url('/images/blog-page/blog-pair-1280.jpg') type('image/jpeg')); }
}
@media (max-width: 760px) {
  /* телефон: текст сверху на кремовом, кадр целиком по ширине под ним (высота кадра = 1820/4096 ширины), как у /formats */
  .ev-hero { aspect-ratio: auto; padding: 104px 0 calc(50vw + 12px); background-size: auto 50vw; background-position: 50% 100%; }
  .ev-hero::before { background: linear-gradient(to top, rgba(245,243,238,0) 0, rgba(245,243,238,0) calc(50vw - 70px), rgba(245,243,238,1) calc(50vw + 12px)); }
  .ev-body { padding: 32px 0 56px; }
}

/* Фото карточки события — квадрат 1:1 (Босс 2026-09-29: «увеличь высоту карточек в архиве, чтобы соотношение сторон
   стало 1 к 1»; вся карточка и так была почти квадратной — 443×424 при 1920, — квадратом сделано фото, как у кейсов
   главной .cx .case-photo). Раньше — фиксированные 280px (200px на узких, v3.css). Страницы ресторанов — тоже квадрат
   (css/pages/useful-restaurant.css, Босс 2026-09-29). Заглушки «Фото скоро» и видео-обложки — той же высоты. */
.ev-body .events-grid .case-photo { height: auto; aspect-ratio: 1 / 1; }
/* Поля широкой колонки на экранах шире 960px — не меньше 96px (2026-09-30): иначе на ноутбуках 961–1551px плавающие кнопки
   «Наверх» (слева, 24–84px) и мессенджеры (справа) ложились на край контента. Колонка контента — до 1360px, по центру;
   при 1920 край тот же, что был (280px), на 1440 — 96px. На ≤960 — общие поля .wrap (24 / 16px). */
@media (min-width: 961px) {
  .ev-hero > .wrap, .ev-body > .wrap { max-width: none; padding-left: max(96px, calc((100% - 1360px) / 2)); padding-right: max(96px, calc((100% - 1360px) / 2)); }
}

/* Прямые ссылки на конкретное событие из журнала. */
.case-card[id^="event-"] { scroll-margin-top: 94px; }