/* Структурные блоки контента, общие для всех вариантов.
   Цвета берутся из токенов: вариант переопределяет --c-* под свою палитру. */
:root{
  --c-fg:#eee; --c-mut:#888; --c-line:rgba(128,128,128,.28);
  --c-acc:#7b5cff; --c-panel:rgba(128,128,128,.07);
  --c-radius:0px; --c-display:inherit; --c-gap:clamp(12px,2vw,22px);
}

.c-wrap{display:grid;gap:var(--c-gap)}
.c-h{font-family:var(--c-display);font-size:clamp(1.7rem,5vw,3.4rem);line-height:1.02;
  margin-bottom:clamp(16px,3vh,34px)}
.c-note{color:var(--c-mut);font-size:.92rem;line-height:1.7;max-width:62ch;
  margin:-8px 0 clamp(18px,3vh,32px)}

/* ---------- переключатель разделов ---------- */
.c-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(18px,3vh,34px)}
.c-tab{
  background:none;border:1px solid var(--c-line);color:var(--c-fg);font:inherit;
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:11px 18px;
  border-radius:var(--c-radius);cursor:pointer;transition:background .2s,color .2s,border-color .2s;
}
.c-tab:hover{border-color:var(--c-acc)}
.c-tab[aria-selected="true"]{background:var(--c-acc);border-color:var(--c-acc);color:var(--c-on-acc,#000)}
[hidden]{display:none!important}

/* ---------- релизы ---------- */
.c-rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:var(--c-gap)}
.c-rel article{border:1px solid var(--c-line);border-radius:var(--c-radius);
  background:var(--c-panel);overflow:hidden;display:flex;flex-direction:column}
.c-rel .c-th{aspect-ratio:16/9;position:relative;display:block;overflow:hidden}
.c-rel .c-th img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.c-rel .c-th:hover img{transform:scale(1.05)}
.c-rel .c-dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.78);color:#fff;
  font-size:11px;letter-spacing:.06em;padding:3px 7px;border-radius:3px}
.c-rel .c-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.c-rel h3{font-family:var(--c-display);font-size:1.5rem;line-height:1.05}
.c-rel h3 small{display:block;font-family:inherit;font-size:.62em;color:var(--c-mut);
  font-weight:400;margin-top:4px;letter-spacing:.02em}
.c-facts{display:flex;flex-wrap:wrap;gap:6px}
.c-fact{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-mut);
  border:1px solid var(--c-line);border-radius:var(--c-radius);padding:4px 8px}
.c-fact.is-acc{color:var(--c-acc);border-color:var(--c-acc)}
.c-rel p.c-about{font-size:.9rem;line-height:1.65;color:var(--c-mut)}
.c-rel .c-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px}
.c-rel .c-links a{font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  border:1px solid var(--c-line);border-radius:var(--c-radius);padding:9px 14px;
  text-decoration:none;color:var(--c-fg);transition:.2s}
.c-rel .c-links a:hover{background:var(--c-acc);border-color:var(--c-acc);color:var(--c-on-acc,#000)}

/* раскрывающиеся кредиты: нативный details, без js */
.c-cred{border-top:1px solid var(--c-line);margin-top:4px}
.c-cred>summary{cursor:pointer;list-style:none;padding:12px 0 2px;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-mut);
  display:flex;align-items:center;gap:8px}
.c-cred>summary::-webkit-details-marker{display:none}
.c-cred>summary::after{content:'+';margin-left:auto;font-size:14px;line-height:1}
.c-cred[open]>summary::after{content:'\2212'}
.c-cred>summary:hover{color:var(--c-acc)}
.c-cred dl{font-size:12px;line-height:1.75;padding:10px 0 4px;
  display:grid;grid-template-columns:auto 1fr;gap:2px 14px}
.c-cred dt{color:var(--c-mut)}
.c-cred dd{color:var(--c-fg)}

/* ---------- видео ---------- */
.c-vid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--c-gap)}
.c-vid a{text-decoration:none;color:inherit;display:block;border-radius:var(--c-radius);overflow:hidden}
.c-vid .c-th{aspect-ratio:16/9;position:relative;overflow:hidden;
  border:1px solid var(--c-line);border-radius:var(--c-radius)}
.c-vid .c-th img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.c-vid a:hover .c-th img{transform:scale(1.05)}
.c-vid .c-dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.78);color:#fff;
  font-size:11px;padding:3px 7px;border-radius:3px}
.c-vid h4{font-size:1rem;line-height:1.3;margin-top:12px}
.c-vid .c-meta{font-size:11px;letter-spacing:.1em;color:var(--c-mut);margin-top:6px}
.c-vid .c-meta em{font-style:normal;color:var(--c-acc)}

