/* ═══════════════════════════════════════════════════════════
   CLC Event Agency — корпоративные и частные события, Пхукет
   Светлая тема, согласована 26.08.2026. Палитра и шрифты — брендбук CLC.
   Правило золота: #C6975F только графика, #8A6034 любой текст.
   ═══════════════════════════════════════════════════════════ */

/* ─────────── шрифты брендбука ─────────── */
@font-face{
  font-family:'Geologica';
  /* woff2 117 КБ против 335 КБ у исходного ttf; ttf оставлен запасным */
  src:url('../fonts/Geologica.woff2') format('woff2-variations'),
      url('../fonts/Geologica.ttf') format('truetype-variations');
  font-weight:100 900; font-display:swap;
}
/* Suffragette: 66 глифов — латиница, цифры, пробел, запятая, точка, дефис.
   Апострофа, двоеточия, тире и кириллицы НЕТ. Дисплейные заголовки
   на английском пишем без них; на русской версии заголовки уходят на Geologica. */
@font-face{
  font-family:'Suffragette';
  src:url('../fonts/Suffragette-Regular.woff2') format('woff2');
  font-weight:400; font-display:swap;
  unicode-range:U+0020,U+002C-002E,U+0030-0039,U+0041-005A,U+0061-007A;
}

/* ─────────── токены ─────────── */
:root{
  --paper:#FFFFFF;
  --paper-2:#F6F2EC;
  --ink:#0A0A0A;
  --body:#4A443E;
  --mute:#8C857D;
  --gold:#C6975F;        /* графика: линии, засечки, заливки */
  --gold-ink:#8A6034;    /* текст: кикеры, номера, цифры */
  --gold-lt:#E4C595;     /* на тёмном */
  --wine:#700F0F;
  --green:#233F2F;
  --hair:rgba(10,10,10,.14);
  --hair-soft:rgba(10,10,10,.08);

  --shell:1320px;
  --pad:clamp(20px, 5vw, 110px);
  --sec:clamp(56px, 8vw, 104px);

  --track-wide:.30em;
  --track-mid:.18em;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  margin:0; background:var(--paper); color:var(--body);
  font-family:'Geologica',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-variation-settings:'wght' 300,'SHRP' 0;
  font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,video{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
button{font:inherit; cursor:pointer}

/* ─────────── доступность ─────────── */
:focus-visible{outline:2px solid var(--gold-ink); outline-offset:3px}
.skip{
  position:absolute; left:-9999px; top:0; z-index:200;
  background:var(--ink); color:#fff; padding:14px 22px; font-size:13px;
}
.skip:focus{left:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ─────────── типографика ─────────── */
.dsp{font-family:'Suffragette','Geologica',sans-serif; font-weight:400; letter-spacing:.02em}

/* В Suffragette 66 глифов и нет кириллицы. На русской версии дисплейные
   заголовки уходят на Geologica Extra Light — она из того же брендбука.
   Цифры и номера остаются в Suffragette: латиница и 0–9 в ней есть. */
html[lang="ru"] h1,
html[lang="ru"] h2,
html[lang="ru"] .dsp,
html[lang="ru"] .qa__q,
html[lang="ru"] .cta-bar__h,
html[lang="ru"] .sheet__menu a,
html[lang="ru"] .clients span{
  font-family:'Geologica',sans-serif;
  font-variation-settings:'wght' 200;
  letter-spacing:-.015em;
}
html[lang="ru"] .qa__q,html[lang="ru"] .cta-bar__h{font-variation-settings:'wght' 300}
/* Названия пакетов Тигран написал латиницей — они остаются в Suffragette
   и на русской странице. Класс ставится руками на такие заголовки. */
html[lang="ru"] .lat{
  font-family:'Suffragette','Geologica',sans-serif;
  font-variation-settings:normal; letter-spacing:.02em;
}
html[lang="ru"] h2.lat{font-size:clamp(28px,4.2vw,50px); line-height:1.06}
/* кириллица в Geologica шире и выше латиницы в Suffragette — сбавляем кегль,
   иначе заголовок уезжает в четыре строки и уносит кнопки за экран */
html[lang="ru"] h1{font-size:clamp(31px,4.6vw,56px); line-height:1.08}
html[lang="ru"] h2{font-size:clamp(25px,3.2vw,40px); line-height:1.14}
html[lang="ru"] .sheet__menu a{font-size:26px}

h1,h2{
  font-family:'Suffragette','Geologica',sans-serif; font-weight:400;
  color:var(--ink); margin:0; letter-spacing:.015em;
}
h1{font-size:clamp(34px, 6.2vw, 72px); line-height:1.02}
h2{font-size:clamp(28px, 4.2vw, 50px); line-height:1.06}
h3{
  font-family:'Geologica',sans-serif; font-variation-settings:'wght' 600;
  font-size:clamp(15px,1.2vw,17px); line-height:1.3; color:var(--ink); margin:0 0 8px;
}
p{margin:0}
.sub{
  font-size:clamp(17px,1.7vw,23px); line-height:1.45; color:var(--body);
  font-variation-settings:'wght' 250; letter-spacing:-.005em;
}
.lead{font-size:clamp(16px,1.4vw,20px); line-height:1.55}
.sm{font-size:14px; line-height:1.55; color:var(--mute)}
.xs{font-size:12px; line-height:1.5; color:var(--mute)}
.kick{
  font-size:11px; letter-spacing:var(--track-wide); text-transform:uppercase;
  color:var(--gold-ink); font-variation-settings:'wght' 500; margin:0 0 16px;
}
.tick{width:44px; height:2px; background:var(--gold); margin:0 0 22px}
.gold{color:var(--gold-ink)}

/* ─────────── каркас ─────────── */
.shell{max-width:var(--shell); margin:0 auto; padding-inline:var(--pad)}
section{padding-block:var(--sec)}
.band{background:var(--paper-2)}
.rule{height:1px; background:var(--hair); border:0; margin:0}

.grid{display:grid; gap:clamp(22px,2.6vw,36px)}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.split{grid-template-columns:1.1fr 1fr; align-items:center}

/* данные, которые ещё не подтверждены. Правило: цифру без источника не печатаем.
   Класс снимается вместе с заглушкой, когда придут факты. */
.tbd{
  border-bottom:1.5px dashed var(--wine); cursor:help;
  color:var(--mute) !important; opacity:.85;
}
.fact b.tbd,.num.tbd{border-bottom-width:2px}
.dark .tbd,.foot .tbd{border-bottom-color:var(--gold-lt)}

/* блок без коробки: линейка сверху, воздух */
.blk{border-top:1px solid var(--hair); padding:18px 24px 0 0}
.blk .num{
  font-family:'Suffragette',sans-serif; font-size:19px; color:var(--gold-ink);
  display:block; margin-bottom:10px;
}

/* фото */
.ph{position:relative; overflow:hidden; background:var(--paper-2)}
.ph>img{width:100%; height:100%; object-fit:cover}
/* <picture> — обычный inline-элемент и не тянется на высоту рамки,
   без этого img внутри него теряет height:100% */
.ph>picture,.hero__media>picture{display:block; width:100%; height:100%}
.ph--4x5{aspect-ratio:4/5}
.ph--16x9{aspect-ratio:16/9}
.ph--1x1{aspect-ratio:1/1}
.cap{
  position:absolute; inset-inline:14px; bottom:12px; font-size:11px;
  letter-spacing:.16em; text-transform:uppercase; color:#fff;
  text-shadow:0 1px 10px rgba(0,0,0,.85);
}
/* слот под материал, которого ещё нет */
.slot{
  display:grid; place-items:center; text-align:center; padding:20px;
  border:1px dashed rgba(10,10,10,.22); background:var(--paper-2);
  color:var(--mute); font-size:11.5px; letter-spacing:.1em;
  text-transform:uppercase; line-height:1.7;
}

/* цифры */
.facts{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:clamp(24px,3vw,44px)}
.fact b{
  font-family:'Suffragette',sans-serif; font-weight:400;
  font-size:clamp(34px,4vw,50px); line-height:1; color:var(--gold-ink); display:block;
}
.fact span{
  display:block; margin-top:10px; font-size:11px; line-height:1.45;
  letter-spacing:.14em; text-transform:uppercase; color:var(--mute);
}

/* кнопки */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--ink); color:#fff; padding:16px 34px;
  font-size:12.5px; letter-spacing:.2em; text-transform:uppercase;
  font-variation-settings:'wght' 600; border:1px solid var(--ink);
  transition:background .2s var(--ease), color .2s var(--ease);
  min-height:48px;
}
.btn:hover{background:#2A2622}
.btn--ghost{background:transparent; color:var(--ink)}
.btn--ghost:hover{background:var(--ink); color:#fff}
.btn--light{background:#fff; color:var(--wine); border-color:#fff}
.btn--light:hover{background:var(--gold-lt); color:var(--wine)}

/* ─────────── навигация ─────────── */
.nav{
  position:sticky; top:0; z-index:60; background:rgba(255,255,255,.97);
  backdrop-filter:saturate(1.1) blur(8px); border-bottom:1px solid var(--hair);
}
.nav__in{
  max-width:var(--shell); margin:0 auto; padding:16px var(--pad);
  display:flex; align-items:center; gap:24px;
}
.nav__logo{display:flex; align-items:center; gap:11px}
.nav__logo img{height:23px; width:auto}
.nav__logo span{
  font-size:10.5px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--body); padding-top:2px; white-space:nowrap;
}
.nav__menu{display:flex; gap:clamp(16px,2vw,32px); margin-inline:auto}
.nav__menu a{
  font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--body);
  padding:6px 0; border-bottom:1px solid transparent; white-space:nowrap;
}
/* русские пункты длиннее английских — на средних ширинах поджимаем */
@media (max-width:1500px){
  .nav__in{gap:16px}
  .nav__menu{gap:16px}
  .nav__menu a{font-size:11px; letter-spacing:.08em}
  .nav__logo span{display:none}
  .nav__cta{padding:12px 18px; font-size:11px; letter-spacing:.12em}
}
.nav__menu a:hover{border-bottom-color:var(--gold)}
.nav__cta{padding:12px 26px; min-height:42px}
.nav__lang{font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--mute)}
.nav__lang [aria-current]{color:var(--ink); font-variation-settings:'wght' 600}
.burger{display:none; background:none; border:0; padding:10px; margin-left:auto}
.burger span{display:block; width:24px; height:1.5px; background:var(--ink); margin:5px 0}

/* мобильное меню на весь экран, CTA закреплена снизу — требование ТЗ */
.sheet{
  position:fixed; inset:0; z-index:80; background:var(--paper);
  display:flex; flex-direction:column; padding:20px var(--pad) calc(20px + env(safe-area-inset-bottom));
  transform:translateY(-100%); transition:transform .32s var(--ease); visibility:hidden;
}
.sheet[data-open="true"]{transform:none; visibility:visible}
.sheet__top{display:flex; justify-content:space-between; align-items:center}
.sheet__close{background:none;border:0;font-size:26px;line-height:1;color:var(--ink);padding:8px}
.sheet__menu{margin:auto 0; display:flex; flex-direction:column; gap:6px}
.sheet__menu a{
  font-family:'Suffragette',sans-serif; font-size:30px; color:var(--ink);
  padding:10px 0; border-bottom:1px solid var(--hair-soft);
}
.sheet__cta{margin-top:20px}
.sheet__cta .btn{width:100%}

/* ─────────── hero ─────────── */
.hero{padding-top:clamp(40px,5vw,72px); padding-bottom:clamp(40px,5vw,72px)}
.hero__media{position:relative; overflow:hidden; aspect-ratio:4/5}
/* кадр смещён вниз: при вертикальной обрезке нужен зал и сцена, а не потолок */
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 68%; transform:scale(1.02)}
@media (prefers-reduced-motion:no-preference){
  .hero__media img{animation:drift 26s var(--ease) infinite alternate}
}
@keyframes drift{from{transform:scale(1.02) translate3d(0,0,0)} to{transform:scale(1.12) translate3d(-1.5%,-1.5%,0)}}
.hero__badge{
  position:absolute; left:14px; bottom:14px; background:rgba(10,10,10,.72);
  color:#E9E2D9; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase;
  padding:8px 12px; line-height:1.5;
}
/* знак CLC золотом на белом — согласовано с Тиграном */
.hero__logo{margin-bottom:clamp(22px,2.6vw,34px)}
.hero__logo img{height:clamp(72px,9vw,118px); width:auto}
.hero__logo span{
  display:block; margin-top:14px;
  font-family:'Suffragette',sans-serif; font-size:clamp(13px,1.4vw,18px);
  letter-spacing:.26em; color:var(--gold-ink);
}
.hero__cta{display:flex; flex-wrap:wrap; gap:14px; margin-top:32px}

