@font-face{font-family:Inter;src:url(/fonts/inter-latin-wght.woff2)format("woff2");font-weight:100 900;font-display:swap;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:Inter;src:url(/fonts/inter-latin-ext-wght.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--paper:#fff;--ink:#0a0a0a;--ink-2:#464646;--ink-3:#6e6e6e;--line:#0a0a0a24;--line-2:#0a0a0a57;--plate:#0a0a0a;--plate-2:#262626;--plate-ink:#fff;--tint:#0a0a0a0e;--sel:#0a0a0a1f;--m-line:#0a0a0a38;--m-tick:#0a0a0a21;--m-mark:#0a0a0a6b;--m-text:#0a0a0a94;--guide:#0a0a0a12;--sans:"Inter", system-ui, sans-serif;--mono:"Cascadia Mono", ui-monospace, Consolas, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--ease-hover:cubic-bezier(.4, 0, .2, 1);--pad:clamp(1.25rem, 5vw, 4.5rem);--wrap:81rem;--edge:max(var(--pad), calc((100% - var(--wrap)) / 2));--sheet-gap:clamp(1.2rem, 2.4vw, 2.2rem);--r-xs:3px;--r-s:6px;--r-m:10px;--r-pill:999px;--shadow-pop:0 16px 40px #00000029}html{color-scheme:light;font-size:clamp(100%,100% + .178571vw - 2.57143px,120%)}html[data-theme=dark]{color-scheme:dark;--paper:#0b0b0b;--ink:#f4f4f4;--ink-2:#b4b4b4;--ink-3:#8e8e8e;--line:#f4f4f429;--line-2:#f4f4f45c;--plate:#f4f4f4;--plate-2:#d8d8d8;--plate-ink:#0b0b0b;--tint:#f4f4f414;--sel:#f4f4f429;--m-line:#f4f4f433;--m-tick:#f4f4f41f;--m-mark:#f4f4f466;--m-text:#f4f4f48c;--guide:#f4f4f414}*,:before,:after{box-sizing:border-box}body{background:var(--paper);min-height:100vh;color:var(--ink);font:400 .9375rem/1.62 var(--sans);letter-spacing:-.008em;-webkit-font-smoothing:antialiased;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);margin:0;display:grid;position:relative;overflow-x:clip}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}[tabindex="-1"]:focus{outline:none}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.ic{width:1em;height:1em;display:block}.ic-wide{width:auto;height:1.05em}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.grid{display:none!important}.rise{opacity:1!important;filter:none!important;transform:none!important}}@media print{:root,html[data-theme=dark]{--paper:#fff;--ink:#000;--ink-2:#1a1a1a;--ink-3:#555;--line:#00000038;--line-2:#00000073;--plate:#000;--plate-ink:#fff;--tint:transparent;--guide:transparent}.grid,.inspect,.cmdk,.shortcuts,.walker,.walker-say,.heart-float,.controls,.foot-meta{display:none!important}}header{z-index:3;padding:1.15rem var(--edge);background:var(--paper);transition:border-color .35s var(--ease-hover);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}header.stuck{border-bottom-color:var(--line)}.nav{font:500 .75rem/1 var(--sans);letter-spacing:-.01em;gap:1.3rem;display:flex}.nav a{color:var(--ink-3);transition:color .35s var(--ease-hover)}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.mark{font:600 .875rem/1 var(--sans);letter-spacing:-.03em}.mark span{color:var(--ink-3);transition:color .35s var(--ease-hover)}.mark:hover span,.mark:focus-visible span{color:var(--ink)}.controls{align-items:center;gap:.5rem;display:flex}.seg{gap:.1rem;display:flex}.seg button,.seg a,.iconbtn{appearance:none;color:var(--ink-3);font:500 .625rem/1 var(--mono);letter-spacing:.1em;border-radius:var(--r-pill);transition:color .35s var(--ease-hover), background .35s var(--ease-hover), border-color .35s var(--ease-hover);background:0 0;border:0;padding:.45rem .5rem}.seg button[aria-pressed=true],.seg a[aria-current=true]{color:var(--plate-ink);background:var(--plate)}.seg button:hover,.seg a:hover{color:var(--ink);background:var(--tint)}.seg button[aria-pressed=true]:hover,.seg a[aria-current=true]:hover{color:var(--plate-ink);background:var(--plate-2)}.iconbtn{border:1px solid var(--line);color:var(--ink);border-radius:var(--r-pill);place-items:center;width:1.9rem;height:1.9rem;font-size:.875rem;display:grid}.iconbtn:hover{border-color:var(--ink);background:var(--tint)}html[data-theme=dark] #theme .ic-moon,html:not([data-theme=dark]) #theme .ic-sun{display:none}#theme .ic{animation:iconIn .5s var(--ease)}@keyframes iconIn{0%{opacity:0;transform:rotate(-60deg)scale(.6)}}main{grid-template-columns:minmax(0,1fr);padding-block:clamp(.75rem,3vh,2rem) clamp(3rem,9vh,6.5rem);display:grid}.sheet{padding-inline:var(--edge);min-height:100%;position:relative}.ct{border:0 solid var(--m-tick);opacity:0;width:10px;height:10px;position:absolute}html.ready .ct{animation:fadeIn 1s var(--ease) .15s forwards}.ct.tl{top:0;left:calc(var(--edge) - .7rem);border-top-width:1px;border-left-width:1px}.ct.bl{bottom:0;left:calc(var(--edge) - .7rem);border-bottom-width:1px;border-left-width:1px}.grid{z-index:2;pointer-events:none;opacity:0;transition:opacity .4s var(--ease);background-image:repeating-linear-gradient(to bottom, var(--guide) 0 1px, transparent 1px calc(.9375rem * 1.62));position:absolute;inset:0}html[data-grid=on] .grid{opacity:1}.grid-cols{height:100%;padding-inline:var(--edge);column-gap:var(--sheet-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.grid-cols i{border-left:1px solid var(--m-tick);border-right:1px solid var(--m-tick)}.head,.body{max-width:calc((100% - 11 * var(--sheet-gap)) / 12 * 6 + 5 * var(--sheet-gap))}@media (width<=1000px){.head,.body{max-width:calc((100% - 11 * var(--sheet-gap)) / 12 * 9 + 8 * var(--sheet-gap))}}@media (width<=720px){.head,.body{max-width:none}}h1{text-wrap:balance;letter-spacing:-.032em;margin:0;font-size:clamp(1.5rem,2.8vw,2.125rem);font-weight:600;line-height:1.05;display:inline-block}.role{color:var(--ink-2);min-height:1.6rem;margin:.6rem 0 0;font-size:1.0625rem;line-height:1.45}.clock{font-variant-numeric:tabular-nums}.where{font:500 .625rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:.45rem 0 0;display:inline-block}.about{max-width:60ch;color:var(--ink-2);text-wrap:pretty;margin:1.1rem 0 0}.about a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:.22em;transition:text-decoration-color .35s var(--ease-hover)}.about a:hover{text-decoration-color:var(--ink)}footer{border-top:1px solid var(--line);padding:1.1rem var(--edge) 1.3rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem 2rem;display:grid;position:relative}.socials{justify-self:start}.credit{color:var(--ink-3);white-space:nowrap;justify-self:center;align-items:center;gap:.7rem;margin:0;font-size:.75rem;display:flex}.credit .made{white-space:pre;align-items:center;display:inline-flex}.credit .made-by{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:.22em;transition:color .3s var(--ease-hover), text-decoration-color .3s var(--ease-hover)}.credit .made-by:hover,.credit .made-by:focus-visible{color:var(--ink);text-decoration-color:var(--ink)}.love{appearance:none;border-radius:var(--r-pill);width:1.5rem;height:1.5rem;color:var(--ink-3);transition:color .3s var(--ease-hover);background:0 0;border:0;place-items:center;margin:-.35rem -.2rem;padding:0;display:inline-grid}.love svg{fill:#0000;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:.95rem;height:.95rem;transition:fill .25s var(--ease-hover), stroke .25s var(--ease-hover)}.love:hover{color:#ff3b5c}.love:hover svg{animation:heartbeat 1.1s var(--ease-hover) infinite}.love.on{color:#ff3b5c}.love.on svg{fill:currentColor}.love.pop svg{animation:heartPop .45s var(--ease)}@keyframes heartbeat{0%,40%,to{transform:scale(1)}15%{transform:scale(1.16)}28%{transform:scale(1.06)}}@keyframes heartPop{0%{transform:scale(.7)}45%{transform:scale(1.4)}to{transform:scale(1)}}.heart-float{z-index:50;pointer-events:none;will-change:transform, opacity;display:block;position:fixed}.heart-float svg{fill:currentColor;width:100%;height:100%;display:block}.foot-meta{justify-self:end}.socials{align-items:center;gap:.15rem;display:flex}.socials a{width:2.2rem;height:2.2rem;color:var(--ink-2);border-radius:var(--r-pill);opacity:.7;transition:color .35s var(--ease-hover), opacity .35s var(--ease-hover);place-items:center;font-size:.9375rem;display:grid}.socials a:hover,.socials a:focus-visible{color:var(--ink);opacity:1}.walker{left:var(--edge);right:var(--edge);pointer-events:none;height:3.6rem;position:absolute;bottom:100%;overflow:hidden}.walker svg{fill:none;width:100%;height:100%;stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;display:block}.walker .w-far{stroke-opacity:.42}.walker .w-thin{stroke-width:.9px}.walker .w-fx circle{fill:var(--ink-3);stroke:none}.walker .w-hole{fill:var(--paper);stroke:none}.walker .w-hit{fill:#0000;stroke:none;pointer-events:auto;cursor:grab;touch-action:none}.walker.free,.walker.free svg{overflow:visible}html.w-grabbing,html.w-grabbing *{cursor:grabbing!important}.walker-say{z-index:5;border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--paper);max-width:min(18rem,80vw);color:var(--ink);font:500 .6875rem/1.3 var(--sans);letter-spacing:-.005em;white-space:nowrap;opacity:0;pointer-events:none;transform-origin:50% 100%;transition:opacity .22s var(--ease-hover), transform .35s var(--ease);padding:.38rem .6rem;position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 6px))scale(.92)}.walker-say:after{content:"";left:calc(50% + var(--tail,0px));background:inherit;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);width:7px;height:7px;position:absolute;bottom:-4px;transform:translate(-50%)rotate(45deg)}.walker-say.on{opacity:1;transform:translate(-50%,calc(-100% - 6px))scale(1)}.walker-say.cta{background:var(--plate);color:var(--plate-ink);border-color:var(--plate);cursor:pointer}.walker-say.cta:after{border-color:var(--plate)}.walker-say.cta.on{pointer-events:auto;animation:sayNudge 2.4s var(--ease-hover) .6s infinite}.walker-say.cta:hover{background:var(--plate-2)}@keyframes sayNudge{0%,86%,to{translate:0}92%{translate:0 -2px}}.foot-meta{font:400 .625rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-variant-numeric:tabular-nums;gap:1.2rem;display:flex}.foot-meta b{color:var(--ink-2);font-weight:500}.foot-meta .hint{appearance:none;border:1px solid var(--line);border-radius:var(--r-xs);color:var(--ink-3);font:400 .5625rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;transition:color .35s var(--ease-hover), border-color .35s var(--ease-hover);background:0 0;align-items:center;gap:.4rem;padding:.22rem .4rem;display:inline-flex}.foot-meta .hint b{color:var(--ink);font-weight:500}.foot-meta .hint:hover,.foot-meta .hint[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}:where(a,button){cursor:pointer}.about a:hover,.about a:focus-visible{animation:blink .5s var(--ease-hover) 1}@keyframes blink{0%,to{opacity:1}32%{opacity:.42}}.rise{opacity:0;filter:blur(7px);transform:translateY(12px)}html.ready .rise{animation:rise 1.05s var(--ease) forwards}@keyframes rise{to{opacity:1;filter:none;transform:none}}@keyframes fadeIn{to{opacity:1}}.d1{animation-delay:50ms}.d2{animation-delay:.18s}.d3{animation-delay:.3s}.d4{animation-delay:.44s}html.theming,html.theming *{transition:background-color .4s var(--ease-hover), color .4s var(--ease-hover), border-color .4s var(--ease-hover), stroke .4s var(--ease-hover), -webkit-text-stroke-color .4s var(--ease-hover)!important}.skip{z-index:100;background:var(--ink);color:var(--paper);font:500 .6875rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:.65rem 1rem;position:absolute;top:0;left:-9999px}.skip:focus{left:0}@media (width<=720px){header{flex-wrap:wrap;row-gap:.55rem;padding-block:.85rem .7rem}.nav{order:3;gap:1.25rem;width:100%;font-size:.8125rem}}@media (width<=440px){.nav-home{display:none}}@media (width<=720px){footer{grid-template-columns:minmax(0,1fr);justify-items:center;gap:.7rem;padding-block:1.15rem 1.35rem}.socials,.credit,.foot-meta{grid-area:auto/1;justify-self:center}.credit{white-space:normal;text-align:center;flex-wrap:wrap;justify-content:center;font-size:.6875rem}}@media (hover:none),(pointer:coarse){.foot-meta{display:none}}:root{--sel-blue:#0d99ff;--redline:#f24822}.grid-cols i{background:color-mix(in srgb, var(--ink) 2.5%, transparent)}.grid-cols i span{text-align:center;font:500 .5625rem/1 var(--mono);letter-spacing:.08em;color:var(--ink-3);padding-top:.2rem;display:block;position:sticky;top:4.4rem}.grid-spec{left:var(--edge);border:1px solid var(--line-2);border-radius:var(--r-xs);background:var(--paper);font:500 .5625rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin:0;padding:.3rem .5rem;position:fixed;top:6.4rem}.grid-dim{background:var(--redline);height:1px;position:fixed;top:5.15rem}.grid-dim:before,.grid-dim:after{content:"";background:var(--redline);width:1px;height:7px;position:absolute;top:-3px}.grid-dim:before{left:0}.grid-dim:after{right:0}.grid-dim span,.ix-red span,.ix-size{border-radius:var(--r-xs);background:var(--redline);color:#fff;font:600 .5625rem/1 var(--mono);white-space:nowrap;padding:.12rem .28rem;position:absolute}.grid-dim span{top:5px;left:50%;transform:translate(-50%)}.inspect{z-index:40;pointer-events:none;opacity:0;transition:opacity .12s linear;position:fixed;inset:0}.inspect.on{opacity:1}.inspect>*{position:absolute;top:0;left:0}.ix-box{outline:1px solid var(--sel-blue)}.ix-size{background:var(--sel-blue);top:calc(100% + 5px);left:50%;transform:translate(-50%)}.ix-pad{background:repeating-linear-gradient(45deg,#f2482233 0 2px,#f248220d 2px 5px)}.ix-red{background:var(--redline)}.ix-red span{top:50%;left:50%;transform:translate(-50%,-50%)}.ix-card{border-radius:var(--r-s);color:#e6e6e6;box-shadow:var(--shadow-pop);font:400 .625rem/1.35 var(--mono);white-space:nowrap;background:#1e1e1e;gap:.3rem;padding:.55rem .65rem;display:grid}.ix-card b{color:var(--sel-blue);font-weight:600}.ix-card i{color:#9a9a9a;margin-left:.3rem;font-style:normal}.ix-sw{vertical-align:-.12rem;border-radius:var(--r-xs);width:.7rem;height:.7rem;margin-right:.35rem;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff47}html[data-inspect=on] body,html[data-inspect=on] body *{cursor:crosshair!important}.cmdk-btn .ic{width:.8rem;height:.8rem}.progress{background:var(--m-mark);transform-origin:0;pointer-events:none;height:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}html[data-theme=dark] .themed-light,html:not([data-theme=dark]) .themed-dark{display:none}.love{position:relative}.love-tip{border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--paper);color:var(--ink);font:500 .6875rem/1.2 var(--sans);letter-spacing:-.005em;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .18s var(--ease-hover), transform .3s var(--ease);padding:.34rem .55rem;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.love-tip:after{content:"";background:inherit;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);width:7px;height:7px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.love:hover .love-tip,.love:focus-visible .love-tip{opacity:1;transform:translate(-50%)}kbd{border:1px solid var(--line-2);border-radius:var(--r-xs);min-width:1.3rem;height:1.3rem;font:500 .625rem/1 var(--mono);color:var(--ink-2);border-bottom-width:2px;place-items:center;padding:0 .3rem;display:inline-grid}.shortcuts{inset:auto var(--pad) 4.6rem auto;border:1px solid var(--line-2);border-radius:var(--r-m);background:var(--paper);width:min(19rem,100vw - 2rem);color:var(--ink);box-shadow:var(--shadow-pop);opacity:0;transition:opacity .2s var(--ease-hover), transform .3s var(--ease), overlay .3s allow-discrete, display .3s allow-discrete;margin:0;padding:.5rem;position:fixed;transform:translateY(6px)}.shortcuts:popover-open{opacity:1;transform:none}@starting-style{.shortcuts:popover-open{opacity:0;transform:translateY(6px)}}.shortcuts-title{font:500 .5625rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:.2rem .45rem .45rem}.shortcuts ul{margin:0;padding:0;list-style:none}.shortcuts button{appearance:none;border-radius:var(--r-s);width:100%;color:var(--ink-2);font:400 .75rem/1 var(--sans);text-align:left;background:0 0;border:0;align-items:center;gap:.3rem;padding:.5rem .45rem;display:flex}.shortcuts button span{flex:1}.shortcuts button:hover{background:var(--tint);color:var(--ink)}.shortcuts button[aria-pressed=true]{color:var(--ink)}.shortcuts button[aria-pressed=true] span:after{content:"";background:var(--sel-blue);vertical-align:.08rem;border-radius:50%;width:.4rem;height:.4rem;margin-left:.45rem;display:inline-block}.cmdk{border:1px solid var(--line-2);border-radius:var(--r-m);background:var(--paper);width:min(36rem,100vw - 2rem);max-height:min(30rem,100vh - 6rem);color:var(--ink);box-shadow:var(--shadow-pop);opacity:0;transition:opacity .14s var(--ease-hover), transform .2s var(--ease), overlay .2s allow-discrete, display .2s allow-discrete;flex-direction:column;margin:14vh auto auto;padding:0;overflow:hidden;transform:translateY(-6px)}.cmdk[open]{opacity:1;display:flex;transform:none}@starting-style{.cmdk[open]{opacity:0;transform:translateY(-6px)}}.cmdk::backdrop{background:#0a0a0a57}.cmdk-search{border-bottom:1px solid var(--line);align-items:center;gap:.6rem;padding:.85rem 1rem;display:flex}.cmdk-search svg{width:1rem;height:1rem;color:var(--ink-3);flex:none}.cmdk-search input{min-width:0;color:var(--ink);font:400 .9375rem/1.4 var(--sans);background:0 0;border:0;outline:0;flex:1}.cmdk-search input::placeholder{color:var(--ink-3)}.cmdk-list{overscroll-behavior:contain;margin:0;padding:.35rem;list-style:none;overflow-y:auto}.cmdk-list ul{margin:0;padding:0;list-style:none}.cmdk-group-title{font:500 .5625rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:.55rem .65rem .3rem}.cmdk-item{border-radius:var(--r-s);color:var(--ink-2);cursor:pointer;align-items:center;gap:.8rem;padding:.55rem .65rem;font-size:.8125rem;display:flex}.cmdk-item[aria-selected=true]{background:var(--tint);color:var(--ink)}.cmdk-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cmdk-meta{font:400 .625rem/1 var(--mono);letter-spacing:.06em;color:var(--ink-3);white-space:nowrap}.cmdk-empty{text-align:center;color:var(--ink-3);margin:0;padding:1.4rem 1rem;font-size:.8125rem}.cmdk-foot{border-top:1px solid var(--line);font:400 .5625rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0;padding:.55rem 1rem}@media (hover:none),(pointer:coarse){.cmdk-foot{display:none}}