/* Ольга Митько — сайт-визитка. Версия 2 «Кино» по референсам Artiom Yakushev + Ephraim Joseph (11.11.2026).
   Прежняя версия «Корректура» лежит в ../варианты/v1-корректура/ */
:root{
  --bg:#0B0A09; --ink:#F1EEE8; --ink2:#8E887F; --ink3:#5C5750; --line:#3A3631; --red:#D7261E; --red-s:#E8382C; --red-d:#5E0F0B;
  --gut:clamp(16px,2.2vw,32px);
  --sans:"Onest",system-ui,sans-serif; --serif:"Noto Serif Display",Georgia,serif; --mono:"Martian Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
em{font-family:var(--serif);font-style:italic;font-weight:300;letter-spacing:-.01em}
.wrap{padding-left:var(--gut);padding-right:var(--gut)}
.mono{font:400 12px/1.5 var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--ink2)}
.link{display:inline-block;font:400 15px/1 var(--sans);border-bottom:1px solid var(--ink3);padding-bottom:4px;transition:border-color .2s,color .2s}
.link:hover{border-color:var(--red);color:var(--red)}

/* шапка */
.bar{position:fixed;top:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:48px;
  background:linear-gradient(var(--bg) 40%,rgba(11,10,9,0));}
.bar .mono{color:var(--ink)}
.bar-mid a,.bar nav a{transition:color .2s}
.bar-mid a:hover,.bar nav a:hover{color:var(--red)}
.bar nav{justify-self:end;display:flex;gap:20px}
#clock{color:var(--ink2);margin-left:6px}

/* 1. имя */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:48px;padding-bottom:32px}
.name{display:flex;align-items:baseline;gap:.12em;white-space:nowrap;font-weight:400;font-size:clamp(52px,14.9vw,290px);line-height:.9;letter-spacing:-.045em;margin-left:-.04em}
.name .n1{font-family:var(--sans);font-weight:400}
.name .n2{font-family:var(--serif);font-style:italic;font-weight:300;letter-spacing:-.03em}
.hero-meta{display:grid;grid-template-columns:1fr auto 1fr;margin-top:16px;color:var(--ink)}
.hero-meta span:nth-child(2){text-align:center;color:var(--ink2)}
.hero-meta span:last-child{text-align:right}

/* 2. кто я */
.intro{padding-top:clamp(80px,12vw,180px)}
.statement{font-size:clamp(30px,3.9vw,76px);line-height:1.1;letter-spacing:-.025em;font-weight:400}
.nw{white-space:nowrap}
p,li,dd{text-wrap:pretty}
.statement .indent{display:block;padding-left:calc(33.333% + var(--gut) * .5)}
.fix{position:relative;display:inline-block;white-space:nowrap}
.fix s{text-decoration:none;color:var(--ink3)}
.fix svg{position:absolute;left:-2%;top:46%;width:104%;height:.38em;overflow:visible}
.fix path{fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset .7s cubic-bezier(.6,0,.2,1) .3s}
.fix .corr{position:absolute;left:4%;bottom:78%;font-family:var(--serif);font-style:italic;font-weight:400;color:var(--red);font-size:.78em;transform:rotate(-4deg);opacity:0;transition:opacity .4s ease 1s}
.statement.in .fix path{stroke-dashoffset:0}
.statement.in .fix .corr{opacity:1}
.intro-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--gut);margin-top:clamp(-40px,-2vw,-16px);align-items:end}
.portrait{position:relative;max-width:440px;margin-left:calc(var(--gut) * -1);aspect-ratio:466/600;overflow:hidden;background:var(--red)}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
/* запасной вариант: исходное фото + CSS-дуотон
.portrait img{filter:grayscale(1) contrast(1.25) brightness(.95);mix-blend-mode:multiply} */
.portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,10,9,0) 55%,rgba(11,10,9,.55));pointer-events:none}
.intro-row .label{align-self:start;padding-top:clamp(60px,6vw,110px)}
.intro-text{align-self:start;padding-top:clamp(60px,6vw,110px);max-width:440px}
.intro-text p{font-size:16px;line-height:1.55;color:var(--ink)}
.intro-text p+p{margin-top:12px;color:var(--ink2)}
.intro-text .link{margin-top:24px}

