@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:MD System;font-weight:400;src:url(/fonts/MDSystem-Regular.otf) format("opentype");font-style:normal;font-display:swap}@font-face{font-family:MD System;font-style:italic;font-weight:400;src:url(/fonts/MDSystem-Italic.otf) format("opentype");font-display:swap}@font-face{font-family:MD System;font-weight:600;src:url(/fonts/MDSystem-Dark.otf) format("opentype");font-style:normal;font-display:swap}@font-face{font-family:MD System;font-weight:900;src:url(/fonts/MDSystem-Heavy.otf) format("opentype");font-style:normal;font-display:swap}h1{font-family:MD System,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:4.5rem;font-weight:900;line-height:5rem;widows:2}h2{font-family:MD System,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.75rem;font-weight:900}h3{font-family:MD System,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.75rem}h4{font-family:MD System,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.125rem;font-weight:600;margin-bottom:4rem}h5,.button,.text-button,article .timestamp,article .button{font-family:MD System,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.5rem}p,footer .footer-wrapper h3,ul li,ol li{font-family:MD System,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.8;margin-bottom:1.5rem}strong{font-weight:600}@media screen and (max-width: 640px){h1{font-size:3rem;line-height:3.5rem}.home-header h1{font-size:4.5rem;line-height:5rem}}html,body{color:#222;font-family:MD System,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.65;position:relative}body{background-color:#f9f9f9}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#222;text-decoration-color:#222;text-decoration-line:none;transition:.3s ease all}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#757575;text-decoration-color:#757575}hr{background-color:#d5d5d5;border:0;height:1px;margin:0;outline:0}p a,article h2 a{border:0;color:#222;text-decoration:underline;transition:.3s ease all}p a:hover,article h2 a:hover{border:0;color:#757575;text-decoration:underline}article .info a,.path a{text-decoration-color:#0000;text-decoration-line:underline;transition:.3s ease all}article .info a:hover,.path a:hover{color:#757575;text-decoration-color:#0000}img{max-width:100%}*,*:before,*:after{box-sizing:border-box}::selection{background-color:#d5d5d5;color:#222}.capitalize{text-transform:capitalize}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.content{margin:0 auto;max-width:74rem;padding:0 4rem;width:100%}.content>*:last-child{margin-bottom:0}section{contain-intrinsic-size:1000px;content-visibility:auto;padding:3rem 0}section.home-header{padding-top:12rem}section.home-header h1{margin-bottom:2rem}section.home-header p{margin-bottom:0}section.home-header>*{max-width:74rem}section.text{max-width:48rem;width:100%}section section{padding-top:0;margin-top:0}.collection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.full-bleed-hero{position:relative}.full-bleed-hero .full-bleed-scrim{z-index:99;position:absolute;background:linear-gradient(-53deg,#00000059,#0000,#00000059);inset:0}.full-bleed-hero h1{bottom:4rem;color:#fff;position:absolute;right:4rem;left:8rem;text-align:right;z-index:100;font-size:8rem;line-height:10rem}.full-bleed-hero h1 span{display:block;float:right;direction:rtl}article:not(.with-full-width-image) section:first-child{margin-top:-6rem}article:not(.with-full-width-image) .hero-image+.text{margin-top:-3rem}@media screen and (max-width: 1440px){.full-bleed-hero h1{font-size:6rem;line-height:7.5rem}}@media screen and (max-width: 1024px){.full-bleed-hero h1{font-size:5rem;line-height:6rem;left:4rem}}@media screen and (max-width: 768px){.full-bleed-hero h1{font-size:4rem;line-height:5rem}}@media screen and (max-width: 640px){section{padding:3rem 0}section.home-header{padding-top:9rem}.content{padding:0 1rem}.text.hero-image{margin:-4rem 0 0}.full-bleed-hero h1{font-size:3.5rem;line-height:4.5rem;right:1rem;bottom:1rem;left:1rem}}@media screen and (min-width: 1921px){html,body{font-size:20px}}@media screen and (max-width: 1920px){html,body{font-size:18px}}@media screen and (max-width: 1440px){html,body{font-size:16px}}@media screen and (max-width: 1024px){html,body{font-size:15px}}@media screen and (min-width: 769px){.tablet-only{display:none}}@media screen and (min-width: 641px){.mobile-only{display:none}}@media screen and (max-width: 640px){html,body{font-size:16px}.hide-mobile{display:none}}@media screen and (max-width: 480px){html,body{font-size:13px}}@media screen and (max-width: 319px){html,body{font-size:7px}}@media screen and (max-width: 240px){html,body{font-size:5px}}header{padding:8rem 0 4rem}.with-hero-style-full-bleed header{padding:4rem 0;position:absolute;top:0;z-index:100}.with-hero-style-full-bleed header span,.with-hero-style-full-bleed header a{color:#f9f9f9}.with-hero-style-full-bleed header span:hover,.with-hero-style-full-bleed header a:hover{color:#d5d5d5;text-decoration-color:#d5d5d5}footer{position:relative;z-index:100}footer .footer-wrapper{color:#9d9d9d;display:flex;justify-content:space-between;margin:-3rem -1.5rem 0;padding:6rem 0}footer .footer-wrapper .about-wrapper{padding:0 1.5rem;width:50%}footer .footer-wrapper .links-wrapper{display:flex;flex-direction:column;width:50%}footer .footer-wrapper .links,footer .footer-wrapper .pages{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;padding:0 1.5rem}footer .footer-wrapper h3{margin-bottom:.5rem}footer .footer-wrapper h2{line-height:2rem}footer .footer-wrapper a{color:#9d9d9d;transition:.3s ease color}footer:hover .footer-wrapper a{color:#222}footer:hover .footer-wrapper a:hover{color:#d5d5d5}.path{margin-bottom:2rem;user-select:none}.path .component{user-select:auto}.path .tilde{user-select:none}.path .slash{padding:0 .5rem;user-select:none}.path a{text-decoration-color:transparent}.path a:hover{text-decoration-color:#757575}@media screen and (max-width: 1024px){.path{margin-bottom:1rem}footer .footer-wrapper .about-wrapper{width:33%}footer .footer-wrapper .links-wrapper{width:66%}}@media screen and (max-width: 768px){footer .footer-wrapper{flex-wrap:wrap;margin:-2rem -1rem 0}footer .footer-wrapper .links,footer .footer-wrapper .pages{flex-wrap:wrap;justify-content:flex-start}footer .footer-wrapper .about-wrapper{margin-bottom:3rem;width:100%}footer .footer-wrapper .links-wrapper{width:100%}.m-break:after{clear:both;content:" ";display:block}}@media screen and (max-width: 640px){.with-hero-style-full-bleed header{padding:1rem 0}}form input[type=radio]+label,form input[type=text],form input[type=email],form input[type=number]{-webkit-appearance:none;background-color:#f9f9f9;border:0;display:block;font-family:MD System,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;height:2rem;line-height:1;outline:0;padding:.5rem .75rem}form{background-color:#e5e5e5;margin:3rem 0;padding:3rem}form .button{background-color:#d5d5d5}form input[type=text],form input[type=email],form input[type=number]{min-width:8rem}form input[type=text]:focus,form input[type=email]:focus,form input[type=number]:focus{outline:2px ridge #3399ff}form input[type=radio]{filter:alpha(opacity=0);opacity:0;position:absolute}form input[type=radio]+label{background-color:#d5d5d5;border-bottom-color:#d5d5d5;cursor:pointer;min-width:4rem;text-align:center;user-select:none}form input[type=radio]:checked+label{background-color:#757575;border-bottom-color:#757575;color:#f9f9f9}form .form-control{align-items:center;display:flex;margin-bottom:1rem}form .form-control>label{flex:1;margin-right:1rem}form .output-container{min-width:8rem}form .radio-options{display:flex;list-style:none;margin:0;padding:0}form .radio-options .radio-option{list-style:none;margin:0;padding:0}form .radio-options .radio-option:last-child{margin-right:0}@media screen and (max-width: 768px){form{margin-left:-4rem;margin-right:-4rem;padding-left:4rem;padding-right:4rem}}@media screen and (max-width: 640px){article form{margin-left:-2rem;margin-right:-2rem;padding-left:2rem;padding-right:2rem}article form h4{font-size:1.25rem}article form .radio-options{flex-wrap:wrap;margin:0 -.25rem;width:100%}article form .radio-options .radio-option{padding:.25rem;width:33%}article form .form-control{align-items:flex-start;flex-direction:column}article form .form-control label{font-size:1.25rem;margin-bottom:.25rem}article form .form-control input[type=text],article form .form-control input[type=email],article form .form-control input[type=number]{font-size:1.25rem;height:3rem;min-width:66%}article form .form-control input[type=radio]+label{height:3rem;line-height:2rem;padding-left:.75rem;padding-right:.75rem}}.boxes{align-items:stretch;display:flex;flex-wrap:wrap;margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:-1.5rem}.boxes .box{justify-content:flex-start;margin-bottom:3rem;padding:0 1.5rem;position:relative;width:25%}.boxes .box .figure-wrapper{display:flex;flex-direction:column;justify-content:center;transition:.3s ease all}.boxes .box .figure-wrapper:hover{opacity:.8}.boxes .box .figure-wrapper figure{flex:1}.boxes .box h3{margin-top:1rem}.boxes .feature-section{display:flex;width:100%}.boxes .featured{width:50%}.boxes .featured h3{font-family:MD System,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:2rem;font-weight:900;line-height:1.2;margin:2rem 0 1.5rem}.boxes .alongside-featured{display:flex;flex-wrap:wrap;width:50%;align-self:flex-start}.boxes .alongside-featured>.box{width:50%}@media screen and (max-width: 1024px){.boxes.mini .box:nth-child(4){display:none}.boxes .box{width:33.333333%}.boxes .feature-section{display:block}.boxes .featured{align-items:flex-start;display:flex;width:100%}.boxes .featured .figure-wrapper{flex-shrink:0;padding-right:1.5rem;width:50%}.boxes .featured .figure-wrapper+div{padding-left:1.5rem}.boxes .featured h3{margin-top:0}.boxes .alongside-featured{width:100%}.boxes .alongside-featured .box{width:33%}}@media screen and (max-width: 768px){.boxes{margin-left:-1rem;margin-right:-1rem;margin-bottom:-1rem}.boxes.mini .box:nth-child(4){display:block}.boxes .box{width:50%;padding:0 1rem;margin-bottom:2rem}.boxes .featured{display:block;width:100%}.boxes .featured .figure-wrapper{flex-shrink:0;padding-right:0;width:100%}.boxes .featured .figure-wrapper+div{padding-left:0;padding-top:1.5rem}.boxes .featured h3{margin-top:0}.boxes .alongside-featured{width:100%;margin-top:4rem}.boxes .alongside-featured .box{width:50%}}.podcast{display:flex;margin-bottom:6rem}.podcast h5{margin-bottom:1rem}.podcast .image{width:8rem}.podcast .image p{margin-top:.5rem;text-align:center}.podcast .copy{flex:1;margin-left:4rem}@media screen and (max-width: 640px){.podcast{display:block}.podcast .image{float:left;margin:0 1.5rem 1.5rem 0;width:5rem}.podcast h:after{clear:both;content:" ";display:block}.podcast .copy{margin-left:0}}article{padding-top:2rem}article.with-full-bleed-image{padding-top:3rem}article.with-large-image{margin-top:-3rem;padding-top:0}article h2{font-family:MD System,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:3.5rem;font-weight:900;line-height:1.25;margin:6rem 0 1.5rem}article h2+h3{font-size:1.5rem;margin:-1.5rem 0 2.5rem}article h3{font-family:MD System,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem}article h4{margin:1rem 0}article aside{border-left:.5rem solid #e5e5e5;margin:1.5rem 0;padding-left:1.5rem}article blockquote{background-color:#e5e5e5;margin:3rem 0;padding:3rem}article .highlight,article .scary-math{position:relative}article .highlight:after,article .highlight:before,article .scary-math:after,article .scary-math:before{bottom:0;content:" ";position:absolute;top:0;width:2rem;z-index:100}article .highlight:before,article .scary-math:before{background:linear-gradient(to left,#e5e5e500,#e5e5e5);left:0}article .highlight:after,article .scary-math:after{background:linear-gradient(to right,#e5e5e500,#e5e5e5);right:0}article pre{margin:1.5rem 0;overflow:scroll;padding:2rem;width:100%}article pre::-webkit-scrollbar{display:none}article pre code{line-height:1.15;padding:0}article code{font-family:Incosolata,monospace;margin:0;padding:.25rem .5rem}article ol,article ul{margin:1.5rem 0;padding-left:3rem}article ol li,article ul li{list-style-position:outside;margin-bottom:1rem;padding-left:1rem}article ol li figure,article ol li figure:last-child,article ul li figure,article ul li figure:last-child{margin:3rem 0}article ol li{list-style:decimal}article ul li{list-style:disc}article .twitter-tweet-wrapper{margin:3rem 0}article .twitter-tweet-wrapper .twitter-tweet{display:inline-block;margin:0 auto}article .twitter-tweet-wrapper h5{padding:0;text-align:center}article .timestamp,article .button{font-weight:400}article .button{margin-bottom:1rem}article .button-group .button{margin-right:1rem}article .button-group .button:last-child{margin-right:0}article .timestamp{margin:3rem 0}article .cta{margin:1.5rem 0 3rem}article figure{margin:4rem 0}article figure+h5{margin:-2.5rem 0 4rem;padding:0 4rem;text-align:center}article em{font-style:italic}article *:first-child{margin-top:0}article *:last-child{margin-bottom:0}article .video{height:0;padding-bottom:56.25%;position:relative;width:100%}article .video.disable-cursor{pointer-events:none}article .video iframe{height:100%;left:0;position:absolute;top:0;width:100%}article table thead{font-weight:600}article table td{padding-right:3rem}@media screen and (max-width: 768px){article blockquote,article form{padding:4rem}}@media screen and (max-width: 640px){article blockquote,article form{padding:2rem}article .tight-figure{margin:3rem 0}article ol,article ul{padding-left:2rem}article ol li,article ul li{padding-left:.5rem}article figure{margin:3rem 0}article figure+h5{margin:-2rem 0 3rem;padding:0;text-align:left}article h2{font-size:2rem}}.button,.text-button{background-color:#e5e5e5;border:0;color:#222;display:inline-block;flex-grow:0;font-weight:600;padding:.75rem 2rem;text-decoration:none;user-select:none}.button:hover,.text-button:hover{border:0;border-color:#222;color:#222;cursor:pointer;text-decoration:none}.button:not(.no-arrow):after,.text-button:not(.no-arrow):after{content:"→";display:inline-block;padding-left:1rem;transform:translate3d(-.5rem,0,0);transition:.3s ease transform}.button:not(.no-arrow):hover:after,.text-button:not(.no-arrow):hover:after{transform:none}.text-button{background-color:#0000;color:#9d9d9d;padding:0}.visual-list{display:flex;margin-bottom:6rem}.visual-list h4{margin-top:-.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-list .image{flex-shrink:0;width:8rem}.visual-list .image p{margin-top:.5rem;text-align:center}.visual-list .progressive-image{margin-top:0}.visual-list .copy{flex:1;margin-left:4rem;min-width:0}.visual-list.large .image{width:16rem}@media screen and (max-width: 640px){.visual-list{display:block}.visual-list .image{float:left;margin:0 1.5rem 1.5rem 0;width:5rem}.visual-list h4:after{clear:both;content:" ";display:block}.visual-list .copy{margin-left:0}.visual-list.large .image{float:none;width:100%}}.dark-mode{background-color:#222;color:#f9f9f9}.dark-mode .scrim{background-color:#222}.dark-mode p,.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6,.dark-mode .path,.dark-mode .component{color:#f9f9f9}.dark-mode .button{color:#222}.dark-mode .path a{text-decoration-color:#0000}.dark-mode .self-link i{background-color:#222}.dark-mode .self-link svg path{fill:#f9f9f9}.dark-mode .self-link label{background-color:#222;color:#f9f9f9}.dark-mode article .highlight:before,.dark-mode article .scary-math:before{background:linear-gradient(to left,#0000,#000)}.dark-mode article .highlight:after,.dark-mode article .scary-math:after{background:linear-gradient(to right,#0000,#000)}.dark-mode .scary-math-toggle,.dark-mode .hide-all.button{background-color:#d5d5d5;color:#222}.dark-mode a{color:#f9f9f9;text-decoration-color:#f9f9f9}.dark-mode a:hover{color:#757575!important;text-decoration-color:#757575!important}.dark-mode form input[type=text],.dark-mode form input[type=email],.dark-mode form input[type=number]{background-color:#d5d5d5;color:#222}.dark-mode form input[type=radio]+label{background-color:#757575;color:#f9f9f9}.dark-mode form input[type=radio]:checked+label{background-color:#d5d5d5;color:#222}.dark-mode ::selection{background-color:#d5d5d5;color:#f9f9f9}.dark-mode header a:hover{color:#f9f9f9!important;text-decoration-color:#f9f9f9!important}.dark-mode footer{background-color:#222}.dark-mode footer:hover .footer-wrapper a{color:#f9f9f9}.dark-mode form,.dark-mode blockquote{background-color:#000}.dark-mode .astro-code,.dark-mode .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}@media (prefers-color-scheme: dark){body{background-color:#222;color:#f9f9f9}body .scrim{background-color:#222}body p,body h1,body h2,body h3,body h4,body h5,body h6,body .path,body .component{color:#f9f9f9}body .button{color:#222}body .path a{text-decoration-color:#0000}body .self-link i{background-color:#222}body .self-link svg path{fill:#f9f9f9}body .self-link label{background-color:#222;color:#f9f9f9}body article .highlight:before,body article .scary-math:before{background:linear-gradient(to left,#0000,#000)}body article .highlight:after,body article .scary-math:after{background:linear-gradient(to right,#0000,#000)}body .scary-math-toggle,body .hide-all.button{background-color:#d5d5d5;color:#222}body a{color:#f9f9f9;text-decoration-color:#f9f9f9}body a:hover{color:#757575!important;text-decoration-color:#757575!important}body form input[type=text],body form input[type=email],body form input[type=number]{background-color:#d5d5d5;color:#222}body form input[type=radio]+label{background-color:#757575;color:#f9f9f9}body form input[type=radio]:checked+label{background-color:#d5d5d5;color:#222}body ::selection{background-color:#d5d5d5;color:#f9f9f9}body header a:hover{color:#f9f9f9!important;text-decoration-color:#f9f9f9!important}body footer{background-color:#222}body footer:hover .footer-wrapper a{color:#f9f9f9}body form,body blockquote{background-color:#000}body .astro-code,body .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}