:root {
  --bg:#131316; --bg2:#1a1a1f; --bg3:#202027; --ink:#e9e8e6; --dim:#8b8a92; --line:#29292f;
  --copper:linear-gradient(90deg,#c9584a,#d78a3c,#c9b458,#6aa98a,#5f8fb8,#8a6fb8);
  --acc:#d78a3c;
  --mono:ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace;
  --sans:ui-sans-serif,system-ui,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.65}
a{color:inherit}
svg{display:block}
.hairline{height:2px;background:var(--copper);opacity:.8}
header.site{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 93%,transparent);backdrop-filter:blur(8px);position:sticky;top:0;z-index:100}
.head-in{display:flex;align-items:center;gap:18px;min-height:66px;height:auto;flex-wrap:wrap;max-width:1240px;margin:0 auto;padding:8px 24px}
.logo{text-decoration:none;display:flex;align-items:center;gap:12px;flex:none}
.logo img{height:40px;width:auto;image-rendering:pixelated;display:block}
.logo .fdd{font-family:var(--mono);font-size:10px;color:var(--dim);letter-spacing:1px;border:1px solid var(--line);padding:2px 7px}
header.site nav a.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--acc)}
header.site nav a[data-cat="wspominki"]{border:1px solid var(--acc);padding:6px 12px;box-shadow:2px 2px 0 var(--bg3);color:var(--acc)}
header.site nav a[data-cat="wspominki"].on{background:var(--acc);color:#141414}
.section-wrap{max-width:1120px;margin:0 auto;padding-left:24px;padding-right:24px}
.section-head{padding:62px 0 46px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg2),var(--bg))}
.section-kick{font-family:var(--mono);font-size:12px;letter-spacing:3px;color:var(--acc);text-transform:uppercase}
.section-head h1,.about h1{font-size:clamp(30px,5vw,52px);line-height:1.1;letter-spacing:-1.2px;margin:15px 0 16px}
.section-head p{max-width:850px;color:#b9b8b4;font-size:18px}
.section-count{margin-top:20px;font-family:var(--mono);font-size:12px;color:var(--dim)}
.section-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:42px;padding-bottom:70px}
.section-card{display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--line)}
.section-card:hover{border-color:var(--acc);box-shadow:5px 5px 0 var(--bg3);translate:-2px -2px}
.section-card-wsp{background:color-mix(in srgb,var(--bg2) 78%,#d78a3c 22%)}
.section-banner{position:relative;border-bottom:1px solid var(--line);overflow:hidden}
.section-banner svg{display:block;width:100%;height:auto;image-rendering:pixelated}
.section-banner>span{position:absolute;right:10px;top:8px;font-family:var(--mono);font-size:10px;letter-spacing:1px;color:rgba(233,232,230,.42)}
.section-card-body{padding:20px 22px;display:flex;flex-direction:column;flex:1}
.section-meta{font-family:var(--mono);font-size:11px;letter-spacing:1px;color:var(--acc);text-transform:uppercase}
.section-card h2{font-size:21px;line-height:1.3;margin:9px 0}
.section-card h2 a{text-decoration:none}
.section-card h2 a:hover{text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:4px}
.section-card p{color:var(--dim);font-size:14px;margin-bottom:16px}
.section-more{margin-top:auto;align-self:flex-start;color:var(--acc);font-family:var(--mono);font-size:12px;font-weight:700;text-decoration:none}
.section-more:hover{text-decoration:underline}
.about{max-width:920px;padding-top:58px;padding-bottom:75px}
.about-lead{font-size:20px;color:#b9b8b4;max-width:800px}
.about section{margin-top:42px;padding-top:28px;border-top:1px solid var(--line)}
.about h2{font-family:var(--mono);font-size:20px;margin-bottom:14px;color:var(--acc)}
.about p{font-size:17px;margin-bottom:17px}
.about p a{color:var(--acc)}
.about-cats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about-cats a{display:block;padding:16px 18px;border:1px solid var(--line);background:var(--bg2);text-decoration:none}
.about-cats a:hover{border-color:var(--acc)}
.about-cats b{display:block;font-family:var(--mono);color:var(--acc);margin-bottom:5px}
.about-cats span{display:block;color:var(--dim);font-size:13px}
footer{background:#0e0e11;font-family:var(--mono);font-size:13px}
footer .inner{padding:18px 24px;max-width:1080px;margin:0 auto}
.shell{display:flex;gap:8px;color:#cdccc8;white-space:nowrap;overflow:hidden}
.shell .prompt{color:var(--acc);font-weight:700}
.shell .cursor{width:8px;height:16px;background:var(--acc);display:inline-block;animation:blink .9s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.foot-sub{color:#4c4b50;font-size:11px;margin-top:8px}
.foot-sub a{color:inherit}
@media (max-width:760px){
  .section-head{padding:42px 0 34px}
  .section-list,.about-cats{grid-template-columns:1fr}
}