@font-face{font-family:Inter;src:local("Inter");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f4f2eb;color:#20211d;font:16px Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d7441e;outline-offset:5px}::selection{background:#ff693d;color:#151713}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;padding:14px;background:#fff;z-index:100}.skip:focus{top:10px}.site-header{width:min(1440px,calc(100% - 96px));margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d8ce;gap:28px}.wordmark{font-size:43px;font-weight:800;letter-spacing:-3px;display:inline-flex;align-items:center;gap:5px;line-height:1}.wordmark>span{color:#e94822;font-size:38px;letter-spacing:0;line-height:1}.site-header nav{display:flex;gap:34px;font-size:14px}.site-header nav a:hover,.scroll-link:hover{text-decoration:underline;text-underline-offset:6px}.header-cta{font-size:14px;border:1px solid #a0a198;border-radius:50px;padding:14px 22px;display:flex;gap:30px}.header-cta:hover{background:#20211d;color:white}.hero{padding-top:52px;overflow:hidden}.hero-top{display:flex;justify-content:space-between;align-items:start}.eyebrow{font:11px/1.5 Inter,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 25px;font-weight:600}.status-dot{display:inline-block;width:7px;height:7px;background:#ea4d25;border-radius:50%;margin-right:9px}.hero-note{font-size:12px;line-height:1.5;margin:0;color:#67695f}.hero h1{font-size:clamp(58px,7.6vw,110px);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin:37px 0 33px;position:relative}.hero h1>span:first-of-type{color:#7d8174}.hero-star{position:absolute;right:0;top:0;color:#eb4d25;font-size:148px;line-height:1;font-weight:400;transform:rotate(12deg);letter-spacing:0}.hero-bottom{display:flex;align-items:center;gap:40px;margin-bottom:54px}.hero-bottom>p{max-width:400px;font-size:16px;line-height:1.65;color:#5e6257;margin:0;margin-right:auto}.button{display:inline-flex;align-items:center;gap:34px;padding:19px 26px;border-radius:40px;font-size:14px}.dark{background:#20211d;color:#fff}.dark:hover{background:#e94822}.button span{font-size:20px}.scroll-link{font-size:13px;display:flex;gap:20px;align-items:center}.hero-showcase{background:#dbded0;border:1px solid #cdd1c2;border-radius:14px 14px 0 0;padding:22px 32px 0;height:395px;overflow:hidden}.showcase-label{display:flex;justify-content:space-between;color:#5e6454;font-size:11px;margin-bottom:28px}.showcase-grid{display:flex;position:relative;gap:20px;align-items:start;margin-inline:-3%}.showcase-screen{border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 14px 35px #33382b22;flex:0 0 58%;background:white;transform:rotate(-3deg);margin-top:14px;transition:transform .25s}.screen-top,.browser-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px 13px;font-size:9px;color:#63685b;border-bottom:1px solid #e6e8e0}.screen-top span:first-child,.browser-bar span:first-child{font-size:7px;color:#b6b9af;letter-spacing:2px}.showcase-screen.secondary{flex-basis:40%;transform:rotate(4deg);margin-top:60px;margin-left:-10%;z-index:2}.showcase-screen.third{flex-basis:37%;transform:rotate(-5deg);margin-left:-16%;margin-top:130px;z-index:3}.showcase-screen:hover{transform:translateY(-9px)}.brand-strip{background:#20211d;color:#e9ece1;display:flex;justify-content:center;align-items:center;gap:50px;min-height:98px;padding:25px;font-size:21px;letter-spacing:-.6px}.brand-strip b{color:#ff7852;font-size:27px;font-weight:400}.section{padding-block:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}h2{font-size:clamp(37px,4.3vw,62px);line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:0}h2 span{color:#7d8174}.section-heading>p{font-size:14px;line-height:1.8;color:#6d7065;max-width:350px;margin:0 10px 5px 0}.portfolio-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d2d5c8;padding-top:24px;margin-bottom:35px;gap:15px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters[hidden]{display:none}.filters button{font-size:12px;border:1px solid #c9cdbf;background:transparent;border-radius:30px;padding:12px 19px;cursor:pointer}.filters button:hover{border-color:#20211d}.filters .active{background:#20211d;color:#fff;border-color:#20211d}.filters small{font-size:9px;margin-left:6px;color:#b9c0aa}.portfolio-count{font-size:11px;white-space:nowrap;color:#71766a}.projects{display:grid;grid-template-columns:1fr 1fr;gap:54px 32px}.project[hidden]{display:none}.project-image{display:block;position:relative;background:#ddd;padding:25px 25px 0;border-radius:8px;overflow:hidden;height:auto;aspect-ratio:1.62}.project-image img{width:100%;border-radius:0 0 2px 2px;transition:transform .4s;transform-origin:top}.browser-bar{border-radius:5px 5px 0 0}.project-image:hover img{transform:scale(1.025)}.project-image[class~="4bikes"]{background:#e1d8cc}.project-image.strefa{background:#d6d9cc}.project-image.motorabat{background:#d9d8d1}.project-image.cnc5d{background:#d7dccb}.project-image.caberg{background:#d5d1cf}.project-image.fox{background:#d5dce0}.project-image.rebelhorn{background:#d7d8cd}.visit{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:25px;background:#fff;border-radius:30px;padding:12px 17px;font-size:11px;box-shadow:0 3px 20px #0001}.project-label{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.9px;font-size:9px;margin:20px 0 10px;color:#797e70}.project h3{font-size:27px;font-weight:500;letter-spacing:-1px;margin:0 0 10px}.project h3 a{display:flex;justify-content:space-between}.project h3 span{font-size:22px}.project h3 a:hover{color:#d83d18}.project-title{font-size:14px;margin:0 0 9px}.project-description{font-size:12px;line-height:1.65;color:#73786b;max-width:520px;margin:0}.services{background:#e7e9df}.service-list{border-top:1px solid #c5caba}.service-list article{display:grid;grid-template-columns:55px 1fr 1.1fr 40px;align-items:start;gap:25px;padding:34px 0;border-bottom:1px solid #c5caba}.service-number{font-size:11px;padding-top:8px;color:#787d70}.service-list h3{margin:0;font-size:26px;font-weight:500;letter-spacing:-1px}.service-list p{font-size:13px;line-height:1.8;color:#69705f;max-width:405px;margin:0}.service-arrow{font-size:30px;line-height:1;color:#df4d27;text-align:right}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid #ccd1c2;padding-top:31px}.steps article>span{font-size:10px;color:#777e6c;text-transform:uppercase;letter-spacing:.6px}.steps h3{font-size:20px;font-weight:500;letter-spacing:-.6px;margin:30px 0 15px;max-width:200px}.steps p{font-size:13px;line-height:1.8;color:#6d7463;max-width:250px;margin:0}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;border-top:1px solid #d0d4c7;padding-top:65px}.faq h2{font-size:43px}.questions details{border-bottom:1px solid #d0d4c7}.questions details:first-child{border-top:1px solid #d0d4c7}.questions summary{cursor:pointer;display:flex;justify-content:space-between;padding:23px 0;font-size:14px;list-style:none;gap:20px}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:20px;font-weight:400;color:#7b8270}.questions details[open] summary span{transform:rotate(45deg)}.questions p{font-size:13px;line-height:1.8;color:#66705b;margin:0 30px 25px 0}.contact{background:#e9532b;color:#201d17;padding-block:70px}.contact .eyebrow{color:#582715}.contact-head{display:flex;justify-content:space-between;align-items:center}.contact h2{font-size:clamp(55px,7.7vw,110px);font-weight:500;line-height:1.02;letter-spacing:-.065em}.contact h2 span{color:#f8ead2}.contact-symbol{font-size:150px;line-height:1}.contact-bottom{border-top:1px solid #a7371d;margin-top:45px;padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-bottom>p{font-size:13px;line-height:1.8;margin:0;color:#622b17}.contact-links a{display:flex;font-size:22px;gap:30px;text-decoration:underline;text-underline-offset:6px}.contact-links .phone{font-size:15px;margin-top:15px;text-decoration:none}.site-footer{min-height:140px;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer .wordmark{font-size:34px}.site-footer .wordmark>span{font-size:30px}.site-footer>span{font-size:11px;color:#747b69}.site-footer>div{display:flex;gap:26px;font-size:10px;color:#747b69}.site-footer>div a:hover{color:#262a20}body.legal main{padding-block:70px;max-width:800px;font-size:16px;line-height:1.8}body.legal h1{font-size:48px;line-height:1.1;letter-spacing:-2px}body.legal h2{font-size:25px;line-height:1.4;margin-top:35px}body.legal a{text-decoration:underline}.legal-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbd1c1}@media(min-width:1500px){.hero-showcase{height:420px}}@media(max-width:1050px){.wrap,.site-header{width:calc(100% - 64px)}.site-header nav{gap:20px}.hero-star{font-size:100px}.hero-bottom{gap:25px}.hero-bottom>p{max-width:330px;font-size:14px}.scroll-link{display:none}.hero-showcase{height:310px}.brand-strip{gap:24px;font-size:17px}.section{padding-block:80px}.section-heading>p{max-width:270px;font-size:13px}.service-list article{grid-template-columns:30px 1fr 1fr 25px;gap:20px}.service-list h3{font-size:23px}.steps{gap:20px}.steps h3{font-size:18px}.project-image{padding:15px 15px 0}.browser-bar{font-size:7px;padding:7px 9px}.project h3{font-size:24px}.visit{bottom:12px;right:12px;padding:9px 13px}.faq{gap:35px}.faq h2{font-size:35px}.contact-symbol{font-size:110px}.site-footer>span{display:none}}@media(max-width:700px){html{scroll-padding-top:25px}.wrap,.site-header{width:calc(100% - 40px)}.site-header{height:82px;gap:15px}.wordmark{font-size:35px;letter-spacing:-2px}.wordmark>span{font-size:31px}.site-header nav{display:none}.header-cta{font-size:12px;padding:11px 15px;gap:20px}.hero{padding-top:30px}.eyebrow{font-size:9px;letter-spacing:1px}.hero-note{display:none}.hero h1{font-size:clamp(42px,9.6vw,66px);line-height:1.1;margin:24px 0}.hero-star{position:static;font-size:45px;display:block;margin:18px 0 0 4px;height:35px;text-align:right;line-height:1}.hero-bottom{display:block;margin-bottom:30px}.hero-bottom>p{max-width:400px;margin-bottom:23px;font-size:14px}.button{padding:16px 21px;font-size:12px;gap:35px}.hero-showcase{padding:17px 12px 0;height:228px;border-radius:8px 8px 0 0}.showcase-label{font-size:8px;margin-bottom:12px}.showcase-label span:last-child{display:none}.showcase-grid{margin-inline:0;gap:10px}.showcase-screen{flex-basis:85%;margin-top:10px}.screen-top{font-size:7px;padding:7px}.showcase-screen.secondary{flex-basis:72%;margin-left:-45%;margin-top:75px}.showcase-screen.third{display:none}.brand-strip{font-size:12px;gap:17px;min-height:69px;flex-wrap:wrap;padding:20px}.brand-strip b{font-size:18px}.brand-strip span:last-child,.brand-strip b:last-of-type{display:none}.section{padding-block:60px}.section-heading{display:block;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:40px}.section-heading>p{margin:24px 0 0;max-width:350px;font-size:12px}.portfolio-toolbar{padding-top:18px;gap:12px;align-items:start}.filters{gap:6px}.filters button{font-size:10px;padding:9px 12px}.filters small{font-size:8px;margin-left:3px}.portfolio-count{font-size:9px;padding-top:10px}.projects{grid-template-columns:1fr;gap:38px}.project-image{padding:20px 20px 0}.browser-bar{font-size:8px}.project-label{margin-top:16px}.project h3{font-size:27px}.project-description{font-size:12px}.service-list article{grid-template-columns:25px 1fr 24px;gap:10px;padding:26px 0}.service-list h3{font-size:23px}.service-list p{grid-row:2;grid-column:2/4;margin-top:7px;font-size:12px;max-width:360px}.service-arrow{grid-row:1;grid-column:3;font-size:25px}.steps{grid-template-columns:1fr 1fr;gap:30px 23px;padding-top:25px}.steps h3{font-size:19px;margin-top:18px}.steps p{font-size:12px;line-height:1.7}.steps article>span{font-size:9px}.faq{display:block;padding-top:40px}.faq>div:first-child{margin-bottom:30px}.faq h2{font-size:35px}.questions summary{font-size:13px;padding:20px 0;line-height:1.6}.contact{padding-block:45px}.contact h2{font-size:49px}.contact-symbol{font-size:65px;align-self:end}.contact-bottom{display:block;margin-top:30px;padding-top:22px}.contact-bottom>p{font-size:12px;margin-bottom:25px}.contact-links a{font-size:21px}.site-footer{padding-block:30px;min-height:140px;align-items:start;flex-wrap:wrap;gap:25px}.site-footer>div{width:100%;justify-content:space-between;gap:15px;font-size:9px}body.legal main{padding-block:40px}body.legal h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Real screenshots retain their intrinsic proportions; no overlapping previews. */
.hero-showcase{height:auto;padding:22px 26px 26px;border-radius:12px;margin-bottom:0}.showcase-label{align-items:center;gap:20px;margin-bottom:18px}.showcase-controls{display:flex;gap:6px;flex-wrap:wrap}.showcase-controls[hidden]{display:none}.showcase-controls button{border:1px solid #aeb5a0;padding:9px 14px;border-radius:20px;background:transparent;color:#505844;font:11px Inter,Arial,sans-serif;cursor:pointer}.showcase-controls button[aria-pressed="true"]{background:#20211d;color:#fff;border-color:#20211d}.hero-showcase .showcase-grid{display:block;margin:0}.hero-showcase .showcase-screen,.hero-showcase .showcase-screen.secondary,.hero-showcase .showcase-screen.third{display:block;transform:none;margin:0;width:100%;border:1px solid #c6cbbd;border-radius:7px;box-shadow:0 8px 25px #26321d12}.hero-showcase .showcase-screen[hidden]{display:none}.hero-showcase .showcase-screen img{width:100%;height:auto}.screen-top{padding:12px 15px;font-size:10px}.hero-showcase .showcase-screen:hover{transform:none;box-shadow:0 8px 25px #26321d25}.project-image{aspect-ratio:auto;height:auto;padding:20px 20px 0}.project-image img{width:100%;height:auto;transform:none}.project-image:hover img{transform:none}.project-image:hover .visit{background:#20211d;color:#fff}.visit{bottom:14px;right:14px}.browser-bar{padding:10px 12px}#project-preview{padding:0;width:min(1240px,calc(100vw - 48px));max-width:none;max-height:94vh;border:0;border-radius:10px;background:#f4f2eb;color:#20211d;box-shadow:0 20px 100px #0005}#project-preview::backdrop{background:#13170fe0}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px}.preview-heading h2{font-size:20px;letter-spacing:-.5px;margin:0}.preview-heading button{border:1px solid #c4cbb9;border-radius:30px;background:transparent;padding:9px 17px;font:12px Inter,Arial,sans-serif;cursor:pointer}#preview-image{width:100%;height:auto;max-height:calc(94vh - 130px);object-fit:contain;background:#fff}.preview-caption{display:flex;justify-content:space-between;gap:15px;padding:17px 20px;font-size:12px}.preview-caption>span{color:#737e65}.preview-caption a{text-decoration:underline;text-underline-offset:4px}@media(max-width:700px){.hero-showcase{padding:15px 12px 12px}.showcase-label{display:block;font-size:9px}.showcase-controls{margin-top:12px;gap:5px}.showcase-controls button{font-size:10px;padding:8px 10px}.screen-top{padding:8px;font-size:8px}.hero-showcase .showcase-screen.secondary,.hero-showcase .showcase-screen.third{display:block}.hero-showcase .showcase-screen[hidden]{display:none}.project-image{padding:13px 13px 0}.browser-bar{padding:8px;font-size:8px}.visit{font-size:10px;padding:8px 12px;right:10px;bottom:10px}#project-preview{width:calc(100vw - 20px)}.preview-heading{padding:13px}.preview-heading h2{font-size:17px}.preview-heading button{padding:8px 12px}.preview-caption{font-size:10px;padding:14px}.preview-caption>span{max-width:130px}}