@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}@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,60rem);justify-content:center}.hero{grid-area:hero;display:grid;grid-template-columns:1fr;justify-content:center;text-align:center;height:48vh;align-content:center;padding:0}.hero h1{font-size:10vw;font-weight:600}#ex1-layer{background:#dce9fb;border-radius:1rem;margin-top:5rem}.hero{padding:0 1rem}.hero h1{font-size:4vw;font-weight:600}.hero{transform-style:preserve-3d;perspective-origin:50% 50%;display:grid;justify-content:center;align-content:center;width:100%;height:24rem;transition:transform 1s ease-out;animation-name:slideOut;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%}.img-fit{object-fit:cover}.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;} 100% {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,70ch);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}footer{display:grid;grid-template-columns:1fr;align-content:center;padding:4rem 0;text-align:left;min-height:60vh}footer a{display: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}.blogpost .heroImage{margin-top:5rem}.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)}img{max-height:30rem}h1,h2,h3{color:var(--titles);margin-top:1rem}section{padding:4rem 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:4rem;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}}.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}