/* ─────────── винная плашка ─────────── */
.dark{background:var(--wine); color:#fff}
.dark h2,.dark h3{color:#fff}
.dark h3{color:var(--gold-lt)}
.dark p{color:rgba(255,255,255,.86)}
.dark .kick{color:var(--gold-lt)}
.dark .blk{border-top-color:rgba(240,211,162,.38)}
.dark .fact b{color:var(--gold-lt)}
.dark .fact span{color:rgba(255,255,255,.72)}
.dark .rule{background:rgba(240,211,162,.32)}
/* #8A6034 на бордовом даёт 1.4:1 — на тёмном золото только светлое, 7.2:1 */
.dark .time b,.dark .step__n,.dark .num,.dark .case__meta,.dark .gold{color:var(--gold-lt)}
.dark .time,.dark .step,.dark .case{border-color:rgba(240,211,162,.3)}
.dark .sm,.dark .xs{color:rgba(255,255,255,.74)}

/* ─────────── кейсы ─────────── */
.case{display:block; border-top:1px solid var(--hair); padding-top:18px}
.case .ph{margin-bottom:16px}
.case__meta{
  font-size:10.5px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--gold-ink); margin-bottom:8px;
}
.case:hover .ph>img{transform:scale(1.03)}
.ph>img{transition:transform .5s var(--ease)}
@media (prefers-reduced-motion:reduce){.ph>img{transition:none}}

/* ─────────── метод ─────────── */
.step{display:grid; grid-template-columns:64px 1fr; gap:18px; padding:18px 0; border-bottom:1px solid var(--hair)}
.step:last-child{border-bottom:0}
.step__n{font-family:'Suffragette',sans-serif; font-size:22px; color:var(--gold-ink); line-height:1.2}

/* ─────────── таймлайн вечера ─────────── */
.time{display:grid; grid-template-columns:96px 1fr; gap:20px; padding:16px 0; border-bottom:1px solid var(--hair)}
.time:last-child{border-bottom:0}
.time b{font-family:'Suffragette',sans-serif; font-weight:400; font-size:22px; color:var(--gold-ink)}

/* ─────────── возможности: своё и партнёрское ─────────── */
.cap-list{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px 28px; margin:0; padding:0; list-style:none}
.cap-list li{display:flex; gap:10px; padding:9px 0; border-bottom:1px solid var(--hair-soft); font-size:14.5px}
.tag{
  flex:none; font-size:9.5px; letter-spacing:.1em; text-transform:uppercase;
  padding:3px 7px; height:fit-content; margin-top:2px;
}
.tag--in{background:var(--ink); color:#fff}
.tag--out{background:transparent; color:var(--gold-ink); border:1px solid var(--gold)}

/* ─────────── клиенты ─────────── */
.clients{display:flex; flex-wrap:wrap; gap:14px 42px; align-items:center}
.clients span{
  font-family:'Suffragette',sans-serif; font-size:clamp(17px,2vw,26px);
  color:var(--ink); opacity:.72; letter-spacing:.03em;
}

/* ─────────── таблица ─────────── */
.tbl{margin-top:clamp(30px,4vw,48px)}
table{width:100%; border-collapse:collapse; font-size:15px; text-align:left}
th{
  font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-ink);
  font-variation-settings:'wght' 600; padding:12px 14px 12px 0; border-bottom:1px solid var(--hair);
}
td{padding:14px 14px 14px 0; border-bottom:1px solid var(--hair); vertical-align:top}
td.n{color:var(--ink); font-variation-settings:'wght' 600}

/* ─────────── форма брифа ─────────── */
.form{display:grid; gap:18px}
.field{display:grid; gap:7px}
.field label{font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-ink)}
.field input,.field select,.field textarea{
  font:inherit; font-size:15px; color:var(--ink); background:#fff;
  border:1px solid var(--hair); padding:14px 16px; width:100%; min-height:50px;
  border-radius:0; appearance:none;
}
.field textarea{min-height:120px; resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold-ink); outline:none}
.field--err input,.field--err select,.field--err textarea{border-color:var(--wine)}
.err{font-size:12px; color:var(--wine); display:none}
.field--err .err{display:block}
.chips{display:flex; flex-wrap:wrap; gap:8px}
.chips input{position:absolute; opacity:0; width:1px; height:1px}
.chips label{
  border:1px solid var(--hair); padding:10px 16px; font-size:13px; letter-spacing:0;
  text-transform:none; color:var(--body); cursor:pointer; min-height:42px;
  display:inline-flex; align-items:center; transition:.18s var(--ease);
}
.chips input:checked+label{background:var(--ink); color:#fff; border-color:var(--ink)}
.chips input:focus-visible+label{outline:2px solid var(--gold-ink); outline-offset:2px}
.form__note{font-size:12.5px; color:var(--mute)}
.thanks{display:none; border-top:2px solid var(--gold); padding-top:22px}
.form[data-sent="true"]{display:none}
.form[data-sent="true"]+.thanks{display:block}

/* ─────────── футер ─────────── */
.foot{background:var(--ink); color:rgba(255,255,255,.62); padding-block:clamp(44px,5vw,64px)}
.foot a:hover{color:#fff}
.foot__grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:34px}
.foot h4{font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--gold-lt); margin:0 0 14px; font-variation-settings:'wght' 600}
.foot ul{list-style:none; margin:0; padding:0; display:grid; gap:9px; font-size:14px}
.foot__bar{
  margin-top:clamp(30px,4vw,48px); padding-top:22px; border-top:1px solid rgba(255,255,255,.14);
  display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between;
  font-size:11px; letter-spacing:.14em; text-transform:uppercase;
}

