@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/dm-sans-400.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/dm-sans-500.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/dm-sans-600.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/dm-sans-700.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/dm-sans-800.ttf') format('truetype')}

:root{--paper:#f6f6f6;--ink:#383838;--muted:#777777;--line:#dedede;--lilac:#e0e0e0;--lime:#e3e3e3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #6d6d6d;outline-offset:6px}.site{max-width:1512px;margin:auto;padding:0 6%}.skip{position:absolute;left:20px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:42px;letter-spacing:-5px;font-weight:750;display:flex;align-items:center;gap:9px}.brand-dot{font-size:27px;letter-spacing:0;color:#808080}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:500}nav a:not(.nav-contact){padding:9px 0}nav a:hover,nav .current{text-decoration:underline;text-underline-offset:7px}.nav-contact{border:1px solid #bcbcbc;border-radius:50px;padding:13px 22px;margin-left:8px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center;min-height:560px;padding:57px 0 50px}.eyebrow{font-size:14px;font-weight:500;margin:0 0 24px;display:flex;align-items:center;gap:9px}.little-star{font-size:23px;color:#808080}h1{font-size:clamp(56px,6.5vw,96px);line-height:1.02;letter-spacing:-5.5px;margin:0;font-weight:550}h1 span{color:#868686}.hero-copy{font-size:17px;line-height:1.7;margin:24px 0 29px;color:#6e6e6e}.actions{display:flex;gap:11px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:50px;padding:17px 23px;font-size:14px;font-weight:500;transition:transform .18s,background .18s}.button:hover{transform:translateY(-3px)}.primary{background:var(--ink);color:white}.primary:hover{background:#525252}.secondary{border:1px solid #c2c2c2}.secondary:hover{background:#ededed}.mini-note{font-size:12px;color:#838383;margin:18px 0 0 14px;display:flex;align-items:center;gap:10px}.scribble{font-size:27px;line-height:1;transform:rotate(-20deg)}.visual{height:431px;position:relative;background:var(--lilac);border-radius:26px;display:block;isolation:isolate}.visual-grid{position:absolute;inset:0;border-radius:26px;overflow:hidden;background-image:linear-gradient(#ffffff32 1px,transparent 1px),linear-gradient(90deg,#ffffff32 1px,transparent 1px);background-size:33px 33px}.floating-label{position:absolute;left:27px;top:23px;font-size:12px;color:#6a6a6a;transform:rotate(-4deg)}.browser-card{position:absolute;background:white;border:1px solid #ffffffaa;border-radius:9px;overflow:hidden;box-shadow:0 16px 26px #36363623;transition:transform .25s}.browser-card img{display:block;width:100%;height:205px;object-fit:cover;object-position:top}.browser-bar{height:25px;display:flex;gap:4px;align-items:center;padding:0 10px;background:#f9f9f9}.browser-bar i{width:5px;height:5px;background:#d1d1d1;border-radius:50%}.browser-bar span{font-size:7px;letter-spacing:.5px;color:#969696;margin:auto}.back{width:75%;left:10%;top:65px;transform:rotate(-8deg)}.front{width:77%;left:18%;top:166px;transform:rotate(7deg)}.visual:hover .front{transform:rotate(3deg) translateY(-4px)}.visual:hover .back{transform:rotate(-5deg) translateY(-4px)}.spark{position:absolute;right:0;top:6px;font-size:93px;color:#7e7e7e;line-height:1;transform:rotate(10deg)}.project-sticker{position:absolute;bottom:17px;left:-19px;display:flex;align-items:center;gap:10px;background:var(--lime);padding:15px 21px;border-radius:13px;transform:rotate(-8deg);box-shadow:0 6px 12px #37373712}.project-sticker b{font-size:40px;line-height:1;font-weight:500}.project-sticker span{font-size:10px;line-height:1.5}.quick-links{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:27px 0 34px}.quick-links a{padding:3px 28px;border-right:1px solid var(--line)}.quick-links a:first-child{padding-left:0}.quick-links a:last-child{border:0;padding-right:0}.quick-links span{font-size:11px;color:var(--muted)}.quick-links strong{font-size:21px;display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-top:13px}.quick-links b{font-weight:400;transition:transform .2s}.quick-links a:hover b{transform:translate(3px,-3px)}footer{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#777777}.concept{color:#939393}footer a:hover{text-decoration:underline}.page-intro{padding:65px 0 45px}.page-intro h1{font-size:70px;letter-spacing:-3.5px}.page-intro>p:last-child{color:var(--muted);line-height:1.7}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 27px;padding-bottom:60px}.work-image{padding:30px;border-radius:18px;overflow:hidden}.tone-0{background:#e5e5e5}.tone-1{background:#e3e3e3}.tone-2{background:#e6e6e6}.work img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;object-position:top;border-radius:6px;box-shadow:0 10px 20px #37373716;display:block;transition:transform .25s}.work:hover img{transform:translateY(-5px)}.work-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 2px}.work h2{margin:0;font-size:23px;font-weight:550}.work p{font-size:13px;line-height:1.6;color:var(--muted);margin:7px 0 0}.circle-arrow{border:1px solid var(--line);border-radius:50%;padding:7px 11px}.bottom-cta{display:flex;align-items:center;justify-content:space-between;padding:35px 0 55px;border-top:1px solid var(--line);gap:20px}.bottom-cta h2{font-weight:500;font-size:32px;letter-spacing:-1px;margin:0}.bottom-cta p{font-size:14px;color:var(--muted)}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 60px}.offer-grid article{padding:30px;background:#eaeaea;border-radius:20px}.offer-grid article:nth-child(2){background:#e3e3e3}.offer-grid article:nth-child(3){background:#e8e8e8}.offer-icon{font-size:36px}.offer-grid h2{font-size:24px;font-weight:500;margin-top:35px}.offer-grid p{font-size:15px;color:#6d6d6d;line-height:1.7;margin-bottom:3px}.about-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding:65px 0;align-items:center}.about-art{background:var(--lilac);min-height:440px;border-radius:25px;padding:40px;position:relative}.about-word{font-size:77px;line-height:.98;letter-spacing:-4px;position:relative}.about-word em{font-style:normal;color:#757575}.about-star{position:absolute;top:22px;right:28px;font-size:100px;color:#8b8b8b}.about-tag{position:absolute;bottom:32px;left:40px;font-size:13px;background:var(--lime);padding:10px 17px;border-radius:30px;transform:rotate(-5deg)}.about-copy h1{font-size:68px;letter-spacing:-3.5px}.about-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#6f6f6f;max-width:440px}.about-copy .button{margin-top:12px}.contact-page{padding:75px 0 110px;position:relative;min-height:590px}.contact-page h1{font-size:72px;letter-spacing:-3.5px;max-width:850px}.contact-page>p:not(.eyebrow){color:var(--muted);margin:25px 0}.email-link{display:flex;gap:35px;align-items:center;width:fit-content;font-size:clamp(16px,2.7vw,34px);border-bottom:1px solid #bfbfbf;padding-bottom:10px;overflow-wrap:anywhere}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:33px}.contact-flower{position:absolute;right:0;bottom:35px;font-size:130px;color:#c7c7c7;z-index:-1}@media(min-width:1450px){.hero{min-height:650px}.visual{height:490px}.browser-card img{height:235px}.front{top:195px}.back{top:80px}}@media(max-width:1000px){.site{padding:0 5%}nav{gap:20px}.hero{gap:25px}.visual{height:370px}h1{letter-spacing:-3.5px}.button{padding:15px 18px;gap:15px}.browser-card img{height:175px}.front{top:145px}.back{top:65px}.quick-links strong{font-size:18px}.about-layout{gap:35px}.about-word{font-size:65px}.contact-page h1{font-size:60px}}@media(max-width:700px){.site{padding:0 6%}header{height:auto;min-height:90px;gap:15px;flex-wrap:wrap;padding:16px 0}.brand{font-size:34px}nav{gap:16px;font-size:12px}.nav-contact{padding:9px 12px;margin:0}.hero{grid-template-columns:1fr;padding:40px 0 32px;gap:35px}.eyebrow{margin-bottom:19px;font-size:13px}h1{font-size:67px;letter-spacing:-3.7px}.hero-copy{font-size:16px;margin:20px 0 24px}.mini-note{margin-top:15px}.visual{height:365px;max-width:500px;width:100%;margin:0 auto}.browser-card img{height:180px}.front{top:145px}.project-sticker{left:-6px}.spark{font-size:80px}.quick-links{grid-template-columns:1fr;padding:8px 0 20px}.quick-links a,.quick-links a:first-child,.quick-links a:last-child{padding:19px 0;border-right:0;border-bottom:1px solid var(--line)}.quick-links a:last-child{border-bottom:0}.quick-links strong{font-size:21px;margin-top:7px}footer{flex-wrap:wrap;font-size:10px;padding:20px 0;gap:15px}.concept{order:3;width:100%}.page-intro{padding:43px 0 26px}.page-intro h1,.about-copy h1,.contact-page h1{font-size:49px;letter-spacing:-2.5px}.work-grid{grid-template-columns:1fr;gap:18px;padding-bottom:30px}.work-image{padding:22px}.bottom-cta{align-items:flex-start;flex-direction:column;padding:30px 0}.bottom-cta h2{font-size:29px}.offer-grid{grid-template-columns:1fr;gap:15px;margin-bottom:35px}.offer-grid article{padding:25px}.offer-grid h2{margin-top:22px}.about-layout{grid-template-columns:1fr;padding:35px 0;gap:30px}.about-art{min-height:325px}.about-word{font-size:66px}.contact-page{padding:45px 0 70px;min-height:580px}.email-link{font-size:17px;gap:12px}.contact-flower{font-size:95px;bottom:20px}.contact-actions .button{font-size:13px}}@media(max-width:380px){nav{gap:12px}.nav-contact{padding:8px}h1{font-size:59px}.visual{height:330px}.browser-card img{height:150px}.front{top:135px}.project-sticker{bottom:9px}.hero .button{font-size:12px;padding:14px 15px}.contact-page h1{font-size:43px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Three standalone navigation buttons. */
.quick-links{display:flex;justify-content:center;gap:18px;border:0;padding:8px 0 45px}
.quick-links a,.quick-links a:first-child,.quick-links a:last-child{flex:1;max-width:340px;border:0;border-radius:24px;padding:23px 27px;background:#e3e3e3;box-shadow:0 4px 0 #d4d4d4;transition:transform .2s,box-shadow .2s,background .2s}
.quick-links a:nth-child(2){background:#eaeaea;box-shadow:0 4px 0 #dbdbdb}
.quick-links a:nth-child(3){background:#e7e7e7;box-shadow:0 4px 0 #d7d7d7}
.quick-links strong{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:19px;font-weight:500;margin:0}
.quick-links b{display:grid;place-items:center;background:#ffffff80;border-radius:50%;width:33px;height:33px;font-size:19px}
.quick-links a:hover{transform:translateY(-4px);box-shadow:0 8px 0 #d4d4d4}
.quick-links a:nth-child(2):hover{box-shadow:0 8px 0 #dbdbdb}
.quick-links a:nth-child(3):hover{box-shadow:0 8px 0 #d7d7d7}
.quick-links a:active{transform:translateY(2px);box-shadow:none}
@media(max-width:700px){.quick-links{flex-direction:column;gap:14px;padding:4px 0 32px}.quick-links a,.quick-links a:first-child,.quick-links a:last-child{max-width:none;width:100%;padding:18px 24px;border:0}.quick-links strong{margin:0;font-size:18px}}
@media(prefers-reduced-motion:reduce){.quick-links a{transition:none}}

.load-error{color:#4f4f4f;font-size:14px;line-height:1.6;padding:15px 0}.pricing-features{white-space:pre-line;font-size:14px;line-height:1.8}.offer-price{font-size:21px;font-weight:600}.offer-grid article .button{margin-top:15px}.work-description{white-space:pre-line}

.project-detail .artwork{margin:25px 0}.project-detail .artwork img{width:100%;height:auto;border-radius:15px}.project-detail .artwork svg{width:100%;height:auto}.work-image .artwork svg{display:block;width:100%;border-radius:6px}.browser-card .artwork{overflow:hidden}.browser-card .artwork svg{width:100%;height:205px}.browser-card[hidden]{display:none}

/* mzstrony identity, ambient home background and page transitions */
.brand{font-size:34px;letter-spacing:-2px;gap:0;white-space:nowrap}.brand-name{font-weight:450;letter-spacing:-1.7px}.brand-dot{margin-left:9px;font-size:25px}header nav{gap:25px}header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.home-page{isolation:isolate}.home-background{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:#f6f6f6}.home-background span{position:absolute;width:52vw;height:52vw;min-width:350px;min-height:350px;border-radius:50%;filter:blur(65px);opacity:.45;animation:ambient-drift 22s ease-in-out infinite alternate;will-change:transform}.home-background span:nth-child(1){background:radial-gradient(circle,#d9d9d9,transparent 68%);top:-27%;right:-14%}.home-background span:nth-child(2){background:radial-gradient(circle,#dfdfdf,transparent 68%);bottom:-36%;left:-10%;animation-duration:27s;animation-delay:-9s}.home-background span:nth-child(3){background:radial-gradient(circle,#e2e2e2,transparent 68%);top:30%;left:30%;animation-duration:31s;animation-delay:-14s}.visual-grid{animation:grid-breathe 9s ease-in-out infinite alternate}.home-page .spark{animation:flower-turn 40s linear infinite}main{animation:page-arrive .48s cubic-bezier(.2,.65,.35,1) both}.page-leaving main{animation:page-depart .2s ease-in forwards}#page-progress{position:fixed;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#868686,#bbbbbb,#868686);background-size:200% 100%;z-index:100;animation:loading-line 1s ease-in-out infinite;transform-origin:left;pointer-events:none}.page-leaving{cursor:progress}.pricing-features{padding-left:0;list-style:none;white-space:normal;margin:23px 0;line-height:1.7}.pricing-features li{padding:9px 0;border-bottom:1px solid #38383815;font-size:14px}.pricing-features li:before{content:'✓';padding-right:9px;color:#747474}.offer-grid article{display:flex;flex-direction:column}.offer-grid .offer-icon{font-size:30px}.offer-grid article h2{margin:24px 0 10px}.offer-grid .offer-price{font-size:34px;letter-spacing:-1px;color:#383838;font-weight:550;line-height:1.2;margin:10px 0 16px}.offer-grid article .button{margin-top:auto}.privacy-copy{max-width:780px;font-size:15px;line-height:1.9;margin-top:35px;color:#626262}.privacy-copy p{margin:0 0 23px}.privacy-copy a{text-decoration:underline;overflow-wrap:anywhere}footer{flex-wrap:wrap;align-items:center}.admin-entry{margin-left:auto}.offer-grid[aria-busy=true]{opacity:.7}.offer-grid[aria-busy=true] .button{pointer-events:none}
@keyframes ambient-drift{from{transform:translate3d(-30px,-20px,0) scale(.9)}to{transform:translate3d(65px,45px,0) scale(1.12)}}@keyframes grid-breathe{from{opacity:.35}to{opacity:1}}@keyframes flower-turn{to{transform:rotate(370deg)}}@keyframes page-arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes page-depart{to{opacity:0;transform:translateY(-7px)}}@keyframes loading-line{0%{background-position:0% 0}100%{background-position:200% 0}}
@media(max-width:850px){header{flex-wrap:wrap;height:auto;min-height:110px;padding:20px 0;gap:17px}header nav{gap:20px;flex-wrap:wrap}.brand{font-size:31px}}@media(max-width:700px){header nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}.nav-contact{padding:9px 12px}.home-background span{filter:blur(40px);opacity:.35}.admin-entry{margin-left:0}footer{gap:14px 23px}.offer-grid .offer-price{font-size:32px}}
@media(prefers-reduced-motion:reduce){main,.home-background span,.home-page .spark,.visual-grid,#page-progress{animation:none!important}.page-leaving main{opacity:1;transform:none}.home-background span{will-change:auto}}

.pricing-loading{padding:45px 0;font-size:16px;color:#6c6c6c}.pricing-loading:before{content:"";display:inline-block;vertical-align:middle;width:18px;height:18px;margin-right:12px;border:2px solid #d9d9d9;border-top-color:#383838;border-radius:50%;animation:pricing-spin .8s linear infinite}@keyframes pricing-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pricing-loading:before{animation:none}}
