@import "https://unpkg.com/open-props/easings.min.css" layer(utils);@import "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Yuyu&display=swap" layer(utils);@layer reset{:where(*){box-sizing:border-box}:where(:not(dialog)){margin:0}@media (prefers-reduced-motion:no-preference){:where(html){interpolate-size:allow-keywords}}:where(body){-webkit-font-smoothing:antialiased;line-height:1.5}:where(img,picture,video,canvas,svg){max-width:100%;display:block}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance}:where(button){all:unset;cursor:pointer}}@layer utils{@layer utils{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--red:var(--lightningcss-light,#ff383c)var(--lightningcss-dark,#ff4245);--orange:var(--lightningcss-light,#ff8d28)var(--lightningcss-dark,#ff9230);--yellow:var(--lightningcss-light,#fc0)var(--lightningcss-dark,#ffd600);--green:var(--lightningcss-light,#34c759)var(--lightningcss-dark,#30d158);--mint:var(--lightningcss-light,#00c8b3)var(--lightningcss-dark,#00dac3);--teal:var(--lightningcss-light,#00c3d0)var(--lightningcss-dark,#00d2e0);--cyan:var(--lightningcss-light,#00c0e8)var(--lightningcss-dark,#3cd3fe);--blue:var(--lightningcss-light,#08f)var(--lightningcss-dark,#0091ff);--indigo:var(--lightningcss-light,#6155f5)var(--lightningcss-dark,#6d7cff);--purple:var(--lightningcss-light,#cb30e0)var(--lightningcss-dark,#db34f2);--pink:var(--lightningcss-light,#ff2d55)var(--lightningcss-dark,#ff375f);--brown:var(--lightningcss-light,#ac7f5e)var(--lightningcss-dark,#b78a66);--primary:var(--blue);--accent:var(--pink);--success:var(--green);--error:var(--red);--bg:color-mix(in srgb, Canvas, CanvasText 5%);--fg:color-mix(in srgb, CanvasText, Canvas 30%);--bg-light:color-mix(in srgb, var(--bg), var(--fg) 10%);--bg-gray:color-mix(in srgb, var(--bg), var(--fg));--fg-light:color-mix(in srgb, var(--fg), var(--bg) 20%)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:color-mix(in srgb, Canvas, CanvasText 10%)}}}:root{--font:"Yuyu", sans-serif;--monofont:"Space Mono", monospace;--font-h1:clamp(2.8rem, 10vw, 5rem);--font-h2:clamp(2.2rem, 8vw, 4rem);--font-h3:clamp(2rem, 5vw, 4rem);--font-hero:clamp(3.5rem, 10vw, 6rem);--font-quote:clamp(3rem, 8vw, 5rem);--font-menu:1.2rem;--base-lineheight:1.5;--code-lineheight:1.5;--base-font:1.75rem;--p-font:clamp(2rem, 6vw, 2.2rem);--code-font:1rem}:where(code){font-family:var(--monofont);font-style:normal;font-weight:400;line-height:var(--code-lineheight)}:where(html){font-family:var(--font);font-style:normal;font-weight:400;line-height:var(--base-lineheight)}@keyframes link_focus{0%{outline-offset:-6px}to{outline-offset:0}}@keyframes link_focus_2{0%{outline-offset:-4px}to{outline-offset:2px}}@keyframes link_focus_4{0%{outline-offset:-2px}to{outline-offset:4px}}:root{--py:8vh;--max-width:50rem}:where(html){scroll-behavior:smooth;scroll-padding-top:0}:where(html body){background-color:var(--bg);color:var(--fg);margin:0;padding:0}:where(*){word-spacing:-.1em}:where(p){font-size:var(--p-font)}:where(h1,h2,h3,h4,h5,h6){font-weight:600}:where([screenreader-only]){clip:rect(0 0 0 0);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}a{color:var(--primary);background-image:linear-gradient(currentColor,currentColor);background-position:0 95%;background-repeat:no-repeat;background-size:100% 2px;text-decoration:none}a[href^=http]{background-image:linear-gradient(currentColor,currentColor);background-position:0 95%;background-repeat:no-repeat;background-size:calc(100% - 5px) 2px;text-decoration:none}a[href^=http]:is(:hover,:focus-visible){--link-line-offset:translate(3px, -3px);--link-arrow-offset:translate(3px, -3px)}a[href^=http]:focus-visible{color:var(--accent);outline:2px solid var(--accent);outline-offset:2px;animation:link_focus_2 .4s var(--ease-spring-1);background-image:none;border-radius:.2px}}@layer element,component;@layer page{home-layout:not(:defined){visibility:hidden}home-layout{width:100%;max-width:var(--max-width);grid-template-columns:[edge-start].25rem[main-start]1rem[content-start]1fr[content-end]1rem[main-end].25rem[edge-end];margin:0 auto;display:grid}home-layout::part(header){grid-column:content;justify-content:center;align-items:center;padding-block:2.5rem;display:flex}home-layout::part(articles){flex-direction:column;grid-column:content;gap:3rem;display:flex}home-layout::part(footer){padding-block:calc(var(--py) * 2.5);flex-direction:column;grid-column:content;justify-content:center;align-items:center;gap:1.5rem;display:flex}home-layout::part(social){grid-column:content;justify-content:center;align-items:baseline;gap:1rem;list-style:none;display:flex}about-author{padding-block:calc(var(--py) * 1.2) calc(var(--py) * 2.5);flex-direction:column;grid-column:content;justify-content:center;align-items:center;gap:2rem;display:flex}about-author h1{font-size:var(--font-hero)}about-author h1 .heading-word{white-space:nowrap;display:inline-block}about-author h1 .heading-letter{display:inline-block}@supports ((-webkit-background-clip:text) or (background-clip:text)){@media (hover:hover){about-author h1 .heading-letter{background-color:var(--fg);background-image:linear-gradient(var(--fg), var(--fg)), linear-gradient(var(--blue), var(--blue));color:#0000;background-position:bottom,top;background-repeat:no-repeat;background-size:100% 100%,100% 100%;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:no-preference){about-author h1 .heading-letter{transition:background-size .8s var(--ease-out-5,ease-out);transition-delay:calc(var(--letter-index) * 30ms)}}about-author h1:hover .heading-letter{background-size:100% 0%,100% 100%}}}about-author p{max-width:40rem;margin-block-start:1rem}about-author p .highlight{background-image:linear-gradient(var(--primary), var(--primary));white-space:nowrap;background-position:0 92%;background-repeat:no-repeat;background-size:100% 2px}about-author p .highlight[data-stagger="0.2s"]{--stagger-delay:.2s}about-author p .highlight[data-stagger="0.4s"]{--stagger-delay:.4s}@supports (transition-delay:attr(data-stagger type(<time>), 0s)){about-author p .highlight{--stagger-delay:attr(data-stagger type(<time>), 0s)}}@media (prefers-reduced-motion:no-preference){about-author p .highlight{transition:background-size .3s var(--ease-out-3,ease-out);transition-delay:calc(.4s - var(--stagger-delay,0s))}}@media (hover:hover){about-author p:hover .highlight{background-size:0% 2px}@media (prefers-reduced-motion:no-preference){about-author p:hover .highlight{transition-delay:var(--stagger-delay,0s)}}}about-author::part(logo){color:var(--fg-light);place-content:center;display:grid}about-author::part(logo):hover{color:var(--bg-light)}about-author::part(title){text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}article-link{width:100%;display:block}article-link:is(:focus-within,:hover) h2 arrow-right{--arrow-shaft-offset:0;--arrow-head-offset:0px;--arrow-motion-delay:80ms;opacity:1;transition-delay:0s}article-link h2{font-size:var(--font-h2);color:var(--_color,var(--fg));line-height:1.4}article-link h2 arrow-right{--arrow-shaft-offset:10;--arrow-head-offset:-10px;--arrow-motion-delay:0s;aspect-ratio:1;opacity:0;width:1em;color:var(--primary);transition:opacity 80ms linear .24s;translate:0 20%}@media (prefers-reduced-motion:reduce){article-link h2 arrow-right{transition:none}}article-link p{padding-inline-end:.5rem}article-link::part(link){justify-content:space-between;align-items:flex-start;gap:.25rem;display:flex}article-link::part(link):focus-visible{outline:none}article-link::part(content){border-radius:1px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;max-width:42rem;display:flex}@media (width<40rem){home-layout::part(articles){grid-column:main}}}