/* 3. цифры */
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut);padding-top:clamp(96px,12vw,180px);padding-bottom:clamp(40px,5vw,80px);border-bottom:1px solid var(--line)}
.num b{display:block;font-weight:400;font-size:clamp(56px,8.6vw,150px);line-height:.9;letter-spacing:-.05em;white-space:nowrap}
.num b i{font-family:var(--serif);font-style:italic;font-weight:300;font-size:.62em;letter-spacing:0;margin-left:.04em;color:var(--red)}
.num .mono{display:block;margin-top:14px;max-width:220px}

/* заголовки разделов */
.sec-h{display:flex;justify-content:space-between;align-items:baseline;padding:clamp(80px,9vw,140px) 0 clamp(28px,3vw,48px)}
.h2{font-weight:400;font-size:clamp(44px,6vw,104px);line-height:.95;letter-spacing:-.04em}
.h2 em{color:var(--ink2)}

/* 4. работы */
.case{margin-bottom:clamp(64px,7vw,120px)}
.shot{display:block;overflow:hidden;background:#151311}
.shot img{width:100%;height:auto;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .4s}
.shot img.light{filter:brightness(.86)}
.shot:hover img.light{filter:none}
.shot:hover img{transform:scale(1.025)}
.cap{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:baseline;padding-top:16px}
.cap .no{color:var(--red-s)}
.cap h3{font-weight:400;font-size:clamp(20px,1.7vw,28px);line-height:1.2;letter-spacing:-.015em}
.case .txt{margin:12px 0 0 60px;max-width:560px;font-size:15px;color:var(--ink2)}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--gut)}
.pair .case:nth-child(2){margin-top:clamp(60px,8vw,140px)}
.pair.flat .case:nth-child(2){margin-top:0}
.pair.rev .case:nth-child(2){margin-top:0}
.pair.rev .case:nth-child(1){margin-top:clamp(60px,8vw,140px)}
.case-wide{width:66.666%;margin-left:auto}

.flag-body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,56px) var(--gut);margin-top:clamp(32px,3.5vw,56px);padding-left:60px}
.brief{display:grid;gap:0}
.brief div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.brief div:last-child{border-bottom:1px solid var(--line)}
.brief dd{font-size:15px}
.flag-nums{display:grid;grid-template-columns:1fr 1fr;gap:28px var(--gut);align-content:start}
.flag-nums b{display:block;font-weight:400;font-size:clamp(40px,4.4vw,76px);line-height:.95;letter-spacing:-.045em;white-space:nowrap}
.flag-nums .mono{display:block;margin-top:8px}
.decisions{list-style:none;grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut)}
.decisions li{font-size:15px;line-height:1.5;padding-top:14px;border-top:1px solid var(--line)}
.decisions .mono{display:block;margin-bottom:8px;color:var(--red-s)}
.flag-body .link{grid-column:1 / -1;justify-self:start}

