@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400..750;1,8..60,400..750&display=swap";.header{display:flex;align-items:center;justify-content:space-between;padding:.25em 1em 0}.header__logo{padding:1em 0 0;transition:filter .18s ease-out}.header__logo svg{width:42px;height:42px;aspect-ratio:1}.header__logo:hover{filter:brightness(1.3)}.header__nav{--control-height: 2.5rem;display:none;visibility:hidden;align-items:center;gap:.55rem;width:auto;margin-left:auto}.header__nav__rail{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:15rem;height:var(--control-height)}.header__nav__cursor{position:absolute;bottom:0;left:0;width:33.3333333333%;height:7px;pointer-events:none;transform:translate(calc(var(--active-index) * 100%));transition:transform .42s cubic-bezier(.16,1,.3,1)}.header__nav__cursor:before{position:absolute;right:18%;bottom:2px;left:18%;height:2px;background:var(--text);content:""}.header__nav__cursor i{position:absolute;right:calc(18% - 3px);bottom:0;width:7px;height:7px;border:1px solid var(--text);background:#ffd447;animation:nav-signal-land .42s cubic-bezier(.16,1,.3,1)}.header__nav__items{position:relative;z-index:1;display:grid;place-items:center;min-width:0;padding:0;color:var(--text);font-weight:500;line-height:1;text-decoration:none;transition:color .16s ease-out,transform .16s ease-out}.header__nav__items.is-active{font-weight:700}.header__nav__items:hover:not(.is-active){color:#4000ff;transform:translateY(-1px)}.header__nav__items:active{transform:translateY(1px)}.header__nav__items:focus-visible{outline:3px solid #45a2ff;outline-offset:-4px}.header__nav__contact{box-sizing:border-box;width:var(--control-height);height:var(--control-height);flex:0 0 var(--control-height);position:relative;border:0;border-radius:0;background:var(--text);color:#fff;transition:background-color .16s ease-out}.header__nav__contact:hover{background:#17275f}.header__nav__contact:after{position:absolute;top:4px;right:4px;width:5px;height:5px;background:#ffd447;content:"";pointer-events:none}.header__nav__contact .content_and_feedback,.header__nav__contact .contact{width:100%;height:100%}.header__nav__contact .contact__header{width:100%;height:100%;padding:0;color:inherit}.header__nav__contact .contact__header svg{width:1.15rem;height:1.15rem}.header__nav__contact .contact__header svg path,.header__nav__contact .contact__header svg circle{stroke:currentColor}@media screen and (min-width: 576px){.header__nav{display:flex;visibility:visible}}@media (prefers-reduced-motion: reduce){.header__nav__cursor,.header__nav__cursor i,.header__nav__items{animation:none!important;transition-duration:.01ms!important}}.contact{position:relative}.contact__header{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;width:6ch;padding:0;border:0;background:transparent;color:var(--background-accent);font:inherit;transition:transform .16s ease-out,filter .16s ease-out}.contact__header:focus-visible{outline:3px solid #45a2ff;outline-offset:3px}.contact__dialog{position:fixed;right:.75rem;bottom:4.7rem;left:.75rem;z-index:100;display:flex;visibility:hidden;flex-direction:column;gap:.85rem;width:auto;padding:1rem;border:3px solid var(--text);border-radius:5px;background:#fffef8;color:var(--text);box-shadow:0 18px 42px #1c2e6d3d;opacity:0;transform:translateY(.8rem) scale(.98);transform-origin:right bottom;pointer-events:none;transition:opacity .18s ease-out,transform .26s cubic-bezier(.16,1,.3,1),visibility 0s linear .26s}.contact__dialog--shown{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:0s}.contact__title{margin-bottom:.1rem;color:var(--text);font-size:1.1rem;font-weight:700}.contact__field{display:grid;gap:.4rem;color:var(--text);font-size:.8rem;font-weight:700}.contact__name,.contact__email,.contact__body{box-sizing:border-box;width:100%;padding:.8rem .85rem;border:2px solid #8fa4e4;border-radius:4px;outline:0;background:#f8f6ea;color:var(--text);font-family:var(--font-family);font-size:.9rem;font-weight:500;transition:border-color .12s ease-out,background-color .12s ease-out,box-shadow .12s ease-out}.contact__name::placeholder,.contact__email::placeholder,.contact__body::placeholder{color:var(--text);font-family:var(--font-family);font-weight:500;opacity:.62}.contact__name:focus-visible,.contact__email:focus-visible,.contact__body:focus-visible{border-color:var(--text);outline:3px solid #45a2ff;outline-offset:2px;background:#fff;box-shadow:0 0 0 1px #fff}.contact__body{min-height:9rem;resize:vertical}.contact__submit{align-self:flex-end;padding:.75rem 1rem;border:2px solid var(--text);border-radius:4px;background:var(--text);color:#fff;font-size:.8rem;font-weight:800;text-transform:uppercase;transition:transform .12s ease-out,background-color .12s ease-out}.contact__submit:hover:not(:disabled){transform:translateY(-2px)}.contact__submit:focus-visible{outline:3px solid #ffd447;outline-offset:3px}.contact__submit:disabled{cursor:wait;opacity:.65}.contact__feedback{position:fixed;top:1rem;right:1rem;z-index:110;overflow:hidden;padding:.55rem .8rem;border:2px solid var(--text);border-radius:4px;background:#80d39b;color:var(--text);font-size:.8rem;font-weight:700;opacity:0;transform:translateY(-.5rem);pointer-events:none;transition:opacity .18s ease-out,transform .18s ease-out}.contact__feedback--sent,.contact__feedback--error{opacity:1;transform:none}.contact__feedback--error{background:#ff5c78}@media screen and (min-width: 576px){.contact__dialog{position:absolute;top:calc(100% + .75rem);right:0;bottom:auto;left:auto;width:min(24rem,100vw - 2rem);transform:translateY(-.65rem) scale(.98);transform-origin:right top}.contact__dialog--shown{transform:none}.contact__feedback{top:auto;bottom:2rem}}@media (prefers-reduced-motion: reduce){.contact__dialog,.contact__feedback{transition:none}}.nav{width:100%;background-color:var(--background-accent);padding:1em;bottom:0;font-weight:500;display:flex;gap:1em;justify-content:space-evenly;align-items:center;--control-height: 2.65rem;z-index:4;position:fixed;visibility:visible;gap:.55rem;padding:.65rem}.nav__rail{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;height:var(--control-height)}.nav__cursor{position:absolute;bottom:0;left:0;width:33.3333333333%;height:7px;pointer-events:none;transform:translate(calc(var(--active-index) * 100%));transition:transform .42s cubic-bezier(.16,1,.3,1)}.nav__cursor:before{position:absolute;right:18%;bottom:2px;left:18%;height:2px;background:var(--text);content:""}.nav__cursor i{position:absolute;right:calc(18% - 3px);bottom:0;width:7px;height:7px;border:1px solid var(--text);background:#ffd447;animation:nav-signal-land .42s cubic-bezier(.16,1,.3,1)}.nav__items{position:relative;z-index:1;display:grid;place-items:center;min-width:0;padding:0;color:var(--text);font-weight:500;line-height:1;text-decoration:none;transition:color .16s ease-out,transform .16s ease-out}.nav__items.is-active{font-weight:700}.nav__items:hover:not(.is-active){color:#4000ff;transform:translateY(-1px)}.nav__items:active{transform:translateY(1px)}.nav__items:focus-visible{outline:3px solid #45a2ff;outline-offset:-4px}.nav__contact{box-sizing:border-box;width:var(--control-height);height:var(--control-height);flex:0 0 var(--control-height);position:relative;border:0;border-radius:0;background:var(--text);color:#fff;transition:background-color .16s ease-out}.nav__contact:after{position:absolute;top:4px;right:4px;width:5px;height:5px;background:#ffd447;content:"";pointer-events:none}.nav__contact:hover{background:#17275f}.nav__contact .content_and_feedback,.nav__contact .contact{width:100%;height:100%}.nav__contact .contact__header{width:100%;height:100%;padding:0;color:inherit}.nav__contact .contact__header svg{width:1.15rem;height:1.15rem}.nav__contact .contact__header svg path,.nav__contact .contact__header svg circle{stroke:currentColor}@keyframes nav-signal-land{0%{opacity:0;transform:translate(-14px) scaleX(2)}60%{opacity:1;transform:translate(2px) scaleX(.8)}to{opacity:1;transform:translate(0) scaleX(1)}}@media screen and (min-width: 576px){.nav{visibility:hidden}}@media (prefers-reduced-motion: reduce){.nav__cursor,.nav__cursor i,.nav__items{animation:none!important;transition-duration:.01ms!important}}.socials{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;color:var(--text)}.socials__action{display:grid;place-items:center;width:2rem;height:2rem;padding:.3rem;border-radius:4px;color:var(--text);text-decoration:none;transition:background-color .15s ease-out,transform .15s ease-out}.socials__action:hover{background:#1c2e6d14}.socials__action:focus-visible{outline:3px solid var(--text);outline-offset:2px}.socials__action svg{width:1.35rem;height:1.35rem;flex:0 0 auto}.socials__action svg path{stroke:var(--text);stroke-width:3}.footer{color:var(--text);padding:1em;background-color:var(--background-accent);font-weight:500;display:flex;flex-direction:column;gap:.75rem}.footer span{opacity:.5;font-size:.8rem}.footer__copyright{font-size:.9rem}.footer__info{opacity:.5}.footer__extra-info{font-size:.8rem;opacity:.55}@media screen and (min-width: 768px){.footer{flex-direction:row;align-items:flex-end;justify-content:space-between}}@media screen and (max-width: 576px){.footer{margin-bottom:4em}}.layout{position:relative;min-height:100%;display:flex;flex-direction:column}.layout .body{flex:1}.home{position:relative;z-index:3;pointer-events:none;padding:3em 1.5em;min-height:100%;display:flex;flex-direction:column}.home__name{font-weight:700;font-size:3.5rem}.home__name:first-letter{margin-left:-.065em}.home__username{font-weight:500;opacity:.75}.home__username span{font-size:.8rem;opacity:.5}.home__info{padding:1.5em 2.5em 1.5em 0;font-weight:500}.home__info h2{margin-top:.5em;font-weight:inherit;font-size:1.2rem;opacity:.8}.home__info p{margin:.5em 0;opacity:.7;font-size:1rem}.home__actions{pointer-events:auto;display:grid;gap:.9rem;width:min(100%,34rem)}.home__actions-primary{display:flex;flex-wrap:wrap;gap:.65rem}.home__action{display:inline-flex;align-items:center;min-height:2.75rem;padding:.7rem .9rem;border:2px solid var(--text);border-radius:4px;font-weight:700;line-height:1.15;text-decoration:none;transition:transform .15s ease-out,background-color .15s ease-out}.home__action:hover{transform:translateY(-2px)}.home__action:focus-visible{outline:3px solid var(--text);outline-offset:3px}.home__action--work{background:var(--text);color:var(--background)}.home__action--notes{background:var(--background-accent)}.home__actions-utility{display:flex;flex-wrap:wrap;gap:.7rem 1.15rem;font-size:.9rem;font-weight:650}.home__actions-utility a{color:var(--text);text-underline-offset:.22em}.home__actions-utility a:hover{text-decoration-thickness:2px}.home__actions-utility a:focus-visible{outline:3px solid var(--text);outline-offset:3px}.home__personal{width:min(100%,40rem);margin:1.15rem 0 0;font-size:.8rem;font-weight:500;line-height:1.4;opacity:.68}.home__content{padding:10em 0 2em;display:flex;gap:2em;flex-direction:column}.home__writeup{display:flex;flex-direction:column;gap:5em;max-width:80ch}@media screen and (min-width: 576px){.home{padding-left:4em}.home__name{font-size:5rem}.home__info{padding:1.5em 0}.home__content{padding:10em 0 0}}.chess-bg{--arcade-ink: #17275f;--arcade-blue: #526ed0;--arcade-mid: #8fa4e4;--arcade-paper: #f8f6ea;--arcade-hit: #ffd447;--arcade-hot: #ff5c78;--cabinet-peek: 18%;position:fixed;right:clamp(.75rem,2vw,2.25rem);top:50%;z-index:2;width:min(43vw,100vh - 7rem,35rem);aspect-ratio:1;color:var(--arcade-ink);transform:translateY(-50%)}.chess-bg__cabinet{position:relative;width:100%;aspect-ratio:1;opacity:.64;transform:translate(var(--cabinet-peek)) rotate(2.5deg);transform-origin:left bottom;transition:opacity .16s steps(3,end),transform .42s cubic-bezier(.16,1,.3,1);will-change:transform}.chess-bg:hover .chess-bg__cabinet,.chess-bg:focus-within .chess-bg__cabinet,.chess-bg.is-active .chess-bg__cabinet{opacity:1;transform:translate(0) rotate(0)}.chess-bg__board{display:grid;grid-template-columns:repeat(8,1fr);overflow:hidden;aspect-ratio:1;border:clamp(4px,.45vw,7px) solid var(--arcade-ink);border-radius:3px;background:var(--arcade-ink);box-shadow:7px 7px 0 var(--arcade-mid),11px 11px 0 var(--arcade-ink)}.chess-bg__clocks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.chess-bg__clock{position:absolute;left:.55rem;display:grid;grid-template-columns:auto 3.25rem;align-items:center;gap:.4rem;min-width:6.65rem;padding:.34rem .42rem;border:2px solid var(--arcade-ink);border-radius:2px;background:var(--arcade-paper);color:var(--arcade-ink);font:800 clamp(.62rem,.85vw,.78rem)/1 ui-monospace,"Cascadia Code",monospace;letter-spacing:.045em;text-transform:uppercase;transition:background-color 90ms steps(2,end),color 90ms steps(2,end)}.chess-bg__clock time{font-variant-numeric:tabular-nums;letter-spacing:0;text-align:right}.chess-bg__clock.is-black{top:.55rem;background:var(--arcade-ink);color:var(--arcade-paper)}.chess-bg__clock.is-white{bottom:.55rem}.chess-bg__clock.is-running{box-shadow:inset 0 -4px 0 var(--arcade-hit)}.chess-bg__clock.is-pressure{background:var(--arcade-hot);color:var(--arcade-ink)}.chess-bg__clock.is-pressure.is-running{animation:clock-pulse .7s steps(2,end) infinite}.chess-bg__thinking{position:absolute;right:.55rem;bottom:.55rem;z-index:4;padding:.38rem .48rem;border:2px solid var(--arcade-paper);border-radius:2px;background:var(--arcade-ink);color:var(--arcade-paper);font:800 .58rem/1 ui-monospace,Cascadia Code,monospace;letter-spacing:.055em;text-transform:uppercase;pointer-events:none}.chess-bg__thinking span{animation:thinking-blink .9s steps(2,end) infinite}.chess-bg__square{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;padding:0;border:0;border-radius:0;font-family:"Noto Sans Symbols 2",serif;font-size:clamp(1.15rem,3.35vw,2.75rem);line-height:1;cursor:url("data:image/svg+xml,%3csvg%20width='29'%20height='29'%20viewBox='0%200%2029%2029'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.80331%206.25366L28.114%2015.6066L16.9981%2017.8732L12.5073%2028.1139L7.80331%206.25366Z'%20fill='url(%23paint0_radial)'/%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(14.057%2014.057)%20rotate(51.2909)%20scale(10)'%3e%3cstop%20offset='0.562152'%20stop-color='%231C2E6D'/%3e%3cstop%20offset='1'%20stop-color='%2374A1E6'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e"),auto;transition:filter 80ms steps(2,end),transform 80ms steps(2,end)}.chess-bg__square:enabled{cursor:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='10'%20cy='10'%20r='10'%20fill='url(%23paint0_radial)'/%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(10%2010)%20rotate(90)%20scale(10)'%3e%3cstop%20offset='0.614236'%20stop-color='%231C2E6D'/%3e%3cstop%20offset='0.9999'%20stop-color='%2374A1E6'/%3e%3cstop%20offset='1'%20stop-color='%2373A3ED'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e"),pointer}.chess-bg__square:enabled:hover{z-index:2;filter:brightness(1.08)}.chess-bg__square:focus-visible{z-index:3;outline:4px solid var(--arcade-hot);outline-offset:-4px}.chess-bg .is-light{background:var(--arcade-paper)}.chess-bg .is-dark{background:var(--arcade-mid)}.chess-bg .is-last{box-shadow:inset 0 0 0 999px #ffd4479e}.chess-bg .is-selected{z-index:2;box-shadow:inset 0 0 0 5px var(--arcade-hot)}.chess-bg .is-ready .piece{animation:piece-ready .9s cubic-bezier(.16,1,.3,1) 1}.chess-bg .is-target:after{content:"";position:absolute;width:18%;aspect-ratio:1;background:var(--arcade-hot);box-shadow:2px 2px 0 var(--arcade-ink);transform:rotate(45deg)}.chess-bg .is-target:has(.piece):after{width:74%;border:4px dashed var(--arcade-hot);background:transparent;box-shadow:none}.chess-bg .piece{position:relative;z-index:1;transform:translate(-1px,-1px)}.chess-bg .piece--w{color:#fffef8;text-shadow:-1px -1px 0 var(--arcade-ink),1px -1px 0 var(--arcade-ink),-1px 1px 0 var(--arcade-ink),2px 2px 0 var(--arcade-ink)}.chess-bg .piece--b{color:#131936;text-shadow:2px 2px 0 rgba(255,255,255,.35)}.chess-bg__invite{position:absolute;left:0;bottom:-3rem;z-index:3;display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border:3px solid var(--arcade-ink);border-radius:2px;background:var(--arcade-hit);color:var(--arcade-ink);box-shadow:4px 4px 0 var(--arcade-ink);font:800 .62rem/1 ui-monospace,Cascadia Code,monospace;letter-spacing:.06em;text-transform:uppercase;cursor:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='10'%20cy='10'%20r='10'%20fill='url(%23paint0_radial)'/%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(10%2010)%20rotate(90)%20scale(10)'%3e%3cstop%20offset='0.614236'%20stop-color='%231C2E6D'/%3e%3cstop%20offset='0.9999'%20stop-color='%2374A1E6'/%3e%3cstop%20offset='1'%20stop-color='%2373A3ED'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e"),pointer;opacity:0;transform:translateY(-.3rem);pointer-events:none;transition:opacity .1s steps(2,end),transform .1s steps(2,end)}.chess-bg__invite:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--arcade-ink)}.chess-bg__invite:focus-visible{outline:3px solid var(--arcade-hot);outline-offset:3px}.chess-bg__invite.is-visible{opacity:1;transform:none;pointer-events:auto}.chess-bg__arrow{display:grid;place-items:center;width:1.25rem;aspect-ratio:1;background:var(--arcade-ink);color:var(--arcade-paper)}.chess-bg:hover .chess-bg__invite,.chess-bg:focus-within .chess-bg__invite{opacity:1;pointer-events:auto}.chess-bg.is-demolishing{pointer-events:none}.chess-bg.is-demolishing .chess-bg__cabinet{animation:board-shock .24s steps(3,end) both}.chess-bg.is-demolishing .chess-bg__board{overflow:visible;border-color:transparent;box-shadow:none}.chess-bg.is-demolishing .chess-bg__square{animation:demolish .85s cubic-bezier(.4,0,1,1) var(--delay) both}.chess-jumpscare{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:#17275f;color:#f8f6ea;cursor:url("data:image/svg+xml,%3csvg%20width='29'%20height='29'%20viewBox='0%200%2029%2029'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.80331%206.25366L28.114%2015.6066L16.9981%2017.8732L12.5073%2028.1139L7.80331%206.25366Z'%20fill='url(%23paint0_radial)'/%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(14.057%2014.057)%20rotate(51.2909)%20scale(10)'%3e%3cstop%20offset='0.562152'%20stop-color='%231C2E6D'/%3e%3cstop%20offset='1'%20stop-color='%2374A1E6'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e"),auto;isolation:isolate;animation:scare-impact 1.05s cubic-bezier(.12,.82,.2,1) both}.chess-jumpscare:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:repeating-linear-gradient(0deg,rgba(143,164,228,.11) 0 1px,transparent 1px 5px);mix-blend-mode:screen;pointer-events:none}.chess-jumpscare img{width:min(126vmin,78rem);max-width:none;filter:drop-shadow(0 0 2rem rgba(255,92,120,.46));transform-origin:center 58%;animation:monster-lunge 1.05s cubic-bezier(.08,.76,.2,1) both}.chess-jumpscare span{position:absolute;right:clamp(1rem,4vw,3rem);bottom:clamp(1rem,4vw,3rem);z-index:3;padding:.5rem .65rem;border:3px solid #17275f;border-radius:2px;background:#ffd447;color:#17275f;box-shadow:5px 5px #ff5c78;font:900 clamp(.8rem,2vw,1.2rem)/1 ui-monospace,"Cascadia Code",monospace;letter-spacing:.06em;text-transform:uppercase}@keyframes board-shock{0%,to{transform:translate(0)}35%{transform:translate(-12px) rotate(-1deg)}70%{transform:translate(9px) rotate(1deg)}}@keyframes thinking-blink{0%,49%{opacity:1}50%,to{opacity:.25}}@keyframes piece-ready{0%,to{transform:translate(-1px,-1px)}38%{transform:translate(-1px,-12%) scale(1.07)}64%{transform:translate(-1px,-3%)}}@keyframes clock-pulse{0%,49%{box-shadow:inset 0 -4px 0 var(--arcade-hit)}50%,to{box-shadow:inset 0 -4px 0 var(--arcade-paper)}}@keyframes scare-impact{0%{background-color:#f8f6ea}7%,to{background-color:#17275f}20%{transform:translate(9px,-5px)}34%{transform:translate(-7px,6px)}48%{transform:translate(5px,2px)}64%,to{transform:none}}@keyframes monster-lunge{0%{opacity:0;transform:scale(.22) translateY(28%);filter:contrast(1.5) saturate(.35)}6%{opacity:1}30%{transform:scale(1.13) rotate(-1.5deg)}42%{transform:scale(1.04) rotate(1deg)}58%,to{opacity:1;transform:scale(1.1)}}@keyframes demolish{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}24%{opacity:1;transform:translate(-8px,-22px) rotate(-6deg) scale(.97)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.55);filter:blur(1px)}}@media (max-width: 760px){.chess-bg{--cabinet-peek: 12%;right:max(.65rem,env(safe-area-inset-right));width:min(78vw,100dvh - 9rem,23rem)}.chess-bg__cabinet{opacity:.38;transform:translate(var(--cabinet-peek)) rotate(3deg)}}@media (max-width: 760px) and (hover: none),(max-width: 760px) and (pointer: coarse){.chess-bg{--cabinet-peek: 0%;top:auto;right:max(.8rem,env(safe-area-inset-right));bottom:max(5.35rem,env(safe-area-inset-bottom) + 4.75rem);left:auto;z-index:3;width:min(46vw,10.5rem);transform:none;isolation:isolate}.chess-bg:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#ffffffe0;content:"";opacity:0;pointer-events:none;transition:opacity .18s ease-out}.chess-bg.is-active{top:50%;right:auto;bottom:auto;left:50%;z-index:6;width:min(100vw - 24px,100dvh - 9rem,23rem);transform:translate(-50%,-50%)}.chess-bg.is-active:before{opacity:1}.chess-bg__cabinet{opacity:.88;transform:rotate(1.5deg);transform-origin:right bottom}.chess-bg.is-active .chess-bg__cabinet{opacity:1;transform:none}.chess-bg:not(.is-active) .chess-bg__clocks,.chess-bg:not(.is-active) .chess-bg__thinking{opacity:0}.chess-bg__square{font-size:1rem}.chess-bg.is-active .chess-bg__square{font-size:clamp(1.25rem,7vw,2rem)}.chess-bg__invite{right:.55rem;bottom:.55rem;left:auto}}@media (min-width: 761px) and (hover: none),(min-width: 761px) and (pointer: coarse){.chess-bg{--cabinet-peek: 8%}.chess-bg__cabinet{opacity:.82;transform:translate(var(--cabinet-peek)) rotate(1deg)}.chess-bg.is-active .chess-bg__cabinet{opacity:1;transform:none}}@media (max-height: 560px) and (orientation: landscape){.chess-bg{width:min(44vw,100dvh - 5.5rem,28rem)}}@media (max-height: 560px) and (orientation: landscape) and (hover: none),(max-height: 560px) and (orientation: landscape) and (pointer: coarse){.chess-bg{width:min(34dvh,9rem)}.chess-bg.is-active{width:min(100dvh - 24px,100vw - 24px,23rem)}}@media (prefers-reduced-motion: reduce){.chess-bg__cabinet,.chess-bg__square{transition:none}.chess-bg__thinking span,.chess-bg .is-ready .piece,.chess-bg__clock.is-pressure.is-running{animation:none}.chess-bg.is-demolishing{opacity:0}.chess-bg.is-demolishing .chess-bg__square,.chess-jumpscare,.chess-jumpscare img{animation:none}}:root{--text: #1c2e6d;--background-accent: #ccd8ff;--grad: linear-gradient(45deg, #4000ff, #45a2ff);--background: white;--background-accent-hsl: 226, 100%, 90%;--font-family: "Rubik"}html,body,#root{width:100%;height:100%}html{scroll-behavior:smooth;font-size:18px;cursor:url("data:image/svg+xml,%3csvg%20width='29'%20height='29'%20viewBox='0%200%2029%2029'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.80331%206.25366L28.114%2015.6066L16.9981%2017.8732L12.5073%2028.1139L7.80331%206.25366Z'%20fill='url(%23paint0_radial)'/%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(14.057%2014.057)%20rotate(51.2909)%20scale(10)'%3e%3cstop%20offset='0.562152'%20stop-color='%231C2E6D'/%3e%3cstop%20offset='1'%20stop-color='%2374A1E6'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e"),auto}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{margin:.25em 0}html::-webkit-scrollbar-thumb{border-radius:20px;background-color:var(--text)}body{overflow:overlay;color:var(--text);font-family:var(--font-family);padding:0;margin:0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}::selection{background:#ffd447;color:var(--text)}@media screen and (min-width: 768px){.pointer{cursor:initial}html{font-size:21px}}.pointer{cursor:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='10'%20cy='10'%20r='10'%20fill='url(%23paint0_radial)'/%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(10%2010)%20rotate(90)%20scale(10)'%3e%3cstop%20offset='0.614236'%20stop-color='%231C2E6D'/%3e%3cstop%20offset='0.9999'%20stop-color='%2374A1E6'/%3e%3cstop%20offset='1'%20stop-color='%2373A3ED'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e"),pointer}.ns{user-select:none;-moz-user-select:none;-webkit-user-select:none}.blog{--blog-rule: color-mix(in srgb, var(--text) 22%, transparent);width:calc(100% - 48px);margin:0 auto;padding:clamp(40px,5vw,64px) 0 clamp(64px,8vw,96px);color:var(--text)}.blog__intro,.blog__ledger{margin-inline:clamp(28px,4vw,64px)}.blog__intro{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:36px}.blog__intro h1{margin:0;font-family:var(--font-family),sans-serif;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.035em}.blog__intro h1 span{display:inline-block;width:.18em;height:.18em;margin-left:.08em;background:#ffd447;transform:translateY(.02em);transform-origin:center bottom}.blog__intro:hover h1 span{animation:blog-pixel-hop .44s steps(2,end)}.blog__intro p{max-width:34ch;margin:0 0 .25rem;font-size:1rem;line-height:1.5;color:color-mix(in srgb,var(--text) 72%,transparent)}.blog__ledger{border-top:1px solid color-mix(in srgb,var(--text) 38%,transparent);border-bottom:1px solid color-mix(in srgb,var(--text) 38%,transparent)}.blog__row{display:grid;grid-template-columns:minmax(135px,.22fr) minmax(0,1fr) auto;align-items:start;gap:1.5rem;padding:18px 0 20px;color:inherit;text-decoration:none;transition:padding .18s ease-out,background-color .18s ease-out}.blog__row+.blog__row{border-top:1px solid var(--blog-rule)}.blog__row time{padding-top:.2rem;font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--text) 62%,transparent)}.blog__row h2{margin:0;font-size:1.2rem;line-height:1.25;letter-spacing:-.02em}.blog__row p{max-width:68ch;margin:.45rem 0 0;font-family:"Source Serif 4",Georgia,serif;font-size:1rem;line-height:1.5;color:color-mix(in srgb,var(--text) 70%,transparent)}.blog__row:hover{padding-inline:12px;background:color-mix(in srgb,var(--background-accent) 48%,transparent)}.blog__row:focus-visible{outline:3px solid #4000ff;outline-offset:3px}.blog__row:hover svg{transform:translate(3px)}.blog__row-end{display:flex;align-items:center;gap:.65rem;padding-top:.18rem}.blog__row-end small{font-family:ui-monospace,Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:clamp(.48rem,1vw,.64rem);font-weight:800;line-height:1;letter-spacing:.055em;text-transform:uppercase}.blog__row-end svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .18s ease-out}.blog__snippets{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;width:min(620px,100% - 128px);margin:20px clamp(28px,4vw,64px) 0;padding:12px 14px;background:color-mix(in srgb,var(--background-accent) 42%,white);color:inherit;text-decoration:none;transition:background-color .18s ease-out,transform .18s ease-out}.blog__snippets strong{display:block;font-size:1rem}.blog__snippets small{display:block;margin-top:.15rem;font-size:.9rem;line-height:1.45;color:color-mix(in srgb,var(--text) 68%,transparent)}.blog__snippets>svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8}.blog__snippets:hover{background:var(--background-accent);transform:translate(3px)}.blog__snippets:focus-visible{outline:3px solid #4000ff;outline-offset:3px}.blog__snippets-mark{display:grid;grid-template-columns:repeat(3,5px);gap:3px}.blog__snippets-mark i{width:5px;height:5px;background:var(--text)}.blog__snippets-mark i:nth-child(2){background:#4000ff}.blog__snippets-mark i:nth-child(3){background:#ffd447}@keyframes blog-pixel-hop{50%{transform:translateY(-.14em)}}@media (max-width: 760px){.blog{width:min(100% - 32px,620px);padding-top:36px}.blog__intro,.blog__ledger{margin-inline:0}.blog__intro{display:block;margin-bottom:28px}.blog__intro p{margin-top:10px}.blog__row{grid-template-columns:1fr auto;gap:8px 16px;padding:16px 0 18px}.blog__row time{grid-column:1/-1;padding:0}.blog__row>div{grid-column:1}.blog__row>.blog__row-end{grid-column:2;grid-row:2}.blog__row:hover{padding-inline:8px}.blog__snippets{width:100%;margin:18px 0 0;align-items:start}}@media (prefers-reduced-motion: reduce){.blog *{animation:none!important;transition-duration:.01ms!important}}.snippets{--snippet-rule: color-mix(in srgb, var(--text) 22%, transparent);width:calc(100% - 48px);margin:0 auto;padding:clamp(40px,5vw,64px) clamp(28px,4vw,64px) clamp(64px,8vw,96px);color:var(--text)}.snippets__back{color:var(--text);font-size:1rem;font-weight:700;text-decoration-thickness:2px;text-underline-offset:.25em}.snippets__back:hover{color:#4000ff}.snippets__back:focus-visible{outline:3px solid #4000ff;outline-offset:4px}.snippets__header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:36px 0 clamp(44px,6vw,64px)}.snippets__header h1{margin:0;font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.15;letter-spacing:-.035em}.snippets__header h1 span{display:inline-block;width:.18em;height:.18em;margin-left:.08em;background:#ffd447;transform:translateY(.02em)}.snippets__header p{max-width:34ch;margin:0 0 .25rem;color:color-mix(in srgb,var(--text) 72%,transparent);line-height:1.5}.snippets__layout{display:grid;grid-template-columns:minmax(170px,.22fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:start}.snippets__index{position:sticky;top:32px;border-top:1px solid color-mix(in srgb,var(--text) 38%,transparent)}.snippets__index a{display:block;padding:12px 4px;border-bottom:1px solid var(--snippet-rule);color:var(--text);font-size:.9rem;font-weight:700;line-height:1.3;text-decoration:none;transition:padding .16s ease-out,background-color .16s ease-out}.snippets__index a span{display:block;margin-bottom:3px;color:color-mix(in srgb,var(--text) 60%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(.48rem,1vw,.64rem);font-weight:800;line-height:1;letter-spacing:.055em;text-transform:uppercase}.snippets__index a:hover{padding-left:10px;background:color-mix(in srgb,var(--background-accent) 48%,transparent)}.snippets__index a:focus-visible{outline:3px solid #4000ff;outline-offset:3px}.snippets__shelf{min-width:0}.snippets__section{scroll-margin-top:32px;padding:0 0 clamp(48px,7vw,72px)}.snippets__section+.snippets__section{padding-top:clamp(40px,6vw,64px);border-top:1px solid color-mix(in srgb,var(--text) 38%,transparent)}.snippets__section-head{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:18px}.snippets__section-head h2{margin:0;font-size:1.2rem;line-height:1.25;letter-spacing:-.02em}.snippets__section-head p{margin:4px 0 0;color:color-mix(in srgb,var(--text) 64%,transparent);font-size:.9rem;line-height:1.45}.snippets__copy{flex:none;min-width:64px;min-height:34px;padding:0 10px;border:1px solid var(--text);border-radius:2px;background:#fff;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;font-weight:700;cursor:pointer;transition:background-color .14s ease-out,color .14s ease-out,transform .14s ease-out}.snippets__copy:hover{background:var(--text);color:#fff;transform:translateY(-1px)}.snippets__copy:focus-visible{outline:3px solid #4000ff;outline-offset:3px}.snippets__copy[data-copied]{background:#ffd447;color:var(--text)}.snippets__code{overflow-x:auto;border-top:2px solid var(--text);border-bottom:1px solid var(--text);background:color-mix(in srgb,var(--background-accent) 26%,white);scrollbar-color:#4000ff var(--background-accent);scrollbar-width:thin}.snippets__code code,.snippets__code code[class*=language-]{background:transparent!important}.snippets__reference{margin:0;border-top:2px solid var(--text);border-bottom:1px solid var(--text)}.snippets__reference-row{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr) auto;align-items:center;gap:1.25rem;min-height:72px;padding:12px 10px;transition:background-color .15s ease-out}.snippets__reference-row+.snippets__reference-row{border-top:1px solid var(--snippet-rule)}.snippets__reference-row:nth-child(2n){background:color-mix(in srgb,var(--background-accent) 28%,white)}.snippets__reference-row:hover{background:color-mix(in srgb,#ffd447 22%,white)}.snippets__reference dt,.snippets__reference dd{margin:0;min-width:0}.snippets__reference code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;font-weight:700;white-space:nowrap}.snippets__reference dd strong,.snippets__reference dd span{display:block}.snippets__reference dd strong{margin-bottom:3px;font-size:.9rem}.snippets__reference dd span{color:color-mix(in srgb,var(--text) 70%,transparent);font-size:.9rem;line-height:1.45}.snippets__reference--commands .snippets__reference-row{grid-template-columns:minmax(180px,.35fr) minmax(0,1fr) auto}@media (max-width: 760px){.snippets{width:min(100% - 32px,620px);padding:36px 0 64px}.snippets__header{display:block;margin-block:32px 36px}.snippets__header p{margin-top:10px}.snippets__layout{grid-template-columns:1fr;gap:40px}.snippets__index{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--snippet-rule)}.snippets__index a{padding:10px 8px;border-bottom:0;font-size:.8rem}.snippets__index a+a{border-left:1px solid var(--snippet-rule)}.snippets__index a:hover{padding-left:8px}.snippets__reference-row,.snippets__reference--commands .snippets__reference-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px 8px}.snippets__reference-row dt,.snippets__reference--commands .snippets__reference-row dt{grid-column:1}.snippets__reference-row dd,.snippets__reference--commands .snippets__reference-row dd{grid-column:1/-1;grid-row:2}.snippets__reference-row .snippets__copy,.snippets__reference--commands .snippets__reference-row .snippets__copy{grid-column:2;grid-row:1}}@media (max-width: 430px){.snippets__index{grid-template-columns:1fr}.snippets__index a+a{border-top:1px solid var(--snippet-rule);border-left:0}}@media (prefers-reduced-motion: reduce){.snippets *{transition-duration:.01ms!important}}.blogpost{width:min(66ch,100% - 48px);margin:clamp(3rem,7vw,6rem) auto clamp(5rem,10vw,9rem);color:var(--text)}.blogpost__progress{--reading-progress: 0%;position:fixed;inset:0 0 auto;z-index:50;height:4px;pointer-events:none}.blogpost__progress span{position:relative;display:block;width:var(--reading-progress);height:100%;background:#4000ff}.blogpost__progress span:after{content:"";position:absolute;top:0;right:-4px;width:8px;height:8px;background:#ffd447}.blogpost__back{color:var(--text);font-size:1rem;font-weight:700;text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:2px;text-underline-offset:.25em;transition:color .16s ease-out,text-decoration-color .16s ease-out}.blogpost__back:hover{color:#4000ff;text-decoration-color:currentColor}.blogpost__back:focus-visible{outline:3px solid #4000ff;outline-offset:4px}.blogpost__header{margin:36px 0 clamp(40px,6vw,56px)}.blogpost__header time{display:block;margin-bottom:1rem;font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--text) 64%,transparent)}.blogpost__header h1{margin:0;font-family:var(--font-family),sans-serif;font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.15;letter-spacing:-.04em;text-wrap:balance}.blogpost__header p{max-width:58ch;margin:1.5rem 0 0;font-family:"Source Serif 4",Georgia,serif;font-size:1.1rem;line-height:1.6;color:color-mix(in srgb,var(--text) 76%,transparent)}.blogpost__body{font-family:"Source Serif 4",Georgia,serif;font-size:1rem;line-height:1.7;text-rendering:optimizeLegibility}.blogpost__body>:first-child{margin-top:0}.blogpost__body>:last-child{margin-bottom:0}.blogpost__body p,.blogpost__body ul,.blogpost__body ol,.blogpost__body blockquote{margin:0 0 1.55em}.blogpost__body li+li{margin-top:.48em}.blogpost__body ul,.blogpost__body ol{padding-left:1.45em}.blogpost__body li::marker{color:#4000ff;font-family:var(--font-family),sans-serif;font-weight:700}.blogpost__body h2,.blogpost__body h3,.blogpost__body h4{font-family:var(--font-family),sans-serif;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}.blogpost__body h2{position:relative;margin:2.5em 0 .7em;font-size:1.8rem;line-height:1.15}.blogpost__body h2:before{content:"";position:absolute;top:.22em;left:-.72em;width:.28em;height:.28em;background:#ffd447}.blogpost__body h3{margin:2.1em 0 .65em;font-size:1.2rem}.blogpost__body h4{margin:1.8em 0 .6em;font-size:1.1rem}.blogpost__body a{color:#4000ff;text-decoration-thickness:1px;text-underline-offset:.2em}.blogpost__body a:hover{text-decoration-thickness:2px}.blogpost__body a:focus-visible{outline:3px solid #ffd447;outline-offset:3px}.blogpost__body blockquote{margin-inline:0;padding:1.35rem 1.5rem;border-top:1px solid color-mix(in srgb,var(--text) 28%,transparent);border-bottom:1px solid color-mix(in srgb,var(--text) 28%,transparent);background:color-mix(in srgb,var(--background-accent) 36%,white);font-size:1.1rem;line-height:1.6;font-style:italic}.blogpost__body blockquote p:last-child{margin-bottom:0}.blogpost__body blockquote strong{font-style:normal}.blogpost__body code{padding:.12em .3em;background:color-mix(in srgb,var(--background-accent) 58%,white);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem}.blogpost__body hr{width:48px;height:6px;margin:3.5rem auto;border:0;background:#ffd447;box-shadow:10px 0 #4000ff,-10px 0 0 var(--background-accent)}.blogpost__body img{display:block;max-width:100%;height:auto;margin:2.5rem auto;background:color-mix(in srgb,var(--background-accent) 28%,white)}.blogpost__body strong{font-weight:700}.blogpost--sectioned{width:min(1180px,100% - 48px)}.blogpost__article-layout{display:grid;grid-template-columns:minmax(180px,.24fr) minmax(0,900px);justify-content:center;align-items:start;gap:clamp(40px,6vw,80px)}.blogpost__section-index{position:sticky;top:32px;margin-bottom:0;border-top:1px solid color-mix(in srgb,var(--text) 38%,transparent)}.blogpost__section-index a{display:block;padding:11px 4px;border-bottom:1px solid color-mix(in srgb,var(--text) 22%,transparent);color:color-mix(in srgb,var(--text) 74%,transparent);font-family:var(--font-family),sans-serif;font-size:.8rem;font-weight:600;line-height:1.35;text-decoration:none;transition:padding .16s ease-out,background-color .16s ease-out,color .16s ease-out}.blogpost__section-index a:hover{padding-left:10px;background:color-mix(in srgb,var(--background-accent) 48%,transparent);color:var(--text)}.blogpost__section-index a:focus-visible{outline:3px solid #4000ff;outline-offset:3px}.blogpost__section-content{width:100%;min-width:0}.blogpost__article-intro{margin-bottom:clamp(32px,5vw,52px)}.blogpost__article-intro>:last-child{margin-bottom:0}.blogpost__section{scroll-margin-top:32px;padding:clamp(36px,5vw,52px) 0;border-top:1px solid color-mix(in srgb,var(--text) 32%,transparent)}.blogpost__section>h2:first-child{margin-top:0}.blogpost__section>:last-child{margin-bottom:0}.blogpost__body--sectioned .blogpost__code-block,.blogpost__body--sectioned .blogpost__table-wrap{width:100%;margin-inline:0;transform:none}.blogpost__code-block,.blogpost__table-wrap{width:min(900px,100vw - 48px);margin:2rem 50% 2.25rem;transform:translate(-50%)}.blogpost__code-block{overflow:hidden;border:1px solid color-mix(in srgb,var(--text) 38%,transparent);background:color-mix(in srgb,var(--background-accent) 26%,white)}.blogpost__code-block code,.blogpost__code-block code[class*=language-]{padding:0;background:transparent!important}.blogpost__code-bar{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 12px;border-bottom:1px solid color-mix(in srgb,var(--text) 24%,transparent);background:var(--background-accent);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;font-weight:700;line-height:1;text-transform:lowercase}.blogpost__code-bar>span{display:inline-flex;align-items:center;gap:7px}.blogpost__code-bar i{width:6px;height:6px;background:#ffd447}.blogpost__code-bar button{min-height:28px;padding:0 8px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background-color .14s ease-out}.blogpost__code-bar button:hover{background:color-mix(in srgb,white 50%,transparent)}.blogpost__code-bar button:focus-visible{outline:2px solid #4000ff;outline-offset:-2px}.blogpost__code-bar button[data-copied]{background:#ffd447}.blogpost__table-wrap{overflow-x:auto;border-top:2px solid var(--text);border-bottom:1px solid var(--text);scrollbar-color:#4000ff var(--background-accent);scrollbar-width:thin}.blogpost__table-wrap:focus-visible{outline:3px solid #4000ff;outline-offset:4px}.blogpost__table-wrap table{width:100%;min-width:520px;margin:0;border-collapse:collapse;font-family:var(--font-family),sans-serif;font-size:.9rem;line-height:1.45;font-variant-numeric:tabular-nums}.blogpost__table-wrap th,.blogpost__table-wrap td{padding:.75rem .9rem;border:0;border-bottom:1px solid color-mix(in srgb,var(--text) 20%,transparent);text-align:left;vertical-align:top}.blogpost__table-wrap th{background:var(--background-accent);color:var(--text);font-size:.8rem;font-weight:700}.blogpost__table-wrap tbody tr:nth-child(2n){background:color-mix(in srgb,var(--background-accent) 30%,white)}.blogpost__table-wrap tbody tr{transition:background-color .14s ease-out}.blogpost__table-wrap tbody tr:hover{background:color-mix(in srgb,#ffd447 26%,white)}.blogpost__table-wrap tbody tr:last-child td{border-bottom:0}.blogpost__table-wrap tbody td:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.blogpost__table-wrap code{white-space:nowrap}.blogpost__next{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));margin-top:clamp(4rem,9vw,7rem);border-top:1px solid color-mix(in srgb,var(--text) 24%,transparent);border-bottom:1px solid color-mix(in srgb,var(--text) 24%,transparent)}.blogpost__next a{min-height:130px;padding:1.3rem;background:#fff;color:inherit;text-decoration:none;transition:background-color .18s ease}.blogpost__next a:hover{background:var(--background-accent)}.blogpost__next a:focus-visible{position:relative;z-index:1;outline:3px solid #4000ff;outline-offset:2px}.blogpost__next a+a{border-left:1px solid color-mix(in srgb,var(--text) 24%,transparent)}.blogpost__next span{display:block;margin-bottom:.55rem;font-size:.8rem;color:color-mix(in srgb,var(--text) 62%,transparent)}.blogpost__next strong{display:block;line-height:1.25}.blogpost--message{min-height:45vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.blogpost--message h1{margin:0 0 1rem;font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.15;letter-spacing:-.035em}.blogpost--message p{max-width:45ch;margin:0 0 1.25rem;line-height:1.6}.blogpost--message a{color:#4000ff;font-weight:650;text-underline-offset:.2em}.blogpost__loading{display:flex;gap:5px;margin-bottom:1rem}.blogpost__loading i{width:9px;height:9px;background:var(--text);animation:note-loading .9s steps(2,end) infinite}.blogpost__loading i:nth-child(2){background:#4000ff;animation-delay:.15s}.blogpost__loading i:nth-child(3){background:#ffd447;animation-delay:.3s}@keyframes note-loading{50%{transform:translateY(-7px)}}@media (max-width: 900px){.blogpost__article-layout{display:block}.blogpost__section-index{position:sticky;top:0;z-index:5;display:flex;margin-bottom:40px;overflow-x:auto;border-bottom:1px solid color-mix(in srgb,var(--text) 22%,transparent);background:#fff;scrollbar-width:thin}.blogpost__section-index a{flex:0 0 auto;padding:10px 12px;border-bottom:0;white-space:nowrap}.blogpost__section-index a+a{border-left:1px solid color-mix(in srgb,var(--text) 22%,transparent)}.blogpost__section-index a:hover{padding-left:12px}.blogpost__section{scroll-margin-top:72px}}@media (max-width: 620px){.blogpost{width:calc(100% - 32px);margin-top:2.5rem}.blogpost__header{margin-block:2.75rem 3rem}.blogpost__header h1{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.15}.blogpost__body{line-height:1.7}.blogpost__body blockquote{padding:1rem}.blogpost__body h2:before{position:static;display:inline-block;margin-right:.35em;vertical-align:.28em}.blogpost__code-block,.blogpost__table-wrap{width:calc(100vw - 32px)}.blogpost__next{grid-template-columns:1fr}.blogpost__next a{min-height:auto}.blogpost__next a+a{border-top:1px solid color-mix(in srgb,var(--text) 24%,transparent);border-left:0}.blogpost--sectioned{width:calc(100% - 32px)}}@media (prefers-reduced-motion: reduce){.blogpost__loading i{animation:none}.blogpost *{transition-duration:.01ms!important}}.works{--works-rule: color-mix(in srgb, var(--text) 18%, transparent);position:relative;width:calc(100% - 48px);margin:0 auto;padding:clamp(40px,5vw,64px) 0 clamp(64px,8vw,96px)}.works__intro,.works__about,.works__featured,.works__archive,.works__experience{margin-inline:clamp(28px,4vw,64px)}.works__about h1,.works__experience>h2,.works__intro h2{margin:0;font-family:var(--font-family),sans-serif;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.035em}.works__intro{position:relative;margin-bottom:18px}.works__about{margin-bottom:0;padding:8px 0 48px}.works__about+.works__experience{margin-top:36px}.works__experience+.works__intro{margin-top:clamp(56px,7vw,72px)}.works__period{display:inline-block;width:.18em;height:.18em;margin-left:.08em;background:#ffd447;transform:translateY(.02em);transform-origin:center bottom}.works__about:hover .works__period,.works__experience:hover .works__period,.works__intro:hover .works__period{animation:works-pixel-hop .44s steps(2,end)}.works__about-copy h1{margin-bottom:12px}.works__about-copy p{max-width:700px;margin:0;font-size:1rem;line-height:1.5}.works__about-copy p+p{margin-top:8px;color:color-mix(in srgb,var(--text) 72%,transparent);font-size:.9rem}.works__about-copy p span{color:color-mix(in srgb,var(--text) 58%,transparent)}.works__about-inventory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 0;border-top:1px solid color-mix(in srgb,var(--text) 28%,transparent)}.works__about-inventory div{padding:8px 16px 2px 0;transition:background-color .16s ease-out}.works__about-inventory div+div{padding-left:16px;border-left:1px solid color-mix(in srgb,var(--text) 24%,transparent)}.works__about-inventory div:hover{background:color-mix(in srgb,var(--background-accent) 48%,transparent)}.works__about-inventory dt{font-family:ui-monospace,Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.8rem;font-weight:700;text-transform:uppercase}.works__about-inventory dd{margin:3px 0 0;font-size:.9rem;line-height:1.4}.works__rail{position:relative;z-index:1;height:0;margin-left:clamp(28px,4vw,64px)}.works__rail span{position:absolute;top:-4px;left:-4px;width:9px;height:9px;background:#ffd447}.works__featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--text);border-bottom:1px solid var(--text)}.works__feature{min-width:0;padding:clamp(18px,2vw,24px) clamp(18px,2.5vw,30px) clamp(20px,2.5vw,26px) 0}.works__feature+.works__feature{border-left:1px solid var(--works-rule);padding-right:0;padding-left:clamp(18px,2.5vw,30px)}.works__feature h2{margin:0 0 8px;font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.15;letter-spacing:-.045em}.works__subtitle{min-height:40px;color:color-mix(in srgb,var(--text) 72%,transparent);font-size:.9rem;line-height:1.45}.works__subtitle p{margin:0}.works__subtitle code{color:inherit;font-size:.75em}.works__description{margin-top:14px;color:color-mix(in srgb,var(--text) 86%,transparent);font-size:.9rem;line-height:1.55}.works__description p{margin:0 0 1em}.works__link{display:inline-flex;align-items:center;gap:10px;margin-top:6px;border-bottom:1px solid currentColor;color:var(--text);font-size:.9rem;font-weight:700;text-decoration:none}.works__link span{transition:transform .18s ease}.works__link:hover span{transform:translate(2px,-2px)}.works__link:focus-visible{outline:3px solid var(--background-accent);outline-offset:4px}.works__archive,.works__experience{margin-top:clamp(48px,6vw,72px)}.works__archive>h2,.works__experience>h2{margin:0 0 16px;letter-spacing:-.035em}.works__archive>h2{font-size:1.2rem}.works__archive-list{border-top:1px solid color-mix(in srgb,var(--text) 38%,transparent)}.works__archive-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,2.5fr) auto;gap:24px;align-items:center;padding:11px 2px;border-bottom:1px solid var(--works-rule);color:var(--text);text-decoration:none;transition:background-color .18s ease}.works__archive-row strong{font-size:1rem;letter-spacing:.02em}.works__archive-row div p{margin:0;color:color-mix(in srgb,var(--text) 66%,transparent);font-size:.9rem;line-height:1.45}.works__archive-row>span:last-child{transition:transform .18s ease}.works__archive-row:hover{background:color-mix(in srgb,var(--background-accent) 34%,transparent)}.works__archive-row:hover>span:last-child{transform:translate(2px,-2px)}.works__archive-row:focus-visible{outline:3px solid var(--background-accent);outline-offset:2px}.works__explist{border-top:1px solid color-mix(in srgb,var(--text) 38%,transparent)}.works__company{display:grid;grid-template-columns:minmax(140px,190px) minmax(0,1fr);gap:clamp(20px,3vw,36px);padding:16px 0;border-bottom:1px solid var(--works-rule)}.works__company h3{align-self:start;margin:0;font-size:1.2rem;letter-spacing:-.015em}.works__positions{display:flex;flex-direction:column}.works__position{position:relative;padding:0 0 18px 28px}.works__position:before{position:absolute;top:6px;bottom:-6px;left:4px;width:1px;background:var(--background-accent);content:""}.works__position:after{position:absolute;top:5px;left:0;width:9px;height:9px;background:var(--text);box-shadow:3px 3px 0 var(--background-accent);content:"";transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}.works__position:hover:after{background:#ffd447;box-shadow:3px 3px 0 var(--text);transform:translate(-1px,-1px)}.works__position:last-child{padding-bottom:0}.works__position:last-child:before{bottom:-33px}.works__company:last-child .works__position:last-child:before{display:none}.works__position-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px}.works__position-meta strong{max-width:580px;font-size:1rem;line-height:1.4}.works__position-meta span{color:color-mix(in srgb,var(--text) 56%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.5}.works__position-meta span:last-child{grid-column:1}.works__position-copy{max-width:700px;margin-top:8px;color:color-mix(in srgb,var(--text) 76%,transparent);font-size:.9rem;line-height:1.5}.works__position-copy ul{display:grid;gap:4px;margin:0;padding-left:18px}@media (max-width: 760px){.works{width:min(100% - 32px,620px);padding-top:36px}.works__intro,.works__about,.works__featured,.works__archive,.works__experience{margin-inline:0}.works__intro{margin-bottom:18px}.works__about{margin-bottom:0;padding:4px 0 36px}.works__experience+.works__intro{margin-top:48px}.works__about+.works__experience{margin-top:28px}.works__about-copy h1{margin-bottom:12px}.works__about-copy p{margin-top:0}.works__about-copy p+p{margin-top:8px}.works__about-inventory{grid-template-columns:1fr;margin:14px 0 0}.works__about-inventory div{padding:8px 0}.works__about-inventory div+div{padding-left:0;border-top:1px solid color-mix(in srgb,var(--text) 24%,transparent);border-left:0}.works__rail{height:0;margin-left:0}.works__rail span{top:-4px;left:-4px}.works__featured{grid-template-columns:1fr}.works__feature{padding:18px 0 20px}.works__feature+.works__feature{border-top:1px solid var(--works-rule);border-left:0;padding:18px 0 20px}.works__subtitle{min-height:0}.works__description{margin-top:12px}.works__archive-row{grid-template-columns:1fr auto;gap:8px 16px;padding:11px 0}.works__archive-row div{grid-column:1/-1;grid-row:2}.works__archive-row>span:last-child{grid-column:2;grid-row:1}.works__company{grid-template-columns:1fr;gap:14px}.works__company h3{position:static}.works__position{padding-left:24px}.works__position:last-child:before{bottom:-47px}.works__company:last-child .works__position:last-child:before{display:none}.works__position-meta{grid-template-columns:1fr}.works__position-meta span:last-child{grid-column:auto}}@media (prefers-reduced-motion: reduce){.works *,.works *:before,.works *:after{animation:none!important;transition-duration:.01ms!important}}@keyframes works-pixel-hop{0%,to{transform:translateY(.02em)}45%{transform:translateY(-.28em) rotate(8deg)}70%{transform:translateY(.06em) rotate(-4deg)}}