/* Страница «Обо мне» (/about/) — app/templates/pages/about.php. Перенос прототипа design-prototypes/about/08-about.html:
   классы с приставкой ab-, палитра прототипа на .ab, отступы браузера по умолчанию (site.css их обнуляет) — с нулевым весом. */
:where(.ab) :is(p, ul, ol, dl){margin:1em 0}
.ab [hidden]{display:none!important}
:where(.ab) :is(ul, ol){padding-left:40px}
:where(.ab) :is(h3, h4){margin:1em 0}
:where(.ab) blockquote{margin:1em 40px}
:where(.ab) dd{margin-left:40px}
:where(.ab) :is(h1, h2, h3, h4){font-weight:800}
.ab .ab-hero{padding-top:calc(var(--header-h) + 56px)}
.ab .ab-plats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media(max-width:640px){.ab .ab-photo{width:min(100%,250px)}}
.ab{--bg:#060b14;--bg2:#08101b;--panel:#0b1725;--panel2:#0d1d2b;--line:#1f3446;--line2:#2b475c;--text:#eef8ff;--read:#cfdde8;--muted:#8fa5b6;--cyan:#19d9ed;--blue:#2b8cff;--lime:#c8f781;--red:#ff7a7a;--amber:#ffb547;--violet:#a78bfa;--tg:#2aabee;--yt:#ff0033;--vk:#0077ff}
.ab{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
:where(.ab) a{color:var(--cyan);text-decoration:none}
:where(.ab) a:hover{text-decoration:underline}
:where(.ab) img{max-width:100%;display:block}
.ab-wrap{width:min(calc(100% - 40px),1200px);margin:auto}
.ab-micro{display:inline-block;font:700 11.5px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
.ab-btn{display:inline-flex;align-items:center;gap:8px;border-radius:100px;padding:13px 22px;font-weight:700;font-size:15px;background:linear-gradient(110deg,var(--cyan),var(--blue));color:#03131a;transition:transform .2s,box-shadow .2s}
.ab-btn:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 30px #19d9ed33}
.ab-btn.ab-ghost{background:none;border:1px solid var(--line2);color:var(--text)}
.ab-btn.ab-ghost:hover{border-color:var(--cyan);box-shadow:none}
:where(.ab) section.ab-blk{padding:112px 0}
:where(.ab) section.ab-alt{background:linear-gradient(180deg,var(--bg2),var(--bg) 85%)}
:where(.ab) h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-.04em;line-height:1.08;margin:0 0 16px;font-weight:800}
.ab-lead{color:var(--read);font-size:19px;margin:0 0 48px;max-width:680px}
.ab-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:40px}
.ab-head-row .ab-lead{margin:0}
.ab-ico{width:22px;height:22px;flex:none}
.ab-ico-tg{fill:var(--tg)}
.ab-ico-yt{fill:var(--yt)}
.ab-ico-gh{fill:#fff}
.ab-ib{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none}
.ab-ib.ab-tg{background:#2aabee1f}
.ab-ib.ab-yt{background:#ff00331f}
.ab-ib.ab-vk{background:#0077ff1f}
.ab-ib.ab-gh{background:#ffffff12}
.ab-ib.ab-ar{background:#19d9ed18}
.ab-ib.ab-ml{background:#c8f78118}
.ab-vkmark{font:900 13px/1 Arial;color:#fff;background:var(--vk);border-radius:6px;padding:4px 4px 3px;letter-spacing:-.04em}
.ab-hero{padding:72px 0 88px;background:radial-gradient(circle at 78% 28%,#0b3242 0,transparent 42%),radial-gradient(circle at 10% 90%,#12203a 0,transparent 40%)}
.ab-crumbs{font-size:13px;color:var(--muted)}
.ab-crumbs a{color:var(--muted)}
.ab-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:80px;align-items:center;margin-top:36px}
.ab-tag{display:inline-flex;gap:9px;align-items:center;border:1px solid var(--line2);border-radius:100px;padding:7px 14px;font:700 11.5px ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ab-tag i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
:where(.ab) h1{font-size:clamp(46px,6.2vw,84px);line-height:.98;letter-spacing:-.055em;margin:26px 0 20px;font-weight:800}
.ab-roles{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.ab-roles span{font-weight:700;font-size:15px;padding:7px 14px;border-radius:10px;background:#0a1a28;border:1px solid var(--line)}
.ab-roles span:nth-child(1){color:var(--cyan)}
.ab-roles span:nth-child(2){color:var(--lime)}
.ab-roles span:nth-child(3){color:var(--violet)}
.ab-def{font-size:20px;line-height:1.6;color:var(--read);max-width:620px;margin:0 0 26px}
.ab-def b{color:var(--text);font-weight:700}
.ab-now{display:flex;gap:14px;align-items:flex-start;max-width:620px;padding:16px 18px;border-radius:14px;background:#0b1725cc;border:1px solid var(--line)}
.ab-now .ab-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);margin-top:9px;flex:none;box-shadow:0 0 0 5px #c8f78122}
.ab-now p{margin:0;font-size:15.5px;color:var(--read)}
.ab-now b{color:var(--lime);font:700 11px ui-monospace,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;display:block}
.ab-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.ab-photo{position:relative;justify-self:center;width:min(100%,420px)}
.ab-photo .ab-frame{aspect-ratio:4/5;border-radius:28px;overflow:hidden;border:1px solid #3d5a6e;box-shadow:0 40px 90px #000c,0 0 0 10px #0b172566}
.ab-photo img{width:100%;height:100%;object-fit:cover}
.ab-orb{position:absolute;font:600 12px ui-monospace,Consolas,monospace;color:var(--muted);background:#060b14f0;border:1px solid var(--line2);border-radius:12px;padding:10px 13px;white-space:nowrap;box-shadow:0 14px 34px #000a}
.ab-orb b{display:block;font:800 22px -apple-system,Segoe UI,Arial;color:var(--cyan);letter-spacing:-.03em}
.ab-orb.ab-o1{left:-44px;top:10%}
.ab-orb.ab-o2{right:-38px;top:46%}
.ab-orb.ab-o2 b{color:var(--lime)}
.ab-orb.ab-o3{left:-30px;bottom:7%}
.ab-orb.ab-o3 b{color:var(--tg)}
.ab-plats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:72px}
.ab-rc{position:relative}
.ab-pl{display:flex;flex-direction:column;gap:12px;height:100%;padding:18px;border-radius:16px;border:1px solid var(--line);background:#0b1725b3;color:var(--text);transition:border-color .2s,transform .2s,background .2s}
.ab-pl:hover{text-decoration:none;border-color:var(--line2);background:var(--panel);transform:translateY(-3px)}
.ab-pl b{font-size:15px;display:block;line-height:1.3}
.ab-pl span{font-size:13px;color:var(--muted);line-height:1.4}
.ab-pl em{font-style:normal;font:700 12px ui-monospace,Consolas,monospace;color:var(--read);margin-top:auto}
.ab-rc.ab-tgc .ab-pl:hover{border-color:#2aabee77}
.ab-rc.ab-ytc .ab-pl:hover{border-color:#ff003377}
.ab-rc.ab-vkc .ab-pl:hover{border-color:#0077ff77}
.ab-pv{position:absolute;z-index:40;left:0;top:calc(100% + 12px);width:360px;border:1px solid var(--line2);border-radius:18px;background:#08121e;box-shadow:0 30px 70px #000e;padding:18px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.ab-rc:nth-child(n+4) .ab-pv{left:auto;right:0}
.ab-pv:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
@media(hover:hover){
  .ab-rc:hover .ab-pv,.ab-rc:focus-within .ab-pv{opacity:1;visibility:visible;transform:none}
}
.ab-rc.ab-open .ab-pv{opacity:1;visibility:visible;transform:none}
.ab-pv-h{display:flex;gap:12px;align-items:center}
.ab-av{width:50px;height:50px;border-radius:50%;flex:none;display:grid;place-items:center}
.ab-pv-h b{display:block;font-size:15.5px;line-height:1.25}
.ab-pv-h span{font-size:12.5px;color:var(--muted)}
.ab-pv-c{display:flex;gap:18px;margin:14px 0 10px;font-size:12.5px;color:var(--muted)}
.ab-pv-c b{color:var(--text);font-size:17px;display:block}
.ab-pv p{margin:0 0 12px;font-size:13.5px;color:var(--read);line-height:1.5}
.ab-pv-l{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}
.ab-pv-l li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;font-size:12.5px;color:var(--read);line-height:1.35}
.ab-pv-l time{font:600 11px ui-monospace,Consolas,monospace;color:var(--muted);display:block}
.ab-pv-l img{width:72px;aspect-ratio:16/9;object-fit:cover;border-radius:6px}
.ab-pv-f{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);padding-top:10px;border-top:1px solid var(--line)}
.ab-pv-f a{font-size:13.5px;font-weight:700}
.ab-nums{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ab-nums div{padding:34px 26px}
.ab-nums div+div{border-left:1px solid var(--line)}
.ab-nums b{display:block;font-size:clamp(34px,3.6vw,48px);font-weight:800;letter-spacing:-.05em;line-height:1}
.ab-nums span{display:block;font-size:14px;color:var(--muted);margin-top:8px}
.ab-nums small{display:block;font-size:11.5px;color:#5f7587;margin-top:4px}
.ab-pull{padding:120px 0;text-align:center;position:relative}
.ab-pull blockquote{margin:0 auto;max-width:900px;font-size:clamp(28px,3.4vw,44px);line-height:1.2;letter-spacing:-.035em;font-weight:700}
.ab-pull blockquote:before{content:"“";display:block;font:800 90px/0.6 Georgia,serif;color:var(--cyan);opacity:.5;margin-bottom:18px}
.ab-pull blockquote em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}
.ab-pull cite{display:block;margin-top:24px;font:600 13px ui-monospace,Consolas,monospace;color:var(--muted);font-style:normal;letter-spacing:.04em}
.ab-pull cite a{color:var(--muted);text-decoration:underline}
.ab-filters{display:flex;flex-wrap:wrap;gap:8px}
.ab-filters button{font:600 14px/1 inherit;font-family:inherit;color:var(--read);background:transparent;border:1px solid var(--line2);border-radius:100px;padding:11px 17px;cursor:pointer;transition:.2s}
.ab-filters button:hover{border-color:var(--cyan)}
.ab-filters button.ab-on{background:var(--text);color:#03131a;border-color:var(--text)}
.ab-filters button i{font-style:normal;color:var(--muted);margin-left:6px}
.ab-filters button.ab-on i{color:#4b5b68}
.ab-poster{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0d1d2b;cursor:pointer;display:block}
.ab-poster img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s;filter:saturate(.92) brightness(.92)}
.ab-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#000a);pointer-events:none}
.ab-vcard:hover .ab-poster img,.ab-featured:hover .ab-poster img{transform:scale(1.08);filter:saturate(1.05) brightness(1)}
.ab-play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:#ffffffeb;display:grid;place-items:center;box-shadow:0 10px 30px #0009;transition:transform .3s,background .3s;z-index:2}
.ab-play:before{content:"";border-left:19px solid #03131a;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}
.ab-vcard:hover .ab-play,.ab-featured:hover .ab-play{transform:scale(1.12);background:#fff}
.ab-dur{position:absolute;right:12px;bottom:12px;z-index:2;background:#000c;font:700 12px ui-monospace,Consolas,monospace;padding:4px 8px;border-radius:6px}
.ab-kind{position:absolute;left:12px;top:12px;z-index:2}
.ab-chip{display:inline-block;font:700 10.5px ui-monospace,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase;padding:5px 9px;border-radius:7px;background:#060b14d9;border:1px solid var(--line2)}
.ab-k-conf{color:var(--amber)}
.ab-k-own{color:var(--cyan)}
.ab-k-guest{color:var(--violet)}
.ab-k-pod{color:var(--lime)}
.ab-featured{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:44px;align-items:center;margin:40px 0 28px}
.ab-featured .ab-poster{border-radius:20px;box-shadow:0 30px 70px #0009}
.ab-featured .ab-play{width:84px;height:84px;margin:-42px 0 0 -42px}
.ab-featured .ab-play:before{border-left-width:26px;border-top-width:15px;border-bottom-width:15px}
.ab-featured h3{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.03em;line-height:1.15;margin:10px 0 14px}
.ab-meta{font-size:14px;color:var(--muted)}
.ab-meta b{color:var(--read);font-weight:600}
.ab-points{margin:18px 0 22px;padding:0;list-style:none;display:grid;gap:10px}
.ab-points li{position:relative;padding-left:24px;font-size:16px;color:var(--read)}
.ab-points li:before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--cyan)}
.ab-points b{color:var(--text)}
.ab-links{display:flex;flex-wrap:wrap;gap:10px}
.ab-links a{font-size:14px;font-weight:600;border:1px solid var(--line2);border-radius:10px;padding:8px 13px;color:var(--read)}
.ab-links a:hover{border-color:var(--cyan);color:var(--text);text-decoration:none}
.ab-vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ab-vcard{display:flex;flex-direction:column;gap:14px}
.ab-vcard .ab-poster{border-radius:16px}
.ab-vcard h4{margin:0;font-size:18px;line-height:1.3;letter-spacing:-.01em}
.ab-vcard p{margin:0;font-size:14.5px;color:var(--read)}
.ab-vcard .ab-row{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}
.ab-host{display:inline-flex;align-items:center;gap:6px}
.ab-host .ab-ico{width:15px;height:15px}
.ab-more{display:flex;justify-content:center;margin-top:48px}
.ab-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ab-topic{border:1px solid var(--line);border-radius:20px;padding:30px;background:linear-gradient(160deg,#0b1725,#08101b);transition:border-color .2s}
.ab-topic:hover{border-color:var(--line2)}
.ab-topic .ab-tn{font:700 12px ui-monospace,Consolas,monospace;color:var(--muted);letter-spacing:.1em}
.ab-topic h3{font-size:24px;letter-spacing:-.025em;margin:8px 0 10px}
.ab-topic>p{margin:0 0 20px;color:var(--read);font-size:15.5px}
.ab-topic ul{list-style:none;padding:0;margin:0;display:grid;gap:2px}
.ab-topic li a{display:grid;grid-template-columns:86px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);color:var(--text);font-size:15px}
.ab-topic li a:hover{text-decoration:none;color:var(--cyan)}
.ab-topic li small{font:700 10.5px ui-monospace,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.ab-topic li i{font-style:normal;color:var(--muted)}
.ab-pubs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.ab-article{display:block;border:1px solid var(--line);border-radius:20px;padding:30px;background:var(--panel);color:var(--text);transition:.2s}
.ab-article:hover{text-decoration:none;border-color:var(--line2);transform:translateY(-3px)}
.ab-article .ab-src{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.ab-article .ab-src b{color:var(--text)}
.ab-article h3{font-size:24px;line-height:1.2;letter-spacing:-.025em;margin:18px 0 12px}
.ab-article p{margin:0;color:var(--read);font-size:15.5px}
.ab-article .ab-foot{display:flex;justify-content:space-between;margin-top:22px;font-size:13.5px;color:var(--muted)}
.ab-said{display:grid;gap:18px}
.ab-said figure{margin:0;padding:0 0 0 22px;border-left:2px solid var(--violet)}
.ab-said blockquote{margin:0;font-size:18px;line-height:1.45;color:var(--text)}
.ab-said figcaption{margin-top:8px;font-size:13.5px;color:var(--muted)}
.ab-said figcaption a{color:var(--muted);text-decoration:underline}
.ab-aw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ab-award{position:relative;border:1px solid #4a3c18;border-radius:20px;padding:28px;background:linear-gradient(160deg,#1a1405,#0b1725 65%);overflow:hidden}
.ab-award .ab-yr{font:800 64px/1 -apple-system,Segoe UI,Arial;letter-spacing:-.06em;color:#ffb5471f;position:absolute;right:18px;top:14px}
.ab-award .ab-medal{width:52px;height:52px;border-radius:14px;background:#ffb5471f;display:grid;place-items:center;font-size:24px;margin-bottom:18px}
.ab-award h4{margin:0 0 8px;font-size:19px;line-height:1.3}
.ab-award p{margin:0;font-size:15px;color:var(--read)}
.ab-award a{display:inline-block;margin-top:16px;font-size:14px;font-weight:600}
.ab-award.ab-soft{border-color:var(--line);background:var(--panel)}
.ab-award.ab-soft .ab-medal{background:#19d9ed14}
.ab-award.ab-soft .ab-yr{color:#19d9ed14}
.ab-docs-h{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:64px 0 24px}
.ab-docs-h h3{margin:0;font-size:22px}
.ab-cgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ab-cert{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.ab-cert .ab-scan{aspect-ratio:1.414;background:repeating-linear-gradient(135deg,#f4f1e8 0 12px,#ece7da 12px 24px);display:grid;place-items:center;color:#7b725e;font:700 12px ui-monospace,Consolas,monospace;cursor:zoom-in;transition:transform .4s}
.ab-cert:hover .ab-scan{transform:scale(1.04)}
.ab-cert .ab-body{padding:14px 16px}
.ab-cert .ab-type{font:700 10px ui-monospace,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--amber)}
.ab-cert b{display:block;font-size:15px;line-height:1.3;margin:4px 0}
.ab-cert span{font-size:13px;color:var(--muted)}
.ab-story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start}
.ab-story-text p{font-size:18px;line-height:1.7;color:var(--read);margin:0 0 20px}
.ab-story-text p:first-child:first-letter{float:left;font:800 64px/.85 -apple-system,Segoe UI,Arial;margin:6px 10px 0 0;color:var(--cyan)}
.ab-tl{list-style:none;margin:0;padding:0;position:relative}
.ab-tl:before{content:"";position:absolute;left:68px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--cyan),var(--violet),var(--lime))}
.ab-tl li{display:grid;grid-template-columns:56px 1fr;gap:34px;padding:0 0 26px;position:relative}
.ab-tl li:before{content:"";position:absolute;left:62px;top:7px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--cyan)}
.ab-tl li.ab-hl:before{background:var(--lime);border-color:var(--lime)}
.ab-tl b{font:800 17px ui-monospace,Consolas,monospace;text-align:right}
.ab-tl p{margin:0;font-size:15.5px;color:var(--read)}
.ab-made{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px}
.ab-mk{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:26px;color:var(--text);transition:.2s}
.ab-mk:hover{text-decoration:none;border-color:var(--line2);transform:translateY(-3px)}
.ab-mk.ab-big{grid-row:span 2;background:linear-gradient(160deg,#0d3346,#0b1725 65%);display:flex;flex-direction:column}
.ab-mk small{display:block;font:700 10.5px ui-monospace,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}
.ab-mk h4{margin:0 0 8px;font-size:21px}
.ab-mk p{margin:0;font-size:15px;color:var(--read)}
.ab-mk .ab-num{display:block;font-size:56px;font-weight:800;letter-spacing:-.05em;margin-top:auto;padding-top:24px;color:var(--lime);line-height:1}
.ab-answer{font-size:20px;line-height:1.6;color:var(--text);max-width:860px;margin:0 0 48px;padding:28px 32px;border-radius:18px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--cyan)}
.ab-two{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.ab-facts{margin:0;border-top:1px solid var(--line)}
.ab-facts div{display:grid;grid-template-columns:190px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.ab-facts dt{color:var(--muted)}
.ab-facts dd{margin:0}
.ab-faq{display:grid;gap:0;border-top:1px solid var(--line)}
.ab-faq div{padding:18px 0;border-bottom:1px solid var(--line)}
.ab-faq :is(h3,h4){margin:0 0 6px;font-size:17px}
.ab-faq p{margin:0;font-size:15.5px;color:var(--read)}
.ab-press{border-radius:28px;background:linear-gradient(130deg,#0d3346,#0b1a30 60%,#141a33);border:1px solid #23566b;padding:56px;display:grid;grid-template-columns:1.15fr 1fr;gap:56px}
.ab-ptopics{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}
.ab-ptopics li{border:1px solid #2c5f74;border-radius:14px;padding:14px 16px;background:#06121ccc}
.ab-ptopics b{display:block;font-size:16px}
.ab-ptopics span{font-size:14px;color:var(--read)}
.ab-kit{display:grid;gap:14px}
.ab-kit .ab-row{border:1px solid #2c5f74;border-radius:16px;padding:16px;background:#06121ccc}
.ab-kit .ab-row>b{display:block;font-size:15px;margin-bottom:10px}
.ab-photos{display:flex;gap:10px}
.ab-photos div{width:82px;aspect-ratio:4/5;border-radius:10px;background:#1b3242;overflow:hidden;border:1px solid #2c5f74}
.ab-photos img{width:100%;height:100%;object-fit:cover}
.ab-copy{font-size:14px;color:var(--read);background:#03101a;border:1px solid #1d3a4b;border-radius:10px;padding:12px 14px 12px;position:relative;padding-right:96px}
.ab-copy button{position:absolute;right:8px;top:8px;font:600 12px inherit;font-family:inherit;border:1px solid var(--line2);background:var(--panel);color:var(--text);border-radius:8px;padding:5px 10px;cursor:pointer}
.ab-final{text-align:center;padding:120px 0 140px}
.ab-final h2{max-width:820px;margin:0 auto 18px}
.ab-final p{color:var(--read);font-size:19px;margin:0 auto 34px;max-width:620px}
.ab-final .ab-cta{justify-content:center}
@media(max-width:1080px){
  .ab-plats{grid-template-columns:repeat(3,1fr)}
  .ab-nums{grid-template-columns:repeat(3,1fr)}
  .ab-nums div:nth-child(4){border-left:0}
  .ab-nums div:nth-child(n+4){border-top:1px solid var(--line)}
}
@media(max-width:980px){
  :where(.ab) section.ab-blk{padding:84px 0}
  .ab-hero-grid,.ab-featured,.ab-pubs,.ab-story,.ab-two,.ab-press{grid-template-columns:1fr;gap:48px}
  .ab-photo{order:-1;width:min(100%,320px)}
  .ab-vgrid,.ab-aw{grid-template-columns:1fr 1fr}
  .ab-cgrid{grid-template-columns:repeat(3,1fr)}
  .ab-made{grid-template-columns:1fr 1fr}
  .ab-mk.ab-big{grid-row:auto;grid-column:span 2}
  .ab-topics{grid-template-columns:1fr}
  .ab-press{padding:36px}
}
@media(max-width:640px){
  .ab{font-size:16px}
  :where(.ab) section.ab-blk{padding:68px 0}
  .ab-pull{padding:76px 0}
  .ab-plats{grid-template-columns:1fr 1fr}
  .ab-pv{position:static;width:auto;margin-top:8px;display:none;opacity:1;visibility:visible;transform:none}
  .ab-rc.ab-open .ab-pv{display:block}
  .ab-rc.ab-open{grid-column:1/-1}
  .ab-nums{grid-template-columns:1fr 1fr}
  .ab-nums div{padding:24px 16px}
  .ab-nums div:nth-child(odd){border-left:0}
  .ab-nums div:nth-child(n+3){border-top:1px solid var(--line)}
  .ab-vgrid,.ab-aw{grid-template-columns:1fr}
  .ab-cgrid{grid-template-columns:1fr 1fr}
  .ab-made{grid-template-columns:1fr}
  .ab-mk.ab-big{grid-column:auto}
  .ab-orb.ab-o1{left:-10px}
  .ab-orb.ab-o2{right:-10px}
  .ab-orb.ab-o3{left:-6px}
  .ab-facts div{grid-template-columns:1fr;gap:2px}
  .ab-topic li a{grid-template-columns:1fr auto}
  .ab-topic li small{display:none}
  .ab-press{padding:24px}
  .ab-answer{padding:20px}
}
@keyframes pinpulse{0%{box-shadow:0 0 0 0 #19d9ed44}70%{box-shadow:0 0 0 10px #19d9ed00}100%{box-shadow:0 0 0 0 #19d9ed00}}
.ab-creds{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 26px;max-width:640px}
.ab-cred{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--read);padding:7px 12px;border-radius:10px;background:#0b1725;border:1px solid var(--line)}
.ab-cred:hover{text-decoration:none;border-color:var(--line2);color:var(--text)}
.ab-cred i{font-style:normal;font-size:15px}
.ab-cred.ab-gold{border-color:#5c4a1c;background:linear-gradient(120deg,#1f1806,#0b1725);color:#ffd58a}
.ab-aw .ab-award.ab-wide{grid-column:span 2}
.ab-award .ab-case{display:flex;gap:16px;align-items:center;margin-top:14px;padding:12px;border-radius:12px;background:#060b14aa;border:1px solid #3a2f12}
.ab-award .ab-case b{display:block;font-size:14.5px;line-height:1.35}
.ab-award .ab-case span{font-size:12.5px;color:var(--muted)}
.ab-tvlogo{width:44px;height:44px;border-radius:11px;background:#ffb5471f;display:grid;place-items:center;font:900 14px Arial;color:var(--amber);flex:none}
.ab-comm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ab-comm-col h3{font:700 12px ui-monospace,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;display:flex;align-items:center;gap:8px}
.ab-comm-col h3 i{width:8px;height:8px;border-radius:50%}
.ab-cm{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:var(--panel);margin-bottom:14px}
.ab-cm b{display:block;font-size:17px;line-height:1.3}
.ab-cm .ab-own{display:block;font-size:13.5px;color:var(--muted);margin-top:2px}
.ab-cm p{margin:10px 0 0;font-size:14.5px;color:var(--read)}
.ab-cm .ab-badge{display:inline-block;margin-top:12px;font:700 10.5px ui-monospace,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:6px;border:1px solid var(--line2);color:var(--read)}
.ab-k-exp{color:var(--violet)}
.ab-arts{display:grid;gap:16px}
.ab-arts .ab-article{padding:24px}
.ab-arts .ab-article h3{font-size:20px;margin:12px 0 8px}
.ab-arts .ab-article p{font-size:14.5px}
.ab-arts .ab-article .ab-foot{margin-top:14px}
.ab-win{display:inline-block;margin-left:8px;font:700 10.5px ui-monospace,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;color:#1b1300;background:var(--amber);border-radius:5px;padding:3px 7px;vertical-align:middle}
.ab-poster.ab-vert img{object-position:center 30%}
@media(max-width:980px){
  .ab-comm{grid-template-columns:1fr}
  .ab-aw .ab-award.ab-wide{grid-column:auto}
}
.ab-geo-sum{font-size:14.5px;line-height:1.55;color:var(--read)}
.ab-ents{display:flex;flex-wrap:wrap;gap:6px}
.ab-ents span{font-size:11.5px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 7px}
.ab-featured .ab-geo-sum{font-size:16px;margin:0 0 6px}
.ab-vcard .ab-txt{display:inline-block;font-size:13px;font-weight:600}
.ab-archive{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:48px}
.ab-allp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 48px}
.ab-pg h3{font:700 12px ui-monospace,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.ab-pg ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ab-pg li a,.ab-pg li span.ab-pl2{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);color:var(--text);font-size:15px}
.ab-pg li a:hover{text-decoration:none;color:var(--cyan)}
.ab-pg .ab-mi{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font:800 11px Arial;color:#fff}
.ab-pg em{font-style:normal;font:600 12px ui-monospace,Consolas,monospace;color:var(--muted)}
.ab-pg li.ab-soon span.ab-pl2{color:var(--muted)}
.ab-pg li.ab-soon .ab-mi{opacity:.45}
.ab-pg li.ab-soon em{color:var(--amber)}
.ab-lang{font:700 9.5px ui-monospace,Consolas,monospace;color:var(--violet);border:1px solid #4f3f7a;border-radius:4px;padding:1px 4px;margin-left:6px;vertical-align:middle}
.ab-mk.ab-soon{border-style:dashed;background:transparent}
.ab-mk.ab-soon small{color:var(--lime)}
@media(max-width:980px){
  .ab-allp{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .ab-allp{grid-template-columns:1fr}
}
.ab-top-aw{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.ab-ta{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;align-items:start;border:1px solid #5c4a1c;border-radius:22px;padding:28px;background:linear-gradient(160deg,#1f1806,#0b1725 62%)}
.ab-ta .ab-tag2{font:700 11px ui-monospace,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}
.ab-ta h3{font-size:23px;letter-spacing:-.025em;line-height:1.2;margin:10px 0 10px}
.ab-ta p{margin:0 0 12px;font-size:15px;color:var(--read)}
.ab-ta ul{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:6px}
.ab-ta li{font-size:14px;color:var(--read);padding-left:18px;position:relative}
.ab-ta li:before{content:"★";position:absolute;left:0;color:var(--amber);font-size:11px;top:2px}
.ab-ta .ab-lnk{display:flex;flex-wrap:wrap;gap:14px;font-size:14px;font-weight:600}
.ab-dip{position:relative;height:250px}
.ab-dip a{position:absolute;display:block;width:150px;border-radius:8px;overflow:hidden;box-shadow:0 16px 40px #000c;border:1px solid #3a2f12;transition:transform .3s;cursor:zoom-in}
.ab-dip a img{width:100%;display:block}
.ab-dip a:hover{transform:translateY(-6px) rotate(0)!important;z-index:3}
.ab-dip a.ab-d1{left:0;top:0;transform:rotate(-4deg);z-index:2}
.ab-dip a.ab-d2{left:30px;top:22px;transform:rotate(5deg)}
.ab-dip.ab-one a{width:170px;transform:rotate(-2deg)}
.ab-cert .ab-scan.ab-img{position:relative;overflow:hidden;background:#0d1d2b;padding:0;aspect-ratio:913/1287;min-height:0;display:block}
.ab-cert .ab-scan.ab-img:before{content:"";position:absolute;inset:-24px;background:var(--bgi) center/cover no-repeat;filter:blur(20px) brightness(.55) saturate(1.1);transform:scale(1.08)}
.ab-cert .ab-scan.ab-img img{position:relative;width:100%;height:100%;object-fit:contain;transition:transform .4s}
.ab-cert:hover .ab-scan.ab-img img{transform:scale(1.03)}
@media(max-width:980px){
  .ab-top-aw{grid-template-columns:1fr}
}
@media(max-width:640px){
  .ab-ta{grid-template-columns:1fr}
  .ab-dip{height:220px}
}
.ab-rank{display:flex;gap:18px;align-items:center;margin:0 0 16px;padding:14px 16px;border-radius:14px;background:#060b14b3;border:1px solid #5c4a1c}
.ab-rank b.ab-n{font:800 44px/1 -apple-system,Segoe UI,Arial;letter-spacing:-.05em;color:var(--amber)}
.ab-rank span{font-size:14px;color:var(--read);line-height:1.4}
.ab-rank span b{color:var(--text)}
.ab-jury{display:grid;gap:12px;margin:0 0 16px}
.ab-jury figure{margin:0;padding-left:14px;border-left:2px solid var(--amber)}
.ab-jury blockquote{margin:0;font-size:14.5px;color:var(--text);line-height:1.45}
.ab-jury figcaption{font-size:12.5px;color:var(--muted);margin-top:4px}
.ab-orb.ab-o4{right:-30px;top:6%}
.ab-orb.ab-o4 b{color:var(--amber)}
.ab-top-aw{grid-template-columns:1fr}
.ab-top-aw .ab-ta:first-child{grid-template-columns:minmax(0,1fr) 260px;padding:34px}
.ab-top-aw .ab-ta:first-child h3{font-size:30px}
.ab-top-aw .ab-ta:first-child .ab-dip{height:300px}
.ab-top-aw .ab-ta:first-child .ab-dip a{width:190px}
.ab-top-aw .ab-ta:first-child .ab-jury{grid-template-columns:1fr 1fr;gap:20px}
.ab-top-aw .ab-ta:nth-child(2){grid-template-columns:minmax(0,1fr) 200px}
@media(max-width:800px){
  .ab-top-aw .ab-ta:first-child,.ab-top-aw .ab-ta:nth-child(2){grid-template-columns:1fr}
  .ab-top-aw .ab-ta:first-child .ab-jury{grid-template-columns:1fr}
}

/* «Обо мне» v9 (12.10.2026, docs/ABOUT_PAGE_2026-10.md) — спокойная версия, не больше трёх акцентов на экране. Акцент один: голубой (действия и ссылки). Исключение: золото — только у №1 Топвизора. */
.ab{--lime:var(--read);--violet:var(--read);--amber:var(--read);--gold:#ffcf70}

/* шапка сайта: на этой странице кнопка в шапке тихая — главная кнопка в первом экране */
.header .btn-primary{background:none!important;border:1px solid #2b475c!important;color:#eef8ff!important;box-shadow:none!important}

/* --- первый экран: имя → роль → №1 → кнопка --- */
.ab .ab-hero{padding-top:calc(var(--header-h) + 24px);padding-bottom:56px}
.ab .ab-hero:before,.ab .ab-hero:after{display:none}
.ab .ab-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:64px;align-items:center}
.ab .ab-hero h1{margin-bottom:10px}
.ab .ab-sub{font-size:21px;line-height:1.45;color:var(--read);margin:0 0 26px;max-width:620px}
.ab .ab-proof{display:inline-flex;gap:14px;align-items:center;border:1px solid #5c4a1c;background:#16110566;color:var(--read);border-radius:16px;padding:12px 18px 12px 12px;font-size:15px;line-height:1.4;margin:0 0 26px;text-decoration:none}
.ab .ab-proof:hover{border-color:var(--gold);text-decoration:none}
.ab .ab-proof b{display:block;color:var(--gold);font-size:16.5px}
.ab .ab-proof-n{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font:850 19px/1 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.04em;color:#1b1300;background:var(--gold)}
.ab .ab-def{font-size:17px;color:var(--muted);max-width:640px;margin:0 0 30px}
.ab .ab-def strong{color:var(--read)}
.ab .ab-def a{color:inherit;text-decoration:underline;text-decoration-color:#2b475c;text-underline-offset:3px}
.ab .ab-cta{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:0}
.ab .ab-tlink{color:var(--read);text-decoration:underline;text-decoration-color:#2b475c;text-underline-offset:4px;font-weight:600;font-size:15px}
.ab .ab-tlink:hover{color:var(--text)}
.ab .ab-photo{justify-self:end;width:min(100%,380px)}
.ab .ab-frame{border-color:var(--line);box-shadow:0 30px 70px #0009}
@media(max-width:900px){.ab .ab-hero-grid{grid-template-columns:1fr;gap:36px}.ab .ab-photo{justify-self:start;width:min(100%,260px);order:-1}}

/* площадки: настоящие логотипы в фирменных цветах — это навигация, а не акцент; плитка под логотипом нейтральная */
.ab .ab-ib{background:#0f1c2a!important}
.ab .ab-ico-vk{fill:#0077ff}
.ab .ab-av .ab-ico{width:30px;height:30px}
.ab .ab-ib.ab-ml{color:var(--read)}
.ab .ab-pl em{color:var(--muted)}

/* «Сейчас» — тихая строка под цифрами */
.ab .ab-now-row{padding:8px 0 0}.ab .ab-now-row .ab-now{margin:0;max-width:820px;border:0;background:none;padding:0}
.ab .ab-now-row .ab-dot{display:none}.ab .ab-now-row p{color:var(--muted);font-size:15px}.ab .ab-now-row b{color:var(--read);margin-right:8px}

/* подписи над заголовками разделов — серые, акцент только у действий */
.ab .ab-micro{color:var(--muted)}
.ab .ab-nums b{color:var(--text)!important}

/* признание: золото только у №1 Топвизора, остальное нейтрально */
.ab .ab-ta+.ab-ta{border-color:var(--line);background:var(--panel)}
.ab .ab-ta:first-child .ab-tag2,.ab .ab-ta:first-child .ab-n,.ab .ab-ta:first-child li:before{color:var(--gold)}
.ab .ab-award{border-color:var(--line)!important}

/* вопросы свёрнуты */
.ab .ab-faq details{border-top:1px solid var(--line)}.ab .ab-faq details:last-child{border-bottom:1px solid var(--line)}
.ab .ab-faq summary{cursor:pointer;list-style:none;padding:16px 34px 16px 0;font-weight:700;font-size:17px;position:relative;color:var(--text)}
.ab .ab-faq summary::-webkit-details-marker{display:none}
.ab .ab-faq summary:after{content:"+";position:absolute;right:6px;top:12px;font-size:22px;color:var(--muted)}
.ab .ab-faq details[open] summary:after{content:"−"}
.ab .ab-faq details p{margin:0 0 16px;color:var(--read)}

/* видео: метки, теги и ссылки в карточках — нейтральные; описание — до 4 строк */
.ab .ab-k-own{color:inherit}
.ab .ab-ents a,.ab .ab-ents span{color:var(--muted)!important;border-color:var(--line)!important;background:none!important}
.ab .ab-vcard a:not(.ab-poster),.ab .ab-links a{color:var(--read)}
.ab .ab-points li:before{background:var(--line2)}
.ab .ab-vcard .ab-geo-sum{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

/* темы, публикации, сделано, сообщества, площадки — без цветных меток */
.ab .ab-topic li a{color:var(--read)}.ab .ab-topic li a small{color:var(--muted)}
.ab .ab-topics{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.ab .ab-topics{grid-template-columns:1fr}}
.ab .ab-article .ab-ib{background:#ffffff0d!important;color:var(--read)!important}
.ab .ab-article h3{color:var(--text)}
.ab .ab-win{background:none!important;color:var(--gold)!important;border:1px solid #5c4a1c!important}
.ab .ab-mk small,.ab .ab-mk .ab-num{color:var(--muted)}
.ab .ab-mk h4{color:var(--text)}
.ab .ab-badge,.ab .ab-own{color:var(--muted)!important;background:none!important;border-color:var(--line)!important}
.ab .ab-comm-col h3 i{background:var(--line2)!important}
.ab .ab-mi{background:#0f1c2a!important;opacity:1!important;color:var(--read)}
.ab .ab-mi .ab-ico{width:18px;height:18px}
.ab .ab-pg a{color:var(--read)}

/* история и пресс-кит */
.ab .ab-story-text p:first-child:first-letter{color:var(--text)}
.ab .ab-tl:before{background:var(--line2)}.ab .ab-tl li:before{border-color:var(--line2)}
.ab .ab-pull blockquote:before{color:var(--muted)}
.ab .ab-tvlogo,.ab .ab-award .ab-medal{background:#ffffff0d;color:var(--read)}
.ab .ab-award .ab-yr{color:#ffffff0f}
.ab .ab-press .ab-btn.ab-ghost{color:var(--read)}
.ab .ab-type{color:var(--muted)!important}
.ab .ab-dur{color:var(--text)!important;background:#060b14cc!important;border-color:transparent!important}
.ab .ab-tn{color:var(--muted)!important;background:none!important;-webkit-text-fill-color:var(--muted)}
.ab .ab-ta .ab-lnk a,.ab .ab-award a,.ab .ab-cert a{color:var(--read)}
.ab .ab-ta:first-child .ab-lnk a:first-child{color:var(--cyan)}

/* телефон: кнопка — в первом экране; описание и фото — после неё */
@media(max-width:900px){
  .ab .ab-hero-grid>div:first-child{display:flex;flex-direction:column;align-items:flex-start}
  .ab .ab-cta{order:4;margin-bottom:26px}.ab .ab-def{order:5;margin-bottom:0}
  .ab .ab-photo{order:1;justify-self:start;width:min(100%,220px)}
  .ab .ab-sub{font-size:18px}.ab .ab-proof{font-size:14px}
}

/* регалии — обычной строкой, без плашек */
.ab .ab-regalia{margin:-12px 0 26px;font-size:14px;color:var(--muted);max-width:640px}

/* цитаты между блоками — все на месте, но тихие: меньше, без цветного градиента и большой кавычки */
.ab .ab-pull{padding:56px 0;background:none!important}
.ab .ab-pull blockquote{font-size:clamp(20px,2.2vw,28px);font-weight:600;color:var(--read);max-width:760px}
.ab .ab-pull blockquote:before{content:none}
.ab .ab-pull blockquote em{background:none;-webkit-text-fill-color:currentColor;color:var(--text)}
.ab .ab-pull cite{margin-top:14px}