@layer sections{header{padding:var(--xxl) 0}header h1,header h3,header p{margin-bottom:0}header .stats--number,header h3{margin-top:var(--sm)}header .tags{flex-direction:row}.stats--number{display:block;line-height:1;font-weight:600;margin-bottom:var(--xxs)}.stats--desc{text-wrap:balance}header .tile-grid{gap:var(--xs) var(--xxl);margin-bottom:0;margin-top:var(--lg)}.link-list li{background:0 0}header .two-up img{border-radius:var(--borderRadiusMd);margin-bottom:var(--lg)}@media screen and (min-width:800px){header .two-up img{margin-bottom:var(--xl)}h1{margin-bottom:var(--xxl)}header .stats--number,header h3{margin-top:var(--lg)}header .container{margin-top:var(--xl)}header .tags,header h3{grid-column:1/-1}.projects header .tile-grid{grid-template-columns:repeat(auto-fit,minmax(28%,1fr))}}.width-content,figure figcaption,header .container,nav.project-nav ul,section h2,section h3,section ol,section p,section>ul{max-width:1000px;margin-left:auto;margin-right:auto}.article-body h2,figure figcaption,header .container,section h3,section ol,section p,section>ul{padding:0 var(--md)}section ol{margin-bottom:var(--md)}section{padding:var(--xl) 0 var(--sm) 0}.article-body h2{padding-bottom:var(--sm);margin-bottom:var(--lg);position:relative}.article-body h2:after{content:"";display:block;height:2px;background:var(--surfaceColor);width:calc(100% - var(--md) - var(--md));position:absolute;bottom:0;left:var(--md)}section>h3{margin-top:var(--lg)}section>p{margin-bottom:var(--md)}section>ol li,section>ul li{margin-left:var(--sm);margin-bottom:var(--xxs);padding-left:var(--xxs)}video{height:auto}img{height:auto}.width-content{width:100%}.width-content img{margin:0 auto}.width-max{max-width:1500px;width:100vw}@media screen and (min-width:1500px){.width-max{width:1500px}}section pre{display:block;background:var(--backgroundColor);text-align:left;padding:var(--md);max-width:100vw;white-space:pre-wrap;font-size:var(--step--1)}pre code{padding:0}@media screen and (max-width:600px){img.no-mobile{display:none}img.mobile-only{max-height:unset;width:100%}img.width-padding{margin:var(--md) var(--md) 0 var(--md);border-radius:var(--borderRadiusMd);border:1px solid var(--surfaceColor);max-width:100%;width:calc(100% - var(--md) - var(--md))}}@media screen and (min-width:600px){img.mobile-only{display:none}}@media screen and (min-width:1045px){img,pre,video{border-radius:var(--borderRadiusMd)}}section figure{margin-top:var(--md);margin-bottom:var(--lg);overflow:hidden;max-width:100%}section .two-up{margin-top:var(--md);margin-bottom:var(--xxl)}figure figcaption{font-size:var(--step--1);font-style:italic;margin:var(--md) auto 0 auto}figure figcaption code{font-style:normal}section .two-up:last-child,section figure:last-child{margin-bottom:0}.two-up{margin:var(--xxl) 0 var(--xxxl) 0;gap:var(--lg) var(--xs)}.two-up figure{margin:0;height:100%;display:flex;flex-direction:column}.two-up img,.two-up pre{margin:auto 0}.two-up pre{height:100%}.two-up figcaption{width:100%;margin-top:0;padding-top:var(--sm);max-width:unset}@media screen and (min-width:1000px){section>figure{min-width:980px}section>.two-up,section>figure{margin-left:auto;margin-right:auto;width:fit-content}}nav.project-nav{padding:0 var(--md);margin:var(--lg) auto var(--xxxl) auto}nav.project-nav ul{display:flex;margin:0 auto;gap:var(--md);flex-wrap:wrap;flex-direction:row;justify-content:space-between}nav.project-nav .description{display:none}nav.project-nav a{display:flex;flex-direction:column;text-decoration:none;position:relative;padding-left:var(--lg)}nav.project-nav a:hover{color:var(--copyColor)}nav.project-nav li:last-child{text-align:right}nav.project-nav li:last-child a{padding-left:0;padding-right:var(--lg)}nav.project-nav svg{position:absolute;height:24px;width:24px;left:0;top:0}nav.project-nav li:last-child svg{transform:rotate(180deg);left:unset;right:0}@media screen and (min-width:600px){nav.project-nav .description{display:inline-block;font-weight:400}nav.project-nav svg{height:32px;width:32px}}.article-body{padding:var(--xxxxl) 0;overflow:hidden;background:var(--cardBackground);--mask:radial-gradient(78.1px at 50% 110px, #000 99%, #0000 101%) calc(50% - 100px) 0/200px 51% repeat-x,radial-gradient(78.1px at 50% -60px, #0000 99%, #000 101%) 50% 50px/200px calc(51% - 50px) repeat-x,radial-gradient(78.1px at 50% calc(100% - 110px), #000 99%, #0000 101%) calc(50% - 100px) 100%/200px 51% repeat-x,radial-gradient(78.1px at 50% calc(100% + 60px), #0000 99%, #000 101%) 50% calc(100% - 50px)/200px calc(51% - 50px) repeat-x;-webkit-mask:var(--mask);mask:var(--mask)}.article-body section{background:0 0}.article-body section:last-child{margin-bottom:var(--xxxl)}.article-body section:first-child{margin-top:var(--xl)}section.projects-section{padding:var(--xxxxl) var(--md) var(--lg) var(--md)}footer{mask:unset;background:var(--backgroundColor);padding-top:0}footer .container{padding-top:var(--lg)}}header{margin:0 auto;padding:var(--xxxl) var(--md)}header .container{padding:0;max-width:1500px;margin:0 auto;align-items:center;gap:var(--lg) var(--xxl)}header .tags{padding-top:var(--lg)}header .container>div:nth-child(2){margin-left:0;margin-right:auto;width:100%}header .stats--number,header .tile-grid,header h3{margin-top:0}header .tile-grid{gap:var(--md)}header .container{padding-top:var(--lg)}@media screen and (min-width:800px){header{display:flex;flex-direction:column;justify-content:center}header .tile-grid{gap:var(--lg)}header .tile-grid div:nth-child(5):last-child{grid-column:span 2}header .container{padding-top:var(--xxl);gap:var(--xl) var(--xxl)}}@media screen and (min-width:1200px){header{min-height:800px}}header .tile-grid a{font-size:var(--step-0)}@layer animations{@media (prefers-reduced-motion:no-preference){section b.highlight{background-image:linear-gradient(var(--tagBg),var(--tagBg));background-position:bottom;background-repeat:no-repeat;background-size:0 100%;background-position:left}section b.highlight.js-active{animation:highlight 1.5s ease-out forwards}@keyframes highlight{from{background-size:0 100%}to{background-size:100% 100%}}}}