*{box-sizing:border-box}html{font-size:62.5%}body{font-family:Inter,sans-serif;line-height:1.6;font-size:1.7rem;letter-spacing:-.011em;min-height:100vh;color:#101010;margin:0;background:#f7f7f7}body.blog.page,body.o-mnie,body.projekty.page,body.projekty.list,body.oferta.list,body.tags{background:#fff}body.blog.list{background:#fff}body.blog.list .breadcrumbs{max-width:1600px}body.blog.list .main-content{max-width:1600px!important;padding-left:70px;padding-right:70px}body.kontakt.list{background:#fff}a{color:#346cd5;text-decoration:none;font-weight:600}.gallery{display:flex}body.blog.page h1,body.blog.page h2,body.blog.page h3,body.blog.page h4,body.blog.page h5,body.blog.page h6{clear:both}.clear{clear:both}h1{line-height:1.2}h2,h3,h4,h5,h6{line-height:1.2}figure{margin:16px 0}figure.float-right{float:right;clear:both;padding-left:16px}figure img{box-shadow:#0000000f 0 10px 30px;max-width:100%;max-height:300px;border-radius:8px;padding:4px;height:auto;width:auto}figure div{display:inline-block}figcaption{text-align:center;font-size:.9em}table{border-collapse:collapse;box-shadow:#0000000f 0 10px 30px}th{background:#1c355e;color:#fff;padding:5px 15px}td{padding:10px;line-height:1.2;text-align:center;border:1px solid #e7e7e7}li{margin:5px 0}blockquote{background-color:#fff;background-image:linear-gradient(315deg,#e9eef44f 0%,#d7e1ec91 74%);padding:.5em 1em;margin-left:0;margin-right:0}.blockquote-footer{text-align:right}.clear{clear:both}.navbar{color:#fff;position:fixed;width:100%;top:0;left:0;z-index:100;font-weight:300;transition:background 200ms linear}body.blog.page .navbar{position:initial}.navbar--active{background:#dddddda6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar a.navbar__logo{flex:1;font-weight:600;font-size:1.2em;text-shadow:0 0 5px #000}.navbar--active a.navbar__logo,.navbar--active .navbar__hamburger{text-shadow:none;color:#000}.navbar a{color:#fff;padding:0 8px;text-decoration:none;font-weight:500;transition:200ms;text-shadow:0 0 5px #000}.navbar__navigation{display:flex;align-items:center}@media(hover:hover) and (pointer:fine){.navbar__navigation a:hover{font-weight:700}}.navbar__navigation a::after{display:block;content:attr(title);font-weight:700;height:1px;color:transparent;overflow:hidden;visibility:hidden}.navbar--active .navbar__navigation a{text-shadow:none;color:#000}.navbar__navigation a:last-child{width:36px}.navbar__lang{width:20px;margin-bottom:-2px;border:1px solid #000;background:#fff}.navbar__hamburger{display:none}.wrapper{max-width:1300px;margin-left:auto;margin-right:auto}.wrapper--navbar{display:flex;padding:16px}.main-content{min-height:100vh;padding-top:64px}body.oferta.list .main-content,body.blog.page .main-content{padding-top:0}body:not(.home-page):not(.oferta.list):not(.projekty.list) .main-content{max-width:1300px;margin-left:auto;margin-right:auto;padding-bottom:32px}.landing{position:relative;overflow:hidden;margin-top:-64px;height:100vh}.landing::before{background-image:url("/img/maciej kaszkowiak.webp");background-size:cover;background-position:65%;background-repeat:no-repeat;content:'';position:fixed;top:0;left:0;width:100%;height:100%;will-change:transform;z-index:-1}@supports not (background-image:url("/img/maciej kaszkowiak.webp")){.landing::before{background-image:url("/img/maciej kaszkowiak.jpg")}}.landing__container{display:grid;grid-template-areas:". . ." ". text ." ". . .";grid-template-columns:calc(50vw - 650px)auto 1fr;grid-template-rows:1fr auto 1fr;width:100%;height:100%;background:linear-gradient(237deg,#22a1da00 15%,#0044ccad 100%)}.landing__content{grid-area:text;color:#fff;font-size:2em;text-shadow:0 0 50px #000000ad;padding:0 12px}.landing__content h2,.landing__content h3{margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:-.022em}.landing__content h3{margin-top:15px}.landing__content p{font-weight:300;letter-spacing:-.021em;line-height:1.2;margin-top:25px}.landing__image{max-width:450px;width:50%}.link-button{background:#346cd5;color:#142543;padding:8px 16px;border-radius:8px;font-weight:500;display:inline-block;text-decoration:none;text-align:center;box-shadow:1px 2px 2px #00000040}.link-button--outline{color:#346cd5;background:#fff;border:2px solid #346cd5;box-shadow:none;padding:6px 16px}.contact-front{background:#d7fbff;color:#142543}.contact-front>.wrapper{padding:20px 10px}.contact-front a{color:#142543}.contact-front h2{margin:0;font-size:4rem}.contact{max-width:1300px;margin-left:auto;margin-right:auto;color:#142543}.contact h1{font-size:2em}.contact-form{display:grid;grid-template-areas:"namelabel emaillabel" "name email" "msglabel msglabel" "message message" "submit submit";grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto auto;grid-gap:16px}.contact-form__name{grid-area:name}.contact-form__name-label{grid-area:namelabel}.contact-form__email{grid-area:email}.contact-form__email-label{grid-area:emaillabel}.contact-form__message{grid-area:message}.contact-form__message-label{grid-area:msglabel}.contact-form label{font-size:.8em;margin-bottom:-12px;padding-left:4px;font-weight:700}.contact-form input{height:48px}.contact-form textarea{height:160px}.contact-form input,.contact-form textarea,.contact-form button{border:none;font-size:1em;font-family:Inter,sans-serif;padding:8px;box-shadow:0 2px 10px #00000014;border-radius:8px}.contact-form button{grid-area:submit;min-width:80px;width:30%;margin:12px auto;height:48px;background:#1c355e;color:#fff;transition:all 200ms ease}@media(hover:hover) and (pointer:fine){.contact-form button:hover{box-shadow:none;cursor:pointer;opacity:.9}}.offer-front{background-color:#afd6f6;background-image:url("/img/pastel gradient.webp");background-size:cover;background-position:10%;color:#000}@supports not (background-image:url("/img/pastel gradient.webp")){.offer-front{background-image:url("/img/pastel gradient.jpg")}}.offer-front>.wrapper{display:grid;grid-template-areas:"header header" "one ." "two ." "three cta";grid-template-columns:auto 1fr;padding:0 10px;padding-bottom:60px}.offer-front__header{grid-area:header}.offer-front__box{font-size:1.8em;margin-bottom:40px;padding-bottom:20px;font-weight:500;line-height:1.2;position:relative}.offer-front__box--1{grid-area:one}.offer-front__box--2{grid-area:two}.offer-front__box--3{grid-area:three}.offer-front__box:after{position:absolute;bottom:0;content:"";width:115%;border-bottom:2px solid #000;height:100%;pointer-events:none;display:block}.offer-front__button{font-size:1.2em;background:#000;color:#fff;font-weight:700;text-decoration:none;border-radius:10px;padding:15px 60px;text-align:center;display:inline-block;transition:all .2s ease}.offer-front__button-container{grid-area:cta;justify-self:flex-end}@media(hover:hover) and (pointer:fine){.offer-front__button:hover{opacity:.85}}.projects-front{background:#fff;padding:20px 0}.projects-front>.wrapper{padding:0 10px}.projects-front__header{font-size:4rem}.projects-front__list{display:flex;flex-wrap:wrap;gap:8px}.projects-front__list-item{border:2px solid #000;border-radius:10px;padding:4px 8px;font-weight:500;font-size:1.5rem;color:#000;display:inline-block;line-height:1.4;transition:all .2s ease}.projects-front__list-item.highlight{background:#000;color:#fff}@media(hover:hover) and (pointer:fine){.projects-front__list-item:hover{color:#fff;background:#0c0c0c;opacity:.82}}.offer{padding:20px 40px;background-color:#afd6f6;background-image:url("/img/pastel gradient.webp");background-size:cover;background-position:10%;color:#000;position:relative;display:grid;grid-template-columns:50px 1fr 50px;grid-template-rows:auto auto auto;grid-template-areas:"scroll title ." "scroll content ." ". below .";grid-gap:0 30px}body.oferta.list .offer{padding-top:64px}@supports not (background-image:url("/img/pastel gradient.webp")){.offer{background-image:url("/img/pastel gradient.jpg")}}.offer__scroll{grid-area:scroll}.offer__scroll div{display:flex;flex-direction:column;gap:10px;position:sticky;padding:calc(50vh - 55px)0 210px;top:0;left:20px;padding-left:18px}.offer__scroll circle{opacity:.9;transition:fill .3s ease-in-out}.offer .wrapper{grid-area:title;max-width:1330px;width:100%}.offer .wrapper.wrapper--below{grid-area:below}.offer .wrapper .breadcrumbs a{color:#000}.offer__header{font-size:6.4rem;font-weight:700;letter-spacing:-.021em;margin:80px 0;line-height:1.1}.offer__boxes{grid-area:content;max-width:1300px;margin-left:auto;margin-right:auto;max-width:1400px}.offer__desc{padding-left:12px;margin-top:0;margin-bottom:6px}.offer__box{display:grid;grid-template-areas:"content ." "content image" "content project";grid-template-rows:80px auto auto;grid-template-columns:minmax(400px,600px)minmax(400px,650px);grid-gap:10px 80px;margin-bottom:100px}.offer__box-title{grid-area:header;color:#000;font-size:3.2rem;letter-spacing:-.02em;font-weight:700}.offer__box-description{grid-area:content;font-size:1.8rem;line-height:1.65;font-weight:500;margin-bottom:20px;position:relative}.offer__box-description:after{position:absolute;bottom:0;content:"";width:100%;border-bottom:2px solid #000;pointer-events:none;height:100%;display:block}.offer__box-description>div{position:sticky;top:100px;padding-bottom:30px}.offer__box-project-desc{grid-area:project;padding-top:60px;font-size:1.8rem;font-weight:500}.offer__box-project-desc h3{font-size:24px;font-weight:700;letter-spacing:-.02em}.offer__box-project-img{grid-area:image;transition:all .3s ease}@media(hover:hover) and (pointer:fine){.offer__box-project-img:hover{opacity:.9;cursor:pointer}}.offer__box-project-img picture{position:relative;display:block}.offer__box-project-img picture:after,.offer__box-project-img picture:before{position:absolute;transform:translate(-50%,-50%);width:100%;height:100%;border:2px solid #000;pointer-events:none;border-radius:20px;z-index:10}.offer__box-project-img picture:after{content:"";top:calc(50% - 30px);left:calc(50% + 30px);z-index:3}.offer__box:nth-child(2n) .offer__box-project-img picture:after{top:calc(50% + 30px)}.offer__box-project-img picture:before{content:"";top:calc(50% + 30px);left:calc(50% - 30px)}.offer__box:nth-child(2n) .offer__box-project-img picture:before{top:calc(50% - 30px)}.offer__box-project-img img{border-radius:20px;display:block;width:100%;height:auto;z-index:5;position:relative;aspect-ratio:582/340;-o-object-fit:cover;object-fit:cover}.offer__box-project-cta{margin:10px 0 20px;display:inline-block;color:#000;padding:5px 10px;border:2px solid #000;border-radius:10px;font-weight:500;transition:all .3s ease;mix-blend-mode:multiply}@media(hover:hover) and (pointer:fine){.offer__box-project-cta:hover{background:#000;color:#fff;font-weight:700;letter-spacing:-.03em}}.projects{background:#fff;color:#000;padding-top:20px;padding-bottom:20px}.projects .breadcrumbs{max-width:none}.projects .offer__box-project-img img{border:2px solid #000}.projects .wrapper{max-width:1330px}.projects .wrapper>h2,.projects .wrapper>p,.projects .wrapper>h1,.projects .wrapper>.breadcrumbs{margin:0;margin-bottom:24px;padding:0 10px}.projects .wrapper>h2{font-size:2em;margin-top:20px}.projects .wrapper>h1{font-size:2em}.projects__list{display:flex;flex-wrap:wrap;gap:80px;padding:0 10px}.projects__list .project{flex:0 1 calc(50% - 40px)}.projects__list .project .offer__box-project-img picture:before,.projects__list .project .offer__box-project-img picture:after{content:none}.projects__list .offer__box-project-desc{padding-top:30px}.project-mini{display:block;text-decoration:none;line-height:1.6;color:#000;font-weight:500;flex:0 1 280px}.project-mini img{max-width:30px;height:auto}.project-mini__container{padding:0 20px;display:grid;grid-template-columns:repeat(3,minmax(190px,370px));flex-wrap:wrap;gap:40px 20px;margin-top:60px;margin-bottom:100px;justify-content:space-between}.project-mini-icon{max-width:100px}.project-mini-icon img{height:auto;width:100%;border-radius:10px}.project-mini-icon__container{display:grid;grid-template-columns:repeat(9,auto);grid-gap:10px;padding:0 20px;margin-bottom:60px;justify-content:space-between}.project{margin:25px auto;max-width:960px;border-radius:8px}.project .offer__box-project-desc{font-weight:400}.project__wrapper{max-width:1300px;margin-left:auto;margin-right:auto;padding:24px;display:grid;grid-template-areas:'gallery text';grid-template-columns:auto 1fr;grid-gap:50px}.project__buttons .link-button{background:#1c355e;color:#fff;font-weight:300}.project__text{grid-area:text;display:flex;flex-direction:column;justify-content:center;font-weight:300}.project__text h3{font-size:1.3em;margin:0}.project__text hr{margin-right:24px;display:none}.project__gallery{grid-area:gallery;display:flex;align-items:center;justify-content:center}.project__gallery img{max-width:300px;border-radius:8px;box-shadow:#0000000f 0 10px 30px;width:auto;height:auto}.about-me-front{background:#fff;box-shadow:0 2px 10px #0000000d}.about-me-front>.wrapper{padding:20px 10px 40px}.about-me-front h2{margin:0;font-size:4rem}.about-me-front p{max-width:600px}.about-me-front img{float:right;max-width:500px;width:50%;min-width:150px;padding:10px;opacity:.93;height:auto}.about-me-front a{text-align:center;display:inline-block;background:#fff;color:#000;padding:10px 40px;text-decoration:none;font-weight:600;border-radius:10px;clear:both;border:2px solid #000}@media(hover:hover) and (pointer:fine){.about-me-front a:hover{opacity:.85}}.about-me{max-width:1300px;margin-left:auto;margin-right:auto;max-width:768px}.footer{background:#1c355e;color:#fff;padding:24px;line-height:1.8}.footer a{color:#fff;text-decoration:none;font-weight:400}.footer .wrapper{display:grid;grid-template-areas:"left right" "bottom bottom";grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.footer__left{grid-area:left}.footer__right{grid-area:right}.footer__bottom{grid-area:bottom}.breadcrumbs{max-width:1300px;margin-left:auto;margin-right:auto;font-size:.9em;margin:0 auto 16px;padding-top:12px}.breadcrumbs a{color:#726f6f;font-weight:300}.blog-post{min-height:100vh;display:grid;grid-template-areas:". toc header" ". toc content" "recs recs recs";grid-template-columns:1fr auto 768px;grid-gap:16px 60px}.blog-post__recommendations{grid-area:recs;border-top:1px dotted #346cd5;padding-top:2em;margin-top:2em}.blog-post--project{display:block;max-width:1300px;margin-left:auto;margin-right:auto;max-width:768px}.blog-post__header{grid-area:header;max-width:720px}.blog-post__header h1{margin:0;margin-bottom:5px;font-size:28px;letter-spacing:-.021em}.blog-post__toc{grid-area:toc}.blog-post__toc-wrapper{position:sticky;top:40px}.blog-post__toc-wrapper ul{padding-left:20px}.blog-post--project .blog-post__header h1{margin:revert}.blog-post .blog-thumbnail{max-width:500px;width:100%;border-radius:8px;height:auto}.blog-post__content{grid-area:content}.blog-post__date{color:#3c3b3b;font-size:15px;font-weight:300;letter-spacing:-.009em}.blog-post p{margin:20px 0}.front-blog{padding-top:4px;background:#fff;padding-bottom:40px;padding-left:10px;padding-right:10px}.front-blog__header{font-size:4rem}.blog-view{display:flex;flex-direction:column}.post-tags{display:inline}.post-tags:empty::before{content:''}.post-tags a{color:#346cd5;text-decoration:none;font-weight:500;font-size:14px;letter-spacing:-.006em}.posts-list{grid-area:posts;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:90px 70px}.posts-list__post{display:flex;flex-direction:column;gap:4px}.posts-list__post h2{margin:0;font-size:2.4rem;line-height:1.15;letter-spacing:-.019em}.posts-list__post h2 a{color:#000;font-weight:700}.posts-list__post .blog-thumbnail{width:100%;border-radius:8px;height:auto;aspect-ratio:450/295;-o-object-fit:cover;object-fit:cover;background:#ededed;transition:all .2s ease}@media(hover:hover) and (pointer:fine){.posts-list__post .blog-thumbnail:hover{opacity:.85}}.posts-list__date{color:#3c3b3b;font-size:15px;font-weight:300;letter-spacing:-.009em}.posts-list__summary{font-size:16px;line-height:1.56;font-weight:400;margin:0;margin-top:4px;letter-spacing:-.011em}.tags-list{grid-area:tags;background:#fff;margin:60px 0}.tags-list h2{font-weight:700;font-size:30px;line-height:1.15;letter-spacing:-.022em;margin:0;margin-bottom:10px}.blog-list-header{font-weight:700;font-size:40px;line-height:1.15;margin:0;margin-top:30px;margin-bottom:25px;letter-spacing:-.022em}.blog-list-summary{margin:0;margin-bottom:40px;font-size:16px;line-height:1.56;letter-spacing:-.011em}.github-code{max-height:Min(600px,60vh);overflow:scroll;margin:0 10px;max-width:calc(100vw - 50px)}.github-code td{text-align:left}.blog-post__content .highlight,.blog-post__content pre{max-height:50vh;overflow:auto;max-width:calc(100vw - 50px);margin:auto}code{padding:10px;display:inline-block}.ml-embedded{margin-top:2em}.rss{width:1em}.notice{--root-color:#444 !important;--root-background:#eff !important;--title-color:#fff !important;--title-background:#7bd !important;--warning-title:#c33 !important;--warning-content:#fee !important;--info-title:#fb7 !important;--info-content:#fec !important;--note-title:#6be !important;--note-content:#e7f2fa !important;--tip-title:#5a5 !important;--tip-content:#efe !important}.notice .notice-title{margin:0}.notice{margin-top:2em;margin-bottom:2em}@media only screen and (max-width:1200px){body{font-size:1.6rem}.about-me-front h2,.projects-front__header,.front-blog__header,.contact-front h2{font-size:3rem}.project__gallery img{max-width:200px}.offer-front__button-container{justify-self:flex-start}body:not(.home-page):not(.projekty.list):not(.oferta.list) .main-content{padding-left:8px;padding-right:8px}.projects .wrapper>h2,.projects .wrapper>p,.projects .wrapper>.breadcrumbs{margin-bottom:10px}.projects .wrapper>h1{margin-bottom:15px}.offer-list{display:grid;grid-template-areas:"breadcrumbs" "headers" "articles";grid-template-columns:auto;grid-gap:16px 60px}.offer-list__headers{text-align:left;border-bottom:1px solid #1c355e;padding-bottom:20px}.blog-post{grid-template-areas:"header" "toc" "content" "recs";grid-template-columns:auto;grid-gap:0}.blog-post__toc-wrapper{position:initial;top:0;transform:none}.posts-list{grid-gap:90px 45px}body.blog.list .main-content{padding-left:25px;padding-right:25px}.offer-front>.wrapper{grid-template-areas:"header" "one" "two" "three" "cta";grid-template-columns:1fr;padding:20px 10px 40px}.offer-front__box{font-size:1.3em;padding-bottom:10px;margin-bottom:40px}.offer-front__box:after{width:100%}.offer-front__button{padding:12px 40px}.offer{padding-bottom:0}.offer__header{font-size:4rem;margin:30px 0 20px}.offer-front__header{font-size:3.5rem;margin:0;margin-bottom:40px}.offer__box{grid-template-areas:"content" "image" "project";grid-template-columns:1fr;grid-template-rows:repeat(3,auto);border-bottom:2px solid #000;padding-bottom:20px;margin-bottom:40px}.offer__box:last-child{margin-bottom:0;border-bottom:none}.offer__box-project-cta{margin:0 0 40px}.offer__box-title{font-size:2.4rem}.offer__box__title{margin:20px 0 10px}.offer__box-description:after{content:none}.offer__box-project-desc,.projects__list .offer__box-project-desc{padding-top:0;font-size:1.5rem}.offer__box:nth-child(2n) .offer__box-project-img picture:after{top:calc(50% - 30px)}.offer__box-project-img{grid-area:image;transition:all .3s ease;width:calc(100% - 40px)}.offer__box-project-img picture:before{content:none}}@media only screen and (max-width:768px){.projects__list{gap:0}.projects__list .project{flex:1 1 100%}.blog-list-header{font-size:2.8rem}.posts-list{grid-template-columns:1fr 1fr}body{font-size:1.5rem}.contact-form{grid-template-areas:"namelabel" "name" "emaillabel" "email" "msglabel" "message" "submit";grid-template-columns:1fr}.offer{padding:0 25px;padding-bottom:20px;grid-template-areas:"scroll" "title" "content" "below";grid-template-columns:1fr;grid-template-rows:repeat(4,auto)}.offer__scroll{display:none;position:sticky;top:0;opacity:.8;padding:20px 0}.offer__scroll div{padding:0;flex-direction:row;justify-content:center;top:50px}.blog-view{grid-template-areas:"posts" "tags";grid-template-columns:1fr}.navbar{font-size:.9em}figure.float-right{float:none;padding:0}figure.float-right div{display:block}figure.float-right img{display:block;margin:auto}.project-mini{flex:1 1;flex-direction:row;flex-wrap:nowrap;display:flex;align-items:center;gap:10px}.project-mini img{max-width:20px;display:block}.project-mini__container{display:flex;flex-direction:column;gap:25px;margin:30px 0 60px}.project-mini-icon__container{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-evenly}}@media only screen and (max-width:600px){.posts-list{grid-template-columns:1fr;grid-gap:60px}.project__wrapper{grid-template-areas:"gallery" "text";grid-template-columns:1fr;grid-template-rows:auto auto;grid-gap:20px;padding:12px}.project__gallery{justify-content:flex-start}.offer__box{flex:1 1 100%}.offer__desc{margin-bottom:16px}.footer .wrapper{grid-template-areas:"left" "right" "bottom";grid-template-columns:1fr;grid-gap:12px}body.projekty.list .projects>h1,body.projekty.list .projects>p,body.projekty.list .projects>h2{padding-left:12px}.navbar__navigation{position:fixed;top:50px;left:0;width:100vw;flex-direction:column;transition:height 300ms linear,background 300ms linear;height:auto;overflow:hidden;align-items:inherit}.navbar__navigation a{border-top:1px solid #ffffff2e;padding:12px}.navbar__navigation a:last-child{width:auto}.navbar__navigation:not(.navbar__navigation--shown){height:0}.navbar--active .navbar__navigation{background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar--active .navbar__navigation a{border-top:1px solid #000}a.navbar__hamburger{display:block;flex:1 1;text-align:right;font-size:2em;line-height:20px;padding:0;font-weight:600}.navbar a.navbar__logo{flex:initial}.link-button{padding:8px}.link-button--outline{padding:6px 8px}.landing{font-size:.7em}.landing__content p{margin-top:10px;letter-spacing:-.017em}.landing__content h2,.landing__content h3{letter-spacing:-.019em}section.blog>h2{margin:8px 0;font-size:1.7em}.offer__box-top{padding-bottom:12px}.contact-front{padding:0}}