*{box-sizing:border-box}html{line-height:1.6}body{margin:0;font-family:sans-serif;background:#353b43;color:#afbac4}h1,h2,h3,h4,h5,h6{color:#fff}a{color:#57cc8a;transition:color .35s;text-decoration:none}a:hover{color:#fff}code{font-family:monospace,monospace;font-size:1em;color:rgba(175,186,196,.8)}pre{overflow:auto}pre code{font-size:.8em}::selection{background:rgba(175,186,196,.25)}::-moz-selection{background:rgba(175,186,196,.25)}.app-header{padding:2.5em;background:#242930;text-align:center}.app-header-avatar{max-width:10rem;max-height:10rem;border-radius:100%;border:.4rem solid #57cc8a}.app-container{padding:2.5rem}.app-header-social{font-size:2em;color:#fff}.app-header-social a{margin:0 .1em}@media(min-width:940px){.app-header{position:fixed;top:0;left:0;width:20rem;min-height:100vh}.app-container{max-width:65rem;margin-left:20rem}}.error-404{text-align:center}.error-404-title{text-transform:uppercase}.icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em}.pagination{display:block;list-style:none;padding:0;font-size:.8em;text-align:center;margin:3em 0}.page-item{display:inline-block}.page-item .page-link{display:block;padding:.285em .8em}.page-item.active .page-link{color:#fff;border-radius:2em;background:#57cc8a}.post-title{color:#fff}.post-content pre{border-left:.4em solid rgba(87,204,138,.8);padding-left:1em}.post-content img{max-width:100%}.post-meta{font-size:.8em}.posts-list{padding:0}.posts-list-item{list-style:none;padding:.4em 0}.posts-list-item:not(:last-child){border-bottom:1px dashed rgba(255,255,255,.3)}.posts-list-item-description{display:block;font-size:.8em}.tag{display:inline-block;margin-right:.2em;padding:0 .6em;font-size:.9em;border-radius:.2em;white-space:nowrap;background:rgba(255,255,255,.1);transition:color .35s,background .35s}.tag:hover{transition:color .25s,background .05s;background:rgba(255,255,255,.3)}.tags-list{padding:0}.tags-list-item{list-style:none;padding:.4em 0}.tags-list-item:not(:last-child){border-bottom:1px dashed rgba(255,255,255,.3)}@media(min-width:450px){.tags-list{display:flex;flex-wrap:wrap}.tags-list-item{width:calc(50% - 1em)}.tags-list-item:nth-child(even){margin-left:1em}.tags-list-item:nth-last-child(2){border:none}}:root{--plum-950:#24172d;--plum-800:#4a2b42;--copper-600:#8a4338;--copper-400:#bd725e;--red-500:#e5272f;--cream-100:#f5e8dc;--cream-200:#ead8ca;--bg:#f3e9df;--ink:#2b1d2a;--body-ink:#4d3b45;--muted:#77636c;--line:#ccb5aa;--link:var(--copper-600);--serif:Georgia, "Times New Roman", serif;--mono:"Courier New", Courier, monospace}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 0%,rgba(138,67,56,.1),transparent 27rem),linear-gradient(180deg,#f7efe7 0%,var(--bg) 32rem);color:var(--ink);font-family:var(--serif);font-size:1rem;line-height:1.6}.is-home{min-height:100vh;background:radial-gradient(circle at 52% 50%,rgba(244,180,151,.26),transparent 30rem),radial-gradient(circle at 18% 20%,rgba(121,80,130,.28),transparent 25rem),linear-gradient(180deg,var(--plum-950) 0%,var(--plum-800) 55%,#7e493f 100%);color:var(--cream-100)}::selection{color:var(--cream-100);background:var(--plum-800)}a{color:inherit;text-decoration:none;transition:color .15s ease}a:hover{color:var(--link)}.skip-link{position:fixed;top:-4rem;left:1rem;z-index:10;padding:.5rem .75rem;background:var(--plum-950);color:var(--cream-100);font:.75rem var(--mono)}.skip-link:focus{top:1rem}.site{width:calc(100% - 3rem);max-width:76rem;margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:5rem;border-bottom:1px solid var(--line)}.is-home .site-header{position:relative;z-index:2;flex-direction:column;justify-content:center;gap:.55rem;min-height:auto;padding-top:2rem;border-bottom:0;text-align:center}.is-home .site-name{gap:0;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--cream-100)}.is-home .site-name span{display:none}.is-home .site-nav{justify-content:center;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;text-transform:none}.is-home .site-nav a{color:rgba(245,232,220,.72)}.is-home .site-nav a:hover,.is-home .site-nav a.is-active{color:#fff}.site-name{display:flex;align-items:center;gap:.8rem;font-size:.95rem}.site-name span{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--copper-400);background:var(--plum-950);color:var(--cream-100);font:.65rem var(--mono);letter-spacing:.08em}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem 1.4rem;font:.7rem var(--mono);text-transform:lowercase}.site-nav a{border-bottom:1px solid transparent}.site-nav a:hover,.site-nav a.is-active{color:var(--link);border-color:initial}main{width:100%;max-width:52rem;min-height:65vh;margin-inline:auto;padding:4.5rem 0 6rem}.is-home main{width:100%;max-width:68rem;min-height:auto;margin-inline:auto;padding:1.5rem 0 2rem}.home-intro{position:relative;z-index:1;margin:0;text-align:center}.is-inner h1,.is-inner h2,.is-inner h3,.is-inner h4,.is-inner h5,.is-inner h6{color:var(--ink)}.page-heading h1,.post-title{margin:0;color:var(--ink);font-family:var(--serif);font-weight:400;letter-spacing:-.045em}.home-intro p{max-width:30rem;margin:.45rem auto 0;color:rgba(245,232,220,.62);font-family:Arial,Helvetica,sans-serif;font-size:.88rem}.home-scene{position:relative;display:grid;place-items:center;width:100%;height:clamp(380px,60vh,650px);margin:0 auto;touch-action:none}.home-scene canvas{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;image-rendering:pixelated;outline:none}.music-toggle{position:absolute;right:.75rem;bottom:.75rem;z-index:4;display:grid;place-items:center;width:2.15rem;height:2.15rem;padding:0;border:1px solid rgba(245,232,220,.28);border-radius:50%;background:rgba(33,26,36,.76);color:rgba(245,232,220,.72);font:1rem/1 Arial,Helvetica,sans-serif;cursor:pointer;touch-action:manipulation;transition:color .18s ease,border-color .18s ease,background .18s ease}.music-toggle:hover,.music-toggle:focus-visible{border-color:rgba(231,162,93,.8);color:#f5e8dc;outline:none}.music-toggle.is-playing{border-color:rgba(229,39,47,.86);background:rgba(79,17,27,.86);color:#f5e8dc;box-shadow:0 0 0 .22rem rgba(229,39,47,.12)}.music-sequencer{position:absolute;right:.75rem;bottom:3.5rem;z-index:5;width:calc(100% - 1.5rem);max-width:35rem;padding:.75rem;border:1px solid rgba(231,162,93,.42);background:rgba(33,26,36,.95);color:rgba(245,232,220,.76);box-shadow:.45rem .45rem rgba(18,12,21,.22);font-family:var(--mono);touch-action:manipulation}.music-sequencer[hidden]{display:none}.sequencer-heading,.sequencer-controls{display:flex;align-items:center;gap:.45rem}.sequencer-heading{justify-content:space-between;margin-bottom:.65rem;color:rgba(245,232,220,.82);font-size:.62rem;letter-spacing:.08em}.sequencer-close,.sequencer-play,.sequencer-reset,.sequencer-stop{padding:.3rem .45rem;border:1px solid rgba(245,232,220,.24);border-radius:0;background:0 0;color:inherit;font:.58rem/1 var(--mono);cursor:pointer}.sequencer-close{padding:.2rem .35rem;border:0;font-size:.85rem}.sequencer-close:hover,.sequencer-play:hover,.sequencer-reset:hover,.sequencer-stop:hover,.sequencer-close:focus-visible,.sequencer-play:focus-visible,.sequencer-reset:focus-visible,.sequencer-stop:focus-visible{border-color:var(--copper-400);color:var(--cream-100);outline:none}.sequencer-stop:disabled{opacity:.38;pointer-events:none}.sequencer-play.is-playing{border-color:var(--red-500);background:rgba(79,17,27,.8);color:var(--cream-100)}.sequencer-grid{display:grid;grid-template-columns:2.7rem repeat(16,minmax(.65rem,1fr));gap:3px;align-items:center}.sequencer-corner,.sequencer-column-label,.sequencer-row-label{color:rgba(245,232,220,.42);font:.5rem/1 var(--mono)}.sequencer-column-label{text-align:center}.sequencer-row-label{padding-right:.25rem;text-align:right}.sequencer-step{min-width:0;height:1.15rem;padding:0;border:1px solid rgba(245,232,220,.14);border-radius:0;background:rgba(245,232,220,.035);cursor:pointer}.sequencer-step.is-beat{border-left-color:rgba(231,162,93,.52)}.sequencer-step.is-active{border-color:rgba(229,39,47,.82);background:rgba(229,39,47,.7)}.sequencer-step.is-current{box-shadow:inset 0 -2px 0 var(--copper-400)}.sequencer-step:hover,.sequencer-step:focus-visible{border-color:var(--copper-400);outline:none}.sequencer-controls{margin-top:.7rem}.sequencer-parameters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.8rem}.sequencer-knob-control{position:relative;display:grid;justify-items:center;gap:.28rem;color:rgba(245,232,220,.5);font-size:.5rem}.sequencer-knob-label{letter-spacing:.06em}.sequencer-knob-control input[type=range]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.sequencer-knob{--knob-angle:-135deg;position:relative;display:block;width:2.7rem;height:2.7rem;border:1px solid rgba(245,232,220,.24);border-radius:50%;background:var(--plum-800);box-shadow:none;cursor:ns-resize;touch-action:none;transform:rotate(var(--knob-angle))}.sequencer-knob::after{position:absolute;top:.2rem;left:50%;width:2px;height:.72rem;background:var(--copper-400);content:"";transform:translateX(-50%)}.sequencer-knob-control input:focus-visible+.sequencer-knob{border-color:var(--copper-400);outline:1px solid var(--copper-400);outline-offset:3px}.sequencer-knob-control output{color:rgba(245,232,220,.76);font-size:.5rem}.sequencer-controls>span{margin-left:auto;color:rgba(245,232,220,.36);font-size:.48rem;letter-spacing:.04em}.scene-tooltip{position:absolute;z-index:3;padding:.35rem .55rem;border-radius:.25rem;background:rgba(23,36,56,.88);color:#fff;font:.72rem Arial,Helvetica,sans-serif;pointer-events:none;transform:translate(12px,-120%);white-space:nowrap}.list-label{display:flex;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid var(--ink);font:.65rem var(--mono);text-transform:uppercase}.posts-list{margin:0;padding:0;list-style:none}.posts-list-item{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1.25rem;padding:1.25rem 0;border-bottom:1px solid var(--line)!important}.posts-list-item time{padding-top:.25rem;color:var(--muted);font:.68rem var(--mono)}.posts-list-item h2{margin:0;color:var(--ink);font:1.1rem/1.35 var(--serif)}.posts-list-item h2 a{color:var(--ink)}.posts-list-item h2 a:hover{color:var(--link)}.posts-list-item p{margin:.75rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.55}.kicker{margin:0 0 1rem;color:var(--muted);font:.65rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.page-heading,.post-header{margin-bottom:3.5rem}.page-heading h1,.post-title{max-width:44rem;font-size:2.6rem;line-height:1.1;letter-spacing:-.025em}.post-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;margin-top:1.5rem;color:var(--muted);font:.65rem var(--mono)}.post-content{max-width:44rem;color:var(--body-ink)}.post-content>p:first-child{color:var(--ink);font-size:1.05rem}.post-content h2,.post-content h3,.post-content h4,.post-content h5{margin:3.5rem 0 1rem;color:var(--ink);font-family:var(--serif);font-weight:400;line-height:1.25}.post-content h3{font-size:1.65rem}.post-content h4,.post-content h5{font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.post-content a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.post-content img{max-width:100%;height:auto;margin:2rem 0;border:1px solid var(--line);border-radius:0;box-shadow:.55rem .55rem rgba(74,43,66,8%)}.post-content figure{margin:2rem 0}.post-content figure img{display:block;margin:0;box-shadow:none}.post-content figcaption{margin-top:.7rem;color:var(--muted);font:.62rem/1.5 var(--mono)}.post-content figcaption p{margin:0}.post-content iframe{max-width:100%;border:1px solid var(--line);background:var(--plum-950)}.post-content blockquote{margin:2rem 0;padding-left:1.5rem;border-left:2px solid var(--copper-400);color:var(--muted);font-style:italic}.post-content pre{overflow-x:auto;padding:1.25rem!important;border:1px solid rgba(189,114,94,.55)!important;background:var(--plum-950)!important;color:var(--cream-100);font-size:.95rem;line-height:1.65;box-shadow:.45rem .45rem rgba(74,43,66,.1)}.post-content code{color:var(--ink);font-family:var(--mono)}.post-content pre code{color:var(--cream-100);font-size:1em}.post-content :not(pre)>code{padding:.12em .32em;background:var(--cream-200)}.tag{padding:0;border:0;border-radius:0;color:var(--link)}.end-mark{margin-top:5rem;color:var(--ink);font-size:.8rem}.site-footer{display:flex;justify-content:space-between;gap:2rem;padding:1.5rem 0 3rem;border-top:1px solid var(--line);color:var(--muted);font:.65rem var(--mono);text-transform:lowercase}.is-home .site-footer{justify-content:center;border-top-color:rgba(245,232,220,.2)}.is-home .site-footer a{color:rgba(245,232,220,.65)}.is-home .site-footer>span{display:none}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.footer-links a{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid transparent;color:var(--muted);text-decoration:none}.footer-links a:hover{border-color:var(--line);color:var(--link)}.footer-links .icon{width:1.05rem;height:1.05rem}.is-home .footer-links a:hover{border-color:rgba(245,232,220,.28);color:var(--cream-100)}.pagination{margin-top:4rem;font-family:var(--mono)}.page-item.active .page-link{border-radius:0;background:var(--plum-800);color:var(--cream-100)}.tags-list-item:not(:last-child){border-bottom-color:var(--line)}@media(max-width:700px){.site{width:calc(100% - 2rem)}.site-header{align-items:flex-start;flex-direction:column;gap:1.25rem;padding:1.5rem 0}.site-nav{justify-content:flex-start;gap:.6rem 1rem}main{padding-top:5rem}.is-home main{padding-top:1.5rem}.home-scene{height:48vh;min-height:330px;margin-top:.5rem}.posts-list-item{grid-template-columns:3rem minmax(0,1fr);gap:1rem}}@media(max-width:460px){.home-intro h1{font-size:2rem}.page-heading h1,.post-title{font-size:2.1rem}.sequencer-controls>span{display:none}.posts-list-item{grid-template-columns:1fr;gap:.4rem}.posts-list-item time{padding:0}.site-footer{flex-direction:column;gap:.75rem}.footer-links{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}