:root{--color-dark:#1a1a1a;--color-light:#fafafa;--color-gray:#a5a5a5;--text-color-dark:#000;--text-color-light:#fff;--shadow-light:0 0 1em var(--color-light), 0 0 2em var(--color-light);--shadow-dark:0 0 1em var(--color-dark), 0 0 2em var(--color-dark);--color-primary:#0077b2;--color-primary-lighter:#53afdc;--color-primary-darker:#005179;--text-size-base:1.1rem;--text-size-h6:1.2rem;--text-size-h5:1.44rem;--text-size-h4:1.728rem;--text-size-h3:2.074rem;--text-size-h2:2.488rem;--text-size-h1:2.986rem;--text-size-h0:3.583rem}*{box-sizing:border-box}body{background:var(--color-light);color:var(--text-color-dark);font-size:var(--text-size-base);margin:0;overflow-x:clip}h1,h2,h3,h4,h5,h6,.site-name{font-optical-sizing:auto;font-family:Inter,sans-serif;font-style:normal;font-weight:700}h1{font-size:var(--text-size-h1)}h2{font-size:var(--text-size-h2)}h3{font-size:var(--text-size-h3)}h4{font-size:var(--text-size-h4)}h5{font-size:var(--text-size-h5)}h6{font-size:var(--text-size-h6)}.features-block-2 h3,.features-block-3 h3,.section>ol>li>h3,.two-column-block h3,.writing-speaking h3,.related-articles h2{font-size:var(--text-size-h4);margin-top:1.5em;margin-bottom:1em}.features-block-4 h3{font-size:var(--text-size-h6);margin-top:1.5em;margin-bottom:1em}button{cursor:pointer;border:none;padding:.5rem 1rem}a{color:var(--color-primary);transition:color 50ms}a:visited{color:var(--color-primary-darker)}a:hover{color:var(--color-primary-lighter)}ol,ul{padding:0;list-style-type:none}address{font-style:normal}summary{cursor:pointer}p,summary,dt,ul>li,ol>li{line-height:1.6}dt{font-weight:700}dd{margin-bottom:1rem;margin-left:0;line-height:1.6}dd:before{content:"↪";margin-left:.25rem;margin-right:.4rem}body{font-optical-sizing:auto;font-family:"Source Sans 3",sans-serif;font-style:normal;font-weight:400}body>nav{z-index:2;pointer-events:none;align-items:center;height:5rem;padding:0 1rem;display:flex;position:absolute;top:0;left:0;right:0}body>nav>*{pointer-events:auto}body>footer>*{padding:0 1rem}.section.section-hero{align-items:center;min-height:100vh;display:flex}.section.section-hero.section-hero-small{min-height:auto;padding-top:8rem;padding-bottom:0}.section.section-hero.section-hero-medium{min-height:auto;padding-top:16rem;padding-bottom:0}.visualization-container{z-index:0;pointer-events:none;position:absolute;inset:0;overflow-x:clip}.visualization-container>.visualization{pointer-events:none;width:max(105svw,105svh);min-width:100rem;height:max(105svw,105svh);min-height:100rem;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visualization-container>.visualization>svg{width:100%;height:100%}.visualization line{stroke:#d5d5d5;transition:stroke-opacity .2s}.visualization circle{stroke:var(--color-light);cursor:pointer}.tooltip{background:var(--color-dark);color:var(--text-color-light);font-size:var(--text-size-base);pointer-events:none;z-index:1000;border-radius:.25rem;max-width:250px;padding:.5rem 1rem;position:fixed}.hero-block{pointer-events:none}.hero-block a,.hero-block button{pointer-events:auto}.hero-block>h1{font-size:var(--text-size-h0);margin-bottom:1rem}.hero-block>p{font-size:var(--text-size-h5);margin-top:1rem;font-weight:500}.hero-block>p.hero-cta{text-shadow:none}.hero-block>p>a:visited,.hero-block>p>a{color:var(--text-color-light);background:var(--color-dark);border-radius:.25rem;align-items:center;gap:.625rem;padding:1rem 2rem 1rem 1.5rem;text-decoration:none;transition:background-color 50ms;display:inline-flex;position:relative}.hero-block>p>a:before{content:"";border-radius:inherit;box-shadow:var(--shadow-light);z-index:-1;position:absolute;inset:0}.hero-block>p>a:hover,.hero-block>p>a.secondary{background:var(--color-light);color:var(--text-color-dark);box-shadow:inset 0 0 0 .125rem var(--color-dark)}.hero-block>p>a.secondary:hover{background:var(--color-dark);color:var(--text-color-light);box-shadow:none}.hero-block>p.hero-cta{flex-direction:column;gap:1rem;display:flex}.section{padding:4rem 0 8rem;overflow-x:clip}.section>*{z-index:1;padding:0 1rem;position:relative}.section-light{text-shadow:var(--shadow-light)}.section-dark{background:var(--color-dark);color:var(--text-color-light);text-shadow:var(--shadow-dark);z-index:1;position:relative}:is(.section-light:has(+.section-light),.section-dark:has(+.section-dark)){padding-bottom:4rem}.features-block+p{margin-top:4rem}img.two-column-left,img.two-column-right{border-radius:50%;width:100%;margin-top:2rem}footer.section{background:var(--color-dark);color:var(--text-color-light)}footer.section a,footer.section a:visited{color:var(--color-gray)}footer.section a:hover{color:var(--text-color-light)}.site-name{font-size:var(--text-size-h2);text-decoration:none}body>nav>.site-name{color:var(--color-gray);text-shadow:var(--shadow-light)}body>nav>.site-name:hover{color:var(--text-color-dark)}footer.section>a.site-name{color:var(--text-color-light);display:block}footer.section>a.site-name:hover{color:var(--color-gray)}.section>ol>li{position:relative}.section>ol>li>svg{width:80%;height:180%;position:absolute;top:20%;left:0}.article-list{flex-direction:column;gap:4rem;display:flex}.article-list article{flex-direction:column;display:flex}.article-list .visualization{aspect-ratio:1;width:100%}.article-content{flex:1}.writing-speaking{grid-template-columns:repeat(auto-fit,minmax(min(30rem,100%),1fr));gap:4rem;display:grid}.writing-speaking dt{font-weight:400}.hero-block{flex-direction:column;align-items:start;display:flex}.home-page .visualization-container>.visualization,.article-page .visualization-container>.visualization{filter:brightness(1.2)blur(.35rem)}.related-articles dt{font-weight:400}.author-block{flex-direction:column;display:flex}.author-avatar{aspect-ratio:1;border-radius:50%;flex-shrink:0;width:100%;max-width:24rem}.author-info{grid-column:span 2;margin-top:2rem}.author-name{font-size:var(--text-size-h4);font-weight:700}@media (width>=768px){.home-page .visualization-container>.visualization,.article-page .visualization-container>.visualization{filter:none;pointer-events:auto}.section.section-hero>.hero-block>p.tagline{position:relative}.home-page .section.section-hero>.hero-block>p.tagline:before,.home-page .section:nth-child(2)>:first-child:before,.article-page .section.section-hero>.hero-block>p.tagline:before,.article-page .section:first-child>:first-child:before{content:"";-webkit-backdrop-filter:brightness(1.2)blur(.35rem);backdrop-filter:brightness(1.2)blur(.35rem);z-index:-1;pointer-events:none;position:absolute;inset:-25rem -32rem;-webkit-mask-image:radial-gradient(closest-side,#fff 40%,#0000 100%);mask-image:radial-gradient(closest-side,#fff 40%,#0000 100%)}.home-page .section:nth-child(2)>:first-child:before{bottom:-100vh!important}.article-page .section:first-child>:first-child:before{bottom:-200vh!important}.article-page article .section>*{max-width:50rem;margin-left:auto;margin-right:auto}.hero-block>p.hero-cta{flex-direction:row;gap:.5rem}.features-block-2,.features-block-4{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}img.two-column-right{float:right;width:50%}img.two-column-left{float:left;width:50%}img.two-column-left,img.two-column-right{margin-top:0}.section>ol{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}footer.section>section>div{grid-column:span 2}footer.section>section{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}footer.section>section>div:first-child{flex-direction:column;justify-content:space-between;display:flex}.article-list article{flex-direction:row;gap:4rem}.article-list .visualization{flex-shrink:0;width:25%}.section.section-hero.section-hero-medium{padding-top:24rem}.author-block{grid-template-columns:1fr calc(min(80rem,100vw)/3 - 2rem) 1fr;gap:2rem;display:grid}.author-info{margin-top:0}}@media (width>=1024px){.section>*,body>nav{width:100%;max-width:80rem;margin-left:auto;margin-right:auto}.features-block-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.features-block-4{grid-template-columns:repeat(4,1fr)}footer.section>section>div{grid-column:span 1}footer.section>section,.article-list article{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.article-list .visualization{width:calc(100% - 2rem)}.article-list .article-content{grid-column:span 2}.section>ol{grid-template-columns:repeat(4,1fr)}.section>ol>li:first-child{grid-area:1/1/auto/span 2}.section>ol>li:nth-child(2){grid-area:2/2/auto/span 2}.section>ol>li:nth-child(3){grid-area:3/3/auto/span 2}.section>ol>li:nth-child(4){grid-area:4/4}}