/* ═══════════ ПАКЕТНЫЕ ПРЕДЛОЖЕНИЯ ═══════════ */

/* подзаголовок внутри секции */
.sub-h{
  font-family:'Geologica',sans-serif; font-variation-settings:'wght' 600;
  font-size:clamp(15px,1.3vw,18px); color:var(--ink);
  letter-spacing:.02em; margin:clamp(34px,4vw,48px) 0 0;
}

/* главная мысль пакета: широкая строка на подложке с золотой засечкой слева */
.pitch{
  margin-top:clamp(30px,3.4vw,42px); padding:clamp(24px,2.6vw,34px) clamp(22px,2.6vw,38px);
  background:var(--paper); border-left:3px solid var(--gold);
}
.band .pitch{background:var(--paper)}
.pitch--alt{background:var(--paper-2); border-left-color:var(--wine)}
.pitch__lead{
  font-family:'Geologica',sans-serif; font-variation-settings:'wght' 500;
  font-size:clamp(19px,2.1vw,27px); line-height:1.25; color:var(--ink);
  letter-spacing:-.01em;
}
.pitch__sub{
  margin-top:12px; font-size:clamp(14px,1.2vw,16px); line-height:1.5;
  color:var(--gold-ink); letter-spacing:.02em;
}

/* перечень форматов: не буллеты, а сетка «таблеток» по волосяной линейке */
.pills{
  list-style:none; margin:22px 0 0; padding:0;
  display:flex; flex-wrap:wrap; gap:8px;
}
.pills li{
  border:1px solid var(--hair); padding:9px 16px; font-size:13.5px;
  color:var(--body); background:var(--paper); white-space:nowrap;
}
.band .pills li{background:var(--paper)}

/* блок спецоффера — вино, один удар на секцию */
.blk--offer{
  background:var(--wine); color:#fff; border-top:0;
  padding:22px 24px 26px; margin-top:-1px;
}
.blk--offer h3{color:#fff}
.blk--offer .num{color:var(--gold-lt); font-family:'Geologica',sans-serif;
  font-variation-settings:'wght' 600; font-size:11px; letter-spacing:.18em;
  text-transform:uppercase}
.ticks{list-style:none; margin:14px 0 0; padding:0; display:grid; gap:9px}
.ticks li{
  font-size:14px; line-height:1.45; color:var(--body);
  padding-left:18px; position:relative;
}
.ticks li::before{
  content:''; position:absolute; left:0; top:.55em;
  width:8px; height:1px; background:var(--gold);
}
.ticks b{color:var(--gold-ink); font-variation-settings:'wght' 600}
/* на тёмной подложке — светлый вариант */
.blk--offer .ticks li,.dark .ticks li{color:rgba(255,255,255,.88)}
.blk--offer .ticks li::before,.dark .ticks li::before{background:var(--gold-lt)}
.blk--offer .ticks b,.dark .ticks b{color:var(--gold-lt)}

/* выгода пакета: три строки по линейкам, средняя крупная */
.price{
  margin-top:clamp(34px,4vw,50px); border-top:2px solid var(--ink);
  max-width:620px;
}
.price__row{
  display:flex; justify-content:space-between; align-items:baseline; gap:20px;
  padding:14px 0; border-bottom:1px solid var(--hair);
  font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--mute);
}
.price__row b{
  font-family:'Suffragette',sans-serif; font-weight:400; letter-spacing:.02em;
  font-size:22px; color:var(--body); text-transform:none;
}
.price__was{text-decoration:line-through; text-decoration-thickness:1px; opacity:.6}
.price__row--hero{color:var(--ink)}
.price__row--hero b{font-size:clamp(30px,3.4vw,42px); color:var(--ink)}
.price__row--gain{color:var(--gold-ink); border-bottom:0}
.price__row--gain b{font-size:26px; color:var(--gold-ink)}
.price__note{margin-top:16px; font-size:13px; line-height:1.55; color:var(--mute)}

/* полоса призыва в конце пакета */
.cta-bar{
  margin-top:clamp(30px,3.4vw,44px); padding-top:26px;
  border-top:1px solid var(--hair);
  display:grid; grid-template-columns:1fr auto; gap:26px; align-items:center;
}
.cta-bar--alt{border-top-color:rgba(198,151,95,.55)}
.cta-bar__h{
  font-family:'Suffragette','Geologica',sans-serif; font-weight:400;
  font-size:clamp(20px,2.3vw,30px); line-height:1.12; color:var(--ink);
  letter-spacing:.015em; margin:0 0 10px;
}
.cta-bar .sm{max-width:62ch}

/* ═══════════ ВОПРОС — ОТВЕТ ═══════════ */
.qa{margin-top:clamp(32px,3.6vw,46px)}
.qa__item{
  display:grid; grid-template-columns:minmax(200px,.8fr) 1.6fr; gap:clamp(20px,3vw,48px);
  padding:24px 0; border-top:1px solid var(--hair);
}
.qa__item:last-child{border-bottom:1px solid var(--hair)}
.qa__q{
  font-family:'Suffragette','Geologica',sans-serif; font-weight:400;
  font-size:clamp(18px,1.9vw,24px); line-height:1.12; color:var(--ink);
  letter-spacing:.015em;
}
.tags{display:flex; flex-wrap:wrap; gap:8px; margin-top:14px}

/* ═══════════ КЕЙС ТАЙМЛАЙНОМ ═══════════ */
.timeline-case{
  margin-top:clamp(40px,4.6vw,62px); padding-top:30px;
  border-top:1px solid var(--hair);
}
.time--v{
  display:block; grid-template-columns:none; border-bottom:0;
  border-top:1px solid var(--gold); padding:14px 0 0;
}
.time--v b{display:block; margin-bottom:8px; font-size:19px}

/* ═══════════ МЕСТО ПОД НАСТОЯЩИЙ ОТЗЫВ ═══════════ */
/* Форма повторяет референс: лист на цветном поле. Текста-подделки здесь нет. */
.note-slot{
  margin-top:clamp(40px,4.6vw,62px);
  display:grid; grid-template-columns:auto 1fr; gap:clamp(26px,3.4vw,52px);
  align-items:center;
}
.note-card{
  width:clamp(240px,26vw,320px); padding:38px 32px 34px;
  background:var(--paper-2); border:1px dashed rgba(10,10,10,.28);
  transform:rotate(-1.4deg); box-shadow:0 10px 34px rgba(10,10,10,.1);
}
.note-card p{
  font-variation-settings:'wght' 300,'slnt' -8;
  font-size:15px; line-height:1.65; color:var(--mute);
}
.note-card__date{font-size:12px !important; letter-spacing:.1em; margin-bottom:26px}
.note-card__body{min-height:120px}
.note-card__sign{margin-top:26px; text-align:right}
.note-slot__aside h3{font-size:clamp(16px,1.5vw,19px); line-height:1.3}

/* ─────────── появление при скролле ─────────── */
/* Прячем только после того, как скрипт сам поставил .reveal на <html>.
   Без JS, при ошибке в JS или если IntersectionObserver не доставит события
   (скрытая вкладка на момент загрузки, prerender) — текст просто виден.
   Анимация не имеет права прятать контент насовсем. */
@media (prefers-reduced-motion:no-preference){
  html.reveal .rise{opacity:0; transform:translateY(18px); transition:opacity .6s var(--ease), transform .6s var(--ease)}
  html.reveal .rise.in{opacity:1; transform:none}
}

