/* NEUROWOOD v5.5 — главная (h5-*), Inside (in-*), герой на десктопе. Глобальные классы не переопределяются, кроме отмеченных. */
/* ---------- Hero: на десктопе кадр шире, меньше пустой тьмы ---------- */
@media (min-width:1024px){
  .slide .blurbg{filter:blur(22px) brightness(.62) saturate(1.25);inset:-8%;width:116%;height:116%}
  .slide .pcenter{height:74%;inset-inline-end:7%;border-radius:6px;box-shadow:0 40px 120px -20px rgba(0,0,0,.85),0 0 0 1px rgba(242,238,228,.06)}
  .slide.deep .sgrad{background:linear-gradient(90deg,rgba(12,11,10,.9) 0%,rgba(12,11,10,.55) 34%,rgba(12,11,10,0) 58%),linear-gradient(0deg,var(--color-bg) 0%,rgba(12,11,10,0) 26%)}
  [dir=rtl] .slide.deep .sgrad{background:linear-gradient(270deg,rgba(12,11,10,.9) 0%,rgba(12,11,10,.55) 34%,rgba(12,11,10,0) 58%),linear-gradient(0deg,var(--color-bg) 0%,rgba(12,11,10,0) 26%)}
}
/* ---------- общие ---------- */
.h5-eye{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-meta)}
.h5-head{padding-inline:0}
/* «Первые истории»: та же карточка v5.3, ниже по высоте */
@media (min-width:1200px){.rail-h5-first .bcard{min-height:340px;padding:28px}.rail-h5-first .btitle{font-size:clamp(28px,2.6vw,40px)!important}}
/* ---------- Детям и семье ---------- */
.h5-fam{margin-top:clamp(40px,6vw,72px)}
.h5-j{position:relative;display:grid;grid-template-columns:minmax(0,1fr);border-radius:22px;overflow:hidden;isolation:isolate;background:#16120d;margin-top:14px}
.h5-jart{position:relative;display:block;aspect-ratio:16/9}
.h5-jart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.h5-jart::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#16120d 2%,rgba(22,18,13,0) 55%)}
.h5-jtx{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0 20px 22px;margin-top:-40px}
.h5-jt{font-size:clamp(30px,4.4vw,60px);font-weight:800;line-height:.92;letter-spacing:-.035em;text-transform:uppercase;color:#fff3dc;text-decoration:none;text-wrap:balance}
.h5-st{font-size:14px;font-weight:700;color:#ffd79a}
.h5-jtx p{margin:0;max-width:52ch;font-size:15px;line-height:1.55;color:#e9dcc6}
.h5-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.h5-jp{display:none}
@media (min-width:900px){
  .h5-j{grid-template-columns:minmax(0,1fr);min-height:440px}
  .h5-jart{position:absolute;inset:0;aspect-ratio:auto}
  .h5-jart::after{background:linear-gradient(90deg,rgba(22,18,13,.95) 0%,rgba(22,18,13,.7) 38%,rgba(22,18,13,0) 66%),linear-gradient(0deg,rgba(22,18,13,.6),transparent 40%)}
  [dir=rtl] .h5-jart::after{background:linear-gradient(270deg,rgba(22,18,13,.95) 0%,rgba(22,18,13,.7) 38%,rgba(22,18,13,0) 66%),linear-gradient(0deg,rgba(22,18,13,.6),transparent 40%)}
  .h5-jtx{margin:0;justify-content:flex-end;padding:44px;max-width:620px;min-height:440px}
  .h5-jp{display:block;position:absolute;inset-inline-end:44px;bottom:44px;width:170px;aspect-ratio:2/3;border-radius:10px;overflow:hidden;box-shadow:0 30px 60px -10px rgba(0,0,0,.7);transform:rotate(3deg)}
  .h5-jp img{width:100%;height:100%;object-fit:cover}
}
.h5-fc{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.h5-fcl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:640px}
.h5-fcc{display:flex;flex-direction:column;gap:6px;color:var(--color-text);text-decoration:none}
.h5-fcc>.ph{display:block;aspect-ratio:2/3;border-radius:10px;overflow:hidden;filter:saturate(.75)}
.h5-fcc>.ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.h5-fcc:hover>.ph img{transform:scale(1.04)}
.h5-fcc b{font-size:14px;line-height:1.25}
.h5-fcc small{font-size:12px;color:var(--color-meta)}
/* ---------- Inside на главной ---------- */
.h5-in{position:relative;isolation:isolate;overflow:hidden;margin-top:clamp(56px,8vw,104px);padding:clamp(56px,8vw,112px) 0;background:#070706;border-block:1px solid var(--color-line)}
.h5-wall,.in-wall{position:absolute;inset:-10% -5%;z-index:-2;display:flex;flex-direction:column;gap:14px;transform:rotate(-6deg);opacity:.55}
.h5-wall>div{display:flex;gap:14px;width:max-content;animation:h5drift 90s linear infinite}
.h5-wall>div:nth-child(2){animation-direction:reverse;margin-inline-start:-120px}
.h5-wall span,.in-row span{flex:none;width:clamp(120px,14vw,190px);aspect-ratio:2/3;border-radius:10px;overflow:hidden}
.h5-wall img,.in-row img{width:100%;height:100%;object-fit:cover}
@keyframes h5drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.h5-inshade,.in-shade{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 30% 40%,rgba(7,7,6,.55),rgba(7,7,6,.94) 70%),linear-gradient(0deg,#070706,rgba(7,7,6,0) 40%)}
.h5-inb{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.h5-incopy{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:560px}
.h5-ey{color:var(--color-accent)}
.h5-inh,.in-hcopy h1{margin:0;font-size:clamp(40px,6vw,88px);font-weight:800;line-height:.88;letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance}
.h5-incopy p{margin:0;font-size:clamp(15px,1.4vw,18px);line-height:1.5;color:var(--color-text-2)}
.h5-lab{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,44vw);gap:12px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-snap-type:x mandatory}
.h5-lab::-webkit-scrollbar{display:none}
.h5-lc{scroll-snap-align:start}
.h5-lc{display:flex;flex-direction:column;gap:10px;animation:up var(--dur) var(--ease) both;animation-delay:calc(var(--i) * 80ms)}
.h5-lcp{position:relative;display:block;aspect-ratio:2/3;border-radius:12px;overflow:hidden;box-shadow:0 24px 50px -16px rgba(0,0,0,.8)}
.h5-lcp img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.h5-lcp:hover img{transform:scale(1.05)}
.h5-n{position:absolute;top:10px;inset-inline-start:12px;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--color-text);text-shadow:0 1px 8px rgba(0,0,0,.8)}
.h5-lct{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.h5-lct b{font-size:15px;font-weight:700;line-height:1.2}
.h5-lct small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-meta)}
.h5-play{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:2px;padding:0;border:0;background:none;color:var(--color-accent);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.h5-doors{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid rgba(242,238,228,.12)}
.h5-door{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(242,238,228,.12);color:var(--color-text);text-decoration:none}
.h5-door b{font-size:clamp(18px,1.8vw,24px);font-weight:800;letter-spacing:-.01em;text-transform:uppercase}
.h5-door span{grid-row:2;font-size:13px;color:var(--color-meta)}
.h5-door svg{grid-row:1/3;grid-column:2;color:var(--color-meta);transition:transform var(--motion-fast)}
.h5-door:hover svg{transform:translateX(4px);color:var(--color-accent)}
[dir=rtl] .h5-door svg{transform:scaleX(-1)}
@media (min-width:1024px){
  .h5-inb{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto auto;column-gap:56px;row-gap:40px;align-items:end}
  .h5-lab{grid-row:1/3;grid-column:2;gap:16px;grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;margin-inline:0;padding-inline:0;padding-top:40px}
  .h5-lab .h5-lc:nth-child(2){transform:translateY(-36px)}
  .h5-doors{grid-column:1}
}
@media (prefers-reduced-motion:reduce){.h5-wall>div,.in-row{animation:none}.h5-lc{animation:none}}
/* ---------- Inside NEUROWOOD — страница ---------- */
.in{background:#070706;padding-bottom:72px}
.in-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(460px,72svh,760px);margin-top:calc(-1 * (var(--topbar-h) + var(--safe-t)));display:flex;align-items:flex-end}
.in-wall{opacity:.6}
.in-row{display:flex;gap:14px;width:max-content;animation:h5drift var(--d,70s) linear infinite}
.in-row:nth-child(2){animation-direction:reverse;margin-inline-start:-160px}
.in-hcopy{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:clamp(40px,7vw,88px);width:100%}
.in-hcopy p{margin:0;max-width:40ch;font-size:clamp(16px,1.6vw,20px);line-height:1.45;color:var(--color-text-2)}
.in-eye{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent)}
.in-nav{position:sticky;top:calc(var(--topbar-h) + var(--safe-t));z-index:20;background:rgba(7,7,6,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-block:1px solid var(--color-line)}
.in-navin{display:flex;gap:24px;overflow-x:auto;scrollbar-width:none}
.in-navin::-webkit-scrollbar{display:none}
.in-navin a{position:relative;flex:none;display:inline-flex;align-items:center;min-height:52px;color:var(--color-meta);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.in-navin a:hover,.in-navin a[aria-current]{color:var(--color-text)}
.in-navin a[aria-current]::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--color-accent)}
.in-sec{padding-top:clamp(48px,7vw,96px)}
.in-sh{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:28px;max-width:720px}
.in-sh h2{margin:0;font-size:clamp(36px,5vw,72px);font-weight:800;line-height:.9;letter-spacing:-.04em;text-transform:uppercase}
.in-sh p{margin:0;font-size:16px;line-height:1.55;color:var(--color-text-2)}
.in-count{font-size:13px;color:var(--color-meta-2)}
/* Animation Lab: каждая карточка в цвете своего постера */
.in-lab{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:768px){.in-lab{grid-template-columns:repeat(2,minmax(0,1fr))}.in-lc1{grid-column:1/-1}}
@media (min-width:1200px){.in-lab{grid-template-columns:repeat(3,minmax(0,1fr))}.in-lc1{grid-column:1/-1}}
.in-lc{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:16px;border-radius:20px;border:1px solid rgba(242,238,228,.1);animation:up var(--dur) var(--ease) both;animation-delay:calc(var(--i) * 50ms)}
.in-lcbg{position:absolute;inset:0;z-index:-1}
.in-lcbg img{width:100%;height:100%;object-fit:cover;filter:blur(40px) saturate(1.4) brightness(.5);transform:scale(1.4)}
.in-lc::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,7,6,.2),rgba(7,7,6,.65))}
.in-lcp{display:block;aspect-ratio:2/3;border-radius:10px;overflow:hidden;box-shadow:0 18px 40px -12px rgba(0,0,0,.8);align-self:start}
.in-lcp img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.in-lc:hover .in-lcp img{transform:scale(1.05)}
.in-lct{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.in-num{font-size:11px;font-weight:800;letter-spacing:.16em;color:rgba(242,238,228,.6)}
.in-lct h3{margin:0;font-size:clamp(20px,2vw,28px);font-weight:800;line-height:.95;letter-spacing:-.02em;text-transform:uppercase}
.in-lct h3 a{color:var(--color-text);text-decoration:none}
.in-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}
.in-lct p{margin:0;font-size:14px;line-height:1.5;color:#e4dfd5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.in-meta{font-size:12px;color:rgba(242,238,228,.7)}
/* кнопки прижаты к низу карточки — в одном ряду на одной линии при любой длине описания */
.in-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}
.in-acts .btn{height:44px}
@media (min-width:1200px){
  /* 2026-10-28: постер — вторая колонка сетки с фиксированным размером (без абсолютного позиционирования и aspect-ratio):
     в части браузеров он растягивался на всю карточку и закрывал текст */
  .in-lc1{grid-template-columns:minmax(0,1fr) 270px;align-items:end;column-gap:48px;min-height:460px;padding:40px 56px 40px 40px}
  .in-lc1 .in-lcp{position:relative;grid-column:2;grid-row:1;align-self:center;width:270px;height:405px;max-width:none;transform:rotate(2deg)}
  .in-lc1 .in-lct{grid-column:1;grid-row:1;max-width:640px}
  .in-lc1 .in-lct h3{font-size:clamp(40px,4vw,64px)}
  .in-lc1 .in-lct p{font-size:16px;-webkit-line-clamp:4}
}
/* Pilots & Scenes — честное пустое состояние */
.in-empty{display:flex;flex-wrap:wrap;align-items:center;gap:24px 32px;padding:24px;border-radius:20px;border:1px dashed rgba(242,238,228,.18)}
.in-empty>div{flex:1 1 280px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.in-empty b{font-size:20px}
.in-empty p{margin:0;max-width:54ch;color:var(--color-text-2);font-size:15px;line-height:1.5}
.in-film{display:flex;gap:6px;padding:10px;border-radius:10px;background:#000;box-shadow:inset 0 0 0 1px rgba(242,238,228,.08)}
.in-film span{width:44px;aspect-ratio:2/3;border-radius:3px;overflow:hidden;filter:grayscale(1) brightness(.55)}
.in-film img{width:100%;height:100%;object-fit:cover}
/* Worlds & Characters */
.in-sub{margin:28px 0 14px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text)}
.in-ideas{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:1024px){.in-ideas{grid-template-columns:repeat(3,minmax(0,1fr))}}
.in-idea{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:14px;border-radius:18px;background:var(--color-surface-1);border:1px solid var(--color-line);color:var(--color-text);text-decoration:none;transition:border-color var(--motion-fast)}
.in-idea:hover{border-color:var(--color-meta-2)}
@media (min-width:1024px){.in-idea{grid-template-columns:minmax(0,1fr)}}
.in-ip{display:block;aspect-ratio:2/3;border-radius:10px;overflow:hidden}
@media (min-width:1024px){.in-ip{aspect-ratio:4/5}}
.in-ip img{width:100%;height:100%;object-fit:cover}
.in-it{display:flex;flex-direction:column;gap:6px;min-width:0}
.in-it b{font-size:22px;font-weight:800;line-height:1;letter-spacing:-.02em;text-transform:uppercase}
.in-it>span:not(.in-tag){font-size:14px;line-height:1.5;color:var(--color-text-2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.in-it small{display:inline-flex;align-items:center;gap:4px;margin-top:auto;padding-top:6px;font-size:13px;font-weight:700;color:var(--color-accent)}
.in-minis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (min-width:600px){.in-minis{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:1024px){.in-minis{grid-template-columns:repeat(8,minmax(0,1fr))}}
.in-mini{display:flex;flex-direction:column;gap:5px;min-width:0;color:var(--color-text);text-decoration:none}
.in-mini>.ph{display:block;aspect-ratio:2/3;border-radius:8px;overflow:hidden}
.in-mini img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.in-mini:hover img{transform:scale(1.05)}
.in-mini b{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.in-mini small{font-size:11px;color:var(--color-meta)}
/* All Originals */
.in-port{display:flex;flex-direction:column;gap:28px}
.in-pgh{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--color-line)}
.in-pgh b{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.in-pgh span{font-size:13px;color:var(--color-meta-2)}
.in-pgl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (min-width:600px){.in-pgl{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:1024px){.in-pgl{grid-template-columns:repeat(8,minmax(0,1fr))}}
.in-go{margin-top:32px}
@media (prefers-reduced-motion:reduce){.in-lc{animation:none}}
/* ссылки Inside в каталоге и на тайтле */
.cx-tins{flex-basis:100%;font-size:13px;font-weight:700;color:var(--color-accent);text-decoration:none}
.cx-insl{background:linear-gradient(120deg,#11100e,#070706)}

/* v5.5: «Будущие истории» длиннее «Скоро» — на узких экранах переключатель прокручивается, текст не обрезается */
@media (max-width:599px){.cx-int{overflow-x:auto;scrollbar-width:none;border-radius:var(--radius-pill)}.cx-int::-webkit-scrollbar{display:none}.cx-int button{flex:none;overflow:visible;text-overflow:clip;padding:0 12px}}