/* blog.css — раздел «Журнал» Сергея Мишина. Прототип под Astro (Фаза 2). Один источник стиля для /blog/ и /blog//. Моушен и футер синхронизированы с главной (index.v4-marketing.html): та же --ease, reveal/reveal-media (clip-wipe), стаггер из JS, scroll-progress, светлый футер. js-on-гейтинг: контент виден, даже если JS не сработал. */ :root{ --paper:#F6F3EC; --paper-2:#F0EBE0; --stone:#B8A98E; --stone-deep:#A2937A; --ink:#1E1D1A; --muted:#6E665A; --bronze:#8C6A3C; --bronze-soft:#A98549; --terminal:#14201E; --hairline:#E0D8C8; --max:1200px; --read:740px; --gut:clamp(20px,5vw,40px); --ease:cubic-bezier(.22,.7,.2,1); --font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;scroll-padding-top:84px;background:var(--paper);-webkit-text-size-adjust:100%;interpolate-size:allow-keywords} body{background:var(--paper);color:var(--ink);font-family:var(--font);font-weight:400;line-height:1.62; -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility; /* анти-«футер едет»: гасим rubber-band, фон overscroll = paper (бесшовно со светлым футером) */ overflow-x:hidden;overscroll-behavior-y:none} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} /* световой потолок «шкатулки» — тёплый ambient сверху на всю страницу влога (фон/подкладка) */ body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none; background: radial-gradient(120% 50% at 50% -10%,rgba(140,106,60,.07),transparent 56%), radial-gradient(90% 70% at 92% 8%,rgba(168,133,73,.04),transparent 60%)} /* бумажная фактура — тактильный МАТЕРИАЛ (органический шум, НЕ линии); даёт «подкладку» без визуального шума */ body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;mix-blend-mode:multiply; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.36 0 0 0 0 0.28 0 0 0 0 0.16 0 0 0 0.045 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")} .wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)} .read{max-width:var(--read);margin:0 auto;padding-inline:var(--gut)} .eyebrow{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);font-weight:600;display:inline-flex;align-items:center;gap:12px} .eyebrow::before{content:"";width:24px;height:1px;background:var(--bronze);opacity:.7} em{font-style:normal;color:var(--bronze)} a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--bronze);outline-offset:3px;border-radius:3px} /* scroll-progress (как на главной) */ .scrollbar{position:fixed;top:0;left:0;height:2px;width:0;background:var(--bronze);z-index:60;pointer-events:none;transition:width .1s linear} /* nav — ТОЛЬКО главный бар (#nav). НЕ через тег nav: иначе стиль течёт на