/* ─────────── адаптив: 1024 / 768 / 390 / 360 ─────────── */
@media (max-width:1024px){
  .split{grid-template-columns:1fr; gap:34px}
  .g4{grid-template-columns:repeat(2,1fr)}
  .nav__menu{display:none}
  .nav__cta{display:none}
  .burger{display:block}
  .nav__lang{margin-left:auto}
}
@media (max-width:768px){
  .g2,.g3{grid-template-columns:1fr}
  .foot__grid{grid-template-columns:1fr; gap:28px}
  /* горизонтальный кадр в портретной рамке режется по бокам, а не сверху:
     на узком экране даём 4:3, иначе треть кадра занимает потолок */
  .hero__media{aspect-ratio:4/3}
  .blk{padding-right:0}
  .time{grid-template-columns:76px 1fr; gap:14px}
  .step{grid-template-columns:48px 1fr; gap:14px}

  /* таблица в 4 колонки на телефоне превращается в столбик по 6 символов —
     разбираем её на карточки, названия колонок подставляем из data-th */
  .tbl table,.tbl tbody,.tbl tr,.tbl td{display:block; width:100%}
  .tbl thead{display:none}
  .tbl tr{border-top:1px solid var(--hair); padding:22px 0 8px}
  .tbl tr:first-child{border-top:0; padding-top:0}
  .tbl td{border:0; padding:0 0 14px}
  .tbl td.n{
    font-family:'Geologica',sans-serif; font-variation-settings:'wght' 600;
    font-size:19px; color:var(--ink); padding-bottom:12px;
  }
  .tbl td[data-th]::before{
    content:attr(data-th); display:block; margin-bottom:3px;
    font-size:10px; letter-spacing:.16em; text-transform:uppercase;
    color:var(--gold-ink);
  }

  /* пакеты и Q&A в одну колонку */
  .qa__item{grid-template-columns:1fr; gap:12px}
  .cta-bar{grid-template-columns:1fr; gap:20px}
  .cta-bar .btn{width:100%}
  .price__row{letter-spacing:.1em; font-size:12px}
  .pills li{white-space:normal}
  .note-slot{grid-template-columns:1fr; gap:26px}
  .note-card{width:100%; transform:none}
  .timeline-case .g4{grid-template-columns:1fr}
}
@media (max-width:420px){
  .g4{grid-template-columns:1fr}
  .hero__cta .btn{width:100%}
  .clients{gap:12px 26px}
}

@media print{
  .nav,.sheet,.hero__media{display:none}
  body{font-size:11pt}
}

/* ═══════════════════════════════════════════════════════════
   ВЕРСИЯ 2 — пересборка по логике v-events.ru, 01.10.2026
   Видео на первом экране, кейсы вперёд, принципы, услуги
   вкладками, возможности раскрываются, каталог артистов.
   ═══════════════════════════════════════════════════════════ */

/* ─── первый экран с видео ─── */
.vhero{
  position:relative; min-height:calc(100svh - 64px); display:flex; align-items:flex-end;
  color:#fff; overflow:hidden; background:#0A0A0A; padding:0;
}
.vhero__media{position:absolute; inset:0}
.vhero__media video,.vhero__media img{width:100%; height:100%; object-fit:cover; display:block}
.vhero::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(90deg,rgba(10,10,10,.62) 0%,rgba(10,10,10,.3) 55%,rgba(10,10,10,0) 100%),
    linear-gradient(180deg,rgba(10,10,10,.4) 0%,rgba(10,10,10,.1) 38%,rgba(10,10,10,.82) 100%);
}
.vhero__in{position:relative; z-index:2; width:100%; padding-block:clamp(60px,10vh,120px) clamp(40px,7vh,80px)}
.vhero__logo{height:clamp(46px,5vw,70px); width:auto; margin-bottom:clamp(22px,3vw,34px)}
.vhero .kick{color:var(--gold-lt)}
.vhero h1{color:#fff; font-size:clamp(46px,8.4vw,128px); line-height:.98; max-width:14ch}
html[lang="ru"] .vhero h1{font-size:clamp(40px,6.8vw,104px); line-height:1.02; max-width:16ch}
.vhero__sub{
  margin-top:clamp(18px,2.4vw,28px); max-width:46ch; color:rgba(255,255,255,.9);
  font-size:clamp(17px,1.7vw,22px); line-height:1.5; font-variation-settings:'wght' 300;
}
.vhero__tags{
  margin-top:clamp(18px,2.4vw,26px); display:flex; flex-wrap:wrap; gap:8px 22px;
  font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-lt);
}
.vhero__tags span::before{content:''; display:inline-block; width:18px; height:1px; background:var(--gold-lt); margin-right:10px; vertical-align:middle}
.vhero .hero__cta .btn--ghost{color:#fff; border-color:rgba(255,255,255,.7)}
.vhero .hero__cta .btn--ghost:hover{background:#fff; color:var(--ink)}
.vhero__sound{
  position:absolute; right:var(--pad); bottom:clamp(40px,7vh,80px); z-index:3;
  background:rgba(10,10,10,.5); color:#fff; border:1px solid rgba(255,255,255,.4);
  font-size:11px; letter-spacing:.18em; text-transform:uppercase; padding:10px 16px;
}

/* ─── манифест поверх кадра ─── */
.manifest{position:relative; color:#fff; overflow:hidden; background:#0A0A0A; padding-block:clamp(90px,14vw,180px)}
.manifest>img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.42}
.manifest .shell{position:relative; z-index:2}
.manifest__text{
  font-family:'Geologica',sans-serif; font-variation-settings:'wght' 250;
  font-size:clamp(24px,3.2vw,44px); line-height:1.28; max-width:30ch; color:#fff; letter-spacing:-.01em;
}
.manifest__text b{font-variation-settings:'wght' 500; color:var(--gold-lt)}

/* ─── кейсы ─── */
.cases{display:grid; grid-template-columns:repeat(6,1fr); gap:clamp(18px,2.4vw,32px); margin-top:clamp(34px,4vw,54px)}
.xcase{grid-column:span 2; display:block}
.xcase--wide{grid-column:span 3}
.xcase--feat{grid-column:span 6}
.xcase__ph{position:relative; overflow:hidden; aspect-ratio:4/3; background:var(--paper-2)}
.xcase--feat .xcase__ph{aspect-ratio:21/9}
.xcase__ph img{width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease)}
.xcase:hover .xcase__ph img{transform:scale(1.045)}
.xcase__client{
  margin-top:16px; font-size:11px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--gold-ink); font-variation-settings:'wght' 600;
}
.xcase__title{font-family:'Suffragette','Geologica',sans-serif; font-weight:400; font-size:clamp(20px,2vw,28px); line-height:1.1; color:var(--ink); margin:8px 0 6px; letter-spacing:.02em}
html[lang="ru"] .xcase__title{font-family:'Geologica',sans-serif; font-variation-settings:'wght' 300; letter-spacing:-.01em}
.xcase__where{font-size:13px; color:var(--mute); margin-bottom:10px}
.xcase__text{font-size:14.5px; line-height:1.55; color:var(--body); max-width:62ch}
.xcase__strip{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:8px}
.xcase__strip img{width:100%; aspect-ratio:3/2; object-fit:cover}

/* ─── принципы ─── */
.principle{display:grid; grid-template-columns:1fr 1.25fr; gap:clamp(30px,5vw,80px); align-items:center; padding-block:clamp(40px,5vw,70px)}
.principle:nth-child(even){grid-template-columns:1.25fr 1fr}
.principle:nth-child(even) .principle__ph{order:-1}
.principle__n{font-family:'Geologica',sans-serif; font-size:14px; letter-spacing:.18em; color:var(--gold-ink); font-variation-settings:'wght' 400}
.principle__h{font-family:'Suffragette','Geologica',sans-serif; font-size:clamp(34px,5vw,72px); line-height:1; color:var(--ink); margin:12px 0 22px; text-transform:uppercase; letter-spacing:.01em}
html[lang="ru"] .principle__h{font-family:'Geologica',sans-serif; font-variation-settings:'wght' 200; text-transform:none; letter-spacing:-.02em}
.principle__ph{overflow:hidden; aspect-ratio:5/4}
.principle__ph img{width:100%; height:100%; object-fit:cover}

/* ─── услуги вкладками ─── */
.tabs{display:grid; grid-template-columns:minmax(240px,.8fr) 2fr; gap:clamp(26px,4vw,64px); margin-top:clamp(30px,4vw,48px); align-items:start}
.tabs__list{display:flex; flex-direction:column; border-top:1px solid var(--hair)}
.tabs__btn{
  text-align:left; background:none; border:0; border-bottom:1px solid var(--hair);
  padding:16px 0; font-size:clamp(15px,1.3vw,18px); color:var(--mute); cursor:pointer;
  font-variation-settings:'wght' 400; display:flex; justify-content:space-between; gap:12px;
}
.tabs__btn::after{content:'→'; opacity:0; transition:opacity .2s}
.tabs__btn[aria-selected="true"]{color:var(--ink); font-variation-settings:'wght' 600}
.tabs__btn[aria-selected="true"]::after{opacity:1; color:var(--gold-ink)}
.tabs__btn:hover{color:var(--ink)}
.tabs__panel{display:grid; grid-template-columns:1.1fr 1fr; gap:clamp(20px,3vw,40px); align-items:start}
.tabs__panel[hidden]{display:none}
.tabs__panel h3{font-size:clamp(22px,2.2vw,30px); font-variation-settings:'wght' 300; margin-bottom:14px}
.tabs__panel .ph{aspect-ratio:4/5}

