html:has(body.page-realizacje){scroll-snap-type:y mandatory;scroll-behavior:smooth;scroll-padding-top:74px}html:has(body.page-realizacje.is-works-foot){scroll-snap-type:none}body.page-realizacje{background:#fff}@media(min-width:861px){body.page-realizacje .works-snap{scroll-snap-stop:always}}.site-main--works{position:relative;z-index:1}.works-snap{position:relative;z-index:1;min-height:100vh;scroll-snap-align:start;display:flex;align-items:center}.works-hero{justify-content:center;text-align:center;background:#fff}.works-hero__inner{position:relative;z-index:2;max-width:920px;margin:0 auto;padding:96px var(--page-gutter);width:100%}.works-hero__pill{display:inline-block;font-size:14px;font-weight:600;color:#3f3f46;padding:9px 20px;border-radius:999px;margin-bottom:30px;background:#f4f4f58c;border:1px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);box-shadow:0 8px 24px -12px #18181b33,inset 0 1px #ffffffb3}.works-hero__title{font-size:clamp(40px,6.4vw,82px);font-weight:700;line-height:1.04;letter-spacing:-.03em;color:#18181b}.works-tabs{display:inline-flex;gap:4px;background:#f4f4f5;border-radius:999px;padding:6px;margin-top:44px;flex-wrap:wrap;justify-content:center}.works-tab{display:inline-flex;align-items:center;gap:8px;border:none;background:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:15px;color:#71717a;padding:11px 22px;border-radius:999px;transition:background .2s,color .2s,box-shadow .2s}.works-tab:hover{color:#18181b}.works-tab.is-active{background:#fff;color:#18181b;box-shadow:0 6px 16px -8px #18181b47}.works-tab svg{width:16px;height:16px}.works-case__wrap{max-width:none;width:100%;margin:0;padding:72px 40px 72px 8px;display:grid;grid-template-columns:740px minmax(0,1fr);gap:72px;align-items:center;box-sizing:border-box}.works-case__visual{position:relative;border-radius:6px;overflow:hidden;background:#e4e4e7;width:740px;max-width:740px;height:530px;flex:none;justify-self:start;box-shadow:0 40px 80px -40px #18181b59}.works-case__info{min-width:280px;max-width:460px;justify-self:start}.works-case__slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}.works-case__slide.is-active{opacity:1}.works-case__slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.works-case__bars{position:absolute;top:14px;left:14px;right:14px;z-index:3;display:flex;gap:6px}.works-case__bar{flex:1;height:3px;border-radius:2px;background:#fff6;overflow:hidden}.works-case__bar span{display:block;height:100%;width:0;background:#fff;border-radius:2px}.works-case__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:42px;height:38px;border:none;cursor:pointer;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:#fff;color:#18181b;display:grid;place-items:center;opacity:0;transition:opacity .2s,background .2s;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}.works-case__visual:hover .works-case__nav{opacity:1}.works-case__nav:hover{background:#f4f4f5}.works-case__nav svg{width:13px;height:13px}.works-case__nav--prev{left:14px}.works-case__nav--next{right:14px}.works-case__title{font-size:clamp(30px,3.4vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1.08;color:#18181b}.works-case__meta{display:flex;gap:40px;margin:28px 0 24px;flex-wrap:wrap}.works-case__meta>div{display:flex;flex-direction:column;gap:5px}.works-case__key{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a1a1aa}.works-case__val{font-size:16px;font-weight:600;color:#18181b}.works-case__desc{font-size:16px;line-height:1.6;color:#52525b;max-width:none;background:#f4f4f5;border-radius:20px;padding:24px 26px}.works-case__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.works-case__tag{font-size:12px;font-weight:500;color:#3f3f46;background:#f4f4f5;border:1px solid #e8e8ec;padding:6px 12px;border-radius:999px}.works-case__stats{display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}.works-stat{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#52525b;background:#f4f4f5;border:1px solid #e8e8ec;border-radius:999px;padding:9px 15px;line-height:1}.works-stat svg{width:16px;height:16px;color:#a1a1aa}.works-stat b{color:#18181b;font-variant-numeric:tabular-nums}.works-like{position:relative;cursor:pointer;font-family:inherit;transition:border-color .18s,background .18s,color .18s}.works-like:hover{border-color:#d4d4d8}.works-like svg{transition:transform .2s;fill:none}.works-like.is-liked{color:var(--color-accent);border-color:#7c3aed59;background:#7c3aed12}.works-like.is-liked svg{color:var(--color-accent);fill:var(--color-accent)}.works-like.pop svg{animation:worksHeart .42s cubic-bezier(.2,.8,.3,1.4)}.works-like.shake{animation:worksShake .34s ease}@keyframes worksHeart{0%{transform:scale(1)}35%{transform:scale(1.42)}60%{transform:scale(.9)}to{transform:scale(1)}}@keyframes worksShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.works-like__toast{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#18181b;color:#fff;font-size:12px;font-weight:500;white-space:nowrap;padding:7px 11px;border-radius:9px;opacity:0;pointer-events:none;transition:.18s}.works-like__toast:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#18181b}.works-like.show-toast .works-like__toast{opacity:1;transform:translate(-50%) translateY(0)}.works-case__actions{display:flex;align-items:center;gap:22px;margin-top:30px;flex-wrap:nowrap}.works-case__btn{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;white-space:nowrap;background:var(--color-accent);color:#fff;padding:14px 24px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;box-shadow:0 14px 30px -12px #a855f780;transition:background .2s,transform .15s}.works-case__btn:hover{background:var(--color-accent-hover)}.works-case__btn:active{transform:scale(.97)}.works-case__btn svg{width:16px;height:16px;transition:transform .2s}.works-case__btn:hover svg{transform:translate(2px,-2px)}.works-case__link{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;white-space:nowrap;font-size:15px;font-weight:600;color:#3f3f46;text-decoration:none}.works-case__link svg{width:16px;height:16px;transition:transform .2s}.works-case__link:hover{color:#18181b}.works-case__link:hover svg{transform:translate(4px)}.works-case.is-filtered-out{display:none}@media(max-width:1200px)and (min-width:861px){.works-case__wrap{grid-template-columns:740px minmax(0,1fr);padding:64px 28px 64px 8px;gap:56px;overflow-x:auto}.works-case__visual{width:740px;max-width:740px;height:530px}.works-case__info{max-width:400px}}@media(max-width:860px){html:has(body.page-realizacje){scroll-snap-type:none}.works-snap{min-height:auto}.works-case__wrap{margin:0 auto;padding:40px var(--page-gutter);grid-template-columns:1fr;gap:20px}.works-case__visual{order:-1;width:100%;max-width:none;height:auto;aspect-ratio:740 / 530;border-radius:6px}.works-case__info{max-width:none}.works-case__title{font-size:clamp(28px,7.5vw,38px)}.works-case__meta{gap:22px;margin:20px 0 18px}.works-case__desc{font-size:15px;line-height:1.55;padding:16px;border-radius:18px}.works-case__tags{margin-top:18px}.works-case__actions{flex-direction:column;align-items:stretch;gap:14px;margin-top:24px}.works-case__btn{justify-content:center;padding:15px 24px}.works-case__link{justify-content:center}.works-case__nav{opacity:1}.works-hero__inner{padding:56px var(--page-gutter) 36px}.works-hero__title{font-size:clamp(34px,9vw,52px)}.works-tabs{display:flex;width:100%;max-width:420px;margin:30px auto 0;gap:4px;flex-wrap:nowrap}.works-tab{flex:1 1 0;justify-content:center;padding:11px 8px;font-size:14px;gap:6px;white-space:nowrap}.works-tab svg{width:15px;height:15px}}@media(max-width:380px){.works-tab{padding:11px 6px;font-size:13px;gap:4px}.works-tab svg{display:none}}@media(prefers-reduced-motion:reduce){html:has(body.page-realizacje){scroll-snap-type:none;scroll-behavior:auto}.works-case__slide{transition:none}}