/* ---------- таймлайн ---------- */
.c-tl{border-top:1px solid var(--c-line)}
.c-tl li{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:clamp(12px,3vw,40px);
  padding:clamp(16px,2.6vh,26px) 0;border-bottom:1px solid var(--c-line);list-style:none}
.c-tl .c-when{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-acc)}
.c-tl h4{font-family:var(--c-display);font-size:1.25rem;line-height:1.15;margin-bottom:8px}
.c-tl p{font-size:.93rem;line-height:1.7;color:var(--c-mut);max-width:60ch}

/* ---------- участницы ---------- */
.c-mem{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--c-gap)}
.c-mem article{border:1px solid var(--c-line);border-radius:var(--c-radius);
  background:var(--c-panel);overflow:hidden}
.c-mem .c-ph{aspect-ratio:3/4;overflow:hidden;background:#111}
.c-mem .c-ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.c-mem article:hover .c-ph img{transform:scale(1.04)}
.c-mem .c-body{padding:18px 18px 22px}
.c-mem h3{font-family:var(--c-display);font-size:1.3rem;line-height:1.1}
.c-mem .c-role{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-mut);margin-top:8px}
.c-mem p{font-size:.88rem;line-height:1.65;color:var(--c-mut);margin-top:12px}
.c-mem .c-ig{display:inline-block;margin-top:14px;font-size:12px;color:var(--c-acc);text-decoration:none}
.c-mem .c-ig:hover{text-decoration:underline}

/* продюсеры: те же карточки, но без фото */
.c-prod article .c-body{padding:22px 20px 24px}
.c-prod h3{font-size:1.25rem}

/* ---------- команда, техрайдер: пары ---------- */
.c-pairs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:0 clamp(20px,4vw,54px)}
.c-pairs div{display:grid;grid-template-columns:minmax(120px,42%) 1fr;gap:14px;
  padding:13px 0;border-bottom:1px solid var(--c-line);font-size:.92rem}
.c-pairs dt,.c-pairs .k{color:var(--c-mut);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}
.c-pairs .v{line-height:1.55}

/* ---------- пресса ---------- */
.c-press{display:grid;gap:0;border-top:1px solid var(--c-line)}
.c-press article{display:grid;grid-template-columns:minmax(110px,150px) 1fr auto;
  gap:clamp(12px,3vw,32px);align-items:baseline;padding:clamp(14px,2.4vh,22px) 0;
  border-bottom:1px solid var(--c-line)}
.c-press .c-out{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-acc)}
.c-press h4{font-family:var(--c-display);font-size:1.15rem}
.c-press p{font-size:.88rem;color:var(--c-mut);margin-top:6px;line-height:1.6}
.c-press .c-num{font-size:12px;color:var(--c-mut);white-space:nowrap}

/* ---------- вопросы ---------- */
.c-faq{border-top:1px solid var(--c-line)}
.c-faq details{border-bottom:1px solid var(--c-line)}
.c-faq summary{cursor:pointer;list-style:none;padding:clamp(15px,2.4vh,22px) 0;
  font-family:var(--c-display);font-size:clamp(1rem,2.2vw,1.3rem);line-height:1.3;
  display:flex;gap:16px;align-items:baseline;transition:color .2s}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq summary::after{content:'+';margin-left:auto;color:var(--c-acc);font-size:1.1em;line-height:1}
.c-faq details[open] summary::after{content:'\2212'}
.c-faq summary:hover{color:var(--c-acc)}
.c-faq .c-a{font-size:.95rem;line-height:1.8;color:var(--c-mut);max-width:66ch;padding:0 0 22px}

/* ---------- цифры ---------- */
.c-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--c-gap)}
.c-stats div{border:1px solid var(--c-line);border-radius:var(--c-radius);padding:24px 18px;
  background:var(--c-panel)}
.c-stats b{display:block;font-family:var(--c-display);font-size:clamp(1.7rem,4.6vw,2.8rem);
  line-height:1;color:var(--c-acc)}
.c-stats span{display:block;margin-top:9px;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--c-mut)}

@media(max-width:640px){
  .c-tl li{grid-template-columns:1fr;gap:8px}
  .c-press article{grid-template-columns:1fr;gap:6px}
  .c-pairs div{grid-template-columns:1fr;gap:2px}
}
@media (prefers-reduced-motion:reduce){
  .c-rel .c-th img,.c-vid .c-th img,.c-mem .c-ph img{transition:none}
}

.c-proj{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 16px;padding:0}
.c-proj li{font-size:11px;letter-spacing:.06em;padding:5px 10px;border:1px solid var(--c-line);border-radius:var(--c-radius);color:var(--c-fg)}