@media screen{:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}img{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-ms-interpolation-mode:bicubic}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-muted{color:#999}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}q{quotes:"“""”""‘""’"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}.img-responsive{display:block;height:auto;max-width:100%}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}input,select,textarea{font-family:inherit;font-size:100%;margin:0;border:1px solid #ccc;-webkit-appearance:none;-moz-appearance:none;appearance:none}button,.btn{color:#333;background-color:#fff;border-color:#ccc;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143}button:hover,.btn:hover{color:#333;background-color:#ebebeb;border-color:#adadad}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=radio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \	;line-height:normal}input{border-radius:0}input[type=search]{-webkit-appearance:none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body{font-size:16px;line-height:20px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:inherit;font-weight:500;line-height:20px;color:inherit;text-rendering:optimizelegibility}h1,h2,h3{margin-top:20px;margin-bottom:10px;font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}small{font-size:85%}b,strong{font-weight:700}em,i{font-style:italic}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow: visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button,input,select,textarea{border:1px solid #ccc;margin-bottom:10px}a{color:#0087ca}abbr{cursor:help}address{display:block;margin-bottom:20px}blockquote p{margin-bottom:0;font-size:17.5px;font-weight:300;line-height:1.25}blockquote small{display:block;line-height:20px;color:#999}blockquote small:before{content:"— "}ul,ol{padding:0;margin:0 0 10px 25px}ul ul,ul ol,ol ol,ol ul{margin-bottom:0}li{display:list-item;text-align:-webkit-match-parent}dl{margin-bottom:20px}dt,dd{line-height:20px}dt{font-weight:700}dd{margin-left:10px}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Courier New,monospace;text-rendering:auto;tab-size:4;-moz-tab-size:4;-o-tab-size:4}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:pre-wrap;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px #00000040}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;color:#006621;background-color:transparent;border-radius:0}table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0}td,th{display:table-cell}tr{display:table-row;vertical-align:inherit;border-color:inherit}label,input,textarea,select{font-size:14px;font-weight:400;line-height:20px;border-radius:0}label{display:block;margin-bottom:5px}select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetimelocal],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],.uneditable-input{display:block;padding:4px 6px;margin-bottom:1em;font-size:14px;color:#555;vertical-align:middle}textarea{height:auto;overflow:auto;background-color:#fff;border:1px solid;border-image:initial;resize:auto;cursor:auto;padding:2px;white-space:pre-wrap;word-wrap:break-word}textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],.uneditable-input{background-color:#fff;border:1px solid #ccc}textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,.uneditable-input:focus{border-color:#ccc;outline:0;outline:thin dotted \	}input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}input[type=radio],input[type=checkbox]{margin:-5px .5ex 0;margin-top:1px \	;*margin-top: 0;-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important;line-height:normal;padding:initial;background-color:initial;border:initial}select,input[type=file]{height:30px;*margin-top: 4px;line-height:30px}select{min-width:220px;background-color:#fff;border:1px solid #ccc}select[multiple],select[size]{height:auto}select:focus,input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eee}}:root{--border: rgba(0, 0, 0, .05);--titles: #303030;--link: #969696;--active: #303030;--foreground: #8c8c8c;--background: #f8f8f8;--imgbackground: #f5f5f5;--theme: color(display-p3 1 .39 .249)}@media(prefers-color-scheme:dark){:root{--border: rgba(0, 0, 0, .05);--titles: #f8f8f8;--link: #969696;--active: #f8f8f8;--foreground: #8c8c8c;--background: #303030;--imgbackground: #303030}}*{box-sizing:border-box;-webkit-tap-highlight-color:rgb(78,100,103)}body{font-family:Braun Linear,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:var(--foreground);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--background);font-size:17px;line-height:24px;min-height:100vh;margin:0 2rem}p{margin-bottom:1.5rem}a{text-decoration:none;color:var(--titles)}article a:hover{border-bottom:1px solid}header a,footer a{text-decoration:none;color:var(--link)}header a:hover,footer a:hover{color:var(--active)}h1,h2,h3,h4{color:var(--titles);margin-top:.5rem}time,date{color:var(--foreground)}bold,strong{font-weight:700;color:#303030}img{max-width:100%;height:auto;object-fit:cover}main{min-height:60vh;grid-template-areas:"hero " "." "." "." "." "." "about";scroll-snap-type:y proximity}.mainHeader{padding:2rem 0rem;margin-bottom:2rem;text-align:center}.mainHeader .name{font-weight:600;color:var(--titles)}nav a{color:var(--link);display:inline-block;text-decoration:none;margin-left:1rem}nav a{float:right;width:100%;text-align:center}nav a:first-child{margin-top:3rem}nav a.active{text-decoration:none;color:var(--active)}body{display:grid;grid-template-columns:minmax(1rem,90ch);justify-content:center}.hero{grid-area:hero;display:grid;grid-template-columns:1fr;justify-content:center;text-align:center;height:48vh;align-content:left;padding:0}.hero h1{font-size:4.2vw;font-weight:400;text-align:left}.role{font-style:italic;font-weight:600;font-family:-apple-system-ui-serif,ui-serif,Georgia,serif}.hero{display:grid;justify-content:center;align-content:center;width:100%;height:24rem;transition:transform 1s ease-out;animation-duration:1s}.hero:hover{transform:perspective(500px) rotateY(0) rotateX(0)}.circle{display:grid;justify-content:center;align-content:center;position:absolute;left:50%;margin-left:-12rem;width:12rem;height:12rem;border:.5rem solid #303030;border-radius:50%}.dot{width:2rem;height:2rem;background:#303030;border-radius:50%}.hero:hover .dot{opacity:0}.circle:nth-child(1){transform:translate3d(50%,50%,0)}.circle:nth-child(2){transform:translate3d(50%,50%,-500px)}.circle:nth-child(3){transform:translate3d(50%,50%,-1000px)}@keyframes slideOut{0%{opacity:0}to{opacity:1}}section{min-height:1fr;padding:0;scroll-snap-type:y mandatory;margin-bottom:2rem}section header{display:grid;grid-template-columns:1fr;padding:0;grid-template-areas:"date" "title"}section h2{font-size:1.5rem;line-height:130%;font-weight:600;grid-area:title}section .date{height:1.5rem;font-size:1rem;line-height:1.5rem;margin-top:20px;margin-bottom:0;grid-area:date;text-align:left}video{min-width:100%;border-radius:1rem;border:1px solid var(--border) inset;margin:1rem 0}figure,picture{min-width:100%}img{overflow:hidden;grid-area:figure;background:var(--imgbackground);min-width:100%;min-height:15rem;border-radius:1rem;margin:1rem 0;object-fit:cover;width:100%;height:auto;transition:box-shadow .2s ease-in-out}.no-border{border:none}article{font-size:17px;line-height:24px;font-weight:400;display:grid;grid-template-columns:minmax(1rem,64ch);justify-content:center;align-content:center;padding:4rem 0}article .time{font-size:1rem;color:var(--titles);display:block;margin:1rem 0;font-weight:600}article h1{font-size:2rem;font-weight:600;margin:0 0 2rem}article p{margin-bottom:1.125rem}article .credits{font-size:.875rem;color:var(--foreground);margin-top:2rem;margin-bottom:2rem}footer{display:flex;justify-content:space-between;align-items:center;padding:4rem 0;gap:2rem;flex-wrap:wrap}footer .copyright{display:flex;align-items:center;gap:.5rem;color:var(--foreground)}footer .copyright .logo{height:1em;width:auto;display:inline-block}footer .links{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}footer a{display:inline-block;color:var(--foreground);transition:color .2s ease-in-out}footer a:hover{color:var(--titles)}.bloglist{display:grid;row-gap:4rem}.bloglist img{width:100%;height:auto;object-fit:cover}.bloglist .listitem{color:var(--titles)}.back{font-size:2rem;width:2rem;height:2rem}.blogposts{padding:0 1rem}.group{display:grid;grid-template-columns:1fr;column-gap:2rem;grid-template-areas:"main" "second" "third "}.gallery{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.about{display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:start;color:var(--titles)}.about .copy{grid-column:2}.about .copy a{margin-right:.5rem}.about .image{grid-column:1}.about .image img{margin:0;aspect-ratio:16/9}.playground img:hover{box-shadow:0 1px 1px #00000013,0 2px 2px #00000013,0 4px 4px #00000013,0 8px 8px #00000013,0 16px 16px #00000013}@media(min-width:576px){body{margin:2rem}.mainHeader{text-align:left}nav a{float:right;width:auto;text-align:left;transition:color .2s ease-in-out}nav a:first-child{margin-top:0}nav a.active{font-weight:400;text-decoration:none;color:var(--active)}h1,h2,h3{color:var(--titles);margin-top:1rem}section{padding:0rem 0;margin-bottom:0rem}section header{display:grid;grid-template-columns:.55fr .45fr;padding:1rem;grid-template-areas:"title date"}section .date{margin-bottom:2;text-align:right}.bloglist{display:grid;grid-template-columns:.5fr .5fr;column-gap:2rem;row-gap:2rem;margin:0rem 0}.gallery{display:grid;grid-template-columns:1fr;column-gap:1rem;row-gap:1rem}.about{display:grid;grid-template-columns:1fr}.group{display:grid;grid-template-columns:1fr 1fr;column-gap:2rem;grid-template-areas:"main main " "second third "}.about{display:grid;grid-template-columns:1fr 1fr}article h1{font-size:2.5rem;font-weight:600;margin:0 0 4rem}footer{text-align:left;grid-template-columns:.5fr 1.5fr .5fr;column-gap:6rem}}@media(min-width:768px){.gallery{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;row-gap:1rem}}.codesandbox-1{grid-area:main}.codesandbox-2{grid-area:second;min-height:15rem}.codesandbox-3{grid-area:third}.small{min-height:15rem}.big,.smart-1{grid-area:main}.smart-2{min-height:15rem;grid-area:second}.smart-3{min-height:15rem;grid-area:third;transition:all 1s ease}.catawiki-1{grid-area:main}.catawiki-1 img{object-position:bottom center}.catawiki-2{min-height:15rem;grid-area:second}.catawiki-3{min-height:15rem;grid-area:third}.more-1,.more-2,.more-3,.more-4,.more-5,.more-6{min-height:15rem}blink{animation:2s linear infinite condemned_blink_effect}@keyframes condemned_blink_effect{0%{visibility:hidden}50%{visibility:hidden}to{visibility:visible}}.case-studies-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin:4rem 0}.case-study-card{display:block;text-decoration:none;color:inherit;position:relative}.case-study-card img{width:100%;height:auto;border-radius:1rem;margin:0;object-fit:cover;object-position:center;min-height:18rem;aspect-ratio:16/9}.case-study-card .card-content{padding:1rem 0}.case-study-card h2{font-size:1.5rem;line-height:130%;font-weight:600;margin:.5rem 0 .25rem;color:var(--titles)}.case-study-card .date{font-size:.9rem;line-height:1.5rem;margin:.25rem 0 .75rem;opacity:.7}.case-study-card p{margin:0;line-height:1.5}.case-study-card .see-more{display:inline-block;margin-top:.75rem;font-size:.95rem;font-weight:500;color:var(--titles);opacity:.8;transition:opacity .2s ease}.case-study-card:hover .see-more{opacity:1}.case-study-card .card-preview{position:absolute;top:-2rem;right:1.5rem;width:18rem;height:10rem;border-radius:1rem;overflow:hidden;opacity:0;transform:translateY(1rem) scale(.98);transition:opacity .35s ease,transform .35s ease;pointer-events:none;box-shadow:0 1px 1px #00000013,0 2px 2px #00000013,0 4px 4px #00000013,0 8px 16px #0000001a}.case-study-card .card-preview img{width:100%;height:auto;min-height:auto;object-fit:cover;object-position:center;display:block}.case-study-card:hover .card-preview,.case-study-card:focus-visible .card-preview{opacity:1;transform:translateY(0) translate(1rem) scale(1);.block{transition:transform .6s cubic-bezier(.87,0,.13,1)}}@media(max-width:767px){.case-study-card .card-preview{display:none}}@media(min-width:768px){.case-studies-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.case-studies-grid{grid-template-columns:repeat(3,1fr)}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}