/* 5. профиль — таблица по Ephraim */
.profile{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:var(--gut);align-items:start}
.profile .sec-h{position:sticky;top:48px}
.prof{display:grid;gap:0;padding-top:clamp(80px,9vw,140px)}
.prof-lead{font-size:clamp(22px,2vw,32px);line-height:1.25;letter-spacing:-.015em;max-width:820px;margin-bottom:clamp(40px,4vw,64px)}
.row{display:grid;grid-template-columns:180px 1fr;gap:var(--gut);padding:24px 0;border-top:1px solid var(--line)}
.row .k{padding-top:4px}
.v{font-size:16px;line-height:1.55;max-width:760px}
.help{list-style:none;counter-reset:h;display:grid;gap:12px}
.help li{counter-increment:h;position:relative;padding-left:36px;color:var(--ink2)}
.help li::before{content:"0" counter(h);position:absolute;left:0;top:3px;font:400 12px/1.5 var(--mono);color:var(--red-s)}
.help b{font-weight:500;color:var(--ink)}
.skills{display:grid;gap:12px}
.skills div{display:grid;grid-template-columns:210px 1fr;gap:16px}
.skills dt{font-weight:500}
.skills dd{color:var(--ink2)}
.exp{list-style:none;display:grid;gap:8px}
.exp li{display:grid;grid-template-columns:120px 190px 1fr;gap:16px;align-items:baseline}
.exp b{font-weight:500}
.exp span:last-child{color:var(--ink2)}
.plain{list-style:none;display:grid;gap:8px}

/* 6. контакты */
.contacts{border-top:1px solid var(--line);padding-top:clamp(80px,10vw,160px)}
.contacts .label{display:block;margin-bottom:16px}
.mail{display:block;font-size:clamp(46px,10vw,180px);line-height:.95;letter-spacing:-.05em;white-space:nowrap;transition:color .25s}
.mail em{font-weight:300}
.mail:hover{color:var(--red)}
.c-links{display:flex;flex-wrap:wrap;gap:16px 40px;margin-top:32px}
.c-links a{color:var(--ink);transition:color .2s}
.c-links a:hover{color:var(--red)}
.foot{display:flex;justify-content:space-between;margin-top:clamp(80px,9vw,140px);padding:20px 0 24px;border-top:1px solid var(--line)}
.foot a:hover{color:var(--ink)}

/* появление */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.fix path{stroke-dashoffset:0;transition:none}.fix .corr{opacity:1;transition:none}html{scroll-behavior:auto}}

/* планшет */
@media (max-width:1100px){
  .bar-mid{display:none}
  .bar{grid-template-columns:1fr 1fr}
  .statement .indent{padding-left:0;display:inline}
  .intro-row{grid-template-columns:1fr 1fr;margin-top:40px}
  .intro-row .label{display:none}
  .intro-text{padding-top:0;align-self:end}
  .nums{grid-template-columns:1fr 1fr;row-gap:48px}
  .flag-body{grid-template-columns:1fr;padding-left:0}
  .decisions{grid-template-columns:1fr 1fr}
  .profile{grid-template-columns:1fr}
  .profile .sec-h{position:static}
  .prof{padding-top:0}
  .case-wide{width:100%}
}
/* телефон */
@media (max-width:640px){
  body{font-size:16px}
  .bar nav{gap:12px}
  .hero{min-height:78svh}
  .intro{padding-top:64px}
  .case .txt{margin-left:48px}
  .name{flex-direction:column;align-items:flex-start;gap:0;font-size:25vw;line-height:.92}
  .statement{line-height:1.6}
  .fix .corr{bottom:64%;font-size:.7em}
  .hero-meta{grid-template-columns:1fr;gap:4px}
  .hero-meta span:nth-child(2),.hero-meta span:last-child{text-align:left}
  .intro-row{grid-template-columns:1fr}
  .portrait{margin-right:calc(var(--gut) * -1);aspect-ratio:4/5}
  .nums{gap:40px 16px}
  .pair{grid-template-columns:1fr}
  .pair .case:nth-child(2){margin-top:0}
  .cap{grid-template-columns:36px 1fr}
  .cap>.mono:last-child{grid-column:2}
  .flag-nums{gap:24px 16px}
  .decisions{grid-template-columns:1fr}
  .row{grid-template-columns:1fr;gap:10px}
  .skills div{grid-template-columns:1fr;gap:2px}
  .exp li{grid-template-columns:1fr;gap:0}
  .exp li+li{margin-top:8px}
  .sec-h{flex-direction:column;gap:8px}
}

