.portfolio-hero .draft-lead{max-width:780px}.portfolio-page .pf-hero{padding:42px 0}.pf-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:48px}.portfolio-page .pf-hero h1{font-size:clamp(38px,4.2vw,60px);line-height:1.12;margin:0 0 22px;letter-spacing:-.04em}.pf-hero h1 span,.pf-cta h2 span{color:var(--brand-orange)}.portfolio-page .pf-hero .draft-lead{font-size:18px;max-width:650px;line-height:1.7}.pf-hero-art{width:100%;height:auto;max-height:280px;object-fit:contain;display:block;-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent)}.pf-nav{border-bottom:1px solid var(--brand-rule);background:#fff}.pf-nav .wrap{display:flex;flex-wrap:wrap;gap:0 36px}.pf-nav a{display:block;padding:23px 0 19px;border-bottom:3px solid transparent;font-size:15px;font-weight:600}.pf-nav a:hover,.pf-nav a:focus-visible{border-bottom-color:var(--brand-orange)}.pf-work{padding:32px 0 40px;background:var(--brand-white)}.pf-feature,.pf-card{border:1px solid var(--brand-rule);border-radius:10px;overflow:hidden}.pf-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:0;padding:10px;scroll-margin-top:30px}.pf-feature-image{display:block;background:var(--brand-navy);border-radius:6px;overflow:hidden}.pf-feature-image img{display:block;width:100%;height:100%;min-height:350px;object-fit:cover}.pf-feature-copy{padding:clamp(24px,3vw,42px);align-self:center}.portfolio-page #main .pf-category{text-transform:uppercase;font-size:12px;letter-spacing:.06em;font-weight:650;color:var(--brand-muted);margin:0 0 14px}.portfolio-page .pf-feature h2{font-size:clamp(28px,2.8vw,39px);margin-bottom:18px;letter-spacing:-.03em}.pf-labels{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px}.pf-labels span{background:var(--brand-pale);color:var(--brand-muted);padding:5px 10px;border-radius:4px;font-size:12px}.pf-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.pf-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-client-image{aspect-ratio:1.65;padding:16px 16px 0;background:var(--brand-pale)}.pf-client-image img{object-position:top;border-radius:4px 4px 0 0;box-shadow:0 4px 16px #233c5620}.pf-client-grid .pf-card-copy{padding:24px 18px 18px}.portfolio-page .pf-client-grid h2{font-size:25px}.pf-domain{margin-top:10px;font-size:12px;color:var(--brand-muted);overflow-wrap:anywhere}@media(min-width:641px)and (max-width:1000px){.pf-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-client-grid .pf-card:last-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.pf-client-grid .pf-card:last-child .pf-card-image{height:100%}}.pf-card{display:flex;flex-direction:column;padding:10px;scroll-margin-top:30px}.pf-card-image{display:block;aspect-ratio:1.85;overflow:hidden;background:var(--brand-pale);border-radius:6px}.pf-card-image img{width:100%;height:100%;object-fit:cover;display:block}.pf-web-image{background:var(--brand-navy);padding:28px 28px 0}.pf-web-image img{object-position:top;border-radius:6px 6px 0 0;box-shadow:0 4px 20px #12253755}.pf-card-copy{padding:26px 24px 22px;display:flex;flex-direction:column;flex:1}.portfolio-page .pf-card h2{font-size:clamp(24px,2vw,29px);line-height:1.25;margin-bottom:14px;letter-spacing:-.025em}.pf-card-copy .text-link{margin-top:auto;align-self:flex-start}.portfolio-page #main .pf-card-copy .text-link,.portfolio-page #main .pf-soon .text-link{color:var(--brand-link)}.pf-soon{display:flex;align-items:center;gap:28px;background:var(--brand-pale);border-radius:8px;padding:25px 34px;margin-top:24px;scroll-margin-top:30px}.portfolio-page .pf-soon h2{font-size:21px}.pf-soon p{font-size:14px}.pf-soon .text-link{margin-left:auto;font-size:14px}.portfolio-page .pf-cta{padding:42px 0;text-align:left}.pf-cta .wrap{max-width:var(--wrap);display:flex;justify-content:space-between;align-items:center;gap:32px}.portfolio-page .pf-cta h2{margin:0 0 12px;font-size:clamp(28px,3vw,40px)}.portfolio-page .pf-cta .button{margin:0;flex-shrink:0}.portfolio-page #main svg{width:20px;height:20px;flex-shrink:0}@media(max-width:850px){.pf-hero-grid{gap:24px}.pf-feature{grid-template-columns:1fr 1fr}.pf-feature-copy{padding:22px}.pf-feature-image img{min-height:360px}.pf-cta .wrap{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.portfolio-page .pf-hero{padding:34px 0 28px}.pf-hero-grid,.pf-feature,.pf-project-grid{grid-template-columns:1fr}.pf-hero-art{max-height:200px}.portfolio-page .pf-hero h1{font-size:38px}.portfolio-page .pf-hero .draft-lead{font-size:16px}.pf-nav .wrap{gap:0 22px}.pf-nav a{font-size:13px;padding:15px 0 12px}.pf-feature-image img{min-height:0;height:auto}.pf-feature-copy,.pf-card-copy{padding:24px 16px}.pf-project-grid{gap:20px;margin-top:20px}.pf-soon{flex-wrap:wrap;gap:12px 18px;padding:24px}.pf-soon .text-link{margin-left:0;width:100%}.pf-work{padding-top:22px}}.portfolio-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:42px}.portfolio-navigation a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border:1px solid var(--line);border-radius:6px;font-weight:600}.portfolio-navigation a span{color:var(--brand-orange)}.portfolio-navigation a:hover{border-color:var(--brand-orange)}.portfolio-category{scroll-margin-top:110px}.portfolio-category-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,90px);align-items:start}.portfolio-description{margin-top:18px;max-width:430px}.portfolio-project,.portfolio-placeholder{padding:clamp(24px,3vw,36px);border:1px solid var(--line);border-radius:8px}.portfolio-project{background:var(--brand-white);border-top:3px solid var(--brand-orange)}.portfolio-placeholder{border-style:dashed}.portfolio-status{display:block;font-size:13px;font-weight:600;margin-bottom:16px}.portfolio-project h3,.portfolio-placeholder h3{margin-bottom:12px}.portfolio-project .text-link{margin-top:24px}.case-privacy{max-width:820px;margin-top:28px;padding:20px 24px;border-left:3px solid var(--brand-orange);background:#ffffff0d}.case-copy{margin-top:18px}.case-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px;margin-top:28px}.draft-page .draft-hero .case-actions .button{margin-top:0}.case-view figure{margin:36px 0 0}.case-view figure a{display:block;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.case-view img{display:block;width:100%;height:auto}.case-view figcaption{margin-top:14px;color:var(--muted);font-size:14px;line-height:1.65}#widoki,#funkcje{scroll-margin-top:100px}.case-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center}.server-case-page .draft-hero h1{font-size:clamp(36px,3.55vw,53px);line-height:1.12}.server-case-page .draft-hero h1 span{color:var(--brand-orange)}.server-case-page .draft-lead{font-size:18px;max-width:570px;margin:26px 0}.case-hero-copy,.case-hero-visual{min-width:0}.case-hero-visual{margin:0}.case-hero-visual img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 95%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 95%,transparent)}.case-hero-visual figcaption{font-size:14px;text-align:center;color:#d4e0e9;margin-top:12px;line-height:1.6}.case-hero-points{display:flex;flex-wrap:wrap;gap:10px 18px;margin:30px 0 0;padding:22px 0 0;border-top:1px solid #ffffff25;font-size:13px;color:#d4e0e9;list-style:none}.case-hero-points li{display:flex;align-items:center;gap:8px}.case-hero-points li:before{content:"";width:5px;height:5px;background:var(--brand-orange);border-radius:50%}.case-section-nav{border-bottom:1px solid var(--brand-rule);background:#fff}.case-section-nav .wrap{display:flex;flex-wrap:wrap;gap:12px 34px;padding-block:16px}.case-section-nav a{font-size:15px;padding-block:8px}.case-section-nav a:hover{text-decoration:underline;text-underline-offset:6px}.server-case-page .draft-section{padding:84px 0;scroll-margin-top:28px}.server-case-page .draft-section h2{font-size:clamp(30px,3.1vw,43px);line-height:1.18;letter-spacing:-.035em}.server-case-page .draft-cards{gap:24px}.server-case-page .draft-cards article{padding:28px;border:1px solid var(--brand-rule);border-radius:8px;background:var(--brand-white)}.server-case-page #widoki>.wrap{padding-top:24px}@media(max-width:1000px){.case-hero-grid{gap:22px}.server-case-page .case-actions{gap:18px}}@media(max-width:760px){.case-hero-grid{grid-template-columns:1fr;gap:32px}.server-case-page .draft-hero h1{font-size:clamp(34px,8vw,45px)}.server-case-page .draft-lead{font-size:17px}.case-hero-visual{max-width:570px;margin:auto}.case-hero-points{font-size:12px;gap:10px 16px}.case-section-nav .wrap{gap:4px 20px;padding-block:12px}.case-section-nav a{font-size:13px}.server-case-page .draft-section{padding:48px 0}.server-case-page .draft-cards{grid-template-columns:1fr}.server-case-page .draft-cards article{padding:24px}}@media(max-width:850px){.portfolio-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-category-grid{grid-template-columns:1fr;gap:26px}.portfolio-description{max-width:620px}}@media(max-width:440px){.portfolio-navigation{grid-template-columns:1fr;gap:8px;margin-top:30px}.portfolio-navigation a{padding:15px 18px}}.pf-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 20px}.portfolio-page #main .pf-tags li{padding:7px 12px;border-radius:5px;background:var(--brand-navy);color:#fff;font-size:13px;font-weight:650;line-height:1.4}.pf-work .pf-feature{margin-top:24px}.pf-work .pf-client-grid{margin-top:0}.client-back{display:inline-block;margin-bottom:32px;color:#fff}.client-case-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}.client-case-grid img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 16px 40px #10223350}.client-case-hero .pf-tags li{border:1px solid #ffffff55}.client-case-hero h1{font-size:clamp(36px,4vw,56px)}.client-case-page .draft-section{padding:64px 0;scroll-margin-top:24px}.client-case-page .draft-cards article{border:1px solid var(--brand-rule);border-radius:8px;padding:28px}.client-case-page .draft-cards h3{margin-bottom:12px}.client-scope-note{margin-top:24px;color:var(--brand-muted)}.client-screens{background:var(--brand-pale)}.client-screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.client-screen-grid figure{margin:0}.client-screen-grid img{width:100%;height:auto;border-radius:8px;border:1px solid var(--brand-rule)}.client-screen-grid figcaption{margin-top:14px;font-size:14px;line-height:1.6}@media(max-width:760px){.client-case-grid,.client-screen-grid{grid-template-columns:1fr;gap:28px}.client-case-page .draft-section{padding:40px 0}}.client-case-page .draft-cards{gap:24px}.pf-client-logo{display:flex;align-items:center;justify-content:center;aspect-ratio:1.65;padding:32px;background:var(--brand-pale)}.pf-client-logo img{width:100%;height:100%;object-fit:contain}.pf-client-grid .pf-card-image{flex-shrink:0}.system-gallery{background:var(--brand-pale)}.system-gallery .case-privacy{max-width:900px;background:#fff;margin:24px 0 32px}.system-screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.system-screen{background:#fff;border:1px solid var(--brand-rule);border-radius:8px;overflow:hidden}.system-screen>a{display:flex;align-items:flex-start;justify-content:center;background:#f5f6fa;padding:12px}.system-screen img{display:block;width:100%;aspect-ratio:1.65;object-fit:contain;object-position:top}.system-screen>div{padding:26px}.system-screen h3{margin-bottom:12px;font-size:23px}@media(max-width:760px){.system-screen-grid{grid-template-columns:1fr;gap:22px}.system-screen>div{padding:22px}}.system-screen .demo-screen-label{font-size:12px;font-weight:700;color:var(--brand-link);margin-bottom:12px}.portfolio-page [hidden]{display:none!important}.pf-nav button{appearance:none;background:transparent;color:#233c56;border:0;border-bottom:3px solid transparent;padding:20px 4px 17px;font:inherit;font-size:15px;font-weight:650;cursor:pointer;min-height:48px}.pf-nav button[aria-pressed=true]{border-bottom-color:#ff8426;color:#803800;background:#fff3e8}.pf-nav button:hover{background:#fff3e8}.pf-nav button:focus-visible{outline:3px solid #233c56;outline-offset:3px}.pf-result-count{color:#455e74;font-size:14px;margin:0 0 20px}.pf-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;align-items:start}.pf-catalog-grid .pf-card{min-width:0;background:#fff}.pf-catalog-grid .pf-card-copy{padding:22px 18px}.pf-catalog-grid .pf-labels span,.pf-catalog-grid .pf-domain{font-size:14px}@media(max-width:1050px){.pf-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.pf-catalog-grid{grid-template-columns:1fr}.pf-nav .wrap{gap:4px 12px;padding-block:10px}.pf-nav button{padding:12px 6px;font-size:14px}}.pf-catalog-grid{align-items:stretch}.pf-catalog-grid .pf-card-image{aspect-ratio:1.85;padding:0;flex-shrink:0}.pf-catalog-grid .pf-card-copy>.button{align-self:flex-start;margin-top:auto}.pf-catalog-grid .pf-card-copy>p{margin-bottom:0}.pf-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.pf-case-grid figure{margin:0}.pf-case-grid figure img{display:block;width:100%;height:auto;border-radius:10px}.pf-case-grid figcaption{font-size:14px;margin-top:10px;color:#dce6ef}.pf-back{display:inline-block;margin-bottom:30px;color:#fff}.pf-case-hero h1{font-size:clamp(34px,4vw,54px);line-height:1.15}.pf-case-scope .pf-case-grid{align-items:start}.pf-scope-list{padding-left:22px;margin:0 0 28px;list-style:disc}.pf-scope-list li{margin-bottom:18px;font-size:18px;line-height:1.7}.pf-case-note{border-left:3px solid #ff8426;padding:18px 22px;background:#f1f4f6}@media(max-width:760px){.pf-case-grid{grid-template-columns:1fr;gap:28px}}.portfolio-page #main .pf-catalog-grid .pf-card-copy>.button{margin-top:auto;margin-bottom:0}.portfolio-page #main .pf-catalog-grid .pf-card-copy>p:has(>.button){margin-top:auto;margin-bottom:0}.pf-story-row{padding:28px 0;border-bottom:1px solid #d7dfe7}.pf-story-row:first-child{padding-top:0}.pf-story-row:last-child{padding-bottom:0;border-bottom:0}.pf-story-row p{font-size:18px;line-height:1.8}.case-hero-visual img[src$="-redacted.jpg"]{-webkit-mask-image:none;mask-image:none;border-radius:8px}.system-screen .demo-screen-label{font-size:14px}