1<!doctype html> 2<!-- GENERATED from ../index.html by tools/build-en.mjs (translations: tools/en.json). Do not edit by hand. --> 3<html lang="en" data-kolekcja="on"> 4<head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> 7 <meta name="color-scheme" content="only light"> 8 <meta name="theme-color" content="#0b0a09"> 9 10 <title>C3S â bespoke software for businesses | Clever Code Craft Studio</title> 11 <meta name="description" content="We design and build web applications, internal systems and automations for businesses. Fixed price, first version in 2â6 weeks, and the code belongs to you."> 12 <meta name="author" content="Clever Code Craft Studio"> 13 <meta name="robots" content="index, follow, max-image-preview:large"> 14 15 <link rel="canonical" href="https://c3s.pl/en/"> 16 <link rel="alternate" hreflang="pl" href="https://c3s.pl/"> 17 <link rel="alternate" hreflang="en" href="https://c3s.pl/en/"> 18 <link rel="alternate" hreflang="x-default" href="https://c3s.pl/"> 19 20 <meta property="og:type" content="website"> 21 <meta property="og:site_name" content="C3S â Clever Code Craft Studio"> 22 <meta property="og:locale" content="en_GB"> 23 <meta property="og:url" content="https://c3s.pl/en/"> 24 <meta property="og:title" content="C3S â bespoke software for businesses | Clever Code Craft Studio"> 25 <meta property="og:description" content="We design and build web applications, internal systems and automations for businesses. Fixed price, first version in 2â6 weeks, and the code belongs to you."> 26 <meta property="og:image" content="https://c3s.pl/og-en.jpg"> 27 <meta property="og:image:width" content="1200"> 28 <meta property="og:image:height" content="630"> 29 <meta property="og:image:alt" content="Józef CheÅmoÅskiâs painting âStorksâ with the words: The plough can wait."> 30 <meta name="twitter:card" content="summary_large_image"> 31 <meta name="twitter:title" content="C3S â bespoke software for businesses | Clever Code Craft Studio"> 32 <meta name="twitter:description" content="We design and build web applications, internal systems and automations for businesses. Fixed price, first version in 2â6 weeks, and the code belongs to you."> 33 <meta name="twitter:image" content="https://c3s.pl/og-en.jpg"> 34 35 <link rel="icon" href="../favicon.ico?v=6d2ba77d8e" sizes="any"> 36 <link rel="icon" type="image/svg+xml" href="../favicon.svg?v=6d2ba77d8e"> 37 <link rel="apple-touch-icon" href="../apple-touch-icon.png?v=6d2ba77d8e"> 38 <link rel="manifest" href="../site.webmanifest?v=6d2ba77d8e"> 39 40 <link rel="preload" as="font" type="font/woff2" href="../fonts/Brygada1918-Regular.woff2?v=6d2ba77d8e" crossorigin> 41 <link rel="preload" as="image" type="image/avif" fetchpriority="high" 42 imagesrcset="../images/plates/bociany-800.avif?v=6d2ba77d8e 800w, ../images/plates/bociany-1280.avif?v=6d2ba77d8e 1280w, ../images/plates/bociany-1920.avif?v=6d2ba77d8e 1920w" 43 imagesizes="(max-aspect-ratio: 9/10) 100vw, max(100vw, 131vh)"> 44
44<script> 45 (function (l, w, off) { 46 var old = { '#kontakt': '#rozmowa', '#cennik': '#warunki', '#realizacje': off ? 'blog/' : '#kolekcja', '#filozofia': '#podejscie', '#o-nas': '#podejscie', '#dla-kogo': '#podejscie', '#blog': 'blog/' }; 47 var move = function () { if (old[l.hash]) l.replace(old[l.hash]); }; 48 move(); 49 w.addEventListener('hashchange', move); 50 })(location, window, document.documentElement.getAttribute('data-kolekcja') === 'off'); 51 (function (d, w) { 52 var r = d.documentElement; 53 if (!w.WebGL2RenderingContext) return; 54 r.classList.add('is-film'); 55 if (w.matchMedia && w.matchMedia('(prefers-reduced-motion: reduce)').matches) r.classList.add('is-calm'); 56 var v = w.innerWidth / w.innerHeight, h = Math.min(1, 1.3133 / v); 57 if (v >= 0.9) r.style.setProperty('--hero-y', (h >= 0.999 ? 50 : Math.max(0, Math.min(1, (0.41 - h / 2) / (1 - h))) * 100).toFixed(1) + '%'); 58 setTimeout(function () { 59 if (!r.classList.contains('is-js')) { r.classList.remove('is-film'); r.classList.add('no-film'); } 60 }, 6000); 61 })(document, window); 62 </script>
62 63 <link rel="stylesheet" href="../css/style.css?v=6d2ba77d8e"> 64 <link rel="modulepreload" href="../js/stage.js?v=6d2ba77d8e" fetchpriority="low"> 65 <link rel="modulepreload" href="../js/film.js?v=6d2ba77d8e" fetchpriority="low"> 66 <link rel="modulepreload" href="../js/scenes.js?v=6d2ba77d8e" fetchpriority="low"> 67 <link rel="modulepreload" href="../js/plates.gen.js?v=6d2ba77d8e" fetchpriority="low"> 68
68<script type="module" src="../js/main.js?v=6d2ba77d8e" fetchpriority="low" onerror="document.documentElement.classList.remove('is-film')"></script>
68 69 70
70<script type="application/ld+json"> 71 { 72 "@context": "https://schema.org", 73 "@type": "Organization", 74 "name": "C3S - Clever Code Craft Studio", 75 "alternateName": "C3S", 76 "url": "https://c3s.pl", 77 "logo": "https://c3s.pl/logo.png", 78 "image": "https://c3s.pl/og-en.jpg", 79 "description": "A boutique studio building bespoke software and custom web applications for healthcare, retail and services.", 80 "email": "[email protected]", 81 "telephone": "+48452422086", 82 "sameAs": [ 83 "https://www.linkedin.com/in/pczujowski/", 84 "https://www.linkedin.com/in/romualdkarkoszka/" 85 ], 86 "areaServed": "PL", 87 "contactPoint": [ 88 { 89 "@type": "ContactPoint", 90 "email": "[email protected]", 91 "telephone": "+48452422086", 92 "contactType": "sales", 93 "areaServed": "PL", 94 "availableLanguage": "Polish" 95 }, 96 { 97 "@type": "ContactPoint", 98 "telephone": "+48726067000", 99 "contactType": "sales", 100 "availableLanguage": "English" 101 } 102 ] 103 } 104 </script>
104 105</head> 106<body data-tone="light"> 107 <a class="skip" href="#main">Skip to content</a> 108 109 <svg class="sprite" width="0" height="0" aria-hidden="true" focusable="false"> 110 <symbol id="c3s-znak" viewBox="0 0 750 375"> 111 <path fill-rule="evenodd" d="M750,75l0,225c0,41.394 -33.606,75 -75,75l-600,0c-41.394,0 -75,-33.606 -75,-75l0,-225c0,-41.394 33.606,-75 75,-75l600,0c41.394,0 75,33.606 75,75Zm-19.375,0c0,-30.7 -24.925,-55.625 -55.625,-55.625l-600,0c-30.7,0 -55.625,24.925 -55.625,55.625l0,225c0,30.7 24.925,55.625 55.625,55.625l600,0c30.7,0 55.625,-24.925 55.625,-55.625l0,-225Z"/> 112 <path fill-rule="evenodd" d="M490.714,248.748l69.529,0.424l0.055,0.001c9.374,0.164 18.02,-0.18 25.226,-1.979c5.406,-1.349 9.924,-3.417 12.658,-7.415c2.441,-3.57 3.339,-8.447 2.991,-14.881c-0.853,-15.769 -14.796,-19.698 -24.954,-20.23c-0.36,-0.019 -23.855,0.045 -37.344,-0.906c-36.815,-1.936 -61.941,-30.74 -61.941,-67.843c0,-19.538 6.497,-36.234 18.539,-48.133c11.875,-11.734 29.326,-18.971 52.091,-18.971l88.07,0l-0.061,57.389l-88.144,0c-5.115,0 -9.268,0.683 -12.014,3.095c-2.426,2.131 -3.237,5.555 -3.237,10.05c0,4.465 0.958,8.103 3.217,10.634c2.073,2.323 5.137,3.536 8.823,3.969c10.814,-0.039 37.944,-0.135 38.337,-0.129c43.996,0.745 71.16,30.684 71.16,71.714c0,20.061 -6.689,40.388 -22.555,55.71c-15.272,14.749 -39.351,25.096 -75.193,24.934l-95.21,0l29.957,-57.434Zm-278.894,57.436c-66.3,0 -115.534,-52.022 -115.534,-120.935c0,-70.016 49.117,-116.434 115.534,-116.434l94.917,0l-30.004,57.395l-64.913,-0.033c-33.572,0 -58.171,25.234 -58.171,60.872c0,35.418 24.304,61.772 58.172,61.772l19.262,0l-0,57.363l-19.262,-0Zm163.282,-180.119l-67.495,0.252l30.189,-57.501l118.201,-0l8.106,14.831c0,0 -27.925,43.529 -48.604,75.593c29.192,10.524 46.161,35.282 46.161,66.311c0,20.153 -7.113,40.584 -24.406,55.971c-16.382,14.577 -42.346,24.82 -81.252,24.659l-96.398,0l-0,-57.402l99.842,0.408c11.413,-0.129 24.432,-0.891 34.373,-5.208c7.417,-3.221 12.641,-8.896 12.04,-19.017c-0.887,-14.934 -16.673,-20.912 -27.951,-20.999c-0.269,-0.002 -0.315,-0.009 -0.374,-0.007c-0.526,0.02 -45.451,0.137 -45.451,0.137l-7.499,-15.703l50.518,-62.324Z"/> 113 </symbol> 114 <symbol id="flaga-en" viewBox="0 0 60 30"> 115 <clipPath id="flaga-en-a"><path d="M0,0v30h60V0z"/></clipPath> 116 <clipPath id="flaga-en-b"><path d="M30,15h30v15zv15H0zH0V0zV0h30z"/></clipPath> 117 <g clip-path="url(#flaga-en-a)"> 118 <path d="M0,0v30h60V0z" fill="#012169"/> 119 <path d="M0,0 60,30M60,0 0,30" stroke="#fff" stroke-width="6"/> 120 <path d="M0,0 60,30M60,0 0,30" clip-path="url(#flaga-en-b)" stroke="#c8102e" stroke-width="4"/> 121 <path d="M30,0v30M0,15h60" stroke="#fff" stroke-width="10"/> 122 <path d="M30,0v30M0,15h60" stroke="#c8102e" stroke-width="6"/> 123 </g> 124 </symbol> 125 <symbol id="flaga-pl" viewBox="0 0 60 30"> 126 <path d="M0,0h60v15H0z" fill="#fff"/> 127 <path d="M0,15h60v15H0z" fill="#dc143c"/> 128 </symbol> 129 </svg> 130 131 <canvas class="stage" id="stage" aria-hidden="true"></canvas> 132 <div class="frame" aria-hidden="true"> 133 <i class="frame__v frame__v--l"></i><i class="frame__v frame__v--r"></i> 134 <i class="frame__h frame__h--t"></i><i class="frame__h frame__h--b"></i> 135 <i class="frame__x frame__x--tl"></i><i class="frame__x frame__x--tr"></i> 136 <i class="frame__x frame__x--bl"></i><i class="frame__x frame__x--br"></i> 137 <i class="frame__scroll"></i> 138 <span class="mark mark--scroll"> 139 <svg class="mark__ring" viewBox="0 0 50 100" preserveAspectRatio="none" focusable="false"><path pathLength="1" d="M22.5 4C40 2 47.5 8 48 30C49 55 48.5 80 46 92C43 100 22.5 99 14 97C4 95 1.5 80 2 55C2.5 30 1 10 10 4C19 0 30 3 35 8"/></svg> 140 <i class="mark__note">scroll on</i> 141 </span> 142 </div> 143 144 <header class="top"> 145 <a class="top__logo" href="#zaproszenie" aria-label="C3S â Clever Code Craft Studio, top of the page"> 146 <svg class="logo" viewBox="0 0 750 375" width="150" height="75" aria-hidden="true" focusable="false"><use href="#c3s-znak"/></svg> 147 </a> 148 <p class="top__chapter label" aria-hidden="true"></p> 149 <div class="top__right">
150 <button class="top__voice label" type="button" data-on="false" aria-describedby="glos-tekst" hidden> 151 <span class="top__voice-off"><span class="top__voice-verb">Play </span>voice</span><span class="top__voice-on">Mute</span> 152 <span class="mark mark--voice" aria-hidden="true"> 153 <svg class="mark__ring" viewBox="0 0 100 50" preserveAspectRatio="none" focusable="false"><path pathLength="1" d="M4 27.5C2 10 8 2.5 30 2C55 1 80 1.5 92 4C100 7 99 27.5 97 36C95 46 80 48.5 55 48C30 47.5 10 49 4 40C0 31 3 20 8 15"/></svg> 154 <svg class="mark__arrow" viewBox="0 0 120 60" focusable="false"><path pathLength="1" d="M4 46C34 52 76 42 112 22"/><path pathLength="1" d="M96 18l16 4-9 13"/></svg> 155 </span> 156 </button> 157 <a class="top__mail" href="mailto:[email protected]">[email protected]</a> 158 <a class="top__lang label" href="../" lang="pl" hreflang="pl"><svg class="flag" viewBox="0 0 60 30" width="20" height="10" aria-hidden="true" focusable="false"><use href="#flaga-pl"/></svg><span>PL</span><span class="visually-hidden"> â wersja polska</span></a> 159 </div> 160 </header> 161 <audio id="glos" preload="none"></audio> 162 <p class="visually-hidden" id="glos-tekst">The narrator greets you in a whisper: âWelcome to our gallery. Sit back and look. Scroll down slowly, and Iâll tell you a storyâ, then reads the text of each panel in turn.</p> 163 164 <nav class="rail label" id="rozdzialy" aria-label="Chapters"> 165 <ol> 166 <li><a href="#zaproszenie"><b></b> <span>Invitation</span></a></li> 167 <li><a href="#podejscie"><b></b> <span>Approach</span></a></li> 168 <li><a href="#proces"><b></b> <span>Process</span></a></li> 169 <li class="rail__kolekcja"><a href="#kolekcja"><b></b> <span>Collection</span></a></li> 170 <li><a href="#warunki"><b></b> <span>Terms</span></a></li> 171 <li><a href="#rozmowa"><b></b> <span>Conversation</span></a></li> 172 </ol> 173 <button class="rail__close label" type="button">Close <span aria-hidden="true">Ã</span></button> 174 </nav> 175 176 <div class="plate label" aria-hidden="true"><div class="plate__in"><span class="plate__who"></span><span class="plate__title"></span><span class="plate__where"></span></div></div> 177 <div class="meter label" aria-hidden="true"><span class="meter__zoom"></span><span class="meter__pos"></span></div> 178 <button class="menu-btn label" type="button" aria-expanded="false" aria-controls="rozdzialy"> 179 <span class="menu-btn__icon" aria-hidden="true"></span> 180 <span>Menu</span> 181 <span class="menu-btn__ch" aria-hidden="true"></span> 182 </button> 183 184 <main id="main"> 185 186 <section class="scene scene--hero" data-scene="hero" data-chapter="zaproszenie" data-tone="light" 187 data-who="Józef CheÅmoÅski" data-title="Storks" data-year="1900" data-place="National Museum in Warsaw" style="--len: 3.6"> 188 <span class="anchor" id="zaproszenie" style="--at: 0"></span> 189 <div class="scene__pin"> 190 <figure class="scene__art"> 191 <picture> 192 <source type="image/avif" sizes="(max-aspect-ratio: 9/10) 100vw, max(100vw, 131vh)" srcset="../images/plates/bociany-800.avif?v=6d2ba77d8e 800w, ../images/plates/bociany-1280.avif?v=6d2ba77d8e 1280w, ../images/plates/bociany-1920.avif?v=6d2ba77d8e 1920w"> 193 <source type="image/webp" sizes="(max-aspect-ratio: 9/10) 100vw, max(100vw, 131vh)" srcset="../images/plates/bociany-800.webp?v=6d2ba77d8e 800w, ../images/plates/bociany-1280.webp?v=6d2ba77d8e 1280w, ../images/plates/bociany-1920.webp?v=6d2ba77d8e 1920w"> 194 <img src="../images/plates/bociany-1920.jpg?v=6d2ba77d8e" width="1920" height="1462" alt="" fetchpriority="high" decoding="async" style="background-image:url(data:image/webp;base64,UklGRvYAAABXRUJQVlA4IOoAAACQBgCdASooAB4APt1ipk6opaMiKqoBEBuJQBdmcHdAHIZUufowg6CKDxkmvw/6b7oe2lEkAxOh3v2Hw/h4AP7pPNW6EoF1leXVXq6LksSD/j07NcSwuuQJGkXrlFjyKhCCfOArXFjqN4dLHA71M5BdzahikbqKW+9fbEk5wqMO6O52T36Kg4ekFKDNIJv9fdHPbhYd+PcMznEyc0dA4jDMryRm0/c0238BDWHvxeVxU5VktRVAyXZXnXbBTxcgkq9k6RIA/He59gKyL0yndtYFQq/JcIxyGd+6DqmdQPafk8cAYdSBpGsDwAA=)"> 195 </picture> 196 <figcaption>Józef CheÅmoÅski, âStorksâ, 1900. National Museum in Warsaw.<span class="visually-hidden"> In the painting: a ploughman sitting in a meadow breaks off his meal and, together with the boy standing beside him, looks up at the storks flying past; in the background, oxen at the plough and village cottages.</span></figcaption> 197 </figure> 198 <i class="shade shade--veil" data-cue="-1 0.24" aria-hidden="true"></i> 199 <i class="shade shade--veil-top" data-cue="0.38 0.72" data-cue-s="0.5 0.76" aria-hidden="true"></i> 200 201 <div class="scene__body hero"> 202 <div class="hero__head" data-cue="-1 0.24" data-say="zaproszenie-1"> 203 <p class="label">C3S â Clever Code Craft Studio
203· bespoke software</p> 204 <h1 data-split>The plough can wait.</h1> 205 <p class="lead">The ploughman put down his spoon and the boy looked up: storks were flying over the field.</p> 206 </div> 207 <div class="hero__foot" data-cue="-1 0.24"> 208 <p class="copy">We design and build web applications, internal systems and automations that let a team look up from repetitive work.</p> 209 <p class="hero__cta"><a class="btn btn--lg hero__go" href="#podejscie">Take the tour <span class="arw" aria-hidden="true">â</span></a></p> 210 </div> 211 <p class="hero__second lead" data-cue="0.38 0.72" data-cue-s="0.5 0.76" data-say="zaproszenie-2" tabindex="-1">The same job every morning: retype, copy, check, forward. <em>A machine will do that part.</em></p> 212 </div> 213 </div> 214 </section> 215 216 <section class="scene scene--beat" data-scene="clever" data-chapter="podejscie" data-tone="dark" 217 data-who="Jan Matejko" data-title="StaÅczyk" data-year="1862" data-place="National Museum in Warsaw" style="--len: 2.6"> 218 <span class="anchor" id="podejscie" style="--at: 0.3"></span> 219 <div class="scene__pin"> 220 <figure class="scene__art"> 221 <picture> 222 <source type="image/avif" sizes="max(100vw, 134vh)" srcset="../images/plates/stanczyk-1280.avif?v=6d2ba77d8e 1280w, ../images/plates/stanczyk-1920.avif?v=6d2ba77d8e 1920w"> 223 <source type="image/webp" sizes="max(100vw, 134vh)" srcset="../images/plates/stanczyk-1280.webp?v=6d2ba77d8e 1280w, ../images/plates/stanczyk-1920.webp?v=6d2ba77d8e 1920w"> 224 <img src="../images/plates/stanczyk-1920.jpg?v=6d2ba77d8e" width="1920" height="1434" alt="" loading="lazy" decoding="async"> 225 </picture> 226 <figcaption>Jan Matejko, âStaÅczykâ, 1862. National Museum in Warsaw.<span class="visually-hidden"> In the painting: the court jester, dressed in red, sits in an armchair, deep in thought, while a ball goes on in the background.</span></figcaption> 227 </figure> 228 <div class="scene__body beat" data-cue="0.12 0.88" data-say="clever"> 229 <i class="back" aria-hidden="true"></i> 230 <h2 class="beat__word" data-split>Clever.</h2> 231 <div class="beat__text"> 232 <p class="label">Clever · Code · Craft</p> 233 <p class="lead">At the ball everyone is dancing. One man has read the letter lying on the table and already knows what is coming. Clever is not cunning; it is seeing a problem before it gets expensive.</p> 234 </div> 235 </div> 236 </div> 237 </section> 238 239 <section class="scene scene--beat" data-scene="code" data-chapter="podejscie" data-tone="dark" 240 data-who="StanisÅaw WyspiaÅski" data-title="Apollo. The Copernican System" data-year="1904" data-place="National Museum in Kraków" style="--len: 2.6"> 241 <div class="scene__pin"> 242 <figure class="scene__art"> 243 <picture> 244 <source type="image/avif" sizes="max(100vw, 43vh)" srcset="../images/plates/apollo-640.avif?v=6d2ba77d8e 640w, ../images/plates/apollo-1024.avif?v=6d2ba77d8e 1024w, ../images/plates/apollo-1536.avif?v=6d2ba77d8e 1536w"> 245 <source type="image/webp" sizes="max(100vw, 43vh)" srcset="../images/plates/apollo-640.webp?v=6d2ba77d8e 640w, ../images/plates/apollo-1024.webp?v=6d2ba77d8e 1024w, ../images/plates/apollo-1536.webp?v=6d2ba77d8e 1536w"> 246 <img src="../images/plates/apollo-1024.jpg?v=6d2ba77d8e" width="1024" height="2408" alt="" loading="lazy" decoding="async"> 247 </picture> 248 <figcaption>StanisÅaw WyspiaÅski, âApollo. The Copernican Systemâ, 1904 â a stained-glass design for the Medical Society House in Kraków. National Museum in Kraków.<span class="visually-hidden"> In the painting: a golden Apollo â the Sun â bound to his lyre and, around him on blue orbits, figures personifying the planets.</span></figcaption> 249 </figure> 250 <div class="scene__body beat" data-cue="0.12 0.88" data-say="code"> 251 <i class="back" aria-hidden="true"></i> 252 <h2 class="beat__word" data-split>Code.</h2> 253 <div class="beat__text"> 254 <p class="label">Clever · Code · Craft</p> 255 <p class="lead">WyspiaÅski laid out the Copernican system for stained glass: the Sun in the middle, the planets in orbit, each piece of glass in its own lead frame. That is how
255we write code: in parts you can replace without breaking the whole window.</p> 256 </div> 257 </div> 258 </div> 259 </section> 260 261 <section class="scene scene--beat" data-scene="craft" data-chapter="podejscie" data-tone="dark" 262 data-who="Józef Mehoffer" data-title="The Strange Garden (detail)" data-year="1902â1903" data-place="National Museum in Warsaw" style="--len: 2.6"> 263 <div class="scene__pin"> 264 <figure class="scene__art"> 265 <picture> 266 <source type="image/avif" sizes="max(100vw, 151vh)" srcset="../images/plates/ogrod-1280.avif?v=6d2ba77d8e 1280w, ../images/plates/ogrod-1920.avif?v=6d2ba77d8e 1920w"> 267 <source type="image/webp" sizes="max(100vw, 151vh)" srcset="../images/plates/ogrod-1280.webp?v=6d2ba77d8e 1280w, ../images/plates/ogrod-1920.webp?v=6d2ba77d8e 1920w"> 268 <img src="../images/plates/ogrod-1920.jpg?v=6d2ba77d8e" width="1920" height="1273" alt="" loading="lazy" decoding="async"> 269 </picture> 270 <figcaption>Józef Mehoffer, âThe Strange Gardenâ (detail), 1902â1903. National Museum in Warsaw.<span class="visually-hidden"> In this detail of the painting: a sunlit orchard with garlands of flowers, a woman in a sapphire dress reaching for an apple and a huge golden dragonfly hovering above her.</span></figcaption> 271 </figure> 272 <div class="scene__body beat" data-cue="0.12 0.88" data-say="craft"> 273 <i class="back" aria-hidden="true"></i> 274 <h2 class="beat__word" data-split>Craft.</h2> 275 <div class="beat__text"> 276 <p class="label">Clever · Code · Craft</p> 277 <p class="lead">Mehoffer was a stained-glass artist and painted like a goldsmith: every vein in the dragonflyâs wing, one by one. Nobody would have noticed if he had not. In software, too, you only see the details when they are missing.</p> 278 </div> 279 </div> 280 </div> 281 </section> 282 283 <section class="scene scene--work" data-scene="work" data-chapter="proces" data-tone="dark" 284 data-who="Jan Matejko" data-title="The Hanging of the Sigismund Bell" data-year="1874" data-place="National Museum in Warsaw" style="--len: 5.4"> 285 <span class="anchor" id="proces" style="--at: 0.08"></span> 286 <div class="scene__pin"> 287 <figure class="scene__art"> 288 <picture> 289 <source type="image/avif" sizes="max(100vw, 203vh)" srcset="../images/plates/dzwon-1280.avif?v=6d2ba77d8e 1280w, ../images/plates/dzwon-1920.avif?v=6d2ba77d8e 1920w"> 290 <source type="image/webp" sizes="max(100vw, 203vh)" srcset="../images/plates/dzwon-1280.webp?v=6d2ba77d8e 1280w, ../images/plates/dzwon-1920.webp?v=6d2ba77d8e 1920w"> 291 <img src="../images/plates/dzwon-1920.jpg?v=6d2ba77d8e" width="1920" height="948" alt="" loading="lazy" decoding="async"> 292 </picture> 293 <figcaption>Jan Matejko, âThe Hanging of the Sigismund Bell at the Cathedral Tower in Kraków in 1521â, 1874. National Museum in Warsaw.<span class="visually-hidden"> In the painting: on the left the royal court watches the work, in the centre stands a man with a roll of plans, on the right workmen pull on the ropes, and the great bell rises beneath the scaffold, watched over by the bell-founder.</span></figcaption> 294 </figure> 295 <div class="scene__body work"> 296 <i class="back" data-cue="0.02 0.95" aria-hidden="true"></i> 297 <div class="work__head" data-cue="0.02 0.22" data-say="proces"> 298 <p class="label">How we work</p> 299 <h2 data-split>First the plan. Then the ropes.</h2> 300 <p class="lead">Over ten tonnes of bronze, a scaffold and one man with the plan in his hand. The court watches, the workmen pull. In 1521 nobody talked about methodologies, and the bell hangs to this day.</p> 301 </div> 302 <ol class="steps"> 303 <li class="step" data-cue="0.25 0.95" data-cue-s="0.25 0.42" data-say="proces-1"> 304 <span class="step__no label" aria-hidden="true">01</span> 305 <h3>Conversation</h3> 306 <p data-after>First we look at how you really work. Not at what the procedure says.</p> 307 </li> 308 <li class="step" data-cue="0.42 0.95" data-cue-s="0.42 0.59" data-say="proces-2">
309 <span class="step__no label" aria-hidden="true">02</span> 310 <h3>Plan and price</h3> 311 <p data-after>We draw up the plan and quote a fixed price. You know what you will pay and what you will get before we lift anything.</p> 312 </li> 313 <li class="step" data-cue="0.59 0.95" data-cue-s="0.59 0.76" data-say="proces-3"> 314 <span class="step__no label" aria-hidden="true">03</span> 315 <h3>First lift</h3> 316 <p data-after>After a few weeks a working system is running in your company. You test it on real work, not in a presentation.</p> 317 </li> 318 <li class="step" data-cue="0.76 0.95" data-cue-s="0.76 0.95" data-say="proces-4"> 319 <span class="step__no label" aria-hidden="true">04</span> 320 <h3>Care</h3> 321 <p data-after>After launch we stay with the system and develop it as your company grows.</p> 322 </li> 323 </ol> 324 </div> 325 </div> 326 </section> 327 328 <section class="scene scene--collection" data-scene="collection" data-chapter="kolekcja" data-tone="dark" 329 data-who="C3S" data-title="WrocÅaw in 3D" data-year="2026" data-place="3D map, voice guide · wro3d.pl" style="--len: 3.4"> 330 <span class="anchor" id="kolekcja" style="--at: 0.45"></span> 331 <div class="scene__pin"> 332 <figure class="scene__art"> 333 <picture> 334 <source type="image/avif" sizes="max(100vw, 160vh)" srcset="../images/plates/kolekcja-1280.avif?v=6d2ba77d8e 1280w, ../images/plates/kolekcja-1920.avif?v=6d2ba77d8e 1920w"> 335 <source type="image/webp" sizes="max(100vw, 160vh)" srcset="../images/plates/kolekcja-1280.webp?v=6d2ba77d8e 1280w, ../images/plates/kolekcja-1920.webp?v=6d2ba77d8e 1920w"> 336 <img src="../images/plates/kolekcja-1920.jpg?v=6d2ba77d8e" width="1920" height="1200" alt="" loading="lazy" decoding="async"> 337 </picture> 338 <figcaption>C3S, storeroom of our own works.<span class="visually-hidden"> In the picture: a dark, matt wall lit from above; the studioâs works hang on it in frames with mounts.</span></figcaption> 339 </figure> 340 <div class="scene__body store"> 341 <div class="store__head" data-cue="0.1 0.92" data-cue-s="0.06 0.3"> 342 <p class="label">From the collection</p> 343 <h2 data-split>The only exhibits in this gallery that we made ourselves.</h2> 344 </div> 345 <div class="store__rack" data-cue="0.1 0.92" data-cue-s="0.36 0.94" role="group" aria-label="Storeroom of C3Sâs own works"> 346 <ol class="store__list"> 347 <li class="exhibit" id="praca-wro3d" data-say="kolekcja-wro3d" data-who="C3S" data-title="WrocÅaw in 3D" data-year="2026" data-place="3D map, voice guide · wro3d.pl"> 348 <figure class="exhibit__fig"> 349 <span class="exhibit__frame"> 350 <picture> 351 <source type="image/avif" sizes="(min-width: 56rem) 56vw, 88vw" srcset="../images/kolekcja/wro3d-720.avif?v=6d2ba77d8e 720w, ../images/kolekcja/wro3d-1400.avif?v=6d2ba77d8e 1400w"> 352 <source type="image/webp" sizes="(min-width: 56rem) 56vw, 88vw" srcset="../images/kolekcja/wro3d-720.webp?v=6d2ba77d8e 720w, ../images/kolekcja/wro3d-1400.webp?v=6d2ba77d8e 1400w"> 353 <img src="../images/kolekcja/wro3d-1400.jpg?v=6d2ba77d8e" width="1400" height="875" alt="WrocÅaw in 3D, the vector version: buildings as plain blocks on satellite imagery, a panel of landmarks and the button âWycieczka po mieÅcieâ (City tour)." loading="lazy" decoding="async"> 354 </picture> 355 </span> 356 <figcaption class="exhibit__cap">C3S, WrocÅaw in 3D, 2026, 3D map, voice guide, wro3d.pl.</figcaption> 357 </figure> 358 <div class="exhibit__text"> 359 <p class="copy">An exercise of our own: a 3D map of WrocÅaw. The same voice that guides you through this gallery takes you round twelve places, from the Market Square to the Centennial Hall. The whole thing was built in one weekend.</p> 360 <p><a class="more" href="blog/case-study-wroclaw-3d-map/" aria-label="About the exhibit: WrocÅaw in 3D">About the exhibit <span class="arw" aria-hidden="true">â</span></a></p> 361 </div> 362 </li> 363 <li class="exhibit" id="praca-localscope" data-say="kolekcja-localscope" data-who="C3S" data-title="Location Analysis" data-year="2026" data-place="isochrone map · localscope.pl"> 364 <figure class="exhibit__fig">
365 <span class="exhibit__frame"> 366 <picture> 367 <source type="image/avif" sizes="(min-width: 56rem) 56vw, 88vw" srcset="../images/kolekcja/localscope-720.avif?v=6d2ba77d8e 720w, ../images/kolekcja/localscope-1440.avif?v=6d2ba77d8e 1440w"> 368 <source type="image/webp" sizes="(min-width: 56rem) 56vw, 88vw" srcset="../images/kolekcja/localscope-720.webp?v=6d2ba77d8e 720w, ../images/kolekcja/localscope-1440.webp?v=6d2ba77d8e 1440w"> 369 <img src="../images/kolekcja/localscope-1440.jpg?v=6d2ba77d8e" width="1440" height="900" alt="A location analysis in WrocÅaw: drive-time zones on the map, competing outlets and a score of 60 out of 100." loading="lazy" decoding="async"> 370 </picture> 371 </span> 372 <figcaption class="exhibit__cap">C3S, Location Analysis, 2026, isochrone map, localscope.pl.</figcaption> 373 </figure> 374 <div class="exhibit__text"> 375 <p class="copy">Leases are signed for years, premises chosen by eye. This tool works out how far you can really walk or drive in 5, 10 and 15 minutes, how many people live there and how many competitors already trade. The result: one score, 0â100. This WrocÅaw address got 60.</p> 376 <p><a class="more" href="blog/case-study-localscope/" aria-label="About the exhibit: Location Analysis">About the exhibit <span class="arw" aria-hidden="true">â</span></a></p> 377 </div> 378 </li> 379 <li class="exhibit" id="praca-uksc" data-say="kolekcja-uksc" data-who="C3S" data-title="UKSC Qualifier" data-year="2026" data-place="rule engine · uksc.pl"> 380 <figure class="exhibit__fig"> 381 <span class="exhibit__frame"> 382 <picture> 383 <source type="image/avif" sizes="(min-width: 56rem) 56vw, 88vw" srcset="../images/kolekcja/uksc-720.avif?v=6d2ba77d8e 720w, ../images/kolekcja/uksc-1440.avif?v=6d2ba77d8e 1440w"> 384 <source type="image/webp" sizes="(min-width: 56rem) 56vw, 88vw" srcset="../images/kolekcja/uksc-720.webp?v=6d2ba77d8e 720w, ../images/kolekcja/uksc-1440.webp?v=6d2ba77d8e 1440w"> 385 <img src="../images/kolekcja/uksc-1440.jpg?v=6d2ba77d8e" width="1440" height="900" alt="The uksc.pl home page: the headline âProfesjonalna kwalifikacja podmiotów UKSCâ (Professional qualification of UKSC entities) and a quick check with a field for a KRS number." loading="lazy" decoding="async"> 386 </picture> 387 </span> 388 <figcaption class="exhibit__cap">C3S, UKSC Qualifier, 2026, rule engine, uksc.pl.</figcaption> 389 </figure> 390 <div class="exhibit__text"> 391 <p class="copy">Polandâs National Cybersecurity System Act makes each company work out for itself whether it is covered. The qualifier checks this by KRS number against data from the registers and gives the result with its legal reasoning. In a minute, not in weeks.</p> 392 <p><a class="more" href="blog/case-study-uksc-nis2-qualifier/" aria-label="About the exhibit: UKSC Qualifier">About the exhibit <span class="arw" aria-hidden="true">â</span></a></p> 393 </div> 394 </li> 395 <li class="exhibit" id="praca-izar" data-say="kolekcja-izar" data-who="C3S" data-title="The New IZAR Website" data-year="2026" data-place="Astro, three languages · izar.pl"> 396 <figure class="exhibit__fig"> 397 <span class="exhibit__frame"> 398 <picture> 399 <source type="image/avif" sizes="(min-width: 56rem) 56vw, 88vw" srcset="../images/kolekcja/izar-720.avif?v=6d2ba77d8e 720w, ../images/kolekcja/izar-1440.avif?v=6d2ba77d8e 1440w"> 400 <source type="image/webp" sizes="(min-width: 56rem) 56vw, 88vw" srcset="../images/kolekcja/izar-720.webp?v=6d2ba77d8e 720w, ../images/kolekcja/izar-1440.webp?v=6d2ba77d8e 1440w"> 401 <img src="../images/kolekcja/izar-1440.jpg?v=6d2ba77d8e" width="1440" height="900" alt="The izar.pl home page: the headline âPoÅÄ czenia, przez które pÅynie prÄ dâ (Connections that current flows through) and three phase lines running into a copper braid." loading="lazy" decoding="async"> 402 </picture> 403 </span>
404 <figcaption class="exhibit__cap">C3S, The New IZAR Website, 2026, Astro, three languages, izar.pl.</figcaption> 405 </figure> 406 <div class="exhibit__text"> 407 <p class="copy">IZAR has made current-carrying connections since 2000 and used to keep what it knows about them in a PDF catalogue, where a search engine loses the layout of the tables. On the new site the catalogue is text: 253 table rows in which every number can be found.</p> 408 <p><a class="more" href="https://czujowski.pl/blog/strona-dla-producenta-case-study.html" aria-label="About the exhibit (in Polish): The New IZAR Website" hreflang="pl">About the exhibit <span class="more__lang">(in Polish)</span> <span class="arw" aria-hidden="true">â</span></a></p> 409 </div> 410 </li> 411 <li class="exhibit" id="praca-kalkulator" data-say="kolekcja-kalkulator" data-who="C3S" data-title="Busbar Calculator" data-year="2026" data-place="calculated in the browser · KUVER GmbH, Berlin"> 412 <figure class="exhibit__fig"> 413 <span class="exhibit__frame"> 414 <picture> 415 <source type="image/avif" sizes="(min-width: 56rem) 56vw, 88vw" srcset="../images/kolekcja/kalkulator-en-720.avif?v=6d2ba77d8e 720w, ../images/kolekcja/kalkulator-en-1166.avif?v=6d2ba77d8e 1166w"> 416 <source type="image/webp" sizes="(min-width: 56rem) 56vw, 88vw" srcset="../images/kolekcja/kalkulator-en-720.webp?v=6d2ba77d8e 720w, ../images/kolekcja/kalkulator-en-1166.webp?v=6d2ba77d8e 1166w"> 417 <img src="../images/kolekcja/kalkulator-en-1166.jpg?v=6d2ba77d8e" width="1166" height="729" alt="The current-carrying capacity calculator for busbars: dimensions and temperatures on the left, the result of 2,515 A on the right." loading="lazy" decoding="async"> 418 </picture> 419 </span> 420 <figcaption class="exhibit__cap">C3S, Busbar Calculator, 2026, calculated in the browser, KUVER GmbH, Berlin.</figcaption> 421 </figure> 422 <div class="exhibit__text"> 423 <p class="copy">A Berlin manufacturer of high-current connections kept answering the same question by email: will a 40 à 5 mm busbar carry 300 A? The calculator answers in a fraction of a second, in the browser and without registration.</p> 424 <p><a class="more" href="blog/case-study-busbar-calculator/" aria-label="About the exhibit: Busbar Calculator">About the exhibit <span class="arw" aria-hidden="true">â</span></a></p> 425 </div> 426 </li> 427 <li class="exhibit" id="praca-crm" data-say="kolekcja-crm" data-who="C3S" data-title="CRM for a Key Account Manager" data-year="2026" data-place="Next.js, Supabase · clientâs private collection"> 428 <figure class="exhibit__fig"> 429 <span class="exhibit__frame"> 430 <picture> 431 <source type="image/avif" sizes="(min-width: 56rem) 56vw, 88vw" srcset="../images/kolekcja/kuver-crm-720.avif?v=6d2ba77d8e 720w, ../images/kolekcja/kuver-crm-1440.avif?v=6d2ba77d8e 1440w"> 432 <source type="image/webp" sizes="(min-width: 56rem) 56vw, 88vw" srcset="../images/kolekcja/kuver-crm-720.webp?v=6d2ba77d8e 720w, ../images/kolekcja/kuver-crm-1440.webp?v=6d2ba77d8e 1440w"> 433 <img src="../images/kolekcja/kuver-crm-1440.jpg?v=6d2ba77d8e" width="1440" height="900" alt="The CRM dashboard with sample data: the number of customers, the monthly revenue target, recent activities and the quarterâs targets." loading="lazy" decoding="async"> 434 </picture> 435 </span> 436 <figcaption class="exhibit__cap">C3S, CRM for a Key Account Manager, 2026, Next.js, Supabase, clientâs private collection.</figcaption> 437 </figure> 438 <div class="exhibit__text"> 439 <p class="copy">A manufacturerâs Key Account Manager looked after customers from one Excel file with seven tabs. Now every contact goes on a timeline, sales are on a board, and the weekly report compiles itself. Carried over from the spreadsheet: 100% of customers and orders.</p> 440 <p><a class="more" href="blog/case-study-crm-from-excel/" aria-label="About the exhibit: CRM for a Key Account Manager">About the exhibit <span class="arw" aria-hidden="true">â</span></a></p> 441 </div> 442 </li> 443 <li class="exhibit" id="praca-sprzedaz" data-say="kolekcja-sprzedaz" data-who="C3S" data-title="Sales and Stock System" data-year="2026" data-place="progressive web app · clientâs private collection"> 444 <figure class="exhibit__fig">
445 <span class="exhibit__frame"> 446 <picture> 447 <source type="image/avif" sizes="(min-width: 56rem) 56vw, 88vw" srcset="../images/kolekcja/sprzedaz-720.avif?v=6d2ba77d8e 720w, ../images/kolekcja/sprzedaz-1440.avif?v=6d2ba77d8e 1440w"> 448 <source type="image/webp" sizes="(min-width: 56rem) 56vw, 88vw" srcset="../images/kolekcja/sprzedaz-720.webp?v=6d2ba77d8e 720w, ../images/kolekcja/sprzedaz-1440.webp?v=6d2ba77d8e 1440w"> 449 <img src="../images/kolekcja/sprzedaz-1440.jpg?v=6d2ba77d8e" width="1440" height="900" alt="The ownerâs panel: a weather forecast, four stalls with their status and the dayâs summary with the till difference." loading="lazy" decoding="async"> 450 </picture> 451 </span> 452 <figcaption class="exhibit__cap">C3S, Sales and Stock System, 2026, progressive web app, clientâs private collection.</figcaption> 453 </figure> 454 <div class="exhibit__text"> 455 <p class="copy">A seasonal retailer, several outlets, a short season and goods that cannot wait until tomorrow. Tills and stock levels for every outlet in one system. Today thirteen stalls cash up without a single sheet of paper, and the owner sees the takings live.</p> 456 <p><a class="more" href="blog/case-study-field-sales-pos/" aria-label="About the exhibit: Sales and Stock System">About the exhibit <span class="arw" aria-hidden="true">â</span></a></p> 457 </div> 458 </li> 459 </ol> 460 <div class="store__nav label"> 461 <button class="store__btn store__prev" type="button" aria-label="Previous work" aria-disabled="true"><span aria-hidden="true">â</span></button> 462 <p class="store__count"><span class="store__name">Storeroom</span> <span class="store__no" aria-hidden="true"><b>01</b> / <span>07</span></span><span class="store__tip">see the other works</span></p> 463 <button class="store__btn store__next" type="button" aria-label="Next work" aria-disabled="false"><span aria-hidden="true">â</span></button> 464 <span class="mark mark--store" aria-hidden="true"><svg class="mark__ring" viewBox="0 0 100 50" preserveAspectRatio="none" focusable="false"><path pathLength="1" d="M4 27.5C2 10 8 2.5 30 2C55 1 80 1.5 92 4C100 7 99 27.5 97 36C95 46 80 48.5 55 48C30 47.5 10 49 4 40C0 31 3 20 8 15"/></svg></span> 465 </div> 466 <p class="store__live visually-hidden" aria-live="polite"></p> 467 </div> 468 </div> 469 </div> 470 </section> 471 472 <section class="scene scene--terms" data-scene="terms" data-chapter="warunki" data-tone="light" 473 data-who="StanisÅaw Noakowski" data-title="Architectural sketch" data-year="1916" data-place="National Library of Poland" style="--len: 3.2"> 474 <span class="anchor" id="warunki" style="--at: 0.3"></span> 475 <div class="scene__pin"> 476 <figure class="scene__art"> 477 <picture> 478 <source type="image/avif" sizes="max(100vw, 190vh)" srcset="../images/plates/noakowski-1280.avif?v=6d2ba77d8e 1280w, ../images/plates/noakowski-1920.avif?v=6d2ba77d8e 1920w"> 479 <source type="image/webp" sizes="max(100vw, 190vh)" srcset="../images/plates/noakowski-1280.webp?v=6d2ba77d8e 1280w, ../images/plates/noakowski-1920.webp?v=6d2ba77d8e 1920w"> 480 <img src="../images/plates/noakowski-1920.jpg?v=6d2ba77d8e" width="1920" height="1010" alt="" loading="lazy" decoding="async"> 481 </picture> 482 <figcaption>StanisÅaw Noakowski, sketch from the portfolio âArchitektura polska. Szkice kompozycyjneâ (LwówâWarsaw, 1920), drawn in 1916, shown here on an extended sheet. National Library of Poland (Polona).<span class="visually-hidden"> Ink drawing on cream paper: an imagined Renaissance palace with two corner towers and arcades.</span></figcaption> 483 </figure> 484 <div class="scene__body terms"> 485 <div class="terms__head" data-cue="0.12 0.92" data-cue-s="0.12 0.54" data-say="warunki"> 486 <p class="label">Why C3S</p> 487 <h2 data-split>The plans stay with you.</h2> 488 <p class="copy">Noakowski drew a palace that nobody had commissioned. Any architect could build it from a sketch like this. It is much the same with us: when the project ends, you get the full source code, the database, the copyright and the documentation. You go on building with us or with anyone else.</p> 489 </div> 490 <dl class="card" data-cue="0.12 0.92" data-cue-s="0.58 0.92"> 491 <div><dt>Time to build</dt><dd>first version in 2â⁠6 weeks</dd></div> 492 <div><dt>Estimate</dt><dd>initial analysis and estimate in 48 hours</dd></div> 493 <div><dt>Ownership</dt><dd>code and data 100% owned by the client</dd></div> 494 </dl> 495 </div> 496 </div> 497 </section> 498 499 <section class="scene scene--talk" data-scene="talk" data-chapter
499="rozmowa" data-tone="dark" 500 data-who="Jan Matejko" data-title="Astronomer Copernicus, or Conversations with God" data-year="1873" data-place="Jagiellonian University" style="--len: 2.6"> 501 <span class="anchor" id="rozmowa" style="--at: 0.5"></span> 502 <div class="scene__pin"> 503 <figure class="scene__art"> 504 <picture> 505 <source type="image/avif" sizes="max(100vw, 139vh)" srcset="../images/plates/kopernik-1280.avif?v=6d2ba77d8e 1280w, ../images/plates/kopernik-1920.avif?v=6d2ba77d8e 1920w"> 506 <source type="image/webp" sizes="max(100vw, 139vh)" srcset="../images/plates/kopernik-1280.webp?v=6d2ba77d8e 1280w, ../images/plates/kopernik-1920.webp?v=6d2ba77d8e 1920w"> 507 <img src="../images/plates/kopernik-1920.jpg?v=6d2ba77d8e" width="1920" height="1381" alt="" loading="lazy" decoding="async"> 508 </picture> 509 <figcaption>Jan Matejko, âAstronomer Copernicus, or Conversations with Godâ, 1873. Jagiellonian University, Collegium Novum.<span class="visually-hidden"> In the painting: Nicolaus Copernicus at night on the terrace of his observatory, one hand raised, gazing at the starry sky; beside him, a board with the heliocentric model.</span></figcaption> 510 </figure> 511 <div class="scene__body talk" data-cue="0.2 2" data-cue-s="0.3 2" data-say="rozmowa"> 512 <div class="talk__lede"> 513 <h2 data-split>Copernicus had an idea for a system, too.</h2> 514 <p class="talk__sub lead"><em>Letâs talk about yours.</em></p> 515 <p class="copy">Write a few sentences about the work that takes up most of your time. We will reply with an initial proposal and a rough estimate.</p> 516 <ul class="direct label"> 517 <li><a href="mailto:[email protected]">[email protected]</a></li> 518 <li><a href="tel:+48452422086">PL: +48 452 422 086</a></li> 519 <li><a href="tel:+48726067000">ENG: +48 726 06 7000</a></li> 520 </ul> 521 </div> 522 <form class="form" id="formularz" data-after data-to="[email protected]" data-subject="An idea for a system" action="mailto:[email protected]" method="post" enctype="text/plain"> 523 <div class="field"> 524 <label class="label" for="f-idea">What takes up most of your time?</label> 525 <textarea id="f-idea" name="idea" rows="4" required placeholder="For example: every Monday we retype orders from emails into a spreadsheetâ¦"></textarea> 526 </div> 527 <div class="form__foot"> 528 <button class="btn btn--lg btn--paper" type="submit">Write to us <span class="arw" aria-hidden="true">â</span></button> 529 <p class="form__hint">The first conversation and the initial proposal are free of charge. The message will open in your own email program.</p> 530 </div> 531 </form> 532 </div> 533 </div> 534 </section> 535 536 </main> 537 538 <footer class="foot"> 539 <div class="foot__in"> 540 <p class="foot__brand"><svg class="logo foot__mark" viewBox="0 0 750 375" width="150" height="75" role="img" aria-label="C3S"><use href="#c3s-znak"/></svg> <span class="foot__tag">Clever Code Craft Studio</span></p> 541 542 <div class="foot__cast" data-say="napisy"> 543 <dl class="cast"> 544 <div><dt>Romuald Karkoszka</dt><dd class="label">voice, concept</dd></div> 545 <div><dt>PrzemysÅaw Czujowski</dt><dd class="label">concept, build</dd></div> 546 </dl> 547 <p class="foot__invite">The C3S team invites you to get in touch.</p> 548 </div> 549 550 <div class="foot__cols"> 551 <div class="foot__contact"> 552 <h2>Contact</h2> 553 <ul> 554 <li><a href="mailto:[email protected]">[email protected]</a></li> 555 <li><a href="tel:+48452422086">PL: +48 452 422 086</a></li> 556 <li><a href="tel:+48726067000">ENG: +48 726 06 7000</a></li> 557 </ul> 558 <span class="mark mark--contact" aria-hidden="true"> 559 <svg class="mark__ring" viewBox="0 0 100 50" preserveAspectRatio="none" focusable="false"><path pathLength="1" d="M4 27.5C2 10 8 2.5 30 2C55 1 80 1.5 92 4C100 7 99 27.5 97 36C95 46 80 48.5 55 48C30 47.5 10 49 4 40C0 31 3 20 8 15"/></svg>
560 <svg class="mark__arrow" viewBox="0 0 120 60" focusable="false"><path pathLength="1" d="M112 8C104 30 70 44 10 40"/><path pathLength="1" d="M23 33l-13 7 12 9"/></svg> 561 </span> 562 </div> 563 <div> 564 <h2>Studio</h2> 565 <ul> 566 <li>WrocÅaw · Warsaw · London · Berlin</li> 567 <li><a href="blog/">Blog</a></li> 568 <li><a href="../" lang="pl" hreflang="pl">Wersja polska</a></li> 569 </ul> 570 </div> 571 <div> 572 <h2>Pictures</h2> 573 <ul class="credits"> 574 <li><cite>Storks</cite> â Józef CheÅmoÅski, 1900. National Museum in Warsaw.</li> 575 <li><cite>StaÅczyk</cite> â Jan Matejko, 1862. National Museum in Warsaw.</li> 576 <li><cite>Apollo. The Copernican System</cite> â StanisÅaw WyspiaÅski, 1904. National Museum in Kraków.</li> 577 <li><cite>The Strange Garden</cite> (detail) â Józef Mehoffer, 1902â1903. National Museum in Warsaw.</li> 578 <li><cite>The Hanging of the Sigismund Bell</cite> â Jan Matejko, 1874. National Museum in Warsaw.</li> 579 <li><cite>Architektura polska. Szkice kompozycyjne</cite> (1920) â StanisÅaw Noakowski, drawn in 1916. National Library of Poland.</li> 580 <li><cite>Astronomer Copernicus, or Conversations with God</cite> â Jan Matejko, 1873. Jagiellonian University.</li> 581 <li>Public-domain reproductions: Wikimedia Commons and the Digital National Museum in Warsaw. Headings are set in Brygada 1918.</li> 582 </ul> 583 <p class="credits__note">All the originals are in Polish collections. They are worth seeing in person.</p> 584 </div> 585 </div> 586 587 <div class="foot__legal label"> 588 <p>© 2026 Clever Code Craft Studio. All rights reserved.</p> 589 <p class="foot__motto">Designed with precision & code craftsmanship</p> 590 <p><a href="#zaproszenie">To the entrance â</a></p> 591 </div> 592 </div> 593 </footer> 594</body> 595</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.