html,body{overflow:hidden}.page-shell{--gutter-width:4ch;--page-padding:clamp(16px, 4vw, 48px);--page-top:24px;--code-line-height:1.7em;block-size:100dvh;padding:var(--page-top) 0;flex-direction:column;font-size:15px;line-height:1.7;display:flex;overflow:hidden}.site-header{justify-content:space-between;gap:2ch;display:flex}.line-rail{z-index:1;width:var(--gutter-width);padding-top:var(--page-top);color:var(--gutter);font:inherit;font-variant-numeric:tabular-nums;line-height:var(--code-line-height);text-align:right;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.line-rail span{block-size:var(--code-line-height);display:block}.code-line{box-sizing:border-box;min-block-size:var(--code-line-height);padding:0 var(--page-padding) 0 calc(var(--gutter-width) + 2.5ch);animation:.5s cubic-bezier(.2,0,0,1) backwards line-enter;animation-delay:var(--enter-delay,0s);position:relative}.site-header a,.project,.nav-designs{color:inherit;text-decoration:none}.site-header a,.nav-designs{color:var(--muted);transition:color .14s linear}.nav-designs{padding:0 var(--page-padding);animation:.5s cubic-bezier(.2,0,0,1) 70ms backwards line-enter}.site-header a:hover,.site-header a:focus-visible{color:var(--fg);outline:none}.code-content{width:100%;padding-top:calc(var(--code-line-height) * 8)}.site-header .code-line{--enter-delay:0s}.code-content>.code-line:first-child{--enter-delay:70ms}.intro .code-line:first-child{--enter-delay:.14s}.intro .code-line:nth-child(2){--enter-delay:.21s}.intro .code-line:nth-child(4){--enter-delay:.28s}.projects>.code-line:first-child{--enter-delay:.32s}.projects>.code-line:nth-child(2){--enter-delay:.36s}.projects>.code-line:nth-child(3){--enter-delay:.4s}.code-content>.designs-action{--enter-delay:.6s}.designs-comment{--enter-delay:.67s}.intro,.projects{margin:0}.code-line :is(h1,h2,p){font:inherit;color:inherit;margin:0}.muted,.comment{color:var(--muted)}.intro h1{font-weight:700}.spacer{min-block-size:var(--code-line-height)}.project{flex-wrap:wrap;gap:0 2ch;display:flex}.project>span:first-child{text-underline-offset:.22em;align-items:center;gap:.6ch;font-weight:600;text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:1px;transition:background-color .14s linear,color .14s linear;display:inline-flex}.project:hover,.project:focus-visible{outline:none}.project:hover>span:first-child,.project:focus-visible>span:first-child{background:var(--highlight)}.designs-action{justify-content:flex-start;padding-top:0;padding-bottom:0;display:flex}.designs-comment{text-align:start}footer{width:100%;margin-top:calc(var(--code-line-height) * 4)}@keyframes line-enter{0%{opacity:0;filter:blur(5px);transform:translateY(.45em)}}@media (width<=700px){.page-shell{--gutter-width:3ch;--page-padding:14px;--page-top:16px;padding:var(--page-top) 0;font-size:14px}.site-header{gap:0}.project{min-block-size:calc(var(--code-line-height) * 2);align-content:center}.project:not(.designs-action){margin-bottom:var(--code-line-height)}}@media (prefers-reduced-motion:reduce){.code-line,.nav-designs{animation:none}}