/* ─── две ветки ─── */
.branches{display:grid; grid-template-columns:1fr 1fr; gap:clamp(18px,2.4vw,32px); margin-top:clamp(30px,4vw,48px)}
.branch{position:relative; background:var(--paper); display:flex; flex-direction:column}
.band .branch{background:var(--paper)}
.branch__ph{aspect-ratio:3/2; overflow:hidden}
.branch__ph img{width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease)}
.branch:hover .branch__ph img{transform:scale(1.04)}
.branch__body{padding:clamp(22px,2.6vw,36px); display:flex; flex-direction:column; gap:16px; flex:1}
.branch__body h3{font-size:clamp(24px,2.4vw,34px); font-variation-settings:'wght' 300; margin:0}
.venues{display:grid; gap:8px; margin-top:4px}
.venue{display:flex; gap:12px; align-items:baseline; padding:10px 0; border-top:1px solid var(--hair-soft); font-size:14px}
.venue b{font-variation-settings:'wght' 600; color:var(--ink); min-width:96px; font-size:13px; letter-spacing:.06em}
.venue span{color:var(--body)}
.branch .btn{align-self:flex-start; margin-top:auto}

/* ─── возможности раскрываются ─── */
.acc{border-top:1px solid var(--hair)}
.acc:last-of-type{border-bottom:1px solid var(--hair)}
.acc summary{
  list-style:none; cursor:pointer; display:grid; grid-template-columns:64px 1fr 32px; align-items:center;
  padding:22px 0; font-size:clamp(18px,1.8vw,24px); color:var(--ink); font-variation-settings:'wght' 300;
}
.acc summary::-webkit-details-marker{display:none}
.acc summary .n{font-family:'Geologica',sans-serif; font-size:13px; letter-spacing:.14em; color:var(--gold-ink); font-variation-settings:'wght' 400}
.acc summary::after{content:'+'; font-size:26px; color:var(--gold-ink); text-align:right; transition:transform .25s var(--ease)}
.acc[open] summary::after{transform:rotate(45deg)}
.acc__body{padding:0 0 26px 64px; display:grid; grid-template-columns:1.4fr 1fr; gap:clamp(18px,3vw,40px)}
.acc__body p{font-size:15.5px; line-height:1.6; color:var(--body)}
.acc__body ul{margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:7px; align-content:flex-start}
.acc__body li{border:1px solid var(--hair); padding:6px 12px; font-size:13px; color:var(--body)}

/* ─── артисты: категории ─── */
.art-cats{display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(12px,1.6vw,20px); margin-top:clamp(30px,4vw,48px)}
.art-cat{position:relative; display:block; aspect-ratio:3/4; overflow:hidden; background:#0A0A0A; color:#fff}
.art-cat img{width:100%; height:100%; object-fit:cover; opacity:.82; transition:transform .7s var(--ease), opacity .4s}
.art-cat:hover img{transform:scale(1.06); opacity:.62}
.art-cat::after{content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(10,10,10,.85))}
.art-cat__t{position:absolute; left:20px; right:20px; bottom:20px; z-index:2}
.art-cat__t h3{color:#fff; font-size:clamp(18px,1.6vw,22px); font-variation-settings:'wght' 500; margin:0 0 6px}
.art-cat__t span{font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-lt)}

/* ─── галерея ─── */
.masonry{
  display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:clamp(150px,15vw,230px);
  gap:12px; margin-top:clamp(30px,4vw,48px);
}
.masonry img{width:100%; height:100%; object-fit:cover; display:block}
.masonry .tall{grid-row:span 2}
.masonry .wide{grid-column:span 2}

/* ─── клиенты ─── */
.clients--v2{display:flex; flex-wrap:wrap; gap:18px 48px; align-items:center; margin-top:clamp(26px,3vw,40px)}
.clients--v2 span{font-family:'Suffragette',sans-serif; font-size:clamp(18px,2vw,28px); color:var(--ink); letter-spacing:.06em}

/* ─── пустые блоки до материалов Тиграна ─── */
.empty-frame{
  margin-top:clamp(26px,3vw,40px); min-height:clamp(140px,16vw,220px);
  border:1px solid var(--hair); background:var(--paper);
}
.band .empty-frame{background:var(--paper)}
.empty-row{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,2vw,24px); margin-top:clamp(26px,3vw,40px)}
.empty-row .empty-frame{margin-top:0; min-height:clamp(160px,16vw,220px)}

/* ─── страница артистов ─── */
.ahero{padding-block:clamp(56px,8vw,110px) clamp(30px,4vw,50px)}
.anav{position:sticky; top:65px; z-index:20; background:rgba(255,255,255,.97); border-bottom:1px solid var(--hair)}
.anav .shell{display:flex; gap:clamp(16px,3vw,40px); overflow-x:auto; padding-block:14px}
.anav a{white-space:nowrap; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--body); padding:4px 0; border-bottom:1px solid transparent}
.anav a:hover{border-bottom-color:var(--gold)}
.acts{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,2.4vw,32px); margin-top:clamp(30px,4vw,44px)}
.act__ph{aspect-ratio:4/5; overflow:hidden; background:var(--paper-2)}
.act__ph img{width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease)}
.act:hover .act__ph img{transform:scale(1.04)}
.act h3{margin:16px 0 6px; font-size:clamp(17px,1.4vw,20px)}
.act p{font-size:14px; line-height:1.55; color:var(--body)}
.act .tags{margin-top:12px}
.act__cta{display:inline-block; margin-top:14px; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-ink); border-bottom:1px solid var(--gold); padding-bottom:3px}

/* ─── адаптив версии 2 ─── */
@media (max-width:1024px){
  .cases{grid-template-columns:repeat(2,1fr)}
  .xcase,.xcase--wide{grid-column:span 1}
  .xcase--feat{grid-column:span 2}
  .art-cats{grid-template-columns:repeat(2,1fr)}
  .tabs{grid-template-columns:1fr}
  .tabs__list{flex-direction:row; overflow-x:auto; border-top:0; border-bottom:1px solid var(--hair)}
  .tabs__btn{border-bottom:2px solid transparent; white-space:nowrap; padding:12px 14px 12px 0; margin-right:12px}
  .tabs__btn::after{display:none}
  .tabs__btn[aria-selected="true"]{border-bottom-color:var(--gold)}
  .acts{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .vhero{min-height:calc(92svh - 60px)}
  .vhero::after{background:linear-gradient(180deg,rgba(10,10,10,.5) 0%,rgba(10,10,10,.42) 40%,rgba(10,10,10,.88) 100%)}
  .principle:nth-child(even){grid-template-columns:1fr}
  .masonry{grid-template-columns:repeat(2,1fr); grid-auto-rows:clamp(130px,30vw,200px); grid-auto-flow:dense}
  .cases{grid-template-columns:1fr}
  .xcase,.xcase--wide,.xcase--feat{grid-column:auto}
  .xcase--feat .xcase__ph{aspect-ratio:4/3}
  .principle{grid-template-columns:1fr; gap:22px}
  .principle:nth-child(even) .principle__ph{order:0}
  .tabs__panel{grid-template-columns:1fr}
  .branches{grid-template-columns:1fr}
  .acc summary{grid-template-columns:40px 1fr 26px}
  .acc__body{padding-left:0; grid-template-columns:1fr}
  .empty-row{grid-template-columns:1fr}
  .vhero__sound{display:none}
}
@media (max-width:420px){
  .art-cats{grid-template-columns:1fr 1fr; gap:10px}
  .acts{grid-template-columns:1fr}
  .masonry{grid-template-columns:repeat(2,1fr); grid-auto-rows:150px; gap:8px; grid-auto-flow:dense}
}

/* ─── полоса доверия под роликом: названия клиентов вместо полосы наград ─── */
.proof{background:#0A0A0A; color:#fff; border-top:1px solid rgba(255,255,255,.08)}
.proof__in{display:flex; align-items:center; gap:14px clamp(18px,3vw,48px); padding-block:clamp(18px,2.4vw,26px); flex-wrap:wrap}
.proof__k{font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--gold-lt); white-space:nowrap}
.proof__list{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px clamp(20px,3vw,44px)}
.proof__list li{font-family:'Geologica',sans-serif; font-variation-settings:'wght' 400; font-size:clamp(13px,1.15vw,16px); letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.88); white-space:nowrap}

/* ─── три опоры УТП внутри манифеста ─── */
.pillars{
  list-style:none; margin:clamp(40px,5vw,64px) 0 0; padding:clamp(22px,2.6vw,32px) 0 0;
  display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,3vw,44px);
  border-top:1px solid rgba(255,255,255,.22);
}
.pillars b{display:block; margin-bottom:10px; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-lt); font-variation-settings:'wght' 500; font-weight:400}
.pillars span{display:block; font-size:15.5px; line-height:1.55; color:rgba(255,255,255,.84); max-width:36ch}
@media (max-width:768px){
  .pillars{grid-template-columns:1fr; gap:22px}
  .proof__list li{font-size:15px}
}

/* знак, которого нет в Suffragette, внутри латинского заголовка — рисуем Geologica */
.gf{font-family:'Geologica',sans-serif; font-variation-settings:'wght' 300}

