:root{--bg:#fcfbfd;--bg-soft:#faf6f8;--card:#fff;--line:#ededf0;--r-xl:28px;--sh-sm:0 1px 2px #10131a0a, 0 6px 18px #10131a0d;--sh-card:0 26px 64px #10131a14, 0 6px 16px #10131a0a;--sh-accent:0 12px 30px #d81a494d}body{background:var(--bg)}.ico{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}a:focus-visible,button:focus-visible{outline:3px solid var(--accent-bright);outline-offset:3px;border-radius:6px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;position:relative}.hero{padding:var(--sp-12) 0 var(--sp-8);text-align:center}.hero h1{text-wrap:pretty}.hero p{font-size:var(--text-lg);color:var(--ink-2);max-width:60ch;margin:var(--sp-5) auto 0;text-wrap:pretty}.cs{padding:0 0 var(--sp-12)}.cs-filter{gap:var(--sp-3);margin-bottom:var(--sp-7);flex-wrap:wrap;display:flex}.cs-filt{font-family:var(--font-display);color:var(--ink-2);background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.cs-filt:hover{color:var(--ink);border-color:#fbcdd9}.cs-filt.active{background:var(--accent);color:#fff;border-color:var(--accent)}.cs-card.hide{display:none}.cs-grid{gap:var(--sp-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cs-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);transition:transform .2s var(--ease), box-shadow .25s var(--ease), border-color .2s;flex-direction:column;display:flex;overflow:hidden}.cs-card:hover{box-shadow:var(--sh-card);border-color:#fbe3ea;transform:translateY(-6px)}.cs-visual{background:var(--bg-soft);height:220px;position:relative;overflow:hidden}.cs-visual img{object-fit:cover;object-position:center top;z-index:3;width:100%;height:100%;position:absolute;inset:0}.cs-body{flex-direction:column;flex:1;padding:24px 26px 26px;display:flex}.cs-body h6{margin-bottom:var(--sp-2)}.cs-body p{flex:1}.cs-tags{gap:var(--sp-2);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.cs-card .more{margin-top:var(--sp-5)}@media (width<=1023px){.cs-grid{grid-template-columns:repeat(2,1fr)}.cs-card:hover{box-shadow:var(--sh-sm);border-color:var(--line);transform:none}.cs-filt:not(.active):hover{border-color:var(--line);color:var(--ink-2)}}@media (width<=767px){.wrap{padding:0 20px}.cs-filter{justify-content:center}.cs-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}