/* порядок 11.11: продуктовые выше, навигация и иллюстрация отдельной группой */
.case-wide.case-left{margin-left:0;margin-right:auto}
.sub-h{display:grid;grid-template-columns:1fr 1fr;gap:var(--gut);align-items:end;margin-top:clamp(80px,9vw,160px);padding-top:24px;border-top:1px solid var(--line)}
.sub-h .h3{font-weight:400;font-size:clamp(24px,2.4vw,36px);letter-spacing:-.02em;line-height:1.1}
.sub-h .txt{margin:0;max-width:520px}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut);margin-top:clamp(32px,3vw,48px)}
.trio .case h3{font-size:clamp(18px,1.5vw,22px)}
@media (max-width:1100px){.trio{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.sub-h,.trio{grid-template-columns:1fr}.case-wide.case-left{width:100%}}
.sub-h .txt{font-size:15px;color:var(--ink2)}
.trio .cap{grid-template-columns:36px 1fr}
.trio .cap>.mono:last-child{grid-column:2}
.trio .shot img{aspect-ratio:1800/1408;object-fit:cover;width:100%}

/* правки по проверке джуна 11.11 */
.exp span:last-child{color:inherit}
.exp li>span:last-child{color:var(--ink2)}
.ol-foot a{color:inherit}
.ol-foot a:hover{color:var(--red)}
.trio .case .txt{margin-left:48px}
@media (max-width:1100px){.trio{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.trio{grid-template-columns:1fr}}
.case .cap h3{text-wrap:balance}
#c05 .cap h3{white-space:nowrap}
/* skip-link и тач-цели */
.skip{position:absolute;left:var(--gut);top:-60px;z-index:200;background:var(--ink);color:var(--bg);padding:12px 16px}
.skip:focus{top:12px}
@media (max-width:640px){
  .ol-nav a,.ol-cta,.ol-foot a,.contacts a{display:inline-flex;align-items:center;min-height:44px}
}

/* шов гарнитур: решение Ольги 11.11 — вариант 2, Oswald в заголовках всего сайта, антиква акцентом */
.h2,.sub-h .h3,.cs-next .t{font-family:"Oswald",var(--sans);font-weight:600;text-transform:uppercase;letter-spacing:-.02em;line-height:.9}
.h2{font-size:clamp(56px,9vw,168px)}
.h2 em{font-family:var(--serif);text-transform:none;font-weight:300;font-size:.55em;vertical-align:.55em;color:var(--ink2);letter-spacing:0}
.cap h3{font-family:"Oswald",var(--sans);font-weight:500;text-transform:uppercase;letter-spacing:0;font-size:clamp(20px,1.8vw,30px)}
.case-flag .cap h3{font-family:var(--sans);text-transform:none;font-weight:400;letter-spacing:-.015em}
.ol-about{font:400 17px/1.5 var(--sans);text-transform:none}
.cs-head h1{font-family:"Oswald",var(--sans);font-weight:600;text-transform:uppercase;line-height:.92;letter-spacing:-.02em;font-size:clamp(48px,7vw,120px)}
@media (max-width:640px){.cs-head h1{font-size:44px}}
.h2{font-size:clamp(39px,6.3vw,118px)} /* Ольга 11.11: заголовок «Работы» на 30 % меньше */

/* Чем полезна — под первым экраном */
.pains{display:grid;grid-template-columns:1fr 2fr;gap:var(--gut);padding-top:clamp(80px,9vw,160px);padding-bottom:clamp(40px,5vw,80px)}
.pains .k{font-weight:400;font-size:13px;color:var(--ink2);padding-top:10px}
.pains-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pains-list li{padding:clamp(20px,2.2vw,32px) 0;border-bottom:1px solid var(--line);font-size:clamp(17px,1.3vw,20px);line-height:1.45;color:var(--ink2);max-width:760px}
.pains-list b{display:block;font-weight:400;color:var(--ink);font-size:clamp(26px,2.6vw,44px);line-height:1.08;letter-spacing:-.025em;margin-bottom:10px}
@media (max-width:900px){.pains{grid-template-columns:1fr}}
.pains-list{max-width:900px}.pains-list li{max-width:none}
.c-pos{font-size:clamp(20px,2vw,30px);line-height:1.25;letter-spacing:-.015em;margin:0 0 clamp(20px,2vw,32px);max-width:24em}
@media (max-width:640px){.ol-foot .mono:last-child{line-height:1.2}}
.pains-note{grid-column:2;max-width:900px;margin:clamp(20px,2vw,28px) 0 0;font-size:clamp(17px,1.3vw,20px);line-height:1.5;color:var(--ink)}
@media (max-width:900px){.pains-note{grid-column:1}}
body::after{content:none;display:none} /* зерно убрано (Ольга 11.11) */
/* «Решения» в одну колонку, красным только «Отказ» (Ольга 11.11) */
.decisions{grid-template-columns:1fr!important;gap:0;max-width:880px}
.decisions li{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:baseline;padding:14px 0;font-size:16px}
.decisions .mono{margin:0;color:var(--ink2)}
.decisions li.refuse .mono{color:var(--ink2)} /* Отказ не красным (Ольга 12.11) */
@media (max-width:640px){.decisions li{grid-template-columns:1fr;gap:4px}}
@media (min-width:641px){.decisions li{grid-template-columns:120px 1fr}}

/* 12.11: почта не даёт горизонтальный скролл на 320 */
@media (max-width:400px){.mail{font-size:clamp(34px,11.5vw,46px)}}

/* финальная проверка 12.11: шапка при прокрутке, якоря, подвал */
.home-bar{position:fixed;top:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 var(--gut);background:rgba(11,10,9,.88);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transform:translateY(-100%);transition:transform .35s cubic-bezier(.2,.7,.2,1);visibility:hidden}
.home-bar.show{transform:none;visibility:visible}
.home-bar .ol-logo{justify-self:start;font-size:18px}
.home-bar .ol-nav{display:flex;gap:clamp(20px,3vw,48px)}
.home-bar .ol-nav a,.home-bar .ol-cta{color:var(--ink);display:inline-flex;align-items:center;min-height:44px}
.home-bar .ol-cta{justify-self:end}
.home-bar .ol-cta span,.home-bar .ol-cta{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.home-bar a:hover{color:var(--red)}
@media (max-width:640px){.home-bar{grid-template-columns:auto 1fr;gap:12px}.home-bar .ol-nav{justify-self:end;gap:12px}.home-bar .ol-nav a{font-size:11px}.home-bar .ol-cta{display:none}.home-bar .ol-logo{font-size:15px}}
@media (prefers-reduced-motion:reduce){.home-bar{transition:none}}
[id]{scroll-margin-top:72px}
#top{scroll-margin-top:0}
.foot{align-items:baseline}
/* «Написать ↗»: подчёркивание у текста, а не у рамки 44 px */
.ol-head .ol-cta,.cs-site .ol-cta{border-bottom:0!important;padding-bottom:0!important;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
/* В7: флагман подписан не тише остальных — имя Oswald крупнее, подзаголовок Onest */
.case-flag .cap h3 .nm{display:block;font-family:"Oswald","Arial Narrow","Helvetica Neue",sans-serif;font-stretch:condensed;font-weight:600;text-transform:uppercase;letter-spacing:-.02em;line-height:.95;font-size:clamp(36px,3.8vw,60px)}
.case-flag .cap h3 .sub{display:block;margin-top:10px;font-family:var(--sans);font-weight:400;text-transform:none;letter-spacing:-.015em;font-size:clamp(18px,1.6vw,24px);line-height:1.25;color:var(--ink)}
/* Отступы: внутри группы меньше, чем между группами (Ольга 12.11) */
.pains{row-gap:0}
.skills{gap:20px}
.exp{gap:20px}
.exp li{grid-template-columns:120px 240px 1fr}
@media (max-width:900px){.exp li{grid-template-columns:1fr}}
@media (max-width:640px){.exp li+li{margin-top:0}}

/* флагман: цифры плотнее, отступ от текста больше (Ольга 12.11) */
.flag-body{column-gap:clamp(64px,7vw,128px)}
.flag-nums{column-gap:24px}

/* стрелки: один размер, по центру строки, приклеены к слову */
.arr{--s:22px;margin:-2px -4px -2px .6em;display:inline-block;width:var(--s);height:var(--s);background:currentColor;vertical-align:calc(.44em - var(--s)/2);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M6 18L18 6M8 6h10v10'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M6 18L18 6M8 6h10v10'/%3E%3C/svg%3E") center/100% 100% no-repeat;text-decoration:none;flex:none}
.arr-se{transform:rotate(90deg)}
.arr-s{transform:rotate(135deg)}

/* ссылки 2026: отклик на наведение, фокус с клавиатуры, нажатие, зона касания ≥44 px */
a{-webkit-tap-highlight-color:transparent;transition:color .2s ease,opacity .2s ease,text-decoration-color .2s ease,border-color .2s ease}
a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:2px}
.shot:focus-visible{outline-offset:-4px}
a:focus:not(:focus-visible){outline:none}
a:active{opacity:.65;transition-duration:.05s}
.ol-nav a,.cs-bar nav a,.bar nav a,.bar-mid a,.home-bar .ol-nav a,.c-links a,.ol-foot a:not(.mail),.tags-bot a,.cs-next .row a,.cs-site a:not(.ol-cta):not(.ol-logo){text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:6px}
@media (hover:hover){
  .ol-nav a:hover,.cs-bar nav a:hover,.bar nav a:hover,.bar-mid a:hover,.c-links a:hover,.ol-foot a:not(.mail):hover,.tags-bot a:hover,.cs-next .row a:hover,.cs-site a:not(.ol-cta):not(.ol-logo):hover{text-decoration-color:currentColor}
}
@media (hover:none){
  .ol-nav a:hover,.cs-bar a:hover,.ol-foot a:hover,.c-links a:hover,.tags-bot a:hover,.cs-next .row a:hover,.cs-site a:hover,.home-bar a:hover,.link:hover{color:inherit;border-color:var(--ink3)}
}
@media (pointer:coarse){
  .ol-nav a,.ol-cta,.ol-foot a,.c-links a,.tags-bot a,.cs-next .row a,.cs-site a,.link,.cs-bar a{position:relative}
  .ol-nav a::after,.ol-cta::after,.ol-foot a::after,.c-links a::after,.tags-bot a::after,.cs-next .row a::after,.cs-site a::after,.link::after,.cs-bar a::after{content:"";position:absolute;inset:-12px -8px}
}
@media (prefers-reduced-motion:reduce){a{transition:none}}

/* hover главного CTA, карточки «Главный кейс» и логотипа (проверка 13.11) */
@media (hover:hover){.ol-head .ol-cta:hover,.ol-recent:hover b,.ol-recent:hover .mono,.ol-logo:hover{color:var(--red-s)}}
.ol-nav a:hover,.cs-bar a:hover,.cs-next .row a:hover,.cs-site a:hover,.ol-foot a:hover,.c-links a:hover,.tags-bot a:hover{color:var(--red-s)}

.arr-e{transform:rotate(45deg)}.arr-w{transform:rotate(225deg)}.arr-n{transform:rotate(-45deg)}
.arr:first-child{margin-left:0;margin-right:.6em}

/* меню на телефоне не мельче 12 px; печать */
@media (max-width:640px){.home-bar .ol-nav a{font-size:12px}}
@media print{body{background:#fff!important;color:#000!important}.home-bar,.cs-bar,.cs-top,.cs-tip,.cs-progress,.skip{display:none!important}.reveal{opacity:1!important;transform:none!important}img,video{break-inside:avoid}}