/* ─── о нас: по презентации Summit ─── */
.about__wide{margin-top:clamp(28px,3.4vw,44px); aspect-ratio:3/1; overflow:hidden; background:var(--paper-2)}
.about__wide img{width:100%; height:100%; object-fit:cover; display:block}
.about__wide--group{margin-top:clamp(24px,3vw,40px)}
.about{display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(24px,4vw,64px); margin-top:clamp(24px,3vw,40px); align-items:start}
.about__ph{aspect-ratio:896/1260; overflow:hidden; background:var(--paper-2)}
.about__ph img{width:100%; height:100%; object-fit:cover; display:block}
.about__body p{font-size:16px; line-height:1.65; color:var(--body); margin:0 0 14px; max-width:60ch}
.about__body .about__lead{font-size:clamp(20px,2vw,26px); line-height:1.35; color:var(--ink); font-variation-settings:'wght' 300}
.about__h{margin:28px 0 12px; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-ink); font-variation-settings:'wght' 500}
.about__list{list-style:none; margin:0 0 22px; padding:0; display:grid; gap:10px}
.about__list li{position:relative; padding-left:24px; font-size:15px; line-height:1.55; color:var(--body); max-width:60ch}
.about__list li::before{content:''; position:absolute; left:0; top:.75em; width:12px; height:1px; background:var(--gold)}
.about__body .about__cta{color:var(--ink)}
.about__body .btn{margin-top:6px}

/* ─── контакты рядом с формой ─── */
.contacts{list-style:none; margin:24px 0 0; padding:0; display:grid; gap:10px}
.contacts li{display:flex; gap:14px; align-items:baseline; font-size:16px}
.contacts span{min-width:92px; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-ink)}
.contacts a{color:var(--ink); border-bottom:1px solid var(--gold); padding-bottom:1px}
.contacts a:hover{color:var(--gold-ink)}
.sheet__cta{display:flex; flex-direction:column; gap:14px; align-items:flex-start}
.sheet__wa{font-size:13px; letter-spacing:.08em; color:var(--ink); border-bottom:1px solid var(--gold); padding-bottom:2px}

@media (max-width:768px){
  .about{grid-template-columns:1fr}
  .about__ph{aspect-ratio:4/5}
  .about__wide{aspect-ratio:16/9}
}

/* ─── артисты всех жанров: отдельная услуга ─── */
.genres{
  display:grid; grid-template-columns:repeat(4,1fr); gap:30px clamp(20px,2.6vw,36px);
  margin-top:clamp(34px,4vw,52px); padding-top:clamp(24px,3vw,36px); border-top:1px solid var(--hair); align-items:start;
}
.genres__g--wide{grid-column:span 2}
.genres__h{margin:0 0 12px; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-ink); font-variation-settings:'wght' 500; font-weight:400}
.genres ul{list-style:none; margin:0; padding:0; display:grid; gap:8px}
.genres__g--wide ul{display:block; columns:2; column-gap:clamp(20px,2.6vw,36px)}
.genres__g--wide li{margin-bottom:8px; break-inside:avoid}
.genres li{font-size:15px; line-height:1.4; color:var(--ink)}
@media (max-width:1024px){
  .genres{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .genres{grid-template-columns:1fr}
  .genres__g--wide{grid-column:auto}
}

/* ─── полоса клиентов: кириллица тоже, поэтому Geologica, а не Suffragette ─── */
.proof__all{font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-lt); border-bottom:1px solid rgba(228,197,149,.5); padding-bottom:2px; white-space:nowrap}
.proof__all:hover{color:#fff}

/* ─── клиенты: полный список в конце кейсов ─── */
.clients-block{margin-top:clamp(56px,7vw,96px); padding-top:clamp(28px,3vw,40px); border-top:1px solid var(--hair)}
.clients-block .kick{margin:0}
.clients-block__h{margin:10px 0 0; font-size:clamp(24px,2.6vw,34px); font-variation-settings:'wght' 300; color:var(--ink)}
.clients-grid{list-style:none; margin:clamp(22px,2.6vw,34px) 0 0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:0 clamp(16px,2.4vw,32px)}
.clients-grid li{padding:14px 0; border-bottom:1px solid var(--hair-soft); font-size:16px; color:var(--ink); letter-spacing:.01em}

/* ─── аренда оборудования: тёмный блок ─── */
.rental-sec{background:#0A0A0A; color:#fff}
.rental-sec h2{color:#fff}
.rental-sec .sub{color:rgba(255,255,255,.78)}
.rental{display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(24px,4vw,56px); margin-top:clamp(30px,4vw,48px); align-items:start}
.rental__ph{aspect-ratio:16/10; overflow:hidden}
.rental__ph img{width:100%; height:100%; object-fit:cover; display:block}
.rental__grid{display:grid; grid-template-columns:1fr 1fr; gap:22px clamp(18px,2.4vw,30px)}
.rental__item{border-top:1px solid rgba(255,255,255,.18); padding-top:14px}
.rental__item h3{margin:0 0 8px; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--gold-lt); font-variation-settings:'wght' 500; font-weight:400}
.rental__item p{margin:0; font-size:14.5px; line-height:1.55; color:rgba(255,255,255,.82)}
.acc__body p a{color:var(--ink); border-bottom:1px solid var(--gold)}
@media (max-width:1024px){
  .clients-grid{grid-template-columns:repeat(3,1fr)}
  .rental{grid-template-columns:1fr}
}
@media (max-width:560px){
  .clients-grid{grid-template-columns:repeat(2,1fr)}
  .clients-grid li{font-size:14.5px}
  .rental__grid{grid-template-columns:1fr}
}

/* ═══════════════════════════════════════════════════════════
   ВЕРСИЯ 3 — ТЗ Олегу от 23.10.2026
   Главная из десяти блоков, страницы проектов и артистов.
   Та же система: Geologica + Suffragette, золото #C6975F только
   графика, текст золотом #8A6034, бордовый #700F0F, чёрный и белый.
   Анимаций при прокрутке нет: на экране двигается только ролик.
   ═══════════════════════════════════════════════════════════ */

/* якоря не уходят под липкую шапку */
html{scroll-padding-top:76px}

/* ─── первый экран: текст читается и на светлых кадрах ─── */
.vhero::after{
  background:
    linear-gradient(90deg,rgba(10,10,10,.7) 0%,rgba(10,10,10,.38) 52%,rgba(10,10,10,.08) 100%),
    linear-gradient(180deg,rgba(10,10,10,.42) 0%,rgba(10,10,10,.12) 34%,rgba(10,10,10,.86) 100%);
}
.vhero h1,.vhero__sub,.vhero__tags,.vhero .kick{text-shadow:0 2px 22px rgba(0,0,0,.5)}
.vhero__toggle{
  position:absolute; right:var(--pad); bottom:clamp(28px,6vh,64px); z-index:3;
  display:inline-flex; align-items:center; gap:10px; min-height:40px; padding:8px 14px;
  background:rgba(10,10,10,.46); color:#fff; border:1px solid rgba(255,255,255,.42);
  font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.vhero__toggle:hover{background:rgba(10,10,10,.7)}
.vhero__toggle[hidden]{display:none}
.vhero__toggle-i{position:relative; width:10px; height:12px; flex:none}
.vhero__toggle-i::before,.vhero__toggle-i::after{content:''; position:absolute; top:0; width:3px; height:12px; background:currentColor}
.vhero__toggle-i::before{left:0}
.vhero__toggle-i::after{right:0}
.vhero__toggle.is-paused .vhero__toggle-i::before{
  width:0; height:0; background:none; left:1px;
  border-style:solid; border-width:6px 0 6px 10px; border-color:transparent transparent transparent currentColor;
}
.vhero__toggle.is-paused .vhero__toggle-i::after{display:none}

/* ─── шапка секции со ссылкой справа ─── */
.sec-head{display:flex; justify-content:space-between; align-items:flex-end; gap:16px 28px; flex-wrap:wrap}
.more,.fp__more,.dir__cta,.prog__cta,.link-u{
  display:inline-flex; align-items:center; min-height:44px; padding:6px 0 2px;
  font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink);
  border-bottom:1px solid var(--gold); font-variation-settings:'wght' 500;
}
.more:hover,.fp__more:hover,.dir__cta:hover,.prog__cta:hover,.link-u:hover{color:var(--gold-ink)}

/* ─── 3 · направления ─── */
.dirs{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(18px,2.2vw,30px); margin-top:clamp(28px,3.4vw,44px)}
.dir{display:flex; flex-direction:column}
.dir__ph{aspect-ratio:4/5; overflow:hidden; background:var(--paper-2)}
.dir__ph img{width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease)}
.dir:hover .dir__ph img{transform:scale(1.03)}
.dir__body{display:flex; flex-direction:column; gap:12px; padding-top:20px; flex:1}
.dir__h{font-size:clamp(21px,1.9vw,27px); font-variation-settings:'wght' 300; letter-spacing:-.01em; margin:0}
.dir__t{font-size:15.5px; line-height:1.6; color:var(--body)}
.dir__tags,.tags2{list-style:none; margin:2px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:6px}
.dir__tags li,.tags2 li{border:1px solid var(--hair); padding:5px 10px; font-size:12.5px; line-height:1.3; color:var(--body)}
.dir__cta{margin-top:auto; align-self:flex-start}

/* ─── 4 · избранные проекты ─── */
.fprj{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(32px,3.6vw,52px) clamp(18px,2.4vw,32px); margin-top:clamp(28px,3.4vw,44px)}
.fp__ph{display:block; aspect-ratio:3/2; overflow:hidden; background:var(--paper)}
.fp__ph img{width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease)}
.fp:hover .fp__ph img{transform:scale(1.03)}
.fp__meta,.proj__meta,.prog__genre{
  margin-top:16px; font-size:11px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--gold-ink); font-variation-settings:'wght' 600;
}
.fp__title,.proj__title,.prog__name{
  font-family:'Suffragette','Geologica',sans-serif; font-weight:400;
  font-size:clamp(23px,2.3vw,32px); line-height:1.08; color:var(--ink); margin:8px 0; letter-spacing:.02em;
}
html[lang="ru"] .fp__title,html[lang="ru"] .proj__title,html[lang="ru"] .prog__name{
  font-family:'Geologica',sans-serif; font-variation-settings:'wght' 300; letter-spacing:-.01em;
}
html[lang="ru"] .lat{font-family:'Suffragette','Geologica',sans-serif; font-variation-settings:normal; letter-spacing:.02em}
.fp__text{font-size:15.5px; line-height:1.6; color:var(--body); max-width:58ch}
.fp__more{margin-top:10px}

