:root{--white:#fff;--dawn-light:#f7f7f7;--dawn-dark:#0c0c0c;--color-green-light:#83b259;--color-green-medium:#5b823c;--color-green-dark:#3d601e;--glitch-color:rgba(0,0,0,0.4);}:root.shrinking{--color1:#fff;--color2:#f4eddf;--color3:#d8cfb8;--color4:#b6976b;--color5:#556e7c;--color6:#28343a;--color7:#c5e9ea}:root.growing{--color1:#fff;--color2:#fcf4df;--color3:#efd2bb;--color4:#e08680;--color5:#836a7d;--color6:#36273f;--color7:#c5e9ea}@media (prefers-color-scheme:dark){:root:not([data-user-color-scheme]){--color-green-light:#749b4b;--color-green-medium:#4b6830;--color-green-dark:#31441e;--glitch-color:rgba(0,0,0,0.8);}:root:not([data-user-color-scheme]).shrinking{--color0:#e5cfba;--color1:#e2b788;--color2:#d3a97a;--color3:#8e7c5f;--color4:#595347;--color5:#2c3638;--color6:#070b0c}:root:not([data-user-color-scheme]).growing{--color0:#f2c3af;--color1:#f69f72;--color2:#eb7162;--color3:#a55164;--color4:#54445e;--color5:#36273f;--color6:#0d090f}}[data-user-color-scheme='dark']{--color-green-light:#749b4b;--color-green-medium:#4b6830;--color-green-dark:#31441e;--glitch-color:rgba(0,0,0,0.8);}[data-user-color-scheme='dark'].shrinking{--color0:#e5cfba;--color1:#e2b788;--color2:#d3a97a;--color3:#8e7c5f;--color4:#595347;--color5:#2c3638;--color6:#070b0c}[data-user-color-scheme='dark'].growing{--color0:#f2c3af;--color1:#f69f72;--color2:#eb7162;--color3:#a55164;--color4:#54445e;--color5:#36273f;--color6:#0d090f}:root{--font-md:1.6rem;--font-lg:2.4rem;--font-xl:3rem;--font-xxl:3.5rem;--font-xxxl:4.5rem;--font-xxxxl:5.5rem;--nav-height:50px;--nav-padding:.7em;--border-width:1px;--border-color-light:var(--color4,rgba(12,12,12,0.3));--border-color-dark:var(--color4,rgba(247,247,247,0.3));--bg-color-light:var(--color3,var(--bg-dawn));--bg-color-dark:var(--color5,var(--bg-dawn));--text-color-light:var(--color6,var(--dawn-dark));--text-color-dark:var(--color0,var(--dawn-light));--accent-color-light:var(--color5,rgba(12,12,12,0.7));--accent-color-dark:var(--color2,rgba(247,247,247,0.7));--nav-bg-color-light:var(--color2,var(--bg-dawn));--nav-bg-color-dark:var(--color4,var(--bg-dawn));--btn-bg-light:var(--color5,var(--text-color));--btn-bg-dark:var(--color1,var(--text-color));--btn-text-light:var(--color1,var(--bg-color));--btn-text-dark:var(--color6,var(--bg-color));--focus-text-light:var(--color5,#00f);--focus-text-dark:var(--color2,#7fff00);--focus-bg-light:var(--color2,white);--focus-bg-dark:var(--color6,black);--focus-outline-light:var(--color6,#00f);--focus-outline-dark:var(--color0,#7fff00);--pre-bg-light:rgba(255,255,255,0.4);--pre-bg-dark:rgba(0,0,0,0.6);--color-mode:'light';--bg-dawn:var(--dawn-light);--border-color:var(--border-color-light);--bg-color:var(--bg-color-light);--text-color:var(--text-color-light);--accent-color:var(--accent-color-light);--nav-bg-color:var(--nav-bg-color-light);--btn-bg:var(--btn-bg-light);--btn-text:var(--btn-text-light);--focus-text:var(--focus-text-light);--focus-bg:var(--focus-bg-light);--focus-outline:var(--focus-outline-light);--pre-bg:var(--pre-bg-light)}@media screen and (max-width:449px){:root{--body-padding:1.2rem;--font-xs:.7rem;--font-sm:.9rem;--font-base:1.1rem}}@media screen and (min-width:450px){:root{--body-padding:2rem;--font-xs:.8rem;--font-sm:1rem;--font-base:1.2rem}}@media (prefers-color-scheme:dark){:root{--color-mode:'dark'}:root:not([data-user-color-scheme]){--bg-dawn:var(--dawn-dark);--border-color:var(--border-color-dark);--bg-color:var(--bg-color-dark);--text-color:var(--text-color-dark);--accent-color:var(--accent-color-dark);--nav-bg-color:var(--nav-bg-color-dark);--btn-bg:var(--btn-bg-dark);--btn-text:var(--btn-text-dark);--focus-text:var(--focus-text-dark);--focus-bg:var(--focus-bg-dark);--focus-outline:var(--focus-outline-dark);--pre-bg:var(--pre-bg-dark)}}[data-user-color-scheme='dark']{--bg-dawn:var(--dawn-dark);--border-color:var(--border-color-dark);--bg-color:var(--bg-color-dark);--text-color:var(--text-color-dark);--accent-color:var(--accent-color-dark);--nav-bg-color:var(--nav-bg-color-dark);--btn-bg:var(--btn-bg-dark);--btn-text:var(--btn-text-dark);--focus-text:var(--focus-text-dark);--focus-bg:var(--focus-bg-dark);--focus-outline:var(--focus-outline-dark);--pre-bg:var(--pre-bg-dark)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:'NewTitle-Variable';src:url("/assets/fonts/NewTitle-Variable.woff2") format('woff2'),url("/assets/fonts/NewTitle-Variable.woff") format('woff'),url("/assets/fonts/NewTitle-Variable.ttf") format('truetype');font-weight:200 700;font-display:block;font-style:normal}*,*::before,*::after{box-sizing:border-box}::selection{background-color:var(--text-color);color:var(--bg-color);fill:var(--bg-color)}html{height:100%}body{width:100%;height:100%;padding-top:var(--nav-height);font-family:system-ui,'Segoe UI',Roboto,sans-serif;font-size:var(--font-base);font-weight:300;line-height:1.5;color:var(--text-color);background-color:var(--bg-color);}body:not(.home){min-height:100%;display:grid;align-items:start}.visually-hidden,.screenreader{height:1px;width:1px;position:absolute;display:block;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(1px);white-space:nowrap}img{width:100%;max-width:100%;height:auto;display:block}.center{text-align:center}.hidden{display:none}.mb0{margin-bottom:0 !important}h1,h2,h3{font-family:'NewTitle-Variable',Avenir Next Condensed,Arial Narrow,Impact,sans-serif;line-height:1.1;}h1 em,h2 em,h3 em{font-family:inherit;font-style:italic}h2{font-size:var(--font-xl);font-weight:450}h3{font-size:var(--font-lg);font-weight:450}em{font-weight:inherit;font-style:italic}strong{font-weight:550}small,.small{font-size:var(--font-sm);font-weight:400}figcaption{font-size:var(--font-xs);font-weight:400}p code,ul code,h2 code{padding:3px 5px;background-color:var(--pre-bg);border:var(--border-width) solid var(--border-color);font-size:var(--font-sm);font-weight:500;color:var(--text-color);align-self:center}h2 code{margin:-.15em .2em 0;display:inline-block;vertical-align:middle}pre,code{font-family:monospace;border-radius:3px;font-size:var(--font-sm)}pre{white-space:pre-wrap;overflow:auto;border:var(--border-width) solid var(--border-color)}@media screen and (max-width:400px){pre code{font-size:var(--font-xs)}}.shrinking pre,.growing pre{border-color:transparent}.no-js pre{padding:1em}a{color:var(--text-color);font-weight:500;text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:2px;}a:hover{text-decoration-thickness:2px}a:focus:focus-visible{color:var(--focus-text);background-color:var(--focus-bg);outline:var(--border-width) solid var(--focus-outline);text-decoration:none;transition:none}a:focus:not(:focus-visible){outline:none}a:active{transform:translateY(1px)}a.skip-link{padding:.4em;position:fixed;left:1em;top:1em;background-color:var(--focus-bg);box-shadow:5px 5px 0 var(--border-color);border:var(--border-width) solid var(--focus-outline);clip:rect(0 0 0 0);z-index:200;}a.skip-link:hover{color:inherit}a.skip-link:focus{clip:unset;outline:none}a.button,button{padding:.5em 1em;background-color:var(--btn-bg);border:none;border-radius:4px;font-weight:600;color:var(--btn-text);cursor:pointer}a.button:active,button:active{transform:translateY(1px)}a.button:focus:focus-visible,button:focus:focus-visible{outline:none;box-shadow:0 0 0 1px var(--focus-outline),0 0 0 5px var(--bg-color),0 0 0 6px var(--focus-outline)}button{font-family:system-ui,'Segoe UI',Roboto,sans-serif}.icon{width:var(--icon-w,2em);height:var(--icon-w,2em);display:block;transform:scale(1) rotate(0);transition:transform 100ms ease-in-out;}.icon svg{width:100%;height:auto;}.icon svg path{fill:var(--text-color)}.icon:focus:focus-visible{padding:.2em;background-color:transparent;transform:scale(1.2) rotate(0)}.icon:nth-child(odd):hover{transform:scale(1.15) rotate(5deg)}.icon:nth-child(even):hover{transform:scale(1.15) rotate(-5deg)}.video-container{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.video-container object,.video-container embed,.video-container iframe,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%}video{background-color:transparent}:root{--toggle-sun:1;--toggle-moon:0}@media (prefers-color-scheme:dark){:root:not([data-user-color-scheme]){--toggle-sun:0;--toggle-moon:1}}[data-user-color-scheme='dark']{--toggle-sun:0;--toggle-moon:1}.main-nav{width:100%;padding-right:var(--nav-padding);min-height:var(--nav-height);display:flex;align-items:center;position:fixed;left:0;top:0;z-index:100;background-color:var(--nav-bg-color);border-bottom:var(--border-width) solid var(--border-color);}@media screen and (max-width:360px){.main-nav{gap:.5em}}@media screen and (min-width:361px) and (max-width:449px){.main-nav{gap:.75em}}@media screen and (min-width:450px){.main-nav{gap:1em}}.main-nav::after{content:'';width:100%;height:.3em;position:absolute;left:0;bottom:-.3em;background-color:var(--color6,transparent);opacity:.12}.main-nav a,.main-nav button{text-decoration:none;font-size:var(--font-xs);font-weight:500;line-height:1;text-transform:uppercase;color:var(--text-color)}.main-nav a:hover,.main-nav button:hover{text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:2px}.main-nav a.nav-home{height:var(--nav-height);aspect-ratio:1;display:grid;place-content:center;background-color:var(--text-color);font-weight:800;color:var(--bg-color);}.main-nav a.nav-home:focus:focus-visible{background-color:var(--focus-text)}@media screen and (max-width:449px){.main-nav a.nav-home{aspect-ratio:1/1.25}}.mode-toggle{margin-left:auto;}.no-js .mode-toggle{display:none}.toggle-button{padding:.2em;display:flex;align-items:center;background-color:transparent;border:none;cursor:pointer;}.toggle-button:hover .toggle-text{text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:2px}.toggle-button:focus:focus-visible{outline:none;color:var(--focus-text);background-color:var(--focus-bg);border-radius:0;box-shadow:inset 0 0 0 1px var(--focus-outline);}.toggle-button:focus:focus-visible svg path,.toggle-button:focus:focus-visible svg circle,.toggle-button:focus:focus-visible svg line{stroke:var(--focus-text)}.toggle-button:focus:not(:focus-visible){outline:none}.toggle-button:active{transform:translateY(1px)}@media screen and (max-width:360px){.toggle-button .toggle-text{height:1px;width:1px;position:absolute;display:block;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(1px);white-space:nowrap}}.toggle-icon{width:1.4em;height:1.4em;margin-right:.2em;margin-top:-.1em;}.toggle-icon svg{width:100%;height:auto;}.toggle-icon svg #sun{opacity:var(--toggle-sun)}.toggle-icon svg #moon{opacity:var(--toggle-moon)}.toggle-icon svg path,.toggle-icon svg circle,.toggle-icon svg line{stroke:var(--text-color);vector-effect:none}.header-main{display:grid;}.header-main h1{padding:2rem var(--body-padding);display:grid;place-content:center;border-bottom:var(--border-width) solid var(--border-color);font-size:clamp(6rem,40vw,16rem);font-weight:550;line-height:.8;text-transform:uppercase;text-align:center;text-wrap:balance;}.header-main h1 svg{width:100%;height:auto;max-height:100%;display:block}.header-main .callout{justify-self:center;display:flex;}.header-main .callout small{padding:.5em 1em;display:flex;justify-content:center;align-items:center;gap:.25em;border:var(--border-width) solid var(--border-color);border-top:none;}.header-main .callout small:not(:first-child){border-left:none}.header-main .callout small svg{width:.7em;height:auto}.header-main .callout a{text-decoration:none;}.header-main .callout a:hover{text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:2px}main{display:grid;padding-top:calc(var(--body-padding) * 2);}main > .content{padding:0 var(--body-padding) calc(var(--body-padding) * 2);}@media screen and (min-width:751px){main > .content{display:grid;grid-template-columns:auto [full-start] minmax(0,3rem) [main-start] minmax(0,630px) [main-end] minmax(0,3rem) [full-end] auto}main > .content > *{grid-column:main}main > .content .wide,main > .content pre{grid-column:full}}hr{height:var(--border-width);margin:0;background-color:var(--border-color);border:none}.content * + *{margin-top:1.2em}.content ul:not(.unstyled){padding-left:1.3em;list-style-type:disc}.content ul li + li{margin-top:.5em}.content video,.content figure{max-width:100%}.content video{margin-top:1.4em;}.content video + p{margin-top:1.4em}.content figure > a{display:block;box-shadow:0 0 0 transparent;transition:box-shadow 100ms ease-in-out;}.content figure > a:focus:focus-visible{box-shadow:0 0 0 5px var(--bg-color),0 0 0 6px var(--focus-outline);outline:none}.content figure > a:hover{box-shadow:0 0 0 5px var(--bg-color),0 0 0 6px var(--border-color)}.content source + img{margin-top:0}.content p + small{margin-top:1.6em;display:block}.content hr{margin:calc(var(--body-padding) * 1.5) 0 calc(var(--body-padding) * 0.75)}.content blockquote:not(.tweet-text){border-left:var(--border-width) solid var(--border-color);padding:.7em;padding-left:1.5em;position:relative;}.content blockquote:not(.tweet-text):has(cite){border:none;background:no-repeat linear-gradient(to right,var(--border-color) var(--border-width),transparent var(--border-width)) 0 5%/100% 80%}.content blockquote:not(.tweet-text)::after{content:'“';display:block;position:absolute;left:0;top:1.3em;transform:translateX(-50%);font-size:var(--font-md);line-height:0}.content blockquote:not(.tweet-text)::before{content:'';width:1.3em;height:1.3em;display:block;position:absolute;left:0;top:.8em;transform:translateX(-50%);background-color:var(--bg-color);border:var(--border-width) solid var(--border-color);border-radius:50%}.content blockquote:not(.tweet-text) cite{margin-top:.5em;display:block;text-align:right;font-size:var(--font-sm);}.content blockquote:not(.tweet-text) cite::before{content:'—'}.content .footnote{margin-top:.25em;display:block;text-align:center}.content .callout{border:1px dashed var(--border-color);padding:1em;font-size:var(--font-sm)}.twitter-tweet{max-width:550px;padding:1em;border:var(--border-width) solid var(--border-color);border-radius:5px;}.twitter-tweet .tweet-author{display:grid;grid-template-columns:2.3em 1fr auto;grid-template-rows:1fr 1fr;grid-template-areas:'avatar name logo' 'avatar handle logo';gap:0 .5em;line-height:1;}.twitter-tweet .tweet-author > *{margin:0}.twitter-tweet .author-avatar{grid-area:avatar;border-radius:50%}.twitter-tweet .author-name{grid-area:name;text-decoration:none;}.twitter-tweet .author-name:hover{text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:2px}.twitter-tweet .author-handle{grid-area:handle;text-decoration:none;}.twitter-tweet .author-handle:hover{text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:2px}.twitter-tweet .twitter-logo{grid-area:logo;}.twitter-tweet .twitter-logo svg{width:1.5em;height:1.5em;}.twitter-tweet .twitter-logo svg path{fill:var(--text-color)}.twitter-tweet .tweet-data{padding-top:.5em;display:flex;justify-content:space-between;gap:.5em;border-top:var(--border-width) solid var(--border-color);opacity:.7;}.twitter-tweet .tweet-data small{margin:0;font-size:var(--font-xs)}.twitter-tweet .tweet-data a{text-decoration:none;}.twitter-tweet .tweet-data a:hover{text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:2px}.main-footer{align-self:end;padding:1.5em var(--body-padding);display:flex;flex-wrap:wrap;gap:1em;background-color:var(--nav-bg-color);border-top:var(--border-width) solid var(--border-color);font-size:var(--font-xs);}@media screen and (max-width:750px){.main-footer{flex-direction:column;align-items:center}}@media screen and (min-width:751px){.main-footer{justify-content:space-between}}.main-footer nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3em 1em;text-transform:uppercase;}.main-footer nav a:not(.social){text-decoration:none;}.main-footer nav a:not(.social):hover{text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:2px}body.home{overflow:hidden;position:relative;}body.home h1{width:100vw;height:80%;position:absolute;left:0;top:0;align-self:start}.shrinking body.home h1,.growing body.home h1{opacity:0}@media screen and (min-height:920px){.shrinking body.home .warning,.growing body.home .warning{max-width:calc(100vw - 2em);padding:.5em;position:fixed;bottom:1em;right:1em;display:block;font-size:var(--font-sm);border:var(--border-width) solid var(--border-color)}}.glitch{width:100%;height:100vh;display:block;background-image:conic-gradient(at 50% 30%,var(--glitch-color) 45deg,transparent 45deg 315deg,var(--glitch-color) 315deg),conic-gradient(at 50% 70%,transparent 135deg,var(--glitch-color) 135deg 225deg,transparent 225deg);background-size:1vh 1.8vh;background-position:0 0,.5vh 0;position:absolute;top:0;left:0;z-index:10;opacity:0;}.glitch.visible{opacity:1}.header-main.home{--tt-max:3000;width:100%;height:100%;height:clamp(300px,100%,650px);position:relative;display:grid;grid-template-columns:100vw auto;align-items:end;overflow:hidden;}.header-main.home .background{width:auto;height:100%;position:absolute;z-index:2;grid-column:1/-1;grid-row:1;opacity:0;}.shrinking .header-main.home .background,.growing .header-main.home .background{opacity:1}.header-main.home .background svg{width:auto;height:100%;display:block;aspect-ratio:5000/570;--tt-key:bg1;--tt-ease:linear}.header-main.home .background-repeat{width:100%;height:100%;position:absolute;z-index:1;opacity:0;}@media screen and (min-width:1500px){.shrinking .header-main.home .background-repeat,.growing .header-main.home .background-repeat{opacity:1}}.header-main.home .background-repeat svg{width:100%;height:100%;display:block}.header-main.home .walking{grid-column:1;grid-row:1;width:auto;height:64.9%;aspect-ratio:319/370;overflow:hidden;justify-self:center;transform:scale(1,1);z-index:3;}.header-main.home .walking svg{width:auto;height:200%;aspect-ratio:3190/740;transform:translate(0,-50%)}.header-main.home #shrinking,.header-main.home #growing,.header-main.home #walking-shrinking,.header-main.home #walking-growing{opacity:0}.shrinking .header-main.home .walking{transform:scale(-1,1)}.shrinking .header-main.home #shrinking,.shrinking .header-main.home #walking-shrinking{opacity:1}.growing .header-main.home #growing,.growing .header-main.home #walking-growing{opacity:1}.header-main.home.active .walking svg{animation:walking 1100ms steps(10,end) infinite}.header-main.home .dark{transition:opacity 500ms ease-in}@-moz-keyframes bg1{0%,15%{transform:translateX(0)}100%{transform:translateX(-60%)}}@-webkit-keyframes bg1{0%,15%{transform:translateX(0)}100%{transform:translateX(-60%)}}@-o-keyframes bg1{0%,15%{transform:translateX(0)}100%{transform:translateX(-60%)}}@keyframes bg1{0%,15%{transform:translateX(0)}100%{transform:translateX(-60%)}}:root{--shoes-check:var(--dawn-dark);}:root.growing{--hoodie:#6cdbe0;--hoodie-dark:#4eb5b5;--pants:#7c667b;--pants-dark:#54445e;--shoes-check:var(--color6);--shoes-fill:var(--color1)}:root.shrinking{--hoodie:#a55164;--hoodie-dark:#873d50;--pants:#4e6772;--pants-dark:#374e56;--shoes-check:var(--hoodie);--shoes-fill:var(--hoodie)}:root .dark{opacity:0}@media (prefers-color-scheme:dark){:root:not([data-user-color-scheme]) .L1D3{--color1:var(--color3)}:root:not([data-user-color-scheme]) .L2D1{--color2:var(--color1)}:root:not([data-user-color-scheme]) .L2D3{--color2:var(--color3)}:root:not([data-user-color-scheme]) .L2D6{--color2:var(--color6)}:root:not([data-user-color-scheme]) .L3D2{--color3:var(--color2)}:root:not([data-user-color-scheme]) .L3D4{--color3:var(--color4)}:root:not([data-user-color-scheme]) .L3D5{--color3:var(--color5)}:root:not([data-user-color-scheme]) .L4D2{--color4:var(--color2)}:root:not([data-user-color-scheme]) .L4D3{--color4:var(--color3)}:root:not([data-user-color-scheme]) .L4D5{--color4:var(--color5)}:root:not([data-user-color-scheme]) .L4D6{--color4:var(--color6)}:root:not([data-user-color-scheme]) .L5D4{--color5:var(--color4)}:root:not([data-user-color-scheme]) .L6D2{--color6:var(--color2)}:root:not([data-user-color-scheme]) .L6D4{--color6:var(--color4)}:root:not([data-user-color-scheme]) .L6D5{--color6:var(--color5)}:root:not([data-user-color-scheme]) .L7D2{--color7:var(--color2)}:root:not([data-user-color-scheme]) .L7D4{--color7:var(--color4)}:root:not([data-user-color-scheme]) .dark{opacity:.4}:root:not([data-user-color-scheme]).growing{--hoodie:#3d9b99;--hoodie-dark:#398480;--pants:#54445e;--pants-dark:#36273f}:root:not([data-user-color-scheme]).shrinking{--hoodie:#7f3248;--hoodie-dark:#68273c;--pants:#374e56;--pants-dark:#2a3d42}}[data-user-color-scheme='dark'] .L1D3{--color1:var(--color3)}[data-user-color-scheme='dark'] .L2D1{--color2:var(--color1)}[data-user-color-scheme='dark'] .L2D3{--color2:var(--color3)}[data-user-color-scheme='dark'] .L2D6{--color2:var(--color6)}[data-user-color-scheme='dark'] .L3D2{--color3:var(--color2)}[data-user-color-scheme='dark'] .L3D4{--color3:var(--color4)}[data-user-color-scheme='dark'] .L3D5{--color3:var(--color5)}[data-user-color-scheme='dark'] .L4D2{--color4:var(--color2)}[data-user-color-scheme='dark'] .L4D3{--color4:var(--color3)}[data-user-color-scheme='dark'] .L4D5{--color4:var(--color5)}[data-user-color-scheme='dark'] .L4D6{--color4:var(--color6)}[data-user-color-scheme='dark'] .L5D4{--color5:var(--color4)}[data-user-color-scheme='dark'] .L6D2{--color6:var(--color2)}[data-user-color-scheme='dark'] .L6D4{--color6:var(--color4)}[data-user-color-scheme='dark'] .L6D5{--color6:var(--color5)}[data-user-color-scheme='dark'] .L7D2{--color7:var(--color2)}[data-user-color-scheme='dark'] .L7D4{--color7:var(--color4)}[data-user-color-scheme='dark'] .dark{opacity:.4}[data-user-color-scheme='dark'].growing{--hoodie:#3d9b99;--hoodie-dark:#398480;--pants:#54445e;--pants-dark:#36273f}[data-user-color-scheme='dark'].shrinking{--hoodie:#7f3248;--hoodie-dark:#68273c;--pants:#28343a;--pants-dark:#161e21}@-moz-keyframes walking{0%{transform:translate(0,0)}100%{transform:translate(-100%,0)}}@-webkit-keyframes walking{0%{transform:translate(0,0)}100%{transform:translate(-100%,0)}}@-o-keyframes walking{0%{transform:translate(0,0)}100%{transform:translate(-100%,0)}}@keyframes walking{0%{transform:translate(0,0)}100%{transform:translate(-100%,0)}}@-moz-keyframes glitch{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}@-webkit-keyframes glitch{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}@-o-keyframes glitch{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}@keyframes glitch{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}.project .icon.codepen{--icon-w:1.3em}@media screen and (min-width:451px) and (max-width:750px){.work .archive-list .blank-space{display:none}}@media screen and (min-width:751px) and (max-width:1500px){.work .archive-list .blank-space{display:grid;grid-column:span 1}}@media screen and (min-width:1501px){.work .archive-list .blank-space{display:block;grid-column:span 2}}.about .avatar{width:30%;margin:0 1.5em 1em 0;float:left;display:block;background-color:var(--color4,#ffb968);}.about .avatar + *{margin-top:0}.about .links li{margin:0;padding:1em 0;display:grid;grid-template-columns:1fr 4em;align-items:center;gap:.3em 2em;font-size:var(--font-sm);font-weight:400;line-height:1.3;}.about .links li:not(:last-child){border-bottom:var(--border-width) solid var(--border-color)}.about .links li * + *{margin:0}.about .links li span:first-child{font-weight:500}.about .links li .date{grid-column:2;grid-row:1/3;text-align:right}.about .links a{text-decoration:none;font-weight:550}.about .links a:hover{text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:2px}.about .links small{margin-top:0}.about .coffee{margin-left:2px;padding:6px 0 6px 26px;background-repeat:no-repeat;background-position:left center;background-image:url("/assets/images/coffee.svg");background-size:20px 30px}.thoughts .thoughts-list{grid-column:full;display:grid;gap:var(--body-padding);}@media screen and (min-width:751px){.thoughts .thoughts-list{grid-template-columns:minmax(auto,10vw) 1fr}.thoughts .thoughts-list .dateline::after{content:'';flex:1;height:1px;display:block;background-color:var(--border-color)}}.thoughts .dateline{margin-top:0;display:flex;gap:.5em;align-items:center;font-family:system-ui,'Segoe UI',Roboto,sans-serif;font-size:var(--font-xs);color:var(--accent-color);grid-column:1}.thoughts .thought{margin-top:0;grid-column:2}.thoughts .thought-title{font-weight:500;line-height:1.2}.thoughts .external:not(:empty){margin-left:1em;}.thoughts .external:not(:empty)::after{content:'↗';margin-left:.3em;display:inline-block}.thought-detail .header-main h1{font-size:clamp(4.2rem,13vw,12rem);line-height:.9;grid-row:1;grid-column:1}.thought-detail .thoughts-nav{width:100%;display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;line-height:1.1;border-top:var(--border-width) solid var(--border-color);}.thought-detail .thoughts-nav a{text-decoration:none;}.thought-detail .thoughts-nav a:hover{text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:2px}.thought-detail .thoughts-nav > *{padding:1em;display:flex;justify-content:center;align-items:center;gap:.3em;font-size:var(--font-sm)}.thought-detail .thoughts-nav > :not(:first-child){border-left:var(--border-width) solid var(--border-color)}.thought-detail .thoughts-nav .earlier{grid-column:3}.thought-detail .thoughts-nav .back{grid-column:2;text-align:center}.thought-detail .thoughts-nav .later{grid-column:1;text-align:right}.archive-list{padding-top:var(--border-width);display:grid;gap:var(--border-width);background-color:var(--border-color);}.archive-list li{background-color:var(--bg-color);padding:.8em}.archive-list .blank-space{display:none;place-content:center}@media screen and (min-width:451px) and (max-width:750px){.archive-list{grid-template-columns:repeat(2,1fr)}.archive-list .blank-space{display:grid}}@media screen and (min-width:751px) and (max-width:1500px){.archive-list{grid-template-columns:repeat(3,1fr)}.archive-list .blank-space{display:grid}}@media screen and (min-width:1501px){.archive-list{grid-template-columns:repeat(4,1fr)}.archive-list .blank-space{display:grid;grid-column:span 3}}.archive-list .archive-image{display:block;position:relative;}.archive-list .archive-image::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;border:var(--border-width) solid var(--border-color);transform:scale(1,1);transition:transform 120ms ease-in-out;z-index:0}.archive-list .archive-image img{transition:transform 120ms ease-in-out;position:relative;z-index:1}.archive-list .archive-image:focus:focus-visible{outline:none;}.archive-list .archive-image:focus:focus-visible::before{transform:scale(1.02,1.04)}.archive-list .archive-image:focus:focus-visible img{transform:scale(.98)}.archive-list .archive-image:hover::before{transform:scale(1.02,1.04)}.archive-list .archive-image:hover img{transform:scale(.98)}.archive-list a{text-decoration:none;}.archive-list a:hover{text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:2px}.archive-list .links{padding-top:calc(var(--body-padding) / 2);display:flex;justify-content:space-between;align-items:center}.archive-list .study a{font-weight:350}.archive-list img,.archive-list small{display:block}.gifs header{margin-bottom:2em}.gifs footer{margin-top:6em}.gifs header ~ .load-image,.gifs header ~ p,.gifs header ~ img,.gifs header ~ pre{margin-bottom:2em;margin-left:var(--body-padding);margin-right:var(--body-padding)}.gifs pre{width:calc(90vw - var(--body-padding) * 2);max-width:600px;margin-right:var(--body-padding);display:flex;gap:1rem;white-space:pre;border:none;overflow:visible}.gifs code{padding:.5em 1em;display:block;overflow:auto;background-color:var(--pre-bg);color:var(--text-color);border:var(--border-width) solid var(--border-color);}.gifs code::selection{background:var(--bg-color);color:var(--text-color)}.gifs pre button{width:12rem}.gifs .load-image,.gifs img{display:block}.gifs img{max-width:calc(100% - var(--body-padding) * 2)}.gifs .load-image{width:calc(100% - var(--body-padding) * 2);position:relative;background-size:contain;display:block;box-shadow:0 0 0 transparent;transition:box-shadow 100ms ease-in-out;}.gifs .load-image:focus:focus-visible{box-shadow:0 0 0 5px var(--bg-color),0 0 0 6px var(--focus-outline);outline:none}.gifs .load-image:hover{box-shadow:0 0 0 5px var(--bg-color),0 0 0 6px var(--border-color)}.gifs .load-image::after{content:'click to preview gif';display:block;position:absolute;bottom:-2em;font-size:80%;font-weight:400;font-style:italic}