header{width:100vw;height:15em;box-sizing:border-box;padding-top:2em;align-items:center;justify-content:center;display:flex;z-index:100;position:relative;background-image:linear-gradient(to top,#0000,#000)}header .logo{width:162px;height:auto;position:absolute;top:32px;left:50%;transform:translate(-50%)}#header-loader{grid-area:header;position:fixed;top:0;z-index:100}.article-container{box-sizing:border-box;display:grid;padding-bottom:5em}.article-container .article-content,.article-container .cos-grid{grid-area:1/1}.article-container .article-content{display:flex;flex-direction:column}.article-container img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:5px}.article-link{text-decoration:none;color:inherit}.article-link:nth-child(2n){margin-top:7em}.tag{display:inline-block;padding:.25em 1em;margin-top:.5em;margin-bottom:.1em;margin-right:.5em;border:1px solid;border-radius:999px;background:transparent;font-size:.75em;text-transform:uppercase}.tag--creativity{color:#a855f7;border-color:#a855f7}.tag--new-tech{color:#22c55e;border-color:#22c55e}.tag--insights{color:#3b82f6;border-color:#3b82f6}.cos-grid{grid-area:1/1;width:100%;aspect-ratio:1/1;align-self:start;pointer-events:none;display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);z-index:2}.cos-cell{display:flex;align-items:center;justify-content:center;color:#fff0;transition:color 10ms ease-out}.cos-cell[data-lit=half]{color:#ffffff59}.cos-cell[data-lit=on]{color:#ffffffe6}.cos-cell__plus{font-size:1.7rem;font-weight:lighter;line-height:1;-webkit-user-select:none;user-select:none}.cos-scr{display:inline}.cos-scr__char{display:inline-block;transform-origin:center;line-height:1}.articles-container{grid-area:main;box-sizing:border-box;position:relative;display:grid;grid-template-columns:repeat(2,1fr);column-gap:15rem;row-gap:2rem;max-width:95em;padding-top:15em;margin-inline:auto;padding-left:5em;padding-right:5em}@media(max-width:64em){.articles-container{grid-template-columns:repeat(1,1fr);padding-left:3em;padding-right:3em}}@media(max-width:48em){.articles-container{grid-template-columns:repeat(1,1fr);padding-left:3em;padding-right:3em}}@media(max-width:30em){.articles-container{grid-template-columns:repeat(1,1fr);padding-left:3em;padding-right:3em}}@media(max-width:48em){.articles-container>*:last-child{padding-bottom:1.7em}}.pagination{grid-area:main;align-self:end;justify-self:center;z-index:1;display:flex;align-items:center;gap:1.5rem;padding:1.5rem 0 3rem;font-family:inherit;color:#ffffffde}.pagination button{font-family:inherit;font-size:1rem;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:.5rem 1rem;cursor:pointer;transition:border-color .2s ease,color .2s ease}.pagination button:hover:not(:disabled){color:#535bf2;border-color:#535bf2}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination span{min-width:4ch;text-align:center}.article-navigation{box-sizing:border-box;width:90%;margin:0 auto;padding-bottom:5em}@media(max-width:64em){.article-navigation{width:100%;padding:0 2em 4em}}@media(max-width:48em){.article-navigation{padding:0 1em 4em}}.btt-container{position:relative;width:100%;height:12em}.btt-button{position:absolute;left:90%;bottom:0;display:inline-block;padding:0;margin:0;background:transparent;border:none;cursor:pointer}.btt-button .btt-vector{display:block;height:11em;width:auto;transition:filter .25s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.btt-button .btt-label{position:absolute;right:100%;top:0;margin-right:.6em;white-space:nowrap;font-size:.75em;letter-spacing:.1em;color:#fff;transition:text-shadow .25s ease}.btt-button:hover .btt-label{color:#3b82f6}.article-banner-nav{position:fixed;top:0;left:0;width:100%;z-index:200;pointer-events:none}.back-button{position:absolute;left:15%;top:0;display:inline-block;text-decoration:none;color:#fff;pointer-events:auto}.back-button .back-vector{display:block;height:3.5em;width:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.back-button .back-label{position:absolute;right:100%;bottom:-.25em;margin-right:.5em;white-space:nowrap;font-size:.75em;letter-spacing:.1em}@media(max-width:48em){.back-button .back-vector{position:relative;left:-1em;height:1.9em}.back-button .back-label{left:-4.8em;bottom:-.43em;font-size:.7em}}.footer-line{width:100%;height:1px;border:none;background-color:#fff;margin:0}.article-footer{padding-top:2em}.article-footer h2{text-align:left;margin:0 0 1em}.article-footer .more-like-this{display:grid;grid-template-columns:repeat(3,1fr);gap:2em}@media(max-width:64em){.article-footer .more-like-this{grid-template-columns:1fr}}.article-footer .thumbnail-link{text-decoration:none;color:inherit;display:flex;flex-direction:column}.article-footer .thumbnail-link .thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background-color:#1a1a1a;border-radius:5px}.article-footer .thumbnail-link .thumbnail img{width:100%;height:100%;object-fit:cover}.article-footer .thumbnail-link .thumbnail:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000b3,#0000 55%);pointer-events:none}.article-footer .thumbnail-link .thumbnail p{position:absolute;left:1em;right:1em;bottom:.75em;z-index:1;margin:0;text-align:left}.bt-howto{box-sizing:border-box;max-width:64em;margin:3em auto;color:#e6e6e6}.bt-howto__title{margin:0 0 1em 3.25em;font-size:1.4em}.bt-howto__chain{position:relative;padding-left:3.25em;padding-top:.8em}.bt-howto__line{position:absolute;top:0;left:0;z-index:0;overflow:visible;pointer-events:none}.bt-howto__cap{position:absolute;left:1.1em;width:.6em;height:.6em;border-radius:50%;background:#fff;transform:translate(-50%,-50%);z-index:2}.bt-howto__cap--start{top:0}.bt-howto__cap--end{top:100%}.bt-howto__step{position:relative;z-index:1;padding:0 0 2.4em}.bt-howto__number{position:absolute;left:-2.15em;top:0;width:2.1em;height:2.1em;transform:translate(-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0d0d0d;border:2px solid #ffffff;color:#fff;font-size:.95em;z-index:1}.bt-howto__subheading{margin:0 0 .6em;min-height:2.1em;display:flex;align-items:center;font-size:1.15em;color:#e6e6e6}.bt-howto__item{margin:1em 0}.bt-howto__item--code{margin-top:1.6em;margin-bottom:1.6em}.bt-howto__item--code .bt-code{max-width:none;margin:0 1.75em 0 0}.bt-howto__item--image{margin-top:1.6em;margin-bottom:1.6em}.bt-howto__item--image .bt-one-image,.bt-howto__item--image .bt-two-images{margin:0 1.75em 0 0;justify-content:flex-start}.bt-howto__item--image .bt-one-image img{width:100%;max-height:none}.bt-howto__item--image .bt-two-images{gap:1em;flex-direction:row}.bt-howto__item--image .bt-two-images img{width:calc(50% - .5em);max-height:none;object-fit:cover}@media(max-width:48em){.bt-howto__item--image .bt-two-images{flex-direction:column}.bt-howto__item--image .bt-two-images img{width:100%}}.bt-howto__callout{display:flex;gap:.75em;align-items:flex-start;padding:.9em 1.1em;border:1px solid;border-radius:6px;background:#0d0d0d}.bt-howto__callout--info{border-color:#3b82f6}.bt-howto__callout--info .bt-howto__callout-icon{border-color:#3b82f6;color:#3b82f6}.bt-howto__callout--info .bt-howto__callout-body{color:#cfe0ff}.bt-howto__callout--warning{border-color:#ef4444}.bt-howto__callout--warning .bt-howto__callout-icon{border-color:#ef4444;color:#ef4444}.bt-howto__callout--warning .bt-howto__callout-body{color:#ffd7d7}.bt-howto__callout-icon{flex:none;width:1.6em;height:1.6em;display:flex;align-items:center;justify-content:center;border:2px solid;border-radius:50%;font-weight:700;font-style:normal;line-height:1}.bt-howto__callout-body{margin:0;line-height:1.5;white-space:pre-line}.bt-howto__content{font-size:1em;line-height:1.5;color:#d7d7d7}.bt-howto__content p{margin:0 0 1em}.bt-howto__content ul,.bt-howto__content ol{margin:0 0 1em;padding-left:1.4em}.bt-howto__content li{margin:.25em 0}.bt-howto__content a{color:#3b82f6;text-decoration:underline}.bt-howto__content code{font-family:inherit;background:#161616;padding:.1em .35em;border-radius:4px;font-size:.9em}@media(max-width:48em){.bt-howto__title{margin-left:0}.bt-howto__step{padding-bottom:2em}}.bt-root{box-sizing:border-box;width:90%;margin-left:auto;margin-right:auto;padding-left:1em;padding-right:1em}@media(max-width:64em){.bt-root{width:100%;padding-left:2em;padding-right:2em}}@media(max-width:48em){.bt-root{padding-left:1em;padding-right:1em}}.bt-root{min-height:100%;margin-top:0;padding-top:1em;padding-bottom:5em}@media(max-width:64em){.bt-root{padding-bottom:4em}}.bt-banner{box-sizing:border-box;position:relative;width:100%;min-height:70vh;min-height:70svh;display:flex;align-items:flex-end;padding:0;margin-top:8em;margin-bottom:0;background-color:#d3d3d3;text-align:center}.bt-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.bt-banner:after{content:"";position:absolute;left:0;right:0;bottom:0;height:60%;background-image:linear-gradient(to top,#000000bf,#0000);pointer-events:none}.bt-banner .banner-title{box-sizing:border-box;width:90%;margin-left:auto;margin-right:auto;padding-left:1em;padding-right:1em}@media(max-width:64em){.bt-banner .banner-title{width:100%;padding-left:2em;padding-right:2em}}@media(max-width:48em){.bt-banner .banner-title{padding-left:1em;padding-right:1em}}.bt-banner .banner-title{position:relative;z-index:1;padding-top:2em;padding-bottom:1.5em;text-align:left}.bt-banner .banner-title-inner{max-width:64em;margin:0 auto}.bt-banner .title{margin:0;font-size:8.21em;font-weight:700;line-height:.95;color:#fff;overflow-wrap:anywhere}@media(max-width:64em){.bt-banner .title{font-size:4.5em}}@media(max-width:48em){.bt-banner .title{font-size:2.75em}}.bt-article-page{box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"info content";padding:1em 0;column-gap:2em;width:100%;max-width:64em;margin:0 auto}.bt-article-page .content-area{grid-area:content}.bt-article-page .content-area .subtitle{margin:0;font-size:1em;font-weight:400;line-height:1.4em;color:#d7d7d7}.bt-article-page .content-area .extra-info{margin:1em 0 0;font-style:italic;color:#9a9a9a}.bt-article-page .content-area .extra-info a{color:inherit;text-decoration:underline}.bt-article-page .info-area{grid-area:info;padding-right:4em;display:grid;grid-template-columns:auto 1fr;column-gap:1em;--meta-line-height: 1.5}.bt-article-page .info-area .info-line{grid-column:1;justify-self:start;align-self:start;margin:calc(1em * var(--meta-line-height) / 2) 0 0 0}.bt-article-page .info-area .meta{grid-column:2;display:flex;flex-direction:column;gap:.5em}.bt-article-page .info-area .meta p{margin:0}.bt-article-page .info-area .meta .tags{display:flex;flex-wrap:wrap;gap:.5em}.bt-article-page .info-area .meta .tags .tag{margin:0}.bt-article-page .info-area .meta .date,.bt-article-page .info-area .meta .author{font-size:.85em;color:#9a9a9a}@media(max-width:64em){.bt-article-page{grid-template-columns:1fr;grid-template-areas:"info" "content";row-gap:1.5em}.bt-article-page .info-area{padding-right:0;display:flex;flex-direction:column;gap:.5em}.bt-article-page .info-area .info-line{display:none}}.bt-text{box-sizing:border-box;max-width:64em;margin:2em auto;text-align:left}.bt-text p,.bt-text li{font-size:1em;line-height:1.4em;color:#d7d7d7;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.bt-text h2,.bt-text h3{color:#fff;font-weight:700;text-align:left;-webkit-hyphens:none;hyphens:none;margin:1em 0 .35em}.bt-text h2:first-child,.bt-text h3:first-child{margin-top:0}.bt-text h2{font-size:3em;line-height:1.1}.bt-text h3{font-size:2em;line-height:1.2}@media(max-width:64em){.bt-text h2{font-size:2.25em}.bt-text h3{font-size:1.6em}}@media(max-width:48em){.bt-text h2{font-size:1.75em}.bt-text h3{font-size:1.35em}}.bt-text ul,.bt-text ol{padding-left:1.5em}.bt-text blockquote{border-left:2px solid #555;margin:1em 0;padding-left:1em;font-style:italic}.bt-text a{color:inherit;text-decoration:underline}.bt-text code{font-family:inherit;font-size:.9em;background:#1a1a1a;padding:.1em .3em;border-radius:3px}.bt-one-image{box-sizing:border-box;display:flex;justify-content:center;margin-top:4em;margin-bottom:4em}.bt-one-image img,.bt-one-image mux-player{width:48%;height:auto;max-height:70vh}@media(max-width:64em){.bt-one-image img,.bt-one-image mux-player{width:100%}}.bt-two-images{box-sizing:border-box;display:flex;align-items:stretch;justify-content:center;gap:2em;margin-top:4em;margin-bottom:4em}.bt-two-images img,.bt-two-images mux-player{width:48%;height:auto;max-height:70vh}@media(max-width:64em){.bt-two-images{flex-direction:column}.bt-two-images img,.bt-two-images mux-player{width:100%}}.bt-four-images{box-sizing:border-box;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:0em;margin-top:4em;margin-bottom:4em}.bt-four-images img{width:100%;height:auto;display:block}.bt-four-images mux-player{width:100%;height:100%;max-height:70vh;object-fit:cover}.bt-four-images mux-player{--media-object-fit: cover}@media(max-width:64em){.bt-four-images{grid-template-columns:1fr;grid-template-rows:auto;gap:1em}.bt-four-images mux-player{height:auto;aspect-ratio:1/1}}.bt-two-images-diagonal{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:".      img1" "img2   .   ";gap:0em}.bt-two-images-diagonal>:first-child{grid-area:img1}.bt-two-images-diagonal>:last-child{grid-area:img2}.bt-two-images-diagonal img{width:100%;height:auto;display:block}.bt-two-images-diagonal mux-player{width:100%;height:100%;object-fit:cover}.bt-two-images-diagonal mux-player{--media-object-fit: cover}@media(max-width:64em){.bt-two-images-diagonal{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"img1" "img2";gap:1em}.bt-two-images-diagonal mux-player{height:auto;aspect-ratio:1/1}}.bt-code{box-sizing:border-box;max-width:64em;margin:3em auto;background-color:#0d0d0d;border-radius:16px;overflow:hidden}.bt-code__bar{display:flex;align-items:center;padding:.7em 1.25em 0;font-size:.8em}.bt-code__bar-right{margin-left:auto;display:flex;align-items:center;gap:.75em}.bt-code__filename{color:#b0b0b0}.bt-code__lang{color:#6f6f6f;text-transform:uppercase;letter-spacing:.05em}.bt-code__copy{display:inline-flex;align-items:center;justify-content:center;padding:.2em;background:none;border:none;border-radius:4px;color:#9a9a9a;cursor:pointer;transition:color .15s ease}.bt-code__copy:hover{color:#e6e6e6}.bt-code__pre{margin:0;padding:.85em 1.25em 1.25em;overflow-x:auto;font-family:inherit;font-size:.85em;line-height:1.5;color:#888;white-space:pre;tab-size:2}.bt-code__pre code{font-family:inherit}.bt-code__pre{scrollbar-width:thin;scrollbar-color:#1e1e1e transparent}.bt-code__pre::-webkit-scrollbar{height:8px}.bt-code__pre::-webkit-scrollbar-track{background:transparent}.bt-code__pre::-webkit-scrollbar-thumb{background:#1e1e1e;border-radius:19px}.cos-tx{position:fixed;inset:0;z-index:300;pointer-events:none;display:flex;flex-wrap:wrap;overflow:hidden}.cos-tx-cell{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#0a0a0a;visibility:hidden}.cos-tx-cell__plus{color:#ffffff8c;font-size:1.7rem;font-weight:lighter;line-height:1;-webkit-user-select:none;user-select:none}.cos-intro{position:fixed;inset:0;z-index:400;overflow:hidden;pointer-events:none;display:flex;align-items:center;justify-content:center}.cos-intro-grid{position:absolute;inset:0;display:flex;flex-wrap:wrap}.cos-intro-cell{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#0a0a0a;opacity:1;visibility:visible}.cos-intro-cell__plus{color:#ffffff8c;font-size:1.7rem;font-weight:lighter;line-height:1;-webkit-user-select:none;user-select:none}.cos-intro-logo{position:relative;z-index:1;width:min(22em,70%);height:auto}@font-face{font-family:Mother Basis Mono;src:url(/fonts/MotherBasisMono-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Mother Basis Mono;src:url(/fonts/MotherBasisMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{font-family:Mother Basis Mono,Space Mono,monospace;line-height:1.5;font-weight:300;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"header" "main";min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700}a{font-weight:inherit;color:#fff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font-family:inherit}