/* TimLabs — премиальная вёрстка в фирменных цветах (25.10.2026; Тим: «цвет оставь прежний или улучши в том же направлении»).
   Вёрстка по эталону Atelier Zero (база Open Design): сетка 12, нумерация глав, журнальное оглавление; цвета — фирменные TimLabs,
   Onest + Cormorant Garamond курсив + JetBrains Mono. Шрифты свои (OFL), без сторонних серверов.
   Старые имена переменных (--text, --muted, --cyan…) переназначены: блоки агентов перекрашиваются сами. */
@font-face{font-family:"Onest";src:url(/assets/fonts/onest-cyr.woff2) format("woff2");font-weight:300 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";src:url(/assets/fonts/onest-lat.woff2) format("woff2");font-weight:300 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant";src:url(/assets/fonts/corm-cyr-500i.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant";src:url(/assets/fonts/corm-lat-500i.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"TL Mono";src:url(/assets/fonts/mono-cyr.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0400-045F,U+2116}
@font-face{font-family:"TL Mono";src:url(/assets/fonts/mono-lat.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}

:root{
  /* фирменная палитра TimLabs, взрослая интерпретация (слово Тима 25.10: «премиум со вкусом, без звона и пестроты,
     технологично и современно»): почти ахроматическая ночь, один льдисто-голубой акцент, фиолет — тихо и редко */
  --paper:#07090F; --paper-2:#0C1018; --bone:#0F131C; --raise:#141926; --ink:#E9EDF5; --ink-2:#C3CAD8; --mute:#9AA3B6; --faint:#7A849B;
  --line:rgba(255,255,255,.06); --line-2:rgba(255,255,255,.11); --line-solid:#1B2130;
  --accent:#4FB4F2; --accent-2:#6CC2F7; --accent-ink:#06121D; --brand:#00B4FF; --violet:#7C7CFF; --mag:#A86BFF; --night:#0A0D15;
  --grad:linear-gradient(100deg,#4FB4F2 0%,#7C7CFF 60%,#A86BFF 100%);
  --sans:"Onest",-apple-system,"Segoe UI",system-ui,sans-serif; --serif:"Cormorant","Cormorant Garamond",Georgia,serif;
  --mono:"TL Mono","JetBrains Mono",ui-monospace,"SF Mono",monospace;
  --r:18px; --r-sm:12px; --wrap:1240px; --gut:clamp(16px,3.2vw,24px); --shadow:0 24px 60px rgba(0,0,0,.45);
  --ease-out:cubic-bezier(.23,1,.32,1); --ease-in-out:cubic-bezier(.77,0,.175,1); --ease-drawer:cubic-bezier(.32,.72,0,1);
  --t-fast:160ms; --t-ui:220ms; --t-reveal:800ms;
  /* старые имена — для блоков агентов */
  --text:var(--ink); --muted:var(--mute); --dim:var(--faint); --cyan:var(--accent); --magenta:var(--violet);
  --stroke:var(--line); --stroke-hi:var(--line-2); --bg:var(--paper); --card:var(--bone); --font-disp:var(--sans); --font-body:var(--sans);
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
html body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);font-feature-settings:"ss01","cv11";
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.035;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
::selection{background:var(--accent);color:var(--accent-ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.pp-wrap{position:relative;z-index:1;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.pp-mono{font:400 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.pp-em,h1 em,h2 em,h3 em{font-family:var(--serif);font-style:italic;font-weight:500;letter-spacing:-.01em}

/* ——— шапка ——— */
.pp-top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);
  -webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line)}
.pp-top .pp-wrap{display:flex;align-items:center;gap:20px;height:64px}
.pp-logo{display:flex;align-items:baseline;gap:10px;text-decoration:none;font:700 21px/1 var(--sans);letter-spacing:-.03em}
.pp-logo i{font:500 italic 20px/1 var(--serif);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.05em;letter-spacing:0}
.pp-logo small{font:400 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.pp-nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.pp-nav a{text-decoration:none;font-size:15px;color:var(--ink-2);padding:8px 12px;border-radius:999px;transition:background .2s}
.pp-nav a:hover{background:var(--paper-2)}
.pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 22px;border-radius:999px;
  background:var(--accent);color:var(--accent-ink)!important;text-decoration:none;font:600 15.5px/1.2 var(--sans);border:0;cursor:pointer;
  transition:transform var(--t-fast) var(--ease-out),background var(--t-ui) ease}
.pp-btn:hover{background:var(--accent-2);transform:translateY(-1px)}
.pp-btn.ink{background:var(--ink);color:var(--paper)!important}
.pp-btn.line{background:transparent;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--line-2)}
.pp-btn.line:hover{box-shadow:inset 0 0 0 1px var(--ink);background:transparent}
.pp-nav .pp-btn{min-height:40px;padding:9px 18px;margin-left:8px}
.pp-menu{display:none;margin-left:auto;position:relative}
.pp-menu summary{list-style:none;cursor:pointer;font:400 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:12px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line-2)}
.pp-menu summary::-webkit-details-marker{display:none}
.pp-menu[open] .pp-drop{display:flex}
.pp-drop{display:none;position:absolute;right:0;top:52px;flex-direction:column;min-width:240px;padding:10px;background:var(--bone);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.pp-drop a{padding:12px 14px;text-decoration:none;border-radius:10px}
.pp-drop a:hover{background:var(--paper-2)}
@media (max-width:900px){.pp-nav{display:none}.pp-menu{display:block}}

/* ——— первый экран ——— */
.pp-hero{position:relative;z-index:1;padding:clamp(28px,6vw,72px) 0 clamp(40px,6vw,80px)}
.pp-hero .pp-wrap{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);align-items:start}
.pp-hero-text{grid-column:1/8;max-width:720px;padding-top:clamp(0px,3vw,36px)}
.pp-hero h1{margin:18px 0 22px;font:700 clamp(34px,4.5vw,62px)/1.03 var(--sans);letter-spacing:-.045em;color:var(--ink)}
.pp-hero h1 em{font-size:1.08em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em;letter-spacing:-.02em;line-height:.9}
.pp-lead{max-width:560px;margin:0 0 30px;font-size:clamp(17px,1.7vw,20px);line-height:1.55;color:var(--mute)}
.pp-lead b{color:var(--ink);font-weight:600}
.pp-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pp-cta .pp-link{font-size:15.5px;padding:12px 6px;text-decoration:none;border-bottom:1px solid var(--line-2)}
.pp-cta .pp-link:hover{border-color:var(--accent);color:var(--accent)}
.pp-hero-art{grid-column:8/13;position:relative}
.pp-hero-photo{position:relative;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:radial-gradient(120% 90% at 70% 10%,#16305a,#0b1426 55%,#070a12)}
.pp-hero-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:ppZoom 2.2s cubic-bezier(.2,.7,.2,1) both}
.pp-fig{position:absolute;left:16px;top:14px;color:#E6ECF8;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.pp-tim{text-decoration:none;color:var(--ink);position:absolute;left:-36px;bottom:-26px;display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;background:var(--bone);
  border:1px solid var(--line);border-radius:999px;box-shadow:0 14px 34px rgba(0,0,0,.5);max-width:290px}
.pp-tim img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.pp-tim b{display:block;font-size:15px;line-height:1.2}
.pp-tim span{font-size:13px;color:var(--mute);line-height:1.3}
.pp-facts{grid-column:1/13;display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(40px,6vw,72px);border-top:1px solid var(--line)}
.pp-facts div{padding:18px 18px 0 0}
.pp-facts b{display:block;font:500 italic clamp(30px,3.6vw,46px)/1 var(--serif);color:var(--ink)}
.pp-facts span{font-size:14.5px;color:var(--mute)}
@keyframes ppZoom{from{transform:scale(1.12)}to{transform:scale(1.04)}}
@keyframes ppUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
/* текст первого экрана без анимации: виден сразу (скорость, метрики поиска) */
@media (max-width:900px){
  .pp-hero-text,.pp-hero-art{grid-column:1/-1}
  .pp-hero-art{order:-1}.pp-hero-photo{aspect-ratio:16/11}
  .pp-tim{left:12px;bottom:-22px}
  .pp-hero h1{margin-top:44px}
  .pp-facts{grid-template-columns:1fr 1fr}.pp-facts div:last-child{grid-column:1/-1}
}

/* ——— разделы ——— */
.pp-sec{position:relative;z-index:1;padding:clamp(56px,8vw,112px) 0}
.pp-head{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);margin-bottom:clamp(28px,4vw,48px);align-items:end}
.pp-head .pp-num{grid-column:1/3;font:500 italic clamp(44px,6vw,88px)/.8 var(--serif);color:var(--faint)}
.pp-head .pp-ht{grid-column:3/10}
.pp-head h2{margin:10px 0 0;font:700 clamp(30px,4.2vw,56px)/1.04 var(--sans);letter-spacing:-.04em}
.pp-head p{grid-column:10/13;margin:0;color:var(--mute);font-size:15.5px;line-height:1.55}
@media (max-width:900px){.pp-head .pp-num,.pp-head .pp-ht,.pp-head p{grid-column:1/-1}.pp-head .pp-num{font-size:56px}}
.pp-rule{height:1px;background:var(--line);border:0;margin:0}

/* бенто направлений */
.pp-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut)}
.pp-tile{position:relative;display:flex;flex-direction:column;background:var(--bone);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  transition:transform .4s var(--ease-out),border-color .3s ease}
.pp-tile:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.pp-tile .ph{position:relative;aspect-ratio:16/10;min-height:0;overflow:hidden;background:radial-gradient(120% 90% at 30% 0%,#14284a,#0a1120 70%)}
.pp-tile .ph img,.pp-farewell .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.pp-tile:hover .ph img{transform:scale(1.04)}
.pp-tile .bd{display:flex;flex-direction:column;gap:12px;padding:22px 24px 24px;flex:1}
.pp-tile h3{margin:0;font:650 clamp(22px,2.2vw,28px)/1.12 var(--sans);letter-spacing:-.03em}
.pp-tile h3 a{text-decoration:none}
.pp-tile h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.pp-tile p{margin:0;color:var(--mute);font-size:16px}
.pp-tags{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:auto;padding-top:6px;position:relative;z-index:2}
.pp-tags a{font-size:14.5px;text-decoration:none;color:var(--ink-2);border-bottom:1px solid var(--line-2);padding:2px 0}
.pp-tags a:hover{color:var(--accent);border-color:var(--accent)}
.t-a{grid-column:span 7;grid-row:span 2}.t-a .ph{aspect-ratio:auto;flex:1 1 auto;min-height:340px}.t-a .bd{flex:0 0 auto}
.t-b,.t-c{grid-column:span 5}
.t-d{grid-column:span 12;flex-direction:row}.t-d .ph{aspect-ratio:auto;width:42%;min-height:260px}.t-d .bd{justify-content:center;padding:32px 40px}
@media (max-width:900px){.t-a,.t-b,.t-c,.t-d{grid-column:1/-1;grid-row:auto}.t-a .ph{min-height:220px;flex:none;aspect-ratio:16/10}
  .t-d{flex-direction:column}.t-d .ph{width:100%;aspect-ratio:16/10}.t-d .bd{padding:22px 24px}}
/* проводы — тихая тёмная полоса */
.pp-farewell{grid-column:1/-1;display:grid;grid-template-columns:5fr 7fr;background:var(--night);border:1px solid var(--line);color:var(--ink);border-radius:var(--r);overflow:hidden}
.pp-farewell .ph{position:relative;min-height:280px;background:#0b0f18}.pp-farewell .ph img{opacity:.9}
.pp-farewell .bd{padding:32px clamp(22px,4vw,48px);display:flex;flex-direction:column;gap:12px;justify-content:center}
.pp-farewell .pp-mono{color:var(--faint)}
.pp-farewell h3{margin:0;font:500 italic clamp(30px,3.4vw,44px)/1 var(--serif);color:var(--ink)}
.pp-farewell p{margin:0;color:var(--mute)}
.pp-farewell summary{cursor:pointer;list-style:none;color:var(--ink);font-size:15px;border-bottom:1px solid var(--line-2);width:max-content}
.pp-farewell summary::-webkit-details-marker{display:none}
.pp-farewell details[open] summary{margin-bottom:12px}
.pp-farewell .pp-tags a{color:var(--ink);border-color:var(--line-2)}
@media (max-width:900px){.pp-farewell{grid-template-columns:1fr}}

/* мастера — оглавление журнала */
.pp-index{border-top:1px solid var(--ink)}
.pp-row{display:grid;grid-template-columns:72px 1.1fr 1.4fr 1fr;gap:var(--gut);padding:28px 0;border-bottom:1px solid var(--line);align-items:start;transition:background .3s}
.pp-row:hover{background:linear-gradient(90deg,transparent,var(--paper-2) 30%,transparent)}
.pp-row .n{font:400 13px/1.9 var(--mono);color:var(--faint)}
.pp-row h3{margin:0;font:650 clamp(24px,2.6vw,34px)/1.05 var(--sans);letter-spacing:-.035em}
.pp-row h3 a{text-decoration:none}
.pp-row h3 a:hover{color:var(--accent)}
.pp-row .who{display:block;margin-top:8px;font:500 italic 19px/1.25 var(--serif);color:var(--mute)}
.pp-row p{margin:0;color:var(--ink-2);font-size:16px}
.pp-row .pp-mono{display:block;margin-bottom:8px}
.pp-row .lk{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.pp-row .lk a{font-size:15px;text-decoration:none;color:var(--ink-2)}
.pp-row .lk a::before{content:"→ ";color:var(--accent)}
.pp-row .lk a:hover{color:var(--accent)}
.pp-row .lk a.main{font-weight:600;color:var(--ink)}
@media (max-width:900px){.pp-row{grid-template-columns:44px 1fr}.pp-row>p,.pp-row>.lk,.pp-row>div:not(.n){grid-column:2}}

/* связь и подвал */
.pp-close{padding:clamp(64px,10vw,140px) 0 40px;position:relative;z-index:1}
.pp-close h2{margin:0 0 20px;font:700 clamp(40px,7.2vw,104px)/.98 var(--sans);letter-spacing:-.05em;max-width:12ch}
.pp-close h2 em{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.pp-close p{max-width:520px;color:var(--mute);margin:0 0 28px;font-size:18px}
.pp-close .pp-cta a.pp-link{font-size:16px}
.pp-mega{position:relative;z-index:1;font:800 clamp(80px,23vw,330px)/.78 var(--sans);letter-spacing:-.07em;color:transparent;
  -webkit-text-stroke:1px var(--line-2);text-align:center;margin:40px 0 0;user-select:none;white-space:nowrap;overflow:hidden}
.pp-foot{position:relative;z-index:1;border-top:1px solid var(--line);padding:26px 0 40px;font-size:13px;color:var(--faint)}
.pp-foot p{margin:0 0 8px;max-width:900px}
.pp-foot a{color:var(--mute)}

/* появление при прокрутке */
html.js .rv{opacity:0;transform:translateY(22px);transition:opacity var(--t-reveal) var(--ease-out),transform var(--t-reveal) var(--ease-out)}
html.js .rv.in,html.js .rv.on,html.js .rv.show{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html.js .rv{opacity:1;transform:none}}

/* ——— блоки агентов в новой одежде ——— */
html body .tlg-sec{position:relative;z-index:1;max-width:var(--wrap);margin:0 auto;padding:clamp(48px,7vw,96px) var(--gut)}
html body .tlg-head{text-align:left;max-width:none;margin:0 0 32px}
html body .tlg-kicker{font:400 12px/1.4 var(--mono)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)!important;background:none!important;border:0!important;padding:0!important}
html body .tlg-head h2,html body .b2b h2,html body .b2b h3{font:700 clamp(28px,3.8vw,48px)/1.05 var(--sans)!important;letter-spacing:-.04em;color:var(--ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html body .tlg-head p{color:var(--mute)!important;max-width:620px;margin-left:0}
html body .tlg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--gut)}
html body .gcard{background:var(--bone)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:none!important;color:var(--ink)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body .gcard::before,html body .gcard::after,html body .b2b::before,html body .b2b::after{display:none!important}
html body .gcard h3,html body .gcard h3 a{color:var(--ink)!important;font-family:var(--sans)!important;letter-spacing:-.025em}
html body .gcard p{color:var(--mute)!important}
html body .g-ic{display:none!important}
html body .g-tag,html body .g-more{font:400 12px/1.4 var(--mono)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)!important;background:none!important;border:0!important;padding:0!important}
html body .chip{background:transparent!important;border:0!important;border-bottom:1px solid var(--line-2)!important;border-radius:0!important;padding:3px 0!important;margin-right:12px;color:var(--ink-2)!important;box-shadow:none!important;font-size:14.5px}
html body .chip:hover{color:var(--accent)!important;border-color:var(--accent)!important}
html body .chip.main{color:var(--accent)!important;font-weight:600}
html body .b2b{background:radial-gradient(90% 120% at 100% 0%,rgba(124,124,255,.08),transparent 55%),radial-gradient(80% 120% at 0% 100%,rgba(79,180,242,.08),transparent 60%),var(--bone)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:none!important}
html body .b2b h2,html body .b2b h3,html body .b2b b,html body .b2b strong{color:var(--ink)!important}
html body .b2b p,html body .b2b li{color:var(--mute)!important}
html body .b2b a:not(.pp-btn):not(.p){color:var(--ink)!important}
html body .b2b .num,html body .b2b [data-jcount]{font-family:var(--serif)!important;font-style:italic;color:var(--accent)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html body .tlp{background:var(--bone)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;padding:clamp(22px,4vw,40px)!important;margin:0!important}
html body .tlp h2{font:700 clamp(26px,3.2vw,40px)/1.05 var(--sans)!important;letter-spacing:-.035em}
html body .tlp legend{font:400 12px/1.4 var(--mono)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
html body .tlp label span{background:var(--paper);border-color:var(--line-2)!important;font-size:15px}
html body .tlp input:checked+span{background:rgba(79,180,242,.12)!important;color:var(--ink)!important;border-color:var(--accent)!important}
html body .tlp .tlp-go a{border-radius:999px!important;border-color:var(--line-2)!important;color:var(--ink)!important;background:transparent}
html body .tlp .tlp-go a.tlp-main{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-ink)!important}
html body .g-depth{background:var(--paper-2)!important;border-color:var(--line)!important;color:var(--ink)!important}
html body #tl-consent{background:var(--bone)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:0 18px 50px rgba(0,0,0,.55)!important}
html body #tl-consent a{color:var(--accent)!important}
html body #tl-consent .tl-ok{background:var(--accent)!important;color:var(--accent-ink)!important;border:0!important}
html body #tl-consent .tl-no{color:var(--ink-2)!important;border-color:var(--line-2)!important}
html body #tl-consent-veil{background:rgba(2,4,10,.6)!important}
html body #tl-donate{background:var(--bone)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important}
html body .tlpr-box{background:var(--bone)!important;color:var(--ink)!important;border:1px solid var(--line)!important}

html body .b2b h2 span,html body .b2b h3 span,html body .b2b .grad{background:var(--grad)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
html body a.p,html body a.gd-go,html body .b2b .btn{background:var(--accent)!important;color:var(--accent-ink)!important;-webkit-text-fill-color:currentColor!important;border:0!important;box-shadow:none!important;border-radius:999px!important}
html body .num,html body .gd-soon{border-color:var(--line-2)!important}
html body #uslugi .gcard b{color:var(--ink)!important}
html body .b2b li::before,html body .b2b li svg{color:var(--accent)!important;fill:var(--accent)!important}
html body .tl-bubble{background:var(--bone)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:0 14px 34px rgba(0,0,0,.5)!important}
html body .tl-bubble *{color:inherit!important}
html body #tl-donate>span[aria-hidden]{display:none}
html body #tl-consent .tl-ok,html body #tl-consent button.tl-ok{background-image:none!important}

/* фирменное свечение первого экрана — вместо созвездий */
.pp-hero::before{content:"";position:absolute;inset:-10% -10% auto;height:120%;pointer-events:none;z-index:-1;
  background:radial-gradient(40% 50% at 78% 30%,rgba(79,180,242,.10),transparent 70%),radial-gradient(35% 45% at 95% 70%,rgba(124,124,255,.07),transparent 70%)}
.pp-btn{box-shadow:0 8px 24px rgba(79,180,242,.18)}
.pp-btn:active{transform:scale(.97)}
.pp-btn.line{box-shadow:inset 0 0 0 1px var(--line-2)}
.pp-tile{background:linear-gradient(180deg,var(--bone),var(--paper-2))}
.pp-tile:hover{border-color:var(--line-2)}

/* ——— движение и живое поле ——— */
#tl-field{position:absolute;left:0;top:0;width:100%;height:min(100vh,1200px);z-index:0;pointer-events:none;filter:blur(70px);opacity:.9}
.pp-hero{overflow-x:clip}
html body{overflow-x:clip}
.pp-hero,.pp-top,main{position:relative}
.pp-hero{z-index:1}
.pp-top{transition:box-shadow var(--t-ui) ease,background var(--t-ui) ease}
.pp-top.is-scrolled{box-shadow:0 1px 0 var(--line-2),0 12px 40px rgba(0,0,0,.35)}
.pp-top .pp-wrap{transition:height var(--t-ui) var(--ease-out)}
.pp-top.is-scrolled .pp-wrap{height:56px}
.pp-btn{will-change:transform}
.pp-tile .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,9,15,.55));opacity:0;transition:opacity .4s ease}
.pp-tile:hover .ph::after{opacity:1}
.pp-row .lk a{transition:color var(--t-fast) ease,transform var(--t-fast) var(--ease-out)}
.pp-row .lk a:hover{transform:translateX(3px)}
.pp-nav a{transition:background var(--t-fast) ease,color var(--t-fast) ease}
@view-transition{navigation:auto}
.pp-top{view-transition-name:tl-top}
::view-transition-old(root){animation:tlOut .22s var(--ease-out) both}
::view-transition-new(root){animation:tlIn .32s var(--ease-out) both}
@keyframes tlOut{to{opacity:0;transform:translateY(-6px)}}
@keyframes tlIn{from{opacity:0;transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){#tl-field{display:none}::view-transition-old(root),::view-transition-new(root){animation:none}}

/* ——— светлая тема «День»: то же решение в противоположном исполнении (слово Тима 25.10) ———
   холодный туман и белая бумага, тот же льдисто-голубой, но глубже ради контраста; тёмные окна (фото, полоса «Проводы») остаются ночными */
:root[data-theme="light"],:root:not([data-theme="dark"]).auto-light{
  --paper:#F2F4F8; --paper-2:#E9EDF3; --bone:#FFFFFF; --raise:#FFFFFF; --ink:#0E1320; --ink-2:#2A3245; --mute:#5B6578; --faint:#6F7990;
  --line:rgba(14,19,32,.08); --line-2:rgba(14,19,32,.15); --line-solid:#D9DEE8;
  --accent:#1B7FD6; --accent-2:#2E90E6; --accent-ink:#FFFFFF; --violet:#5B5BE6; --mag:#7A4FE0; --night:#0E1320;
  --grad:linear-gradient(100deg,#1B7FD6 0%,#5B5BE6 60%,#7A4FE0 100%); --shadow:0 24px 60px rgba(14,19,32,.12);
  color-scheme:light;
}
:root[data-theme="light"] body::before,:root.auto-light body::before{mix-blend-mode:multiply;opacity:.05}
:root[data-theme="light"] #tl-field,:root.auto-light #tl-field{mix-blend-mode:multiply;opacity:.55}
:root[data-theme="light"] .pp-hero::before,:root.auto-light .pp-hero::before{background:radial-gradient(40% 50% at 78% 30%,rgba(27,127,214,.10),transparent 70%),radial-gradient(35% 45% at 95% 70%,rgba(91,91,230,.07),transparent 70%)}
:root[data-theme="light"] .pp-top,:root.auto-light .pp-top{background:color-mix(in srgb,var(--paper) 86%,transparent)}
:root[data-theme="light"] .pp-top.is-scrolled,:root.auto-light .pp-top.is-scrolled{box-shadow:0 1px 0 var(--line-2),0 12px 40px rgba(14,19,32,.08)}
:root[data-theme="light"] .pp-tile,:root.auto-light .pp-tile{background:var(--bone);box-shadow:0 1px 2px rgba(14,19,32,.04)}
:root[data-theme="light"] .pp-tile:hover,:root.auto-light .pp-tile:hover{box-shadow:0 18px 40px rgba(14,19,32,.10)}
:root[data-theme="light"] .pp-farewell,:root.auto-light .pp-farewell{color:#E9EDF5;--ink:#E9EDF5;--mute:#A8B0C2;--faint:#7C859A;--line-2:rgba(255,255,255,.14)}
:root[data-theme="light"] .pp-tim,:root.auto-light .pp-tim{box-shadow:0 14px 34px rgba(14,19,32,.14)}
:root[data-theme="light"] .pp-mega,:root.auto-light .pp-mega{-webkit-text-stroke:1px var(--line-2)}
:root[data-theme="light"] .pp-btn,:root.auto-light .pp-btn{box-shadow:0 8px 24px rgba(27,127,214,.22)}
:root[data-theme="light"] .pp-row:hover,:root.auto-light .pp-row:hover{background:linear-gradient(90deg,transparent,var(--paper-2) 30%,transparent)}
:root[data-theme="light"] html body .b2b,:root.auto-light body .b2b{background:radial-gradient(90% 120% at 100% 0%,rgba(91,91,230,.07),transparent 55%),radial-gradient(80% 120% at 0% 100%,rgba(27,127,214,.07),transparent 60%),var(--bone)!important}
:root[data-theme="light"] #tl-consent-veil,:root.auto-light #tl-consent-veil{background:rgba(14,19,32,.35)!important}
/* переключатель темы в шапке */
.pp-theme{width:40px;height:40px;border-radius:999px;border:0;background:transparent;color:var(--mute);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:4px;transition:background var(--t-fast) ease,color var(--t-fast) ease}
.pp-theme:hover{background:var(--paper-2);color:var(--ink)}
.pp-theme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pp-theme .sun{display:none}.pp-theme .moon{display:block}
:root[data-theme="light"] .pp-theme .sun,:root.auto-light .pp-theme .sun{display:block}
:root[data-theme="light"] .pp-theme .moon,:root.auto-light .pp-theme .moon{display:none}
html{transition:background-color .35s ease}
body,.pp-top,.pp-tile,.pp-row,.pp-btn.line{transition-property:background-color,color,border-color;transition-duration:.35s;transition-timing-function:ease}
.pp-theme-m{display:none}
@media (max-width:900px){.pp-theme-m{display:inline-flex;margin-left:auto}.pp-menu{margin-left:8px}}
.pp-hero h1 em{white-space:nowrap}
@media (max-width:420px){.pp-hero h1 em{white-space:normal}}

/* плашка «Поддержать журнал»: кнопка закрытия не меньше 36 px (на всех страницах) */
html body #tl-donate .tld-x,html body #tl-donate button{min-width:36px!important;min-height:36px!important;width:36px!important;height:36px!important;display:inline-flex!important;align-items:center;justify-content:center}

/* старые страницы дорисовывали «+» к любому summary — у меню шапки не надо */
html body .pp-menu summary::after,html body .pp-menu summary::before{content:none!important}