/* ─── 5 · команда ─── */
.team{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:clamp(28px,4vw,64px); align-items:start}
.team--solo{grid-template-columns:minmax(0,1fr)}
.team__intro .lead{margin-top:18px; max-width:48ch}
.team__intro .lead+.lead{margin-top:14px; color:var(--ink)}
.team__grid{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:clamp(14px,2vw,24px)}
.team__grid[hidden],.tm[hidden],.tm--slot{display:none}
.tm{display:flex; flex-direction:column; gap:4px}
.tm__ph{display:block; width:100%; aspect-ratio:4/5; object-fit:cover; background:var(--paper-2); margin-bottom:10px}
.tm__name{font-variation-settings:'wght' 600; color:var(--ink); font-size:16px; font-weight:400}
.tm__role{font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-ink)}
.tm__line{font-size:14px; line-height:1.5; color:var(--body)}
.tm__name:empty,.tm__role:empty,.tm__line:empty,.tm [hidden]{display:none}
/* макет будущих карточек — только по адресу с ?draft=1 */
html.draft .tm--slot{display:flex}
html.draft .tm--slot .tm__ph{border:1px dashed rgba(10,10,10,.28)}
html.draft .tm--slot::after{content:attr(data-hint); font-size:12px; line-height:1.45; color:var(--mute)}

/* ─── 6 · от идеи до оваций ─── */
.cycle{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(28px,4vw,64px); align-items:start}
.cycle__intro .sub{margin-top:18px}
.cycle__intro .lead{margin-top:16px; color:var(--ink)}
.cycle .acc summary{grid-template-columns:52px 1fr 28px; padding:19px 0; font-size:clamp(17px,1.6vw,21px)}
.cycle .acc summary:focus-visible{outline:2px solid var(--gold-ink); outline-offset:-2px}
.cycle .acc__body{display:block; padding:0 28px 22px 52px}
.cycle .acc__body p{max-width:52ch}
.venues2{list-style:none; margin:14px 0 0; padding:0; display:grid}
.venues2 li{display:flex; gap:14px; align-items:baseline; padding:9px 0; border-top:1px solid var(--hair-soft); font-size:14px}
.venues2 b{flex:none; min-width:138px; font-variation-settings:'wght' 600; color:var(--ink); font-size:13px; letter-spacing:.04em; font-weight:400}

/* ─── 7 · артисты и шоу + аренда ─── */
.art2{display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:clamp(24px,3.4vw,52px); align-items:start}
.art2__main .lead{margin-top:18px; max-width:60ch}
.shots{list-style:none; margin:clamp(22px,2.6vw,32px) 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px}
.shots a{position:relative; display:block; aspect-ratio:3/4; overflow:hidden; background:#0A0A0A; color:#fff}
.shots img{width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease)}
.shots a:hover img{transform:scale(1.04)}
.shots a::after{content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 52%,rgba(10,10,10,.78))}
.shots span{position:absolute; left:12px; right:12px; bottom:11px; z-index:2; font-size:11px; letter-spacing:.16em; text-transform:uppercase; line-height:1.35}
.rent{background:#0A0A0A; color:#fff; padding:clamp(24px,2.8vw,38px)}
.rent .kick{color:var(--gold-lt)}
.rent__h{
  font-family:'Suffragette','Geologica',sans-serif; font-weight:400; font-variation-settings:normal;
  font-size:clamp(30px,3.2vw,44px); line-height:1.04; color:#fff; margin:0 0 14px; letter-spacing:.02em;
}
html[lang="ru"] .rent__h{font-family:'Geologica',sans-serif; font-variation-settings:'wght' 200; letter-spacing:-.015em}
.rent__t{color:rgba(255,255,255,.84); font-size:15px; line-height:1.6}
.rent__more{margin:20px 0 24px; border-top:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2)}
.rent__more summary,.form__more summary{
  list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center;
  min-height:48px; font-size:12px; letter-spacing:.16em; text-transform:uppercase;
}
.rent__more summary{color:var(--gold-lt)}
.rent__more summary::-webkit-details-marker,.form__more summary::-webkit-details-marker{display:none}
.rent__more summary::after,.form__more summary::after{content:'+'; font-size:22px; line-height:1; letter-spacing:0}
.rent__more[open] summary::after,.form__more[open] summary::after{content:'\2212'}
.rent__more summary:focus-visible,.form__more summary:focus-visible{outline:2px solid var(--gold-lt); outline-offset:2px}
.rent__more ul{list-style:none; margin:0; padding:2px 0 16px; display:grid; gap:11px}
.rent__more li{font-size:14px; line-height:1.5; color:rgba(255,255,255,.8)}
.rent__more b{display:block; margin-bottom:2px; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#fff; font-variation-settings:'wght' 600; font-weight:400}

/* ─── 8 · этапы ─── */
.steps4{list-style:none; margin:clamp(28px,3.4vw,44px) 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(18px,2.4vw,32px)}
.steps4 li{border-top:1px solid var(--gold); padding-top:18px}
.steps4__n{display:block; margin-bottom:12px; font-family:'Suffragette',sans-serif; font-size:22px; line-height:1; color:var(--gold-ink)}
.steps4 h3{font-size:clamp(17px,1.5vw,20px); margin:0 0 8px}
.steps4 p{font-size:15px; line-height:1.55; color:var(--body)}

/* ─── 9 · атмосфера ─── */
.atm{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:clamp(150px,17vw,250px); grid-auto-flow:dense; gap:10px; margin-top:clamp(24px,3vw,40px)}
.atm img{width:100%; height:100%; object-fit:cover; display:block; background:var(--paper-2)}
.atm .atm--w{grid-column:span 2}

/* ─── 10 · контакты и форма ─── */
.contact{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(28px,4vw,64px); align-items:start}
.contact__intro .lead{margin-top:18px; max-width:40ch}
.btn--wa{margin-top:26px}
.form{position:relative}
.form__lead{font-size:14px; line-height:1.5; color:var(--mute)}
.field__l{font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-ink)}
.form__more{border-top:1px solid var(--hair); border-bottom:1px solid var(--hair)}
.form__more summary{color:var(--ink)}
.form__more summary::after{color:var(--gold-ink)}
.form__more summary:focus-visible{outline-color:var(--gold-ink)}
.form__extra{padding:4px 0 20px; gap:16px}
.field--wide{grid-column:1/-1}
.form .btn{justify-self:start}
.form__status{color:var(--body)}
.form__status[data-state="opened"]{color:var(--ink)}

