:root{--line-height:24px;--line-height-half:calc(var( --line-height )/2);--line-height-quarter:calc(var( --line-height )/4);--line-height-eighth:calc(var( --line-height )/8);--column-width:calc(var( --line-height )*2);--columns-max:24;backface-visibility:hidden;interpolate-size:allow-keywords}:root,body,html{font-size:var( --line-height );line-height:var( --line-height )}:root{--font-family-sans-serif:"Inter",system-ui,-apple-system,"Helvetica Neue","Helvetica","Roboto","Arial",sans-serif,"Apple Color Emoji","Segoe UI Emoji",sans-serif;--font-family-serif:"Roboto Serif","Crimson Pro","Georgia",serif;--font-family-monospace:"Fira Code","JetBrains Mono","Courier New",monospace;--padding-top:0px;--padding-bottom:0px;--font-size:.66667rem;--font-weight:400}body{font-family:var(--font-family-sans-serif);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);--xxs-line-height:.75rem;--xxs-font-size:.5rem;--xs-line-height:1rem;--xs-font-size:.58333rem;--s-line-height:1rem;--s-font-size:.66667rem;--m-line-height:1.25rem;--m-font-size:.75rem;--l-line-height:1.25rem;--l-font-size:.91667rem;--l-font-size:.83333rem;--xl-line-height:2rem;--xl-font-size:1.66667rem;--xl-font-size:1.4rem;--xxl-line-height:3rem;--xxl-font-size:2.75rem;--xxxl-line-height:3.5rem;--xxxl-font-size:3.33333rem;font-variant-numeric:oldstyle-nums;letter-spacing:-.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"calt","liga","hist","onum","pnum";hanging-punctuation:first allow-end;overflow-wrap:break-word;text-rendering:optimizeLegibility}@media screen and (max-width:768px){body{-webkit-text-size-adjust:100%;--xl-line-height:1.5rem;--xl-font-size:1.33rem;--l-line-height:1.25rem;--l-font-size:1rem;--xxl-line-height:2rem;--xxl-font-size:1.666rem;--xxxl-line-height:2.25rem;--xxxl-font-size:2.1rem}}.serif{font-family:var(--font-family-serif)}.sans-serif,button{font-family:var(--font-family-sans-serif)}.code,.mono,.monospace,.timecode,code,pre{font-family:var(--font-family-monospace);hyphens:none}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;scroll-margin-top:5rem}.hero-text{font-size:var(--xxl-font-size);font-weight:500;letter-spacing:-.04em;line-height:var(--xxl-line-height);@media(min-width:432px){font-size:var(--xxxl-font-size);line-height:var(--xxxl-line-height)}}.hed,h1{font-size:var(--xl-font-size);line-height:var(--xl-line-height)}.dek,.hed,h1,h2{font-weight:600;letter-spacing:-.02em}.dek,h2{font-size:var(--l-font-size);line-height:var(--l-line-height)}h3{font-size:var(--m-font-size);line-height:var(--m-line-height)}h4,h5,h6{font-size:var(--s-font-size);line-height:var(--s-line-height)}.grafs,.lede{font-size:var(--s-font-size);letter-spacing:-.015em;line-height:var(--s-line-height);h2,h3{font-weight:600}h4,h5,h6{font-weight:700}}.caption,.meta,figcaption{font-size:var(--xs-font-size);line-height:var(--xs-line-height)}p+p{text-indent:1rem}p.no-indent{text-indent:0}.numeric{font-feature-settings:"tnum";letter-spacing:.02em}.pad-ragged-abs{padding:0 .125rem 0 .25rem}blockquote{background-color:var(--color-code-background);border-left:2px solid var(--color-link-text);font-family:var(--font-family-serif);margin:.5rem 0;padding:1rem;p:first-child{text-indent:0!important}}.pad-ragged-abs>blockquote{margin-left:-.5rem;margin-right:-.5rem}.grafs li{margin-bottom:.5rem}code,pre{background-color:var(--color-code-background)}code{margin:-.25em -.125em;padding:.25em .125em;transition:background-color .2s}pre{border-radius:.25rem;overflow:auto;padding:1rem;code{margin:0;padding:0}}.pad-ragged-abs>pre{margin-left:-.5rem;margin-right:-.5rem}a:hover code{background-color:transparent;transition:none}a{margin:-.25em;padding:.25em;text-decoration:none;transition:background-color .2s,color .2s}a:hover{transition:none}math{mtd{text-align:center}mi{font-weight:500;letter-spacing:-.025em}mtext *{display:inline!important}code{background-color:transparent!important}}figure>math{margin:.5rem 0}@media(hover:hover){mtd{background-color:hsl(0 0 0/0);transition:background-color 1s;&:hover{background-color:var(--color-link-background-hover);transition:background-color .1s}}}table{border-collapse:collapse;border-spacing:0;margin:1rem 0;td,th{padding:.5rem;text-align:left}th{background-color:var(--color-code-background)}}.pad-ragged-abs>table{margin-left:-.5rem;margin-right:-.5rem}.tabular{font-variant-numeric:tabular-nums}:root{color-scheme:dark light}.theme-dark,html{color-scheme:dark;--color-root-background:hsl(0 0 0);--color-page-background:hsl(0 0 0);--color-content-background:hsl(0 0 10);--color-footer-background:hsl(0 0 10);--color-figure-background:hsl(0 0 50);--color-figure-frame:hsl(0 0 17);--color-code-background:hsl(210 60 15);--color-text:hsl(0 0 85);--color-text-emphasis:hsl(0 0 90);--color-text-separator:hsl(0 0 50);--color-fill:hsl(0 0 85);--color-fill-emphasis:hsl(0 0 90);--color-rule:hsl(0 0 25);--color-link-background:transparent;--color-link-background-hover:hsl(0 0 100);--color-link-text:hsl(0 0 100);--color-link-text-hover:hsl(0 0 0);--color-link-text-selected:hsl(0 0 100);--color-link-text-active:var(--color-link-text-selected);--color-link-decoration:hsl(0 0 25);--color-link-decoration-hover:var(--color-link-decoration);--color-link-fill:hsl(0 0 80);--color-link-fill-hover:hsl(0 0 90);--color-link-fill-selected:hsl(0 0 85);--color-link-fill-active:var(--color-fill-selected);--color-tag-background:hsl(210 10 90/.2);--color-tag-background-hover:hsl(210 10 90/.4);--color-tag-text:hsl(210 10 80);--color-tag-text-hover:hsl(210 10 90);.midground{--color-text:hsla(0,0%,100%,.35);--color-text-emphasis:hsla(0,0%,100%,.4);--color-text-separator:hsla(0,0%,100%,.2);--color-link-text:var(--color-text-hover);--color-link-text-hover:hsla(0,0%,100%,.7);--color-link-text-selected:#fff;--color-link-text-active:var(--color-text-selected);--color-link-fill:hsla(0,0%,100%,.3);--color-link-fill-hover:hsla(0,0%,100%,.7)}}.theme-light{color-scheme:light;--color-root-background:hsl(0 0 100);--color-page-background:hsl(0 0 98);--color-content-background:hsl(0 0 100);--color-footer-background:hsl(0 0 12);--color-figure-background:hsl(0 0 50);--color-figure-frame:hsl(0 0 90);--color-code-background:hsl(210 20 96);--color-text:hsl(0 0 7);--color-text-emphasis:hsl(0 0 0);--color-text-separator:hsl(0 0 50);--color-fill:hsl(0 0 10);--color-fill-emphasis:hsl(0 0 0);--color-rule:hsl(0 0 90);--color-link-background:transparent;--color-link-background-hover:hsl(210 80 40);--color-link-text:hsl(210 60 40);--color-link-text-hover:hsl(210 0 100);--color-link-text-selected:hsl(210 60 40);--color-link-text-active:hsl(210 0 0);--color-link-decoration:hsl(210 85 40);--color-link-decoration-hover:var(--color-link-decoration);--color-link-fill:hsl(210 70 10);--color-link-fill-hover:hsl(210 70 10);--color-link-fill-selected:hsl(210 70 10);--color-link-fill-active:hsl(210 70 10);--color-tag-background:hsl(210 20 50/.1);--color-tag-background-hover:hsl(210 20 50/.2);--color-tag-text:hsl(210 20 30);--color-tag-text-hover:hsl(210 20 30);.midground{--color-text:hsl(210 10 50);--color-text-emphasis:rgba(0,0,0,.37);--color-text-separator:rgba(0,0,0,.2);--color-link-text:var(--color-text);--color-link-text-hover:rgba(0,0,0,.7);--color-link-text-selected:#000;--color-link-text-active:var(--color-text-selected);--color-link-fill:rgba(0,0,0,.3);--color-link-fill-hover:rgba(0,0,0,.7)}}body{background-color:var(--color-footer-background);color:var(--color-text);transition-duration:1s;transition-property:background-color,color}.nav-global3-buffer,main{background-color:var(--color-page-background)}svg{fill:var(--color-fill)}.hed,h1,h2,h3,h4,h5,h6{color:var(--color-text-emphasis)}.midground{color:var(--color-text)}*{-webkit-tap-highlight-color:transparent}.hyperlink-internal,a{background-color:var(--color-link-background);color:var(--color-link-text);cursor:pointer;text-decoration-color:var(--color-link-decoration);svg{fill:var(--color-link-fill)}&.active,&:active{color:var(--color-link-text-active);svg{fill:var(--color-link-fill-active)}}&.selected{color:var(--color-link-text-selected);svg{fill:var(--color-link-fill-selected)}}&.active,&.router-link-active,&.router-link-exact-active{color:var(--color-link-text-active)}@media(hover:hover){&:hover{background-color:var(--color-link-background-hover);color:var(--color-link-text-hover);svg{fill:var(--color-link-fill-hover)}}}}.page{background-color:var(--color-accent);color:var(--color-bg-primary);min-height:100vh;padding-top:120px;.container{margin:0 auto;max-width:1400px;padding:0 60px;@media(max-width:768px){padding:0 24px}}.hero-section{border-bottom:1px solid rgba(0,0,0,.1);padding:60px 0 100px;.hero-text{margin-bottom:1rem}.hero-description{color:var(--color-text-secondary);font-size:24px;line-height:1.4;max-width:700px}}.category-section{padding:80px 0}}.category-section{border-bottom:1px solid rgba(0,0,0,.1);padding:80px 0}.category-section:last-child{border-bottom:none}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:48px}.section-header h2{font-size:40px;font-weight:500;letter-spacing:-.02em;margin-bottom:16px}.section-subtitle{color:var(--color-text-secondary);font-size:18px;max-width:600px}.contributors-index,.contributors-slug{padding-bottom:6rem;padding-left:6rem}@media(prefers-color-scheme:dark){.category-section,.hero-section{border-bottom-color:#ffffff1a}}:root{--color-text-primary:#fdfdfd;--color-text-secondary:#949494;--color-bg-primary:#111;--color-bg-secondary:#1a1a1a;--color-accent:#fdfdfd;--font-sans:"Inter",sans-serif}*,:after,:before{box-sizing:border-box}body,html{width:100%}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);margin:0;padding:0;-webkit-font-smoothing:antialiased}.container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0 60px;width:100%}.flex{display:flex}.grid{display:grid}.text-secondary{color:var(--color-text-secondary)}@media(max-width:1400px){.container{max-width:100%;padding:0 10px}}.page-wrapper{background-color:#fff;color:#111;min-height:100vh}.dark-container{background:var(--color-bg-primary);position:relative;width:100%;z-index:0}.dark-container:before{background-image:url(../media/footer-bg.webp);background-position:bottom;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";height:100%;left:0;pointer-events:none;position:absolute;width:100%;z-index:-1}.ui-callout{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#ffffffe6;display:inline-block;font-size:13px;font-weight:500;margin-bottom:24px;padding:6px 12px}nav.global{display:flex;left:0;position:fixed;right:0;top:0;z-index:900;.nav-inner{align-items:center;backdrop-filter:blur(.5rem);background-color:hsl(0 0 0/.8);border-radius:0;box-shadow:0 3px 6px hsl(0 0 0/.25);display:flex;gap:.25rem;justify-content:space-between;padding:.5rem;width:100%}.tabs{align-items:center;display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;&::-webkit-scrollbar{display:none}.tab{align-items:center;border-radius:.25rem;color:hsl(0 0 75);cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:500;gap:1px;height:1.5rem;justify-content:center;letter-spacing:0;line-height:var(--xxs-line-height);margin:0;padding:0 .5rem;text-decoration:none;transition:background .7s,color .7s;white-space:nowrap;&[data-name=home]{padding-left:.5rem}svg{display:inline-block;fill:hsl(0 0 75);height:.875rem;transition:fill .7s;width:.875rem}&:hover{background:hsl(0 0 100/.1);color:hsl(0 0 100);transition:none;svg{fill:hsl(0 0 100);transition:none}}&.active,&.router-link-active{background:transparent;background:hsl(0 0 100/.2);color:hsl(0 0 100);svg{fill:hsl(0 0 100)}}}}}@media(min-width:600px){nav.global{left:50%;right:auto;top:.5rem;transform:translate(-50%);width:auto;z-index:900;.nav-inner{border-radius:.5rem;gap:.125rem;justify-content:center;width:auto}.tabs{flex:none;overflow-x:visible;.tab{border-radius:.25rem;font-size:var(--xs-font-size);line-height:var(--xs-line-height);padding:0 .75rem;svg{height:1rem;width:1rem}}}}}.button,button{backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem);background:hsl(0 0 0/.9);border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:inline-block;font-size:var(--m-font-size);font-weight:500;letter-spacing:-.025em;line-height:var(--m-line-height);padding:.5rem 1rem;transition:all .25s ease;white-space:nowrap;&:hover{background-color:hsl(0 0 15/.9);color:#fff;transform:scale(1.02);transition:all .1s ease}.icon{height:.5rem;margin-left:.125rem;width:.5rem}&.light-on-light{background-color:hsl(0 0 100/.1);&:hover{background:hsl(0 0 100/.2)}}&.dark-on-light{background-color:hsl(0 0 100/.8);color:#000;.icon{filter:invert(1)}&:hover{background:hsl(0 0 100/.9)}}}.cta-container{display:block;padding:1.5rem 0;text-align:center;width:100%}.outline-btn{align-items:center;background:transparent;border:1px solid #ddd;border-radius:6px;color:#111;cursor:pointer;display:flex;font-size:var(--s-font-size);gap:8px;line-height:var(--s-line-height);padding:.5rem 1rem}.text-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:var(--s-font-size);gap:8px;line-height:var(--s-line-height);padding:.5rem 1rem;transition:all .2s ease;&:hover{background:#0000000d;color:#111}.icon{align-items:center;display:flex;font-size:14px;height:16px;justify-content:center;line-height:1;width:16px}}.read-more-btn{align-items:center;background:transparent;border:1px solid hsla(0,0%,7%,.2);border-radius:6px;color:#111;cursor:pointer;display:flex;font-size:var(--s-font-size);font-weight:400;gap:10px;justify-content:center;line-height:var(--s-line-height);padding:4px 12px;transition:all .2s;width:100%;&:hover{background:#1212120d;transform:scale(1.02)}.icon{height:10px;width:12px}}.tags{margin-top:.25rem}.tags-cloud{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:40px auto 120px;max-width:900px}.tag{background-color:var( --color-tag-background );border-radius:.25rem;color:var( --color-tag-text );display:inline-block;font-size:var( --xs-font-size );font-weight:500;letter-spacing:-.02em;line-height:var( --xs-line-height );margin:0 .25rem .25rem 0;padding:.25rem .5rem;&:hover{background-color:var( --color-tag-background-hover );color:var( --color-tag-text-hover )}.numeric{opacity:.5}}.cards{display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.card{.card-link{border-radius:12px;color:inherit;display:block;margin:-16px;padding:16px;text-decoration:none;transition:all .2s ease;&:hover{background-color:#f5f5f5;box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}}.card-image{border-radius:4px;margin-bottom:.675rem;overflow:hidden;img{aspect-ratio:16/10;display:block;-o-object-fit:cover;object-fit:cover;width:100%}}.card-content{padding:0 .375rem .5rem;.hed,h3{font-size:.875rem;font-weight:600;line-height:1rem;margin:0 0 .375rem;padding:0}.dek,.description{display:-webkit-box;font-size:.6rem;font-weight:400;letter-spacing:-.02em;-webkit-line-clamp:3;line-height:1.4;margin-top:0;-webkit-box-orient:vertical;overflow:hidden}.dek,.description,.meta{color:var(--color-text-secondary)}.meta{font-size:.5rem;line-height:.875rem;margin-top:.25rem}}}.article-main,article{max-width:26rem;.hero img{height:auto;max-width:26rem;width:100%}.hed{margin-top:2rem}.dek{margin-top:.75rem}.meta{margin-top:.25rem}.meta+.lede,h2,h3,h4,h5,h6{margin-top:1rem}h2,h3,h4,h5,h6{margin-bottom:.25rem}h2{margin-top:1.25rem}h3{margin-top:.75rem}.indent-first [chunk-index="0"] p:first-child{text-indent:1rem}figure{margin:.5rem 0 1rem;text-align:center;width:100%;iframe,img,video{border-radius:.25rem;display:block;height:auto;max-width:100%;width:100%}iframe{aspect-ratio:16/10;background-color:#000}figcaption{color:#666;font-family:var(--font-family-serif);font-style:italic;margin-top:.375rem;text-align:center}}.media-embed{.embed-container{background:#f0f0f0;border-radius:4px;height:0;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative;embed,iframe,object{height:100%;left:0;position:absolute;top:0;width:100%}}}}.article-layout{align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr);margin:0 auto;max-width:1440px;padding:1.75rem 1rem;width:100%}@media(min-width:1024px){.article-layout{gap:2rem;grid-template-columns:320px minmax(0,1fr);padding:3.75rem 2rem}}@media(max-width:768px){.article-main,.article-main .hero img,article{max-width:100%}}.code-block-wrapper{margin:1rem 0;position:relative}.code-block-wrapper pre{margin:0}.code-copy-btn{align-items:center;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:6px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;padding:0;position:absolute;right:.5rem;top:.5rem;transition:opacity .2s,background-color .2s,color .2s;width:32px;z-index:1}.code-copy-btn svg{fill:none!important;height:16px;width:16px}.code-block-wrapper:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{background:#fff;border-color:#0003;color:#111}.code-copy-btn.copied{background:#22c55e;border-color:#22c55e;color:#fff}.article-sidebar{align-self:start;display:none;min-height:100%;@media(min-width:1024px){display:block}}.sticky-container{position:sticky;top:0}.back-link{a{display:inline-block;font-size:var( --xs-font-size );margin-bottom:1.5rem;text-decoration:none;transition:color .2s;&:hover{color:#111}}}.toc{padding:3.5rem 0 4rem;.toc-title{color:#999;font-family:var( --font-family-sans-serif );font-size:12px;letter-spacing:.05em;margin-bottom:16px;text-transform:uppercase}ul{list-style:none;margin:0;padding:0;li a{display:block;font-size:var( --s-font-size );font-weight:500;line-height:var( --s-line-height );margin:0;padding:.25rem .25rem .25rem .5rem;text-decoration:none;&.active,&:hover{transition:none}&[level=h2]{padding-left:.5rem}&[level=h3]{padding-left:1.25rem}&[level=h4],&[level=h5],&[level=h6]{padding-left:2rem}}}}.home-index{background-color:var(--color-bg-primary);color:var(--color-text-primary);overflow-x:hidden;.cta-container{padding:3rem 0 4rem}.hero{background-color:#000;display:flex;flex-direction:column;overflow:hidden;padding-bottom:80px;padding-top:120px;position:relative;.hero-bg{background-image:url(../media/hero-bg.webp);background-size:cover;height:100%;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 30%,transparent 90%);mask-image:linear-gradient(180deg,#000 0,#000 30%,transparent 90%);pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:0;img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}}.hero-content{display:flex;flex:1;flex-direction:column;position:relative;width:100%;z-index:1}.hero-branding{align-items:center;display:flex;flex-direction:row;gap:16px;margin-bottom:80px}.hero-logo{align-items:center;height:64px;justify-content:center;width:64px;.logo-wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:64px;place-items:start;position:relative;width:48px}.logo-part-1{display:block;margin-left:9.48px;margin-top:0}.logo-part-1,.logo-part-2-wrapper{grid-area:1/1;height:35.2px;width:29.2px}.logo-part-2-wrapper{align-items:center;display:flex;justify-content:center;margin-left:0;margin-top:24.92px}.logo-part-2{display:block;height:100%;transform:rotate(180deg);width:100%}}.hero-brand-text{color:#fff;font-size:48px;font-weight:500;letter-spacing:-.02em;margin:0}.hero-main{align-items:flex-start;display:flex;flex-direction:column;max-width:800px}.hero-main a:hover{background-color:transparent}.hero-main h1{background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;font-weight:500;letter-spacing:-.03em;line-height:1.1;margin-bottom:24px;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.hero-main .description{color:#fffc;font-size:var(--l-font-size);line-height:var(--l-line-height);margin-bottom:4rem;margin-top:.25rem;max-width:700px}}.editors-picks{background-color:#000;overflow:hidden;padding-bottom:120px;padding-top:80px;position:relative}@keyframes glow-pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(1)}}.editors-picks:before{animation:glow-pulse 8s ease-in-out infinite;background:radial-gradient(ellipse at bottom,rgba(255,69,0,.4) 0,rgba(255,140,0,.2) 40%,transparent 70%);bottom:-30%;content:"";filter:blur(100px);height:100%;left:0;pointer-events:none;position:absolute;width:100%;z-index:0}.editors-picks>*{position:relative;z-index:1}.editors-picks h2{color:#fff;font-size:40px;font-weight:500;margin-bottom:16px}.subtitle{color:var(--color-text-secondary);font-size:18px;line-height:1.4;margin-bottom:60px}.picks-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:80px}.pick-card{background:transparent}.editors-picks .card-link{color:inherit}.editors-picks .card-link:hover{background-color:#ffffff08;transform:scale(1.02)}.editors-picks .card-image{align-items:center;aspect-ratio:16/10;background:#111;border-bottom:3px solid #333;border-radius:4px;box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 6px 6px -3px #0000000f,0 12px 12px -6px #0000000f,0 24px 24px -12px #0000000f;display:flex;justify-content:center;margin-bottom:24px;padding:10px;width:100%}.editors-picks .card-image img{border-radius:2px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pick-content h3{color:#fff;font-size:20px;font-weight:500;margin-bottom:8px}.year-row{color:#999;font-size:15px;margin-bottom:4px}.tags-row{color:#666;font-size:15px;margin-bottom:12px}.pick-content .description{color:#ccc;font-size:16px;line-height:1.5;margin:0 0 24px;padding:0;text-indent:0}.author-row{color:#999;display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.avatar{background-size:cover;border-radius:50%;height:24px;width:24px}.latest-experiments{background:#fdfdfd;color:#111;padding-bottom:60px;padding-top:120px}.latest-experiments h2{font-size:40px;font-weight:500;margin-bottom:16px}.latest-experiments .subtitle{margin-bottom:24px}.experiments-list{border-top:1px solid #eee;margin-top:24px}.load-more-link:hover{background-color:transparent}.list-item{align-items:start;border-bottom:1px solid #eee;border-radius:12px;color:inherit;display:grid;font-size:15px;grid-template-columns:100px 3fr 2fr;margin:0 -16px;padding:16px;transition:all .2s ease}.list-item:hover{background-color:#f5f5f5;border-bottom-color:transparent;position:relative;transform:scale(1.02);z-index:10}.date{color:#6f6f6f}.title-cell{display:flex;flex-direction:column;gap:4px}.project-link{color:inherit;display:block;text-decoration:none}.project-link:hover{background-color:transparent}.project-link:hover .project-name{text-decoration:underline}.project-name{font-size:15px;font-weight:500}.tags-row{color:#6f6f6f;font-size:13px;line-height:1.4}.tag-link{color:#999;text-decoration:none;transition:color .2s}.tag-link:hover{background-color:transparent;color:#111}.author-cell{color:#6f6f6f;display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-small{background-color:#eee;background-size:cover;border-radius:50%;height:24px;width:24px}.topic{color:#6f6f6f}.preview-cell{display:flex;gap:8px;justify-content:flex-start}.preview-cell img{aspect-ratio:16/10;border-radius:4px;-o-object-fit:cover;object-fit:cover;width:72px}.learn-section{background:#fdfdfd;color:#111;padding-bottom:120px;padding-top:60px}.learn-header{margin-bottom:72px}.learn-title-container{max-width:600px}.learn-title-container a:hover{background-color:transparent}.learn-section h2{color:#111;font-size:64px;font-weight:500;letter-spacing:-.02em;line-height:1.11;margin-bottom:0}.learn-section .description{color:#111;font-size:24px;line-height:1.6;opacity:.7}.column-tag{background-color:#111;color:#fdfdfd;display:inline-block;font-family:KH Teka TRIAL,sans-serif;font-size:15px;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.6;padding:2px 6px}.learn-columns{display:grid;gap:88px;grid-template-columns:repeat(3,1fr)}.learn-column{display:flex;flex-direction:column;gap:32px}.column-header{margin-bottom:8px}.column-content{display:flex;flex:1;flex-direction:column;gap:40px}.card-link{border-radius:12px;color:#111;display:block;margin:-16px;padding:16px;text-decoration:none;transition:all .2s ease}.card-link:hover{background-color:#f5f5f5;transform:scale(1.02)}.learn-card{display:flex;flex-direction:column;gap:0}.learn-card img{aspect-ratio:16/10;background:#fdfdfd;border-radius:6px;box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 6px 6px -3px #0000000f,0 12px 12px -6px #0000000f,0 24px 24px -12px #0000000f;margin-bottom:16px;-o-object-fit:cover;object-fit:cover;padding:4px;width:100%}.learn-card h3{font-size:20px;font-weight:600;line-height:1.3}.learn-card h3,.learn-card p{border-bottom:1px solid #eee;color:#111;margin:0 0 16px;padding-bottom:16px}.learn-card p{font-size:15px;line-height:1.6;opacity:.7}.read-more-link{display:block;text-decoration:none}.read-more-link:hover{background-color:transparent}.author-small{align-items:center;color:#111;display:flex;font-size:13px;gap:0;opacity:.5}.avatar-tiny{background-color:#333;background-size:cover;border-radius:50%;height:16px;width:16px}.learn-more-links{display:flex;flex-wrap:wrap;gap:20px}@media(max-width:768px){.hero-main h1{font-size:48px}.list-item{gap:16px;grid-template-columns:1fr 1fr}.list-item>:nth-child(n+3){display:none}.learn-section{padding:60px 20px}.learn-columns{gap:60px;grid-template-columns:1fr}.footer-content h2{font-size:40px}.main-footer{flex-direction:column;gap:20px}.footer-links{flex-wrap:wrap}}}.projects-slug{.article-layout{padding-top:120px}@media(min-width:1024px){.article-layout{padding-top:180px}}.card-image{margin-bottom:60px}}.page.learn-index,.page.projects-index{.hero-section{border-bottom:none;padding-bottom:40px}.category-section{padding-top:40px}.card{.card-image{aspect-ratio:398/300;background:transparent;border-bottom:none;border-radius:4px 4px 0 0;box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 6px 6px -3px #0000000f,0 12px 12px -6px #0000000f,0 24px 24px -12px #0000000f;margin-bottom:0;padding:0;width:100%;img{aspect-ratio:unset;border-radius:4px 4px 0 0;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}}@media(max-width:768px){.hero-section{padding-bottom:32px;padding-top:0}.hero-text{font-size:3rem;line-height:1.1;margin-bottom:16px}.hero-description{font-size:1.125rem;line-height:1.5}.category-section{padding-bottom:48px;padding-top:32px}}.card-link{margin:0;padding:0}.card-content{padding:24px;.hed,h3{border-bottom:1px solid #eee;color:#111;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 16px;padding-bottom:16px}.year-row{display:none}.tags-row{display:block;margin-bottom:12px}.dek{display:-webkit-box;font-size:16px;font-weight:400;-webkit-line-clamp:3;line-height:1.6;margin-bottom:16px;-webkit-box-orient:vertical;overflow:hidden}.author-row,.dek{color:#666;margin-top:0}.author-row{border-top:1px solid #eee;font-size:15px;padding-top:16px}}}}.nav-auth[data-v-2a8909bf]{flex-shrink:0;position:relative}.nav-auth[data-v-2a8909bf],.nav-signin[data-v-2a8909bf]{align-items:center;display:flex;margin-left:.25rem}.nav-signin[data-v-2a8909bf]{background:hsl(0 0 100/.1);border:1px solid hsl(0 0 100/.2);border-radius:.25rem;color:#fff;font-size:var(--xxs-font-size);font-weight:500;height:1.5rem;justify-content:center;line-height:var(--xxs-line-height);padding:0 .75rem;text-decoration:none;transition:all .2s ease}@media(min-width:432px){.nav-signin[data-v-2a8909bf]{font-size:var(--xs-font-size);line-height:var(--xs-line-height)}}.nav-signin[data-v-2a8909bf]:hover{background:hsl(0 0 100/.2);border-color:hsl(0 0 100/.4);box-shadow:0 0 8px hsl(0 0 100/.1);color:#fff}.user-menu[data-v-2a8909bf]{align-items:center;background:transparent;border:1px solid transparent;border-radius:.25rem;color:hsl(0 0 75);cursor:pointer;display:flex;font-weight:500;gap:.5rem;height:1.5rem;margin-left:.25rem;padding:0 .75rem;transition:all .2s ease}.user-menu[data-v-2a8909bf]:hover{background:hsl(0 0 100/.2);border-color:hsl(0 0 100/.4);box-shadow:0 0 8px hsl(0 0 100/.1);color:#fff}.user-menu--active[data-v-2a8909bf]{color:#fff}.user-menu--active .user-name[data-v-2a8909bf]{text-decoration:underline;text-underline-offset:4px}.user-avatar[data-v-2a8909bf]{border-radius:50%;height:20px;-o-object-fit:cover;object-fit:cover;width:20px}.user-avatar--placeholder[data-v-2a8909bf]{align-items:center;background:var(--color-primary,#6366f1);color:#fff;display:flex;font-size:.65rem;font-weight:600;justify-content:center}.user-name[data-v-2a8909bf]{font-size:var(--xxs-font-size);font-weight:500;line-height:var(--xxs-line-height);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:432px){.user-name[data-v-2a8909bf]{font-size:var(--xs-font-size);line-height:var(--xs-line-height)}}.dropdown-icon[data-v-2a8909bf]{opacity:.6}.user-dropdown[data-v-2a8909bf]{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#18181bf2;border:1px solid hsl(0 0 100/.1);border-radius:.5rem;box-shadow:0 4px 24px #0006;min-width:180px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}.dropdown-item[data-v-2a8909bf]{background:none;border:none;border-radius:.25rem;color:hsl(0 0 90);cursor:pointer;display:block;font-size:var(--xxs-font-size);line-height:var(--xxs-line-height);padding:.625rem .75rem;text-align:left;text-decoration:none;transition:background .15s;width:100%}@media(min-width:432px){.dropdown-item[data-v-2a8909bf]{font-size:var(--xs-font-size);line-height:var(--xs-line-height)}}.dropdown-item[data-v-2a8909bf]:hover{background:hsl(0 0 100/.1);color:#fff}.dropdown-item--danger[data-v-2a8909bf]{color:var(--color-error,#ef4444)}.dropdown-item--danger[data-v-2a8909bf]:hover{background:#ff000026;color:#fa7979}.dropdown-divider[data-v-2a8909bf]{background:hsl(0 0 100/.1);height:1px;margin:.5rem 0}.dropdown-credits[data-v-2a8909bf]{align-items:center;color:hsl(0 0 90);display:flex;justify-content:space-between;padding:.625rem .75rem}.credits-label[data-v-2a8909bf]{color:hsl(0 0 70)}.credits-label[data-v-2a8909bf],.credits-value[data-v-2a8909bf]{font-size:var(--xxs-font-size);line-height:var(--xxs-line-height)}.credits-value[data-v-2a8909bf]{color:#fff;font-weight:600}@media(min-width:432px){.credits-label[data-v-2a8909bf],.credits-value[data-v-2a8909bf]{font-size:var(--xs-font-size);line-height:var(--xs-line-height)}}@media(max-width:768px){.dropdown-icon[data-v-2a8909bf],.user-name[data-v-2a8909bf]{display:none}}.error-page-root{inset:0;overflow:auto;position:fixed;z-index:9999}.error-container{align-items:center;background-color:#000;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.error-container .hero-bg{background-image:url(../media/hero-bg.webp);background-position:50%;background-size:cover;height:100%;opacity:.8;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:0}.error-content{align-items:center;display:flex;flex-direction:column;max-width:600px;padding:2rem;position:relative;text-align:center;z-index:1}.error-code{background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;font-size:clamp(8rem,20vw,14rem);font-weight:800;line-height:1;margin:0 0 .5rem;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.05em}.error-message{color:#fff;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;letter-spacing:-.03em;margin:0 0 1.5rem}.error-description{color:#fff9;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;margin:0 0 3rem;max-width:450px}.error-cta{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fcfcfc26;border:1px solid hsla(0,0%,100%,.2);border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:500;gap:10px;padding:16px 32px;transition:all .3s ease}.error-cta:hover{background:#fcfcfc40;border-color:#fff6;transform:translateY(-2px)}.error-cta .arrow{transition:transform .3s ease}.error-cta:hover .arrow{transform:translate(4px)}