:root{--color-ink:#1b1b1b;--color-mint:#a4ecb0;--color-lavender:#ecd9f6;--color-sky:#bddbff;--color-aqua:#d0f6fe;--color-spring:#d2f7d8;--color-lime:#0ff536;--color-orchid:#dda2fc;--color-orchid-soft:#fcf6ff;--color-azure:#67acff;--color-azure-soft:#e9f3ff;--color-cyan:#6bd8ef;--color-cyan-soft:#eafbff;--color-white:#fff;--color-surface:var(--color-white);--color-mint-cream:#f4fff6;--color-mint-border:#c4e9ca;--color-mint-active:#ddf0e0;--color-sage:#afd1b5;--color-sage-border:#8bb592;--color-wisteria:#e2d1ea;--color-wisteria-border:#c4a9d1;--color-lavender-cream:#fefbff;--color-lilac-border:#edd7f8;--color-stone-gray:#6b6b6b;--color-azure-cream:#f9fbff;--color-sky-border:#cad9eb;--color-gray-light:#f1f1f1;--color-ink-6:rgba(27,27,27,0.06);--color-ink-10:rgba(27,27,27,0.1);--color-ink-14:rgba(27,27,27,0.14);--color-ink-18:rgba(27,27,27,0.18)}*,*::before,*::after{box-sizing:border-box}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}body{line-height:1}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}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.items-baseline{align-items:baseline}.gap-0{gap:0}.gap-1{gap:0.25rem}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.object-cover{object-fit:cover}.m-0{margin:0}.mt-2{margin-top:0.5rem}.p-0{padding:0}.h-auto{height:auto}.h-full{height:100%}.w-auto{width:auto}.ml-auto{margin-left:auto}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-h-0{min-height:0}.overflow-hidden{overflow:hidden}.rounded-sm{border-radius:0.35rem}.align-middle{vertical-align:middle}.text-left{text-align:left}.text-right{text-align:right}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.font-style-normal{font-style:normal}.font-normal{font-weight:400}.block{display:block}.list-none{list-style:none}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.hidden{display:none}.grid{display:grid}@media (min-width:768px){.lg-flex{display:flex}.lg-flex-col{flex-direction:column}.lg-flex-row{flex-direction:row}.lg-block{display:block}.lg-hidden{display:none}.lg-gap-2{gap:0.5rem}}@font-face{font-family:"00Hypertext";src:url("../assets/fonts/00Hypertext-Regular.woff2") format("woff2"),url("../assets/fonts/00Hypertext-Regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"00Hypertext";src:url("../assets/fonts/00Hypertext-Italic.woff2") format("woff2"),url("../assets/fonts/00Hypertext-Italic.woff") format("woff");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:"00Hypertext";src:url("../assets/fonts/00Hypertext-Bold.woff2") format("woff2"),url("../assets/fonts/00Hypertext-Bold.woff") format("woff");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:"00Hypertext";src:url("../assets/fonts/00Hypertext-BoldItalic.woff2") format("woff2"),url("../assets/fonts/00Hypertext-BoldItalic.woff") format("woff");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:"00Hypertext Italic";src:url("../assets/fonts/00Hypertext-Italic.woff2") format("woff2"),url("../assets/fonts/00Hypertext-Italic.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"00Hypertext Bold";src:url("../assets/fonts/00Hypertext-Bold.woff2") format("woff2"),url("../assets/fonts/00Hypertext-Bold.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"00Hypertext Bold Italic";src:url("../assets/fonts/00Hypertext-BoldItalic.woff2") format("woff2"),url("../assets/fonts/00Hypertext-BoldItalic.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}:root{--font-hypertext:"00Hypertext",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-hypertext-italic:"00Hypertext Italic",var(--font-hypertext);--font-hypertext-bold:"00Hypertext Bold",var(--font-hypertext);--font-hypertext-bold-italic:"00Hypertext Bold Italic",var(--font-hypertext);--font-mono:"Roboto Mono",ui-monospace,monospace;--font-mono-system:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--type-roboto-mono-12-font-family:var(--font-mono);--type-roboto-mono-12-font-size:0.75rem;--type-roboto-mono-12-line-height:1rem;--type-roboto-mono-12-letter-spacing:-0.01em}html,body{font-family:var(--font-hypertext)}.body-text{font-family:var(--font-hypertext);font-style:normal;font-weight:400;font-size:1.25rem;line-height:1.2;letter-spacing:-0.03em;color:var(--color-ink)}.type-roboto-mono-12-caps{font-family:var(--type-roboto-mono-12-font-family);font-style:normal;font-weight:400;font-size:var(--type-roboto-mono-12-font-size);line-height:var(--type-roboto-mono-12-line-height);letter-spacing:var(--type-roboto-mono-12-letter-spacing);text-transform:uppercase;text-align:center}@media (min-width:768px){.body-text{font-size:1.5rem}}html{height:100vh;max-height:100vh;overflow:hidden}body{min-height:100vh;height:100vh;max-height:100vh;margin:0;overflow:hidden;background-color:var(--color-surface);transition:background-color 260ms ease}dropdown-panel:not(:defined){display:block;min-height:0}dropdown-trigger:not(:defined){display:inline}image-element:not(:defined){display:block;min-height:0}moodboard-panel:not(:defined){display:block;min-height:0;width:100%;max-width:100%}blog-panel:not(:defined){display:block;min-height:0}.main-content{height:100vh;max-height:100vh}.container{padding:7.5rem 1rem;transition:padding 360ms cubic-bezier(0.45,0,0.55,1)}.container.article-open{padding-top:2rem}.container.moodboard-open{padding:8rem 0 2rem 0rem}.paragraph-container{width:min(100%,42rem);align-self:center;contain:layout}.paragraph-container p{text-align:left}.middle-line{margin-top:0.75rem;--dropdown-scroll-max-height:min(48vh,calc(100vh - 14rem))}.bottom-line{margin-top:1rem}.middle-line-mobile-margin,.middle-line-mobile-margin--note-taker{display:inline-block;margin-top:1rem}image-element.hero-image{margin-top:4rem;max-width:70%;flex-shrink:0;transition:transform 600ms cubic-bezier(0.45,0,0.55,1);transform:translate3d(0,0,0)}image-element.hero-image.hero-image--exit{transform:translate3d(0,calc(100vh+100%),0)}image-element.image-dock{position:fixed;top:1.25rem;left:1.25rem;z-index:30;margin-top:0;transform:translate3d(0,calc(-100vh - 100%),0);opacity:0;visibility:hidden}image-element.image-dock.image-dock--prep-open{visibility:visible;opacity:1}image-element.image-dock.image-dock--prep-open.image-dock--open-anim{transition:transform 480ms cubic-bezier(0.45,0,0.55,1);transform:translate3d(0,0,0)}image-element.image-dock.image-dock--shown:not(.image-dock--exit){visibility:visible;opacity:1;transform:translate3d(0,0,0)}image-element.image-dock.image-dock--exit{visibility:visible;opacity:1;transition:transform 460ms cubic-bezier(0.45,0,0.55,1);transform:translate3d(0,calc(-100vh - 100%),0)}video-element.hero-image{width:70%;transition:transform 600ms cubic-bezier(0.45,0,0.55,1);transform:translate3d(0,0,0)}video-element.hero-image.hero-image--exit{transform:translate3d(0,calc(100vh+100%),0)}video-element.image-dock{position:fixed;top:1.25rem;left:1.25rem;z-index:30;margin-top:0;transform:translate3d(0,calc(-100vh - 100%),0);opacity:0;visibility:hidden}video-element.image-dock.image-dock--prep-open{visibility:visible;opacity:1}video-element.image-dock.image-dock--prep-open.image-dock--open-anim{transition:transform 480ms cubic-bezier(0.45,0,0.55,1);transform:translate3d(0,0,0)}video-element.image-dock.image-dock--shown:not(.image-dock--exit){visibility:visible;opacity:1;transform:translate3d(0,0,0)}video-element.image-dock.image-dock--exit{visibility:visible;opacity:1;transition:transform 460ms cubic-bezier(0.45,0,0.55,1);transform:translate3d(0,calc(-100vh - 100%),0)}.intro-line,.middle-line,.bottom-line{transition:transform 320ms cubic-bezier(0.45,0,0.55,1),opacity 240ms ease}.blog-article--exit-up{transform:translateY(-100vh);opacity:0}.blog-article--exit-down{transform:translateY(100vh);opacity:0}@media (max-width:767px){image-element.hero-image.hero-image--exit,video-element.hero-image.hero-image--exit{transform:translate3d(0,calc(100vh+200%),0)}}@media (min-width:768px){video-element.hero-image{width:35%}.middle-line{margin-top:0.75rem}.container{padding-left:0;padding-right:0}.container.moodboard-open{padding-left:2rem;padding-right:2rem}image-element.hero-image{margin-top:auto;max-width:none}.middle-line-mobile-margin{display:revert;margin-top:0.75rem}.middle-line-mobile-margin--note-taker{margin-top:0}}@media (prefers-reduced-motion:reduce){image-element.hero-image,image-element.image-dock{transition-duration:0.01ms !important;transition-timing-function:linear !important}.intro-line,.middle-line,.bottom-line{transition-duration:0.01ms !important;transition-timing-function:linear !important}}.article-open .panel-list{margin-top:0}.panel-list__item{background-color:var(--color-mint-cream);padding:1rem;border-radius:0.5rem;border:1px solid var(--color-mint-border)}.panel-list__item:first-child{margin-top:0}.panel-list__button{border:none;background:none;color:inherit;font-family:var(--font-hypertext);font-size:1rem;line-height:1.3;letter-spacing:0}.panel-list__title-fallback{font-family:var(--font-hypertext);font-size:1.125rem;line-height:1.3}@media (min-width:768px){.panel-list__button{font-size:1.125rem}}.panel-scroll__viewport{overflow-y:scroll;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.panel-scroll__viewport::-webkit-scrollbar{display:none}.panel-scroll__viewport[hidden],.panel-scroll__article-wrap[hidden],.panel-scroll__article[hidden]{display:none !important}.panel-scroll__load-sentinel{height:1px}.panel-scroll__list-footer{flex-shrink:0;margin-top:1rem}.panel-scroll__list-footer__status{font-family:var(--font-mono);font-size:0.75rem;line-height:1.25rem;letter-spacing:-0.01em}.panel-scroll__article{position:relative;overflow-y:scroll;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2rem 1rem;border-radius:0.875rem}.panel-scroll__article::-webkit-scrollbar{display:none}#blog .panel-scroll__article{background:var(--color-mint-cream);border:1px solid var(--color-mint-border)}#code-panel .panel-scroll__article{background:var(--color-lavender-cream);border:1px solid var(--color-lilac-border)}.panel-detail__back{position:absolute;top:0.75rem;right:0.75rem;padding:0.5rem;background:transparent;border:none;color:inherit}.panel-detail__back svg{width:0.75rem;height:0.75rem}.panel-scroll__article>:not(.article-body){flex-shrink:0}.panel-scroll__custom-bar-thumb{position:absolute;right:0.375rem;top:0;width:0.5rem;height:6.375rem;border-radius:1.5rem;pointer-events:none;display:none;z-index:2;will-change:transform}#blog .panel-scroll__custom-bar-thumb{background-color:var(--color-sage);border:1px solid var(--color-sage-border)}#code-panel .panel-scroll__custom-bar-thumb{background-color:var(--color-wisteria);border:1px solid var(--color-wisteria-border)}@media (min-width:768px){.panel-scroll__article{padding:2rem}}.content-skeleton{padding:0.25rem 0 1rem;min-height:12rem}.content-skeleton__line{height:0.85rem;border-radius:0.25rem;background:linear-gradient( 90deg,var(--color-ink-10) 0%,var(--color-ink-18) 50%,var(--color-ink-10) 100% );background-size:200% 100%;animation:skeleton-shimmer 1.15s ease-in-out infinite}.content-skeleton__line--lg{height:1.15rem;width:78%}.content-skeleton__line--sm{width:42%}@media (prefers-reduced-motion:reduce){.content-skeleton__line{animation:none;background:var(--color-ink-14)}}@keyframes skeleton-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}.article-title{margin:0;font-family:var(--font-hypertext);font-size:1.25rem;line-height:1.25}.article-body{font-family:var(--font-hypertext);font-size:1rem;line-height:1.45;color:var(--color-ink);margin-top:1.5rem}.panel-scroll__article .article-body[aria-busy='true']{min-height:min(14rem,45vh)}.article-body:is(i,b,b i,i b){font-style:normal;font-weight:400}.article-body i{font-family:var(--font-hypertext-italic)}.article-body b{font-family:var(--font-hypertext-bold)}.article-body:is(b i,i b){font-family:var(--font-hypertext-bold-italic)}.article-body>*:first-child{margin-top:0}.article-body>*:last-child{margin-bottom:0}.article-body p{margin:0.65rem 0}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{margin:1rem 0 0.5rem;font-family:var(--font-hypertext);font-weight:400;line-height:1.2}.article-body h1{font-size:1.35rem}.article-body h2{font-size:1.25rem}.article-body h3{font-size:1.15rem}.article-body ul,.article-body ol{margin:0.5rem 0;padding-left:1.5rem;list-style-position:outside}.article-body ul{list-style-type:disc}.article-body ol{list-style-type:decimal}.article-body ul ul{list-style-type:circle}.article-body ul ul ul{list-style-type:square}.article-body li{margin:0.25rem 0}.article-body blockquote{margin:0.75rem 0;padding-left:0.85rem;border-left:3px solid var(--color-mint-border);opacity:0.95}.article-body a{color:inherit;text-underline-offset:0.12em}.article-body code{font-family:var(--font-mono-system);font-size:0.92em}.article-body pre{margin:0.65rem 0;padding:0.65rem 0.75rem;overflow-x:auto;border-radius:0.5rem;background:var(--color-ink-6);border:1px solid var(--color-mint-border)}.article-body pre code{font-size:0.88em}.article-body hr{margin:1rem 0;border:none;border-top:1px solid var(--color-mint-border)}.article-error{font-style:normal;color:var(--color-ink)}.rich-text-embed,.rich-text-embed-fallback{margin:0.65rem 0}.rich-text-embed-btn,.rich-text-embed-inline-btn,.rich-text-inline-entry{margin:0;padding:0;border:none;background:none;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:0.12em}dropdown-panel#blog{--dropdown-scroll-max-height:min(48vh,calc(100vh - 14rem))}dropdown-panel#blog.blog-panel--article{--dropdown-scroll-max-height:calc(100vh - 4rem)}dropdown-panel#blog::part(panel){transition:margin-top 360ms cubic-bezier(0.45,0,0.55,1)}dropdown-panel#blog.blog-panel--article::part(panel){margin-top:0}dropdown-panel#blog:not([open]) #blog-panel{display:none !important}.article-open dropdown-panel#blog:not([open]),.article-open dropdown-panel#writes-code:not([open]),.article-open dropdown-panel#makes-music,.article-open dropdown-panel#collects-moods{display:none}.article-open .intro-line{display:none}.article-open .middle-line.blog-article--exit-down{display:none}.article-open:has(dropdown-panel#writes-code[open]) .intro-line,.article-open:has(dropdown-panel#writes-code[open]) dropdown-panel#blog{display:none}.blog-year-filter{margin-top:0.375rem;margin-bottom:0.75rem}accessible-select.blog-year-filter:not(:defined){display:block;min-height:2.75rem;margin-bottom:1.75rem}.blog-post-meta__date,.blog-post-meta__reading{font-family:var(--font-mono);color:var(--color-stone-gray);font-size:0.75rem}.blog-post__figure{margin:0.65rem 0}@media (min-width:768px){.blog-year-filter{margin-top:0.75rem;margin-bottom:1.5rem}}dropdown-panel#writes-code:not([open]) #code-panel{display:none !important}dropdown-panel#writes-code.code-panel--article{--dropdown-scroll-max-height:calc(100vh - 4rem)}dropdown-panel#writes-code.code-panel--article::part(panel){margin-top:0}.code-project-meta{font-family:var(--font-mono);font-size:0.75rem;color:var(--color-stone-gray)}#code-panel .panel-list__item{background-color:var(--color-lavender-cream);border:1px solid var(--color-lilac-border)}#code-panel .panel-list__item .code-project-meta.code-project-meta--list{padding-right:1rem}.code-project__hero{margin-top:1.5rem}.code-project__figure img{max-width:50%}dropdown-panel#makes-music:not([open]) #music-panel{display:none !important}#music-panel .panel-list__item.music-project{background-color:var(--color-azure-cream);border:1px solid var(--color-sky-border)}.music-project__media{width:5rem;height:5rem}.music-project__title{font-family:var(--font-hypertext);font-size:1.5rem}.music-project__date{color:var(--color-stone-gray);font-family:var(--font-mono);font-size:0.75rem}.music-project__meta{margin:0.25rem 0 0 0;color:var(--color-stone-gray);font-family:var(--font-hypertext);font-size:1.125rem}.music-project__credits{font-family:var(--font-hypertext)}.music-project__credit{background-color:var(--color-gray-light);border-radius:0.375rem;padding:0.5rem;font-family:var(--font-mono);font-size:0.75rem}.music-project__links{gap:0.625rem}.music-project__link{font-family:var(--font-hypertext);font-size:1rem;color:var(--color-ink)}.music-project__link:hover{color:var(--color-ink)}@media (min-width:768px){.music-project__shell{display:grid;grid-template-columns:5rem 1fr;column-gap:0.75rem}.music-project__top{display:contents}.music-project__media{grid-column:1;grid-row:1 / 3;align-self:stretch;height:auto}.music-project__top-text{grid-column:2;grid-row:1;justify-content:space-between}.music-project__bottom{grid-column:2;grid-row:2;justify-content:space-between;align-items:center;gap:0}.music-project__title{font-size:1.125rem}}dropdown-panel#collects-moods:not([open]) #moodboard-panel{display:none !important}.moodboard-open dropdown-panel#collects-moods{--dropdown-scroll-max-height:calc(100vh - 10rem)}@media (max-width:767px){.moodboard-open dropdown-panel#collects-moods{--dropdown-scroll-max-height:calc(100vh - 8rem)}}.moodboard-open .paragraph-container{width:100%}.moodboard-open dropdown-panel#collects-moods::part(panel){margin-top:0}.moodboard-panel__lede{flex-shrink:0;margin:0 0 1rem}.moodboard-panel__row .moodboard-panel__img{flex:1 1 50%}.moodboard-panel__gallery>.moodboard-panel__img{align-self:stretch}.moodboard-panel__row .moodboard-panel__img:only-child{flex-basis:100%}.moodboard-panel__status{font-family:var(--font-mono);font-size:0.75rem;line-height:1.25rem}.moodboard-panel__status--error{color:var(--color-ink,inherit)}@media (max-width:767px){#moodboard-scroll-wrap{scroll-snap-type:y mandatory}.moodboard-panel__gallery>.moodboard-panel__img{scroll-snap-align:start}}