.nav-toggle{display:none;background:none;border:0;padding:.25rem;gap:.3rem;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.nav-toggle__line{display:block;width:1.625rem;height:2px;background:var(--titles);transition:transform .2s ease,opacity .2s ease}.nav-toggle__label{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.header-backdrop{position:fixed;inset:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:5}.mainHeader.open+.header-backdrop,.mainHeader.nav-open+.header-backdrop{opacity:1;pointer-events:auto}: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 0;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;position:relative;z-index:20}.mainHeader .brand{display:flex;flex-direction:column;align-items:flex-start}.mainHeader .name{font-weight:600;color:var(--titles);font-size:1.15rem}.mainHeader .tagline{color:var(--foreground);letter-spacing:.02em}.primaryNav{display:flex;gap:1.5rem;align-items:center}.primaryNav a{color:var(--link);text-decoration:none;transition:color .2s ease}.primaryNav a.active{color:var(--active)}.nav-toggle{display:none;background:none;border:0;padding:.35rem;gap:.35rem;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.nav-toggle__line{display:block;width:1.75rem;height:2px;background:var(--titles);transition:transform .3s ease,opacity .2s ease;transform-origin:center}.nav-toggle__label{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.nav-backdrop{position:fixed;inset:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:15}.nav-backdrop.is-visible{opacity:1;pointer-events:auto}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:clamp(2.25rem,4vw,4.1rem);font-weight:400;text-align:left;line-height:1.1}.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;line-height:1.2;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(2,1fr)}}@media(min-width:1024px){.case-studies-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.mainHeader{align-items:center}.primaryNav{position:fixed;inset:0;width:100vw;min-height:100vh;padding:5.5rem 1.75rem 2.5rem;display:flex;flex-direction:column;gap:.6rem;justify-content:flex-start;align-items:flex-start;background:#f8f8f8f5;backdrop-filter:blur(20px);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}.primaryNav a{font-size:1.35rem;letter-spacing:.04em}body[data-theme=dark] .primaryNav{background:#202020f2}.mainHeader.nav-open .primaryNav{transform:translateY(0);opacity:1;pointer-events:auto}.nav-toggle{display:inline-flex}.mainHeader.nav-open .nav-toggle__line:nth-child(1){transform:translateY(6px) rotate(45deg)}.mainHeader.nav-open .nav-toggle__line:nth-child(2){opacity:0}.mainHeader.nav-open .nav-toggle__line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}.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}