@font-face{font-family:Manrope;src:url("fonts/manrope-cyrillic.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:400 800}

:root{--ink:#18251f;--muted:#66756d;--line:#d9e4dd;--bg:#f5f8f6;--card:#fff;--accent:#147450;--green:#147450;--red:#bd554b;--amber:#a9751f;--shadow:0 1px 3px rgba(17,49,35,.05),0 12px 28px rgba(17,49,35,.08)}
body{font-family:Manrope,Arial,sans-serif;background:var(--bg)}
a{color:var(--accent)}
.topbar{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.topbar .wrap{min-height:68px;padding-top:0;padding-bottom:0}
.portfolio-brand{color:var(--ink)!important;font-size:18px;font-weight:800;letter-spacing:.3px;text-decoration:none!important}
.portfolio-brand span{color:var(--accent)}
.portfolio-nav,.case-links{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:700}
.topbar a{color:var(--ink)}
.topbar a:hover{color:var(--accent);text-decoration:none}
header.top{background:#eaf3ee;color:var(--ink);padding:64px 0 58px;border-bottom:1px solid var(--line)}
header.top::after{display:none}
header.top .kick{color:var(--accent)}
header.top .sub{color:var(--muted)}
header.top a[style]{color:var(--accent)!important}
header.top .tag{color:#24513e;background:#fff;border-color:#cfe0d6}
header.top .meta{color:#526259}
header.top .meta b{color:var(--ink)}
.stats{margin-top:-28px}
.stat,.case,.card,.work,table,figure,.kpi,.find{border-radius:8px}
.stat .v,.kpi .v{color:var(--accent)}
h2::before{background:var(--accent)}
.case{border-top:3px solid var(--accent)}
.case:hover{box-shadow:0 16px 32px rgba(17,49,35,.12)}
.case .thumb .dom{background:rgba(20,116,80,.92)}
.case h3 a{color:var(--ink)}
.chip{color:#244337;background:#eaf5ef;border-color:#cde3d6}
.tag{background:#f2f6f3;border-color:var(--line)}
.find{border-left-color:var(--red)}
.find .n{color:var(--red)}
.badge.done,.res{color:#176c4b;background:#ebf7f0;border-color:#bfe1cf}
.badge.plan{color:#176c4b;background:#edf7f1;border-color:#c5e4d3}
th,figcaption{background:#f0f5f2}
footer{background:#173328;color:#d5e3dc}
footer a{color:#b9e6cf}
@media(max-width:720px){.topbar .wrap{min-height:60px;align-items:center}.portfolio-nav{display:none}.case-links{gap:12px;font-size:12px}.case-links .dom{display:none}header.top{padding:42px 0 46px}.stats{margin-top:-18px}table{display:block;max-width:100%;overflow-x:auto}th,td{min-width:118px}}