:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fafbfc;--ink:#17202b;--muted:#596575;--line:#dce2e9;--blue:#395caa;--red:#ae343b;--content-gutter:10vh}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#000;--ink:#edf1f7;--muted:#a1acbc;--line:#303946;--blue:#395caa;--red:#e04643}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#000;--ink:#edf1f7;--muted:#a1acbc;--line:#303946;--red:#e04643}:root[data-theme=system] .overlay{background:#000}}html body{background:var(--paper);color:var(--ink);font-family:Inter,sans-serif;font-weight:700}body main{height:auto;min-height:100vh}body a,body a:hover{color:var(--ink)}body a:focus-visible,body button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}body .pieces{float:none;width:min(1100px,calc(100% - var(--content-gutter)*2));max-width:1100px;color:var(--ink);transform-origin:50% 35%;display:block;margin:140px var(--content-gutter) 80px!important}body .pp{display:block;font-size:1rem!important;overflow:visible!important}body .menu_display{margin:0 0 68px;font-family:Inter,sans-serif}body .pp .identity-name{color:var(--ink);letter-spacing:-.5px;font-size:20px;font-weight:700}body .pp .subtitle{float:none;color:var(--muted);margin-top:8px;font:700 12px Roboto Mono,monospace}body .content__bottom{background:var(--paper);font-size:13px}body .content__bottom:has(.switch.mode--code){background:0 0}body .switch__item{color:var(--muted)}body .switch__item--current{background:var(--blue);color:var(--paper)}body .mode--code .switch__item--current{background:var(--red);color:var(--paper)}body .switch__item:first-child:after{background:var(--line)}body .contact-link{color:var(--ink);font-weight:700}body .menu--code .menu__link,body .mode--code{color:var(--red)}body .link-wrap{gap:28px}.theme-toggle{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:10px 0;font:700 12px/1 Roboto Mono,monospace;display:inline-flex}.theme-icon,.theme-toggle span{display:block}.theme-icon{flex-shrink:0}.theme-icon--dark{transform:rotate(180deg)}body .overlay{background:#963c480e}:root[data-theme=dark] .overlay{background:#000}body .menu--code{font-weight:700}body .menu--code .menu__link:hover{color:var(--ink)}body .js .loading,html.js .loading{background:var(--paper)}html.js .loading:after{animation-name:themeLoader}@keyframes themeLoader{0%{content:"- - - - - - - - - - - -";color:var(--ink)}25%{content:"$ - - - a - - - + - - -";color:var(--blue)}50%{content:"m - # - a - & - i - a -";color:var(--red)}75%{content:"m * c - a - l - i - @ h";color:var(--ink)}to{content:"m i c h a e l - i s a h";color:var(--red)}}.profile{font-family:Inter,sans-serif}.profile .eyebrow{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 24px;font:700 12px Roboto Mono,monospace}.profile h1{max-width:900px;color:var(--ink);letter-spacing:-.055em;margin:0;font-size:clamp(40px,5.2vw,76px);font-weight:700;line-height:1.06}.profile h1 span{color:var(--blue)}.practice p,.profile .intro,.profile-footer p{font-weight:400}.profile .intro{max-width:660px;color:var(--muted);letter-spacing:-.015em;margin:32px 0 64px;font-size:20px;line-height:1.65}.profile-detail{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:72px;padding-top:28px;display:grid}.profile-detail h2{color:var(--muted);margin:0;font-family:Roboto Mono,monospace;font-size:13px;font-weight:700}.practice{grid-template-columns:1fr 1fr;gap:32px;display:grid}.practice h3{color:var(--ink);margin:0 0 12px;font-size:17px;font-weight:700}.practice p{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.profile-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;margin-top:48px;padding-top:22px;font-size:13px;line-height:1.7;display:flex}.profile-footer p{margin:0}.portfolio-section{margin-top:56px}#content_design,.portfolio-section{scroll-margin-top:120px}.work-list{gap:32px;display:grid}.work-entry+.work-entry{border-top:1px solid var(--line);padding-top:28px}.work-entry h3{margin:8px 0 12px;font-size:22px;font-weight:700}.work-entry p{color:var(--muted);margin:0;font-size:15px;font-weight:400;line-height:1.75}.work-entry .work-role{font-family:Roboto Mono,monospace;font-size:12px}.work-entry .work-stack{margin-top:12px;font-size:13px}body .profile a{color:var(--ink);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}body .profile a:hover{color:var(--blue)}.work-link{margin-top:14px;font-size:13px;display:inline-block}@media (width<=700px){body .pieces{margin:112px var(--content-gutter) 40px!important}body .link-wrap{gap:16px}body .menu_display{margin-bottom:44px}.profile .intro{margin:24px 0 40px;font-size:17px}.profile-detail{grid-template-columns:1fr;gap:24px}.practice{gap:24px}.profile-footer{flex-direction:column;gap:10px}}@media (width<=420px){.practice{grid-template-columns:1fr}.theme-toggle{gap:4px;font-size:11px}body .link-wrap{gap:12px}}@media (width<=979px){:root{--content-gutter:5vh}}@media (aspect-ratio<=597/916),(width<=500px){:root{--content-gutter:15px}}@media (prefers-reduced-motion:reduce){body .pieces{transform:none!important}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::selection{color:#fff;background:#395caa}::selection{color:#fff;background:#395caa}*{-webkit-overflow-scrolling:touch}*,:after,:before{box-sizing:border-box}:focus{outline:none}.no-move{transform:none!important}.fl{float:left;position:relative}.subtitle{font-size:.6em}.row{margin-left:0!important;margin-right:0!important}select{-webkit-appearance:none;-webkit-border-radius:0}input:focus,textarea:focus{outline:none}body{color:#585656;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;margin:0;padding:0;font-family:Roboto,sans-serif;font-weight:700}main{width:100%;height:100vh}.a_s{color:orange!important}.ads{color:#41b882!important}.ada2{color:#bbdbff!important}.a_p{color:#84e8e1!important}.ap_p{border:none;padding:2px;color:#0b7745!important}.ap_p_2{background-color:#0c3c26;border:none;padding:10px;color:#fff!important}.ap_p_2:hover{background-color:#0000;border-bottom:2px solid #0c3c26;padding-bottom:1px}.ad{color:#e74430!important}.ac{color:#b2bffb!important}.as{color:#6dcc9e!important}.green_bully{color:green!important}a{cursor:pointer;outline:none;text-decoration:none}a,a:hover{color:#fff}a:focus{outline:none}.aa{border-bottom:2px solid #395caa;padding-bottom:1px;color:#fff!important}.aa:hover{text-shadow:none;background:#395caa;color:#000!important}.hidden{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.js .loading{z-index:2000;color:#e04643;background:#000;width:100%;height:100%;font-size:1em;transition:opacity .3s;position:fixed;top:0;left:0}.js .loading--hide{pointer-events:none;opacity:0}.js .loading:after{content:"m i c h a e l 🔥 i s a h";justify-content:center;align-items:center;width:100%;height:100%;font-family:Roboto Mono,monospace;font-size:1.5em;animation:1s infinite alternate forwards animLoader;display:flex;position:absolute;top:0;left:0}.ar{z-index:300!important}.the_p{color:#f9bf11!important}@keyframes th_p{0%{text-shadow:0 0 5px #d6921b,0 0 5px #d6921b,0 0 10px #d6921b}25%{text-shadow:none}50%{text-shadow:0 0 5px #d6921b,0 0 5px #d6921b,0 0 10px #d6921b}75%{text-shadow:none}to{text-shadow:0 0 5px #d6921b,0 0 5px #d6921b,0 0 10px #d6921b}}.the_pp{color:#ea1e31!important}@keyframes th_pp{0%{text-shadow:0 0 5px #ea1e31,0 0 5px #ea1e31,0 0 10px #ea1e31}25%{text-shadow:none}50%{text-shadow:0 0 5px #ea1e31,0 0 5px #ea1e31,0 0 10px #ea1e31}75%{text-shadow:none}to{text-shadow:0 0 5px #ea1e31,0 0 5px #ea1e31,0 0 10px #ea1e31}}@keyframes animLoader{0%{content:"- - - - - - - - - - - -";color:#fff}25%{content:"$ - - - a - - - + - - -";color:#395caa}50%{content:"m - # - a - & - i - a -";color:#e04643}75%{content:"m * c - a - l - i - @ h";color:#fff}to{content:"m i c h a e l - i s a h";color:#e04643}}.github{margin:0 2em 0 auto;font-size:.875em}.btn{background:0 0;border:none}.btn:focus{outline:none}.btn--menu{color:#585656;margin:0 0 0 2em;padding:0;font-size:1em}.btn--menu .icon--menu-alt,.btn--menu.mode--code .icon--menu{display:none}.btn--menu.mode--code .icon--menu-alt,.icon{display:block}.icon{fill:currentColor;width:1.5em;height:1.5em;margin:0 auto}.content,.content__inner{z-index:100;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.content__inner{z-index:100;flex-direction:column;align-content:flex-start;padding:10vh}.content__top{flex:none;align-items:center;width:100%;display:none}.title{z-index:200;align-items:center;height:1.75em;margin:0;font-size:1em;font-weight:400;line-height:1;display:flex;color:#fff!important}.title__inner.mode--design{font-size:1.5em}.title__inner.mode--code{text-transform:lowercase}.controls{justify-content:space-between;align-items:center;width:5em;margin:-10px 0 0 auto;display:flex;z-index:auto!important;font-size:1.5em!important}.menu--code .menu__link,.mode--code{text-transform:lowercase;color:#e04643;font-family:Roboto Mono,monospace}.menu{flex:none;width:100%;margin:2em 0 0 auto}.menu_display{display:block!important}.menu__inner{margin:0;padding:0;list-style:none}.menu--code{flex:none;width:100%;margin:auto 0;font-size:2em}.menu:not(.menu--code) .menu__item{position:relative}.menu__item:not(:last-child){margin:0}.js .menu--code{display:none}.menu__link{display:inline-block}.menu--code .menu__link:hover{color:#fff}.content__bottom{width:100%;min-height:100px;margin:auto 0 0;padding:0 10vh;position:fixed;top:0;left:0;z-index:2000!important}.content__bottom,.switch{align-items:center;display:flex}.switch{position:relative}.switch__content{display:flex}.switch__item{color:#585656;margin:0 1.5em 0 0;padding:0 0 .15em;line-height:1}.switch__item,.switch__item span{display:inline-block;position:relative}.switch__item span{pointer-events:none}.switch__item--current{pointer-events:none;color:#232323;background-color:#395caa;padding:2px}.mode--code .switch__item--current{color:#232323;background-color:#e04643}.switch__item:first-child:after{content:"";background:#464646;width:1px;height:110%;position:absolute;top:-5%;left:calc(100% + .75em);transform:rotate(22.5deg)}.link-wrap{align-items:center;height:4em;margin:0 0 0 auto;display:flex}.contact-link{padding:1em 0;display:inline-block}.overlay{pointer-events:none;opacity:0;background:#6b575638;width:100%;height:100%;position:fixed;top:0;left:0}.typed-cursor{visibility:hidden}@media screen and (width<=40em){.content__top{font-size:.5em}.content__bottom{padding:1em 1em 0;font-size:.85em}.menu{font-size:1em}.content__inner{padding:1em 1em 0}.menu--code{text-align:left}.controls{width:10em;margin-top:5px}.title__inner.mode--code,.title__inner.mode--design{margin-top:12px;font-size:2em}.js .loading{font-size:.8em}.container{font-size:1em!important}}.container{padding-left:0!important;padding-right:0!important;font-size:.9em!important}.pieces{color:#fff;z-index:150;float:left;background-position:0 0;background-repeat:no-repeat;background-size:100%;flex-flow:column wrap;flex:none;max-width:1000px;height:auto;margin:5vw 10vh;display:flex;position:relative;font-family:Roboto Mono,monospace!important}.midd{overflow:hidden}.midd,.pp{height:100%}.pp{box-sizing:content-box;flex-direction:column;-webkit-box-align:start;justify-content:flex-start;width:100%;font-size:2em;display:inline-flex;overflow:auto!important}.pp a{color:#e04643;cursor:pointer;outline:none;text-decoration:none}.piece{pointer-events:none}.router-view-wrapper{width:100%}.re_g,.router-view-wrapper{transition:all .3s ease-out}.re_g{opacity:0}.re_r{opacity:1;transition:all .3s ease-out 1s}@media screen and (aspect-ratio<=597/916){.content__bottom{min-height:auto;padding:0 15px!important}.pieces{margin:10vw 15px!important}}@media screen and (width<=979px){.pieces{margin:5vw 5vh}.content__bottom{padding:0 5vh}.content__inner{padding:5vw 5vh}}@media screen and (width<=500px){.subtitle{font-size:.85em}.pieces{margin:10vw 15px!important;font-size:.55em!important}.content__bottom{min-height:auto;padding:0 15px}.content__inner{padding:0 15px}}