/* system.css — «Тела и потоки»: подписи-выноски у тел, подсветка строк контента, указатель частей, слайды по одному элементу */
.story-tags{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.story-tag{position:absolute;left:0;top:0;font:500 .68rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#C7CBD6;opacity:0;white-space:nowrap;padding-bottom:14px;will-change:transform,opacity}
.story-tag::after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:11px;background:rgba(199,203,214,.55)}
.story-tag.is-hot{color:#fff;text-shadow:0 0 14px var(--glow)}
.story-tag.is-hot::after{background:var(--glow);box-shadow:0 0 8px var(--glow)}
@media(max-width:700px){.story-tag{font-size:.6rem;letter-spacing:.08em}}
[data-bodies]{transition:opacity .3s,transform .7s cubic-bezier(.2,.7,.2,1)}
.work-list>div[data-bodies]{cursor:default}
.work-list>div.is-dim{opacity:.5}
.work-list>div.is-hot dt{color:#fff;text-shadow:0 0 18px rgba(143,160,255,.6)}
.scroll-hint{max-width:none}
/* c4: указатель частей и слайды по одному элементу */
.parts-index{list-style:none;margin:1.75rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;border-top:1px solid var(--leb-line)}
.parts-index li{border-bottom:1px solid var(--leb-line);max-width:none}
.parts-index a{display:flex;align-items:baseline;gap:.9rem;min-height:48px;padding:.75rem 0;color:#fff;text-decoration:none;font:600 1.05rem/1.3 var(--leb-font-display);letter-spacing:-.01em}
.parts-index a span{font:500 .72rem/1 var(--font-mono);color:var(--glow);letter-spacing:.08em}
.parts-index li.is-dim{opacity:.45}.parts-index li.is-hot a{text-shadow:0 0 18px rgba(143,160,255,.7)}
.part h3{font-size:clamp(1.9rem,3.6vw,3.2rem);letter-spacing:-.03em;line-height:1.02;margin:0 0 1rem}
.part p:not(.eyebrow){font-size:clamp(1.05rem,1.4vw,1.25rem);color:#B9BECB;max-width:44ch}
.part .col{max-width:30rem}
@media(max-width:700px){.part{align-items:flex-end;padding-bottom:12vh}.parts-index{grid-template-columns:1fr}}
.part{min-height:80vh}
.hint-touch{display:none}
@media(hover:none){.hint-mouse{display:none}.hint-touch{display:inline}}
@media(max-width:700px){.hero{align-items:flex-start;padding-top:9.5rem}.scroll-hint{bottom:1rem}}
@media(prefers-reduced-motion:reduce){.scroll-hint{display:none}}