@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/fonts/poppins-latin-200-normal.woff2)format("woff2"),url(/assets/fonts/poppins-latin-200-normal.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/poppins-latin-400-normal.woff2)format("woff2"),url(/assets/fonts/poppins-latin-400-normal.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;margin:0;padding:0}html{margin:0;padding:0}:root{--white:#fff;--bone:#e9e7e8;--charcoal:#383838;--void:#030203;--accent-red:#f2595e;--accent-blue:#0099c2;--accent-purple:#bf42ff;--accent-pink:#f541bc;--accent-green:#599f12;--accent-nextjs:#8a81e4;--accent-typescript:#22a257;--font-family-poppins:"Poppins", sans-serif;--background-gradient:linear-gradient(-45deg, #fff, #fff, #fff, #fff, #845ec210, #d65db210, #ff6f9110, #ff697110, #ffc75f10, #f9f87110, #fff, #fff, #fff, #fff, #fff);--background-gradient-dark:linear-gradient(-45deg, #030203, #030203, #030203, #030203, #0c0b2b, #200b2b 24%, #200b2b 26%, #100924, #030203, #030203, #030203, #030203, #030203);--ink:var(--charcoal);--page:var(--white);--wash:var(--background-gradient);--halo:#ffffffbf;--frost-surface:#ffffffd1;--frost-line:#3838382e;--control-surface:#ffffff47;--lab-active-bg:var(--charcoal);--lab-active-fg:var(--white);--page-pad:2.4rem;--masthead-dock-height:4.4rem;--masthead-toggle-size:3.8rem;font-size:62.5%}html[data-theme=dark]{--ink:var(--bone);--page:var(--void);--wash:var(--background-gradient-dark);--halo:#030203bf;--frost-surface:#030203d1;--frost-line:#e9e7e838;--control-surface:#ffffff12;--lab-active-bg:var(--bone);--lab-active-fg:var(--charcoal)}@media (prefers-color-scheme:dark){html:not([data-theme]){--ink:var(--bone);--page:var(--void);--wash:var(--background-gradient-dark);--halo:#030203bf;--frost-surface:#030203d1;--frost-line:#e9e7e838;--control-surface:#ffffff12;--lab-active-bg:var(--bone);--lab-active-fg:var(--charcoal)}}::selection{background-color:var(--charcoal);color:var(--white)}html{background-color:var(--page);background-image:var(--wash);overscroll-behavior-y:none;background-size:1000%;background-attachment:fixed;animation:8s infinite alternate-reverse background-animation}body{font-family:var(--font-family-poppins);letter-spacing:.048rem;color:var(--ink);padding:var(--page-pad);font-size:1.6rem;font-weight:200;line-height:1.4}a{color:inherit;text-decoration:none}h2,h3{font-family:var(--font-family-poppins);letter-spacing:.048rem;font-size:1.4rem;font-style:normal;font-weight:400}.contentSection p{font-size:3rem}@keyframes waveFlow{0%{background-position-x:-10px,0}to{background-position-x:-30px,-20px}}@keyframes background-animation{0%{background-position:0}to{background-position:100%}}.accentRed{color:var(--accent-red)}.accentBlue{color:var(--accent-blue)}.accentPurple{color:var(--accent-purple)}.accentPink{color:var(--accent-pink)}.accentGreen{color:var(--accent-green)}.accentNextjs{color:var(--accent-nextjs)}.accentTypescript{color:var(--accent-typescript)}.accentRed::selection{background:var(--accent-red);color:var(--white)}.accentBlue::selection{background:var(--accent-blue);color:var(--white)}.accentPurple::selection{background:var(--accent-purple);color:var(--white)}.accentPink::selection{background:var(--accent-pink);color:var(--white)}.accentGreen::selection{background:var(--accent-green);color:var(--white)}.accentNextjs::selection{background:var(--accent-nextjs);color:var(--white)}.accentTypescript::selection{background:var(--accent-typescript);color:var(--white)}.flowWave{background-image:linear-gradient(45deg,currentColor,currentColor);background-position:0 calc(100% - 4px);background-repeat:no-repeat;background-size:100% 1px}.flowWave:hover{cursor:pointer;background-color:#0000;background-image:radial-gradient(circle at 10px -7px,#0000 8px,currentColor 8px 9px,#0000 9px),radial-gradient(circle at 10px 27px,#0000 8px,currentColor 8px 9px,#0000 9px);background-position:-10px calc(100% + 16px),0 calc(100% - 4px);background-repeat:repeat-x,repeat-x;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-bottom:none;animation:1s linear infinite waveFlow}.main{max-width:1920px;margin:0 auto}.calloutText{font-weight:400}.siteMark{width:auto;height:4.4rem;color:var(--ink);margin:0 0 2.4rem;display:block}.pageKicker,.labIndex h1{font-family:var(--font-family-poppins);letter-spacing:.048rem;margin:0 0 2.4rem;font-size:1.4rem;font-style:normal;font-weight:400}.pageKicker{opacity:.7}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contentSection{margin:0 0 6rem}.pageThemeToggle{--theme-toggle-size:var(--masthead-toggle-size);top:calc(var(--page-pad) + (var(--masthead-dock-height) - var(--masthead-toggle-size)) / 2);right:var(--page-pad);z-index:20;position:fixed}.labToolbarToggle{--theme-toggle-size:var(--masthead-toggle-size)}.labToolbar{top:var(--page-pad);right:var(--page-pad);z-index:20;height:var(--masthead-dock-height);align-items:center;gap:1rem;display:flex;position:fixed}.labToolbar--dockToggle{right:calc(var(--page-pad) + var(--masthead-toggle-size) + 1rem)}.labIndex{min-height:calc(100vh - (var(--page-pad) * 2) - var(--masthead-dock-height) - 2.4rem);flex-direction:column;justify-content:center;display:flex}.labIndex h1{font-size:2rem;line-height:1.3}.labIntro,.labFoot{opacity:.75;max-width:62rem;font-size:clamp(1.5rem,1.6vw,1.8rem);line-height:1.6}.labIntro{margin-bottom:4rem}.labFoot{margin-top:4rem;margin-bottom:0}.labIndex code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.labIndexNav{flex-direction:column;align-items:flex-start;gap:1.2rem;display:flex}.labIndexNav a{font-size:clamp(1.6rem,2vw,2.4rem)}@media (width>=800px){:root{--page-pad:10rem;--masthead-dock-height:7.2rem;--masthead-toggle-size:4.2rem}body{letter-spacing:.088rem;padding:var(--page-pad)}h2,h3{letter-spacing:.088rem;font-size:3rem;font-weight:200}.contentSection p{font-size:6.2rem}.pageKicker,.labIndex h1{letter-spacing:.088rem;margin-bottom:4rem;font-size:3rem}.siteMark{height:7.2rem;margin-bottom:4rem}.contentSection{margin:0 0 16rem}.pageThemeToggle,.labToolbar{right:max(var(--page-pad), calc((100vw - 1920px) / 2))}.labToolbar--dockToggle{right:calc(max(var(--page-pad), (100vw - 1920px) / 2) + var(--masthead-toggle-size) + 1rem)}}@media (prefers-reduced-motion:reduce){html,.flowWave:hover{animation:none}}.writing{max-width:78rem;margin:0 0 6rem}.writingKicker,.writingDraft,.writingMeta{opacity:.7;font-size:1.4rem;font-weight:400}.writingKicker{margin:0 0 2.4rem}.writingSep{margin:0 .6rem}.writingDraft{opacity:.62;margin:0 0 3.2rem}.writingMeta{margin:.8rem 0 0}.writingTitle{font-family:var(--font-family-poppins);letter-spacing:.048rem;margin:0 0 2.4rem;font-size:3.2rem;font-weight:200;line-height:1.15}.writingBody p{letter-spacing:.048rem;margin:0 0 2.4rem;font-size:1.8rem;font-weight:200;line-height:1.65}.writingBody h2{letter-spacing:.048rem;margin:4.8rem 0 1.6rem;font-size:2.2rem;font-weight:400;line-height:1.3}.writingBody figure{margin:4rem 0}.writingBody img,.writingBody svg{width:100%;height:auto;display:block}.writingBody figcaption{opacity:.62;margin-top:1.2rem;font-size:1.4rem;font-weight:400}.writingList{margin:0 0 6rem;padding:0;list-style:none}.writingListItem{margin:0 0 4rem}.writingListItem p{letter-spacing:.048rem;font-size:2.4rem;font-weight:200;line-height:1.3}@media (width>=800px){.writing{margin-bottom:16rem}.writingKicker,.writingDraft,.writingMeta{font-size:1.8rem}.writingMeta{margin-top:1.2rem}.writingTitle{letter-spacing:.088rem;margin-bottom:3.2rem;font-size:5.4rem}.writingBody p{letter-spacing:.088rem;margin-bottom:3.2rem;font-size:2.4rem}.writingBody h2{letter-spacing:.088rem;margin:7.2rem 0 2.4rem;font-size:3rem;font-weight:200}.writingBody figcaption{font-size:1.8rem}.writingList{margin-bottom:16rem}.writingListItem{margin-bottom:6rem}.writingListItem p{letter-spacing:.088rem;font-size:3.6rem}}.markCursor[data-astro-cid-4pt2nqzy]{animation:1.06s step-end infinite markCursorBlink}svg[data-astro-cid-4pt2nqzy][aria-hidden] .markCursor[data-astro-cid-4pt2nqzy]{display:none}@keyframes markCursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.markCursor[data-astro-cid-4pt2nqzy]{opacity:1;animation:none}}.themeToggle[data-astro-cid-l6lhmie6]{--toggle-size:var(--theme-toggle-size,4.2rem);width:var(--toggle-size);height:var(--toggle-size);background:var(--control-surface);color:inherit;cursor:pointer;opacity:.76;border:1.5px solid;border-radius:52% 48% 45% 55%/48% 54% 46% 52%;place-items:center;padding:0;transition:width .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1),background-color .24s,opacity .18s,transform .18s cubic-bezier(.22,1,.36,1);display:grid;transform:rotate(-4deg)}.themeToggle[data-astro-cid-l6lhmie6]:hover{opacity:1;transform:rotate(3deg)scale(1.06)}.themeToggle[data-astro-cid-l6lhmie6]:focus-visible{outline-offset:.4rem;opacity:1;outline:2px dashed}.themeToggleIcon[data-astro-cid-l6lhmie6]{width:68%;height:68%;font-size:0;line-height:0;display:block}.themeToggleIcon[data-astro-cid-l6lhmie6] svg[data-astro-cid-l6lhmie6]{stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block;overflow:visible}.themeToggleGlow[data-astro-cid-l6lhmie6]{fill:#f8c84c;fill-opacity:.46}.themeToggleBulb[data-astro-cid-l6lhmie6],.themeToggleMoon[data-astro-cid-l6lhmie6],.themeToggleRay[data-astro-cid-l6lhmie6],.themeToggleStar[data-astro-cid-l6lhmie6]{transform-box:fill-box;transform-origin:50%;transition:opacity .22s,transform .38s cubic-bezier(.22,1,.36,1)}.themeToggleMoon[data-astro-cid-l6lhmie6]{fill:currentColor;opacity:0;transform:rotate(-35deg)scale(.4)}html[data-theme=dark] .themeToggleBulb[data-astro-cid-l6lhmie6]{opacity:0;transform:rotate(35deg)scale(.4)}html[data-theme=dark] .themeToggleMoon[data-astro-cid-l6lhmie6]{opacity:1;transform:rotate(0)scale(1)}.themeToggle[data-astro-cid-l6lhmie6].is-changing{animation:.42s cubic-bezier(.22,1,.36,1) themeToggleWobble}@keyframes themeToggleWobble{0%{transform:rotate(-4deg)scale(1)}42%{transform:rotate(11deg)scale(.9)}72%{transform:rotate(-7deg)scale(1.08)}to{transform:rotate(-4deg)scale(1)}}@media (prefers-reduced-motion:reduce){.themeToggle[data-astro-cid-l6lhmie6],.themeToggleBulb[data-astro-cid-l6lhmie6],.themeToggleMoon[data-astro-cid-l6lhmie6],.themeToggleRay[data-astro-cid-l6lhmie6],.themeToggleStar[data-astro-cid-l6lhmie6]{transition-duration:.01ms}.themeToggle[data-astro-cid-l6lhmie6].is-changing{animation:none}}