.scroll-strip{position:relative}.scroll-strip:after{z-index:10;pointer-events:none;content:"";background:linear-gradient(90deg,#0000,#fff8f4);width:80px;height:100%;transition:opacity .2s;position:absolute;top:0;right:0}.scroll-strip--at-end:after{opacity:0}.scroll-strip:before{z-index:10;pointer-events:none;content:"";background:linear-gradient(270deg,#0000,#fff8f4);width:80px;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.scroll-strip--at-start:before{opacity:0}.scroll-strip{isolation:isolate}.scroll-strip__arrow{color:#111;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8c;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:color .25s ease-in-out,background-color .25s ease-in-out,box-shadow .25s ease-in-out,transform .25s ease-in-out,opacity .2s;display:flex;transform:translateY(-50%);box-shadow:0 4px 20px #0000001f}@media (hover:hover){:is(.scroll-strip__arrow:not([disabled]):hover,.scroll-strip__arrow:not([disabled]):focus-visible){color:#fff;background:#ff4d00;transform:translateY(-50%)scale(1.08);box-shadow:0 6px 24px #00000040}:is(.scroll-strip__arrow:not([disabled]):hover img,.scroll-strip__arrow:not([disabled]):focus-visible img){filter:brightness(0)invert()}}.scroll-strip__arrow:not([disabled]).scroll-strip__arrow--pressed{color:#fff;background:#ff4d00;transform:translateY(-50%)scale(1.18);box-shadow:0 6px 24px #00000040}.scroll-strip__arrow:not([disabled]).scroll-strip__arrow--pressed img{filter:brightness(0)invert()}.scroll-strip__arrow:not([disabled]).scroll-strip__arrow--pressed{transition:transform .1s ease-out,background-color .1s ease-out,color .1s ease-out,box-shadow .1s ease-out}.scroll-strip__arrow:focus-visible{outline-offset:2px;outline:2px solid #0057b8;box-shadow:0 0 0 2px #fff,0 6px 24px #00000040}.scroll-strip__arrow{z-index:11;position:absolute;top:50%}.scroll-strip__arrow--prev{left:0}.scroll-strip__arrow--next{right:0}.scroll-strip__arrow-glyph{width:14px;height:14px}.scroll-strip--at-start .scroll-strip__arrow--prev,.scroll-strip--at-end .scroll-strip__arrow--next{visibility:hidden;opacity:0}#projekty{padding-bottom:2rem}#projekty .projekty__header{margin-bottom:1.5rem}#projekty .projekty__header .nice-header{margin-bottom:.5rem}#projekty .projekty__intro{color:#5d646b;margin:.75rem 0 0;font-size:1rem}#projekty .projekty__index{margin-top:1rem}#projekty .projekty__index-list{scrollbar-width:none;flex-wrap:nowrap;gap:.5rem;margin:0;padding:0;list-style-type:"";display:flex;overflow-x:auto}#projekty .projekty__index-list::-webkit-scrollbar{display:none}#projekty .projekty__index-item{flex:none}#projekty .projekty__index-link{color:#002b5b;white-space:nowrap;background:#f0f0f0;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:block}@media (hover:hover){:is(#projekty .projekty__index-link:hover,#projekty .projekty__index-link:focus-visible){background:#002b5b14;text-decoration:none}}#projekty .projekty__index-link:focus-visible{outline-offset:2px;outline:2px solid #0057b8}#projekty .projekty__index-count{color:#5d646b;margin-left:.35rem;font-weight:400}#projekty .projekty__group{margin-bottom:2rem}#projekty .projekty__group-title{color:#002b5b;margin:0 0 1rem;scroll-margin-top:1rem;font-size:1.4rem}#projekty .projekty__grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin:0;padding:0;list-style-type:"";display:grid}#projekty .projekty__item{display:flex}#projekty .projekty__card{background:#fff;border-radius:12px;flex-direction:column;flex:1;gap:.25rem;padding:1rem 1.1rem;text-decoration:none;transition:box-shadow .2s ease-in-out;display:flex;box-shadow:0 2px 8px #00000012}@media (hover:hover){:is(#projekty .projekty__card:hover,#projekty .projekty__card:focus-visible){box-shadow:0 4px 12px #00000012}}#projekty .projekty__card:focus-visible{outline-offset:2px;outline:2px solid #0057b8}#projekty .projekty__card.just-visited{--visited-fade-rest:#fff;animation:2.2s visited-fade}#projekty .projekty__name{color:#002b5b;font-size:1.15rem;font-weight:600}#projekty .projekty__location{color:#5d646b;font-size:.85rem}#projekty .projekty__count{color:#d74000;margin-top:.25rem;font-size:.85rem;font-weight:600}
