.projekty__filtry{display:flex;flex-wrap:wrap;gap:.45rem;margin-block-end:var(--o-6)}.projekty__filtry input{position:absolute;opacity:0;pointer-events:none}.projekty__filtry label{display:inline-flex;align-items:center;gap:.4rem;min-block-size:38px;padding:.4rem .9rem;font-family:var(--mono);font-size:var(--t-nano);letter-spacing:.1em;text-transform:uppercase;color:var(--tekst-3);background:transparent;border:1px solid var(--linia);border-radius:999px;cursor:pointer;user-select:none;transition:color var(--czas-1),border-color var(--czas-1),background var(--czas-1)}.projekty__filtry label:hover{color:var(--tekst);border-color:var(--linia-jasna)}.projekty__filtry input:focus-visible + label{outline:2px solid var(--blekit);outline-offset:2px}.projekty__filtry input:checked + label{color:var(--na-czerwonym);background:var(--czerwien);border-color:var(--czerwien)}.projekty__filtry label b{font-weight:500;opacity:.6}.projekty:has(#f-platforma:checked)  .projekt:not([data-kat="platforma"]),.projekty:has(#f-strona:checked)     .projekt:not([data-kat="strona firmowa"]),.projekty:has(#f-system:checked)     .projekt:not([data-kat="system"]),.projekty:has(#f-produkt:checked)    .projekt:not([data-kat="produkt"]),.projekty:has(#f-narzedzie:checked)  .projekt:not([data-kat="narzędzie"]),.projekty:has(#f-oss:checked)        .projekt:not([data-kat="open source"]),.projekty:has(#f-szablon:checked)    .projekt:not([data-kat="szablon"]){display:none}.projekt{position:relative}.projekt__rok{font-family:var(--mono);font-size:var(--t-nano);color:var(--tekst-4);letter-spacing:.1em}.projekt__meta{display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-family:var(--mono);font-size:var(--t-nano);letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-3)}.projekt__meta b{color:var(--bursztyn);font-weight:500}.flagowce{display:grid;gap:var(--o-4)}.flagowiec{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--o-6);padding:clamp(1.5rem,3.4vw,2.6rem);background:linear-gradient(150deg,var(--tlo-3),var(--tlo-2) 62%);border:1px solid var(--linia);border-radius:var(--zaokr-l);overflow:hidden;transition:border-color var(--czas-2),transform var(--czas-2) var(--krzywa)}.flagowiec:hover{border-color:var(--linia-jasna);transform:translateY(-3px)}.flagowiec::after{content:'';position:absolute;z-index:-1;inset-block-start:-50%;inset-inline-end:-18%;inline-size:520px;block-size:520px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--akcent,var(--czerwien)) 20%,transparent),transparent 64%)}.flagowiec__lewo{display:grid;align-content:start;gap:var(--o-4)}.flagowiec__tytul{font-size:clamp(1.6rem,3.4vw,2.5rem);letter-spacing:-.04em}.flagowiec__tytul a::after{content:'';position:absolute;inset:0}.flagowiec__opis{color:var(--tekst-2);font-size:var(--t-maly);line-height:1.6}.flagowiec__prawo{display:grid;align-content:start;gap:var(--o-4)}@media (max-width:860px){.flagowiec{grid-template-columns:1fr;gap:var(--o-5)}}.efekty{display:grid;gap:.55rem}.efekty li{display:grid;grid-template-columns:14px 1fr;gap:.7rem;align-items:start;font-size:var(--t-maly);color:var(--tekst-2)}.efekty li::before{content:'→';color:var(--czerwien);font-family:var(--mono);line-height:1.55}.narzedzia{display:grid;gap:var(--o-4);margin:var(--o-5) 0 0;padding:0;list-style:none}.narzedzia__poz{display:grid;gap:.3rem;padding:var(--o-4) var(--o-4) var(--o-4) var(--o-5);border-inline-start:2px solid var(--akcent,var(--czerwien));background:color-mix(in srgb,var(--tekst) 3%,transparent);border-radius:0 var(--zaokr-s) var(--zaokr-s) 0}.narzedzia__nazwa{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;color:var(--tekst);text-decoration:none}.narzedzia__nazwa svg{transition:transform var(--czas-1) var(--krzywa)}.narzedzia__nazwa:hover{color:var(--czerwien)}.narzedzia__nazwa:hover svg{transform:translateX(3px)}.narzedzia__co{margin:0;font-size:var(--t-maly);line-height:1.6;color:var(--tekst-2)}