/* ─── страница проектов ─── */
.phero{padding-block:clamp(48px,7vw,100px) clamp(20px,3vw,36px)}
.phero .lead{margin-top:20px; max-width:56ch}
.pnav{display:flex; flex-wrap:wrap; gap:4px 22px; margin-top:clamp(20px,2.6vw,30px)}
.pnav a{display:inline-flex; align-items:center; min-height:40px; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--body); border-bottom:1px solid transparent}
.pnav a:hover{border-bottom-color:var(--gold); color:var(--ink)}
.proj{padding-block:clamp(40px,5vw,72px); border-top:1px solid var(--hair)}
.proj__head{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:clamp(20px,3.4vw,56px); align-items:start}
.proj__head .proj__meta{margin-top:0}
.proj__title{font-size:clamp(28px,3.4vw,46px); margin:10px 0 0}
.proj__lead{font-size:clamp(17px,1.6vw,21px); line-height:1.5; color:var(--ink); font-variation-settings:'wght' 300}
.proj__facts{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px clamp(18px,2.4vw,32px); margin:clamp(22px,2.6vw,32px) 0 0}
.proj__facts>div{border-top:1px solid var(--gold); padding-top:12px}
.proj__facts>div[hidden]{display:none}
.proj__facts dt{font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-ink); font-variation-settings:'wght' 600}
.proj__facts dd{margin:6px 0 0; font-size:15px; line-height:1.55; color:var(--body)}
.proj__gallery{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:clamp(24px,3vw,36px)}
.proj__gallery img{width:100%; aspect-ratio:3/2; object-fit:cover; display:block; background:var(--paper-2)}
.proj__gallery .proj__wide{grid-column:span 2; grid-row:span 2; height:100%; aspect-ratio:auto}
.clip{position:relative; margin-top:8px; background:#0A0A0A}
.clip video{width:100%; aspect-ratio:16/9; display:block; background:#0A0A0A}
.clip__cap{font-size:12px; color:var(--mute); margin-top:8px}
.proj-extra{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px,3.4vw,48px) clamp(18px,2.4vw,32px)}
.proj-extra .proj{border-top:0; padding-block:0}
.clients-sec .clients-grid{margin-top:clamp(22px,2.6vw,34px)}
.cta-end{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px 32px}
.cta-end h2{max-width:20ch}

/* ─── страница артистов ─── */
.ahero .lead{margin-top:22px; max-width:58ch}
.ahero .note{margin-top:14px; font-size:15px; color:var(--ink)}
.progs{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:clamp(28px,3vw,40px) clamp(16px,2vw,28px); margin-top:clamp(28px,3.4vw,44px)}
.prog{display:flex; flex-direction:column}
.prog__ph{aspect-ratio:3/4; overflow:hidden; background:#0A0A0A}
.prog__ph img{width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease)}
.prog:hover .prog__ph img{transform:scale(1.03)}
.prog__name{font-size:clamp(21px,1.9vw,26px)}
.prog__text{font-size:14.5px; line-height:1.55; color:var(--body)}
.prog__actions{display:flex; flex-wrap:wrap; gap:4px 22px; margin-top:auto; padding-top:10px}
.prog__video::before{content:''; display:inline-block; margin-right:9px; border-style:solid; border-width:5px 0 5px 8px; border-color:transparent transparent transparent currentColor}
.cats{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(24px,3vw,40px) clamp(16px,2vw,28px); margin-top:clamp(28px,3.4vw,44px)}
.cat__ph{aspect-ratio:4/5; overflow:hidden; background:var(--paper-2)}
.cat__ph img{width:100%; height:100%; object-fit:cover}
.cat h3{margin:16px 0 6px; font-size:clamp(17px,1.5vw,20px)}
.cat p{font-size:14.5px; line-height:1.55; color:var(--body)}
.cat .tags2{margin-top:12px}
.photo-note{margin-top:18px; font-size:12.5px; color:var(--mute)}

/* ─── адаптив версии 3 ─── */
@media (max-width:1100px){
  .team,.cycle,.contact,.art2{grid-template-columns:minmax(0,1fr)}
  .steps4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proj__head{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .dirs{grid-template-columns:minmax(0,1fr); gap:40px}
  .dir{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:22px; align-items:start}
  .dir__body{padding-top:0}
  .cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proj-extra{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:768px){
  html{scroll-padding-top:68px}
  .vhero__toggle{top:14px; bottom:auto; right:14px; padding:7px 12px; min-height:36px}
  .fprj{grid-template-columns:minmax(0,1fr)}
  .shots{grid-template-columns:repeat(2,minmax(0,1fr))}
  .atm{grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:clamp(130px,40vw,220px)}
  .cycle .acc summary{grid-template-columns:40px 1fr 24px}
  .cycle .acc__body{padding:0 0 20px 40px}
  .venues2 li{flex-direction:column; gap:2px}
  .proj__gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proj__gallery .proj__wide{grid-column:1/-1; grid-row:auto; aspect-ratio:3/2}
}
@media (max-width:560px){
  .dir{grid-template-columns:minmax(0,1fr)}
  .dir__ph{aspect-ratio:4/3}
  .steps4{grid-template-columns:minmax(0,1fr)}
  .cats{grid-template-columns:minmax(0,1fr)}
  .cat{display:grid; grid-template-columns:120px minmax(0,1fr); gap:16px; align-items:start}
  .cat h3{margin-top:0}
  .progs{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px 12px}
  .prog__text{font-size:13.5px}
}
@media (max-width:380px){
  .progs{grid-template-columns:minmax(0,1fr)}
}

/* ─── v3: строка доверия — один компактный ряд ─── */
.proof__in{flex-wrap:nowrap; gap:10px clamp(16px,2.2vw,32px)}
.proof__list{flex-wrap:nowrap; gap:8px clamp(14px,1.9vw,28px); overflow:hidden}
.proof__list li{font-size:clamp(11px,.95vw,13.5px); letter-spacing:.1em}
@media (max-width:1100px){
  .proof__in{flex-wrap:wrap}
  .proof__list{flex-wrap:wrap; overflow:visible}
}
/* команда без карточек: заголовок слева, текст справа */
.team--solo .team__intro{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:0 clamp(28px,4vw,64px); align-items:start}
.team--solo .team__intro .kick,.team--solo .team__intro h2{grid-column:1}
.team--solo .team__intro .lead{grid-column:2; grid-row:1 / span 3; margin-top:0; align-self:end}
.team--solo .team__intro .lead+.lead{grid-row:auto; margin-top:14px}
@media (max-width:900px){
  .team--solo .team__intro{grid-template-columns:minmax(0,1fr)}
  .team--solo .team__intro .lead{grid-column:1; grid-row:auto; margin-top:18px}
}
/* артисты: фото крупнее */
@media (min-width:1101px){.art2{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}}
.proj__gallery--row{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:768px){.proj__gallery--row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.proj__clip{margin-top:8px}
.proj--compact .proj__title{font-size:clamp(24px,2.6vw,34px)}
.proj__gallery img{height:auto}
.proj__gallery .proj__wide{height:100%}
.clip{margin:8px 0 0}
.clip video{height:auto}
/* строка доверия: ничего не обрезаем; в один ряд от 1320 px, уже — переносим */
.proof__in{gap:10px 20px}
.proof__list{overflow:visible; gap:8px 16px}
.proof__list li{letter-spacing:.08em}
@media (max-width:1319px){
  .proof__in,.proof__list{flex-wrap:wrap}
}

/* ─── 26.10 правки Лены: пять направлений, артисты на главной ─── */
/* три вида событий в ряд, под ними две отдельные услуги пошире */
@media (min-width:901px){
  .dirs{grid-template-columns:repeat(6,minmax(0,1fr)); row-gap:clamp(36px,4vw,56px)}
  .dir{grid-column:span 2}
  .dir--wide{grid-column:span 3}
  .dir--wide .dir__ph{aspect-ratio:16/10}
}
.dir__lead{
  font-family:'Suffragette','Geologica',sans-serif; font-weight:400; font-variation-settings:normal;
  font-size:clamp(19px,1.7vw,24px); line-height:1.15; color:var(--ink); letter-spacing:.02em; margin-top:-4px;
}
html[lang="ru"] .dir__lead{font-family:'Geologica',sans-serif; font-variation-settings:'wght' 300; letter-spacing:-.01em}
.dir__more{border-top:1px solid var(--hair); border-bottom:1px solid var(--hair)}
.dir__more summary{
  list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center;
  min-height:46px; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink);
}
.dir__more summary::-webkit-details-marker{display:none}
.dir__more summary::after{content:'+'; font-size:22px; line-height:1; color:var(--gold-ink)}
.dir__more[open] summary::after{content:'\2212'}
.dir__more summary:focus-visible{outline:2px solid var(--gold-ink); outline-offset:2px}
.dir__more ul{list-style:none; margin:0; padding:2px 0 14px; display:grid; gap:9px}
.dir__more li{font-size:14px; line-height:1.5; color:var(--body)}
.dir__more b{display:block; margin-bottom:2px; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink); font-variation-settings:'wght' 600; font-weight:400}

/* артисты на главной: шесть направлений с фото */
.arts{list-style:none; margin:clamp(24px,3vw,36px) 0 0; padding:0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:clamp(12px,1.4vw,18px)}
.arts a{display:flex; flex-direction:column; gap:4px; color:inherit; height:100%}
.arts__ph{display:block; aspect-ratio:3/4; overflow:hidden; background:#0A0A0A; margin-bottom:8px}
.arts__ph img{width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease)}
.arts a:hover img{transform:scale(1.04)}
.arts b{font-variation-settings:'wght' 600; font-weight:400; color:var(--ink); font-size:15px; line-height:1.3}
.arts a:hover b{color:var(--gold-ink)}
.arts__t{font-size:13.5px; line-height:1.45; color:var(--body)}
@media (max-width:1100px){.arts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.arts{grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px}}