:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fafbfc;--ink:#17202b;--muted:#596575;--line:#dce2e9;--blue:#395caa;--red:#ae343b;--selection-bg:var(--blue);--content-gutter:10vh}:root[data-view=menu]{--selection-bg:var(--red)}: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:has(.works-page){transition:background-color .7s cubic-bezier(.2,.8,.2,1)}body:has(.works-page[data-active-project=kweekatel]){background-color:color-mix(in srgb,var(--paper) 93%,#70d891)}body:has(.works-page[data-active-project=zippi]){background-color:color-mix(in srgb,var(--paper) 93%,#8b79df)}body:has(.works-page[data-active-project=mustard]){background-color:color-mix(in srgb,var(--paper) 92%,#f0cc3d)}body:has(.works-page[data-active-project=previous]){background-color:color-mix(in srgb,var(--paper) 95%,var(--blue))}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{font-size:13px}@media (width<=700px){body .content__bottom{background:var(--paper)}}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}.utility-controls{align-items:center;gap:3px;display:inline-flex}.icon-toggle{width:27px;height:27px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.icon-toggle:hover{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}.control-icon{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px;display:block}.theme-toggle .control-icon circle{fill:none}.sound-toggle:not([aria-pressed=true]){opacity:.7}.content__bottom:has(.switch.mode--code) .theme-toggle{text-transform:lowercase}body .overlay{background:#963c480e}:root[data-theme=dark] .overlay{background:#000}body .menu--code{font-size:1.7em;font-weight:700}body .menu--code[data-ready=true] .menu__link:hover{color:var(--ink)}body .menu--code[data-ready=false] .menu__link:hover{color:var(--red)}.menu-flame{z-index:0;isolation:isolate;transform-origin:50% 90%;filter:saturate(1.08)drop-shadow(0 1px 2px #e0464347);display:inline-block;position:relative}.menu-flame:after,.menu-flame:before{content:"";z-index:-1;pointer-events:none;border-radius:50%;transition:width .24s,height .24s,opacity .24s;position:absolute;transform:translate(-50%,-50%)}.menu-flame:before{filter:blur(9px);opacity:.4;background:radial-gradient(circle,#ffb33057 0,#e0464329 42%,#0000 72%);width:76px;height:64px;top:58%;left:50%}.menu-flame:after{filter:blur(18px);opacity:.32;background:radial-gradient(#e046431f 0,#ff99200f 42%,#0000 72%);width:150px;height:105px;top:64%;left:60%}.menu-flame:hover:before{opacity:.92;width:112px;height:96px}.menu-flame:hover:after{opacity:.78;width:205px;height:145px}:root[data-view=menu] .menu-flame{animation:1.05s cubic-bezier(.45,0,.55,1) infinite flameFlicker}:root[data-view=menu] .menu-flame:before{animation:.78s ease-in-out infinite alternate flameGlow}:root[data-view=menu] .menu-flame:after{animation:1.45s ease-in-out infinite alternate ambientFirelight}:root[data-theme=dark][data-view=menu] .menu-flame,:root[data-theme=system][data-view=menu] .menu-flame{filter:saturate(1.18)brightness(1.06)drop-shadow(0 2px 4px #ff742099)drop-shadow(0 0 12px #e0464359)}:root[data-theme=dark][data-view=menu] .menu-flame:before,:root[data-theme=system][data-view=menu] .menu-flame:before{opacity:.82}:root[data-theme=dark][data-view=menu] .menu-flame:after,:root[data-theme=system][data-view=menu] .menu-flame:after{opacity:.68}@keyframes flameFlicker{0%{transform:translateY(1px)rotate(-1.5deg)skew(-1deg)scaleX(.97)}18%{transform:translateY(-1px)rotate(1.2deg)skew(1.5deg)scale(1.01,1.06)}39%{transform:translateY(-2px)rotate(-2.2deg)skew(-2deg)scale(.99,1.1)}61%{transform:translateY(0)rotate(1.8deg)skew(1deg)scale(1.04,1.03)}79%{transform:translateY(-2px)rotate(-.5deg)skew(-1deg)scale(.98,1.08)}to{transform:translateY(1px)rotate(1deg)skew(.5deg)scale(1.01)}}@keyframes flameGlow{0%{filter:blur(10px);transform:translate(-50%,-50%)scale(.82,.9)}to{filter:blur(13px);transform:translate(-50%,-52%)scale(1.14,1.08)}}@keyframes ambientFirelight{0%{transform:translate(-50%,-50%)scale(.88)}to{transform:translate(-48%,-52%)scale(1.16)}}@media (prefers-reduced-motion:reduce){:root[data-view=menu] .menu-flame,:root[data-view=menu] .menu-flame:after,:root[data-view=menu] .menu-flame:before{animation:none}}@media (prefers-color-scheme:light){:root[data-theme=system][data-view=menu] .menu-flame{filter:saturate(1.08)drop-shadow(0 1px 2px #e0464347)}:root[data-theme=system][data-view=menu] .menu-flame:before{opacity:.4}:root[data-theme=system][data-view=menu] .menu-flame:after{opacity:.32}}body .js .loading,html.js .loading{background:var(--paper)}html.js .loading:after{animation-name:themeLoader}.page-soft-enter-active,.page-soft-leave-active{transition:opacity .22s,transform .28s cubic-bezier(.2,.8,.2,1)}.page-soft-enter-from{opacity:0;transform:translateY(8px)}.page-soft-leave-to{opacity:0;transform:translateY(-5px)}@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:760px;color:var(--ink);letter-spacing:-.055em;margin:0;font-size:clamp(34px,4.2vw,60px);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:600px;color:var(--muted);letter-spacing:-.015em;margin:26px 0 58px;font-size:17px;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}.site-footer{width:100%;font-family:Inter,sans-serif!important}.site-footer,.site-footer a,.site-footer button,.site-footer p{letter-spacing:0}body .site-footer a,body .site-footer a:visited{color:var(--ink);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}body .site-footer a:hover{color:var(--blue);text-decoration:underline}.footer-contact{appearance:none;color:var(--ink);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.footer-contact:hover{color:var(--blue)}.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}.work-entry--linked{cursor:pointer;border-radius:4px}.work-entry--linked:focus-visible{outline:2px solid var(--blue);outline-offset:8px}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}body .pieces:has(.works-page){width:min(1360px,calc(100% - var(--content-gutter)*2));max-width:1360px}.works-page{-moz-column-gap:clamp(32px,4vw,72px);grid-template-columns:minmax(190px,.72fr) minmax(0,2.7fr);align-items:start;column-gap:clamp(32px,4vw,72px);font-family:Inter,sans-serif;display:grid}.works-intro{grid-column:1;position:sticky;top:96px}.works-kicker,.works-number{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 18px;font:700 11px/1.6 Roboto Mono,monospace}.works-intro h1{color:var(--ink);letter-spacing:-.05em;margin:0;font-size:clamp(30px,3vw,48px);line-height:1.03}.works-intro>p:not(.works-kicker){color:var(--muted);margin:24px 0 0;font-size:14px;font-weight:400;line-height:1.7}body .works-back,body .works-back:visited{color:var(--blue);text-underline-offset:5px;margin-top:28px;font:700 12px Roboto Mono,monospace;text-decoration:underline;display:inline-block}.works-intro-actions{flex-wrap:wrap;align-items:center;gap:12px 22px;display:flex}body .works-contact{appearance:none;color:var(--blue);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;margin-top:28px;padding:0;font:700 12px Roboto Mono,monospace;text-decoration:underline;display:inline-block}.works-projects{grid-column:2;gap:112px;min-width:0;display:grid}.works-project{grid-template-columns:minmax(250px,1fr) minmax(460px,1.7fr);align-items:start;gap:clamp(32px,4vw,72px);min-width:0;scroll-margin-top:96px;display:grid}.works-copy{align-self:start;position:sticky;top:96px}.works-copy h2{letter-spacing:-.04em;margin:0;font-size:clamp(26px,2.4vw,36px);line-height:1}.works-copy h2 button{appearance:none;color:var(--ink);font:inherit;letter-spacing:inherit;text-underline-offset:7px;cursor:zoom-in;background:0 0;border:0;margin:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.works-copy h2 button:hover{color:var(--blue)}.works-copy h2 button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.works-summary{color:var(--muted);letter-spacing:-.015em;margin:24px 0 0;font-size:16px;font-weight:400;line-height:1.6}.works-notes{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.works-notes li{color:var(--muted);letter-spacing:-.01em;font-size:13px;font-weight:400;line-height:1.55}.works-links{flex-wrap:wrap;gap:10px 18px;margin-top:24px;display:flex}body .works-links a{color:var(--ink);text-underline-offset:5px;font-size:13px;text-decoration:underline}.works-gallery{gap:18px;min-width:0;display:grid}.works-gallery figure{border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 90%,var(--ink));border-radius:16px;margin:0;overflow:hidden}.works-image-button{width:100%;color:var(--ink);cursor:zoom-in;text-align:left;background:0 0;border:0;padding:0;display:block;position:relative}.works-gallery img{width:100%;height:auto;transition:transform .42s cubic-bezier(.2,.8,.2,1);display:block}.works-gallery figure:hover img{transform:scale(1.012)}.works-image-action{color:#fff;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f141c8c;border:1px solid #ffffff59;border-radius:999px;padding:8px 11px;font:700 11px Roboto Mono,monospace;transition:opacity .18s,transform .18s;position:absolute;bottom:14px;right:14px;transform:translateY(4px)}.works-image-button:focus-visible .works-image-action,.works-image-button:hover .works-image-action{opacity:1;transform:translateY(0)}body.lightbox-open{overflow:hidden}.works-lightbox{z-index:10000;background:color-mix(in srgb,var(--paper) 38%,transparent);-webkit-backdrop-filter:blur(24px)saturate(1.15);backdrop-filter:blur(24px)saturate(1.15);place-items:center;padding:72px clamp(24px,6vw,96px) 36px;display:grid;position:fixed;inset:0}.works-lightbox:before{content:"";pointer-events:none;background:#070a0f61;position:absolute;inset:0}.works-lightbox>img{-o-object-fit:contain;object-fit:contain;border:1px solid #ffffff40;border-radius:18px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 124px);display:block;position:relative;box-shadow:0 28px 90px #00000059}.works-lightbox-bar{z-index:2;color:#fff;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;top:20px;left:clamp(24px,6vw,96px);right:clamp(24px,6vw,96px)}.works-lightbox-bar p{margin:0;font:700 12px Roboto Mono,monospace}.works-lightbox-bar>div{gap:10px;display:flex}.works-lightbox-bar a,.works-lightbox-bar button,.works-lightbox-nav{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#0f141c6b;border:1px solid #ffffff59;border-radius:999px;font:700 12px Roboto Mono,monospace}.works-lightbox-bar a,.works-lightbox-bar button{padding:9px 14px;text-decoration:none}.works-lightbox-nav{z-index:2;width:42px;height:42px;position:absolute;top:50%;transform:translateY(-50%)}.works-lightbox-prev{left:18px}.works-lightbox-next{right:18px}.lightbox-enter-active,.lightbox-leave-active{transition:opacity .22s}.lightbox-enter-active>img,.lightbox-leave-active>img{transition:transform .22s}.lightbox-enter-from,.lightbox-leave-to{opacity:0}.lightbox-enter-from>img,.lightbox-leave-to>img{transform:scale(.975)}.previous-workplaces{border-top:1px solid var(--line);grid-column:1/-1;min-width:0;margin-top:128px;padding:52px 0 24px}.previous-workplaces-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px;display:flex}.previous-workplaces-heading p{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font:700 11px Roboto Mono,monospace}.previous-workplaces-heading h2{color:var(--ink);letter-spacing:-.045em;margin:0;font-size:clamp(28px,3.2vw,46px)}.previous-workplaces-track{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;gap:18px;width:100%;padding:0 0 18px;display:flex;overflow-x:auto}body .workplace-card,body .workplace-card:visited{--card-color:var(--blue);background:var(--card-color);color:#fff;scroll-snap-align:start;border-radius:18px;flex-direction:column;flex:0 0 clamp(280px,32vw,420px);min-height:300px;padding:28px;text-decoration:none;transition:transform .26s cubic-bezier(.2,.8,.2,1),filter .26s;display:flex}body .workplace-card:hover{color:#fff;filter:saturate(1.08);transform:translateY(-5px)}.workplace-logo{color:#fff;letter-spacing:-.045em;font-size:clamp(28px,3vw,42px);font-weight:700;line-height:1}.workplace-role{color:#ffffffc7;text-transform:uppercase;letter-spacing:.05em;margin-top:20px;font:700 11px/1.5 Roboto Mono,monospace}.workplace-note{color:#ffffffeb;margin-top:auto;padding-top:42px;font-size:15px;font-weight:400;line-height:1.65}.workplace-visit{color:#fff;text-underline-offset:5px;margin-top:24px;font:700 12px Roboto Mono,monospace;text-decoration:underline}body.contact-open{overflow:hidden}.contact-panel{z-index:20000;padding:72px max(24px,var(--content-gutter)) 24px;color:var(--ink);-webkit-backdrop-filter:blur(10px)saturate(.85);backdrop-filter:blur(10px)saturate(.85);background:#050a1029;font-family:Inter,sans-serif;position:fixed;inset:0;overflow-y:auto}.contact-card{--contact-accent:var(--blue);border:1px solid color-mix(in srgb,var(--ink) 28%,var(--line));background:var(--paper);border-radius:16px;width:min(390px,100vw - 48px);margin-left:auto;overflow:hidden;box-shadow:0 12px 32px #050a101f}:root[data-view=menu] .contact-card{--contact-accent:var(--red)}.contact-card-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:19px 19px 14px;display:flex}.contact-card-header p{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font:700 10px Roboto Mono,monospace}.contact-card-header h2{color:var(--ink);letter-spacing:-.035em;margin:0;font-size:21px;line-height:1.1}.contact-card-header button{appearance:none;background:color-mix(in srgb,var(--ink) 7%,transparent);width:28px;height:28px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;flex:0 0 28px;padding:0 0 2px;font:400 21px/1 Inter,sans-serif}.contact-card-header button:hover{background:color-mix(in srgb,var(--ink) 12%,transparent)}.contact-card button:focus-visible{outline-color:var(--contact-accent)}.contact-form{padding:0 19px 19px;display:grid}.contact-form label{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin:0 0 7px;font:700 10px Roboto Mono,monospace}.contact-form input,.contact-form textarea{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--ink) 18%,var(--line));resize:none;background:color-mix(in srgb,var(--paper) 84%,var(--ink) 2%);width:100%;color:var(--ink);border-radius:10px;outline:0;margin:0 0 15px;padding:10px 12px;font:500 14px/1.5 Inter,sans-serif;transition:border-color .18s,box-shadow .18s}.contact-form textarea{min-height:105px}.contact-form input::-moz-placeholder{color:color-mix(in srgb,var(--muted) 58%,transparent)}.contact-form textarea::-moz-placeholder{color:color-mix(in srgb,var(--muted) 58%,transparent)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:color-mix(in srgb,var(--muted) 58%,transparent)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--contact-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--contact-accent) 13%,transparent)}.contact-form-footer{justify-content:flex-end;align-items:center;gap:14px;display:flex}.contact-form-footer button{appearance:none;border:1px solid var(--contact-accent);background:var(--contact-accent);color:#fff;cursor:pointer;border-radius:10px;padding:10px 14px;font:700 10px Roboto Mono,monospace;transition:transform .18s,filter .18s}.contact-form-footer button:hover{filter:brightness(1.08);transform:translateY(-1px)}.contact-panel-enter-active,.contact-panel-leave-active{transition:opacity .28s}.contact-panel-enter-active .contact-card,.contact-panel-leave-active .contact-card{transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .24s}.contact-panel-enter-from,.contact-panel-leave-to{opacity:0}.contact-panel-enter-from .contact-card{opacity:0;transform-origin:100% 0;transform:translateY(-12px)scale(.975)}.contact-panel-leave-to .contact-card{opacity:0;transform-origin:100% 0;transform:translateY(-8px)scale(.985)}@media (width<=960px){body .pieces:has(.works-page){width:calc(100% - var(--content-gutter)*2)}.works-page{grid-template-columns:1fr;row-gap:0}.works-intro{grid-column:1;margin-bottom:64px;position:static}.works-intro h1{max-width:620px}.works-intro>p:not(.works-kicker){max-width:560px}.works-projects{grid-column:1;gap:0}.works-project{grid-template-columns:1fr;gap:0}.works-copy{border-top:1px solid var(--line);padding-top:32px;position:static}.works-gallery{gap:12px;margin:32px 0 64px}.previous-workplaces{grid-column:1;margin-top:36px}}@media (width<=700px){body .pieces{margin:112px var(--content-gutter) 40px!important}body .link-wrap{gap:16px}body .menu_display{margin-bottom:44px}.profile h1{font-size:40px}.profile .intro{margin:24px 0 40px;font-size:17px}.practice,.profile-detail{grid-template-columns:1fr;gap:24px}.profile-footer{flex-direction:column;gap:10px}.contact-panel{align-items:flex-end;padding:18px;display:flex}body .menu--code{font-size:1em}.contact-card{border-radius:16px;width:100%;max-height:calc(100vh - 36px);margin:auto 0 0}.contact-card-header{padding:19px 18px 14px}.contact-form{padding:0 18px 18px}.contact-form-footer{align-items:flex-end}.works-page{display:grid}.works-intro{margin-bottom:48px}.works-intro h1{font-size:40px}.works-copy h2{font-size:28px}.works-gallery{margin-bottom:52px}.previous-workplaces{padding-top:36px}.previous-workplaces-heading{display:block}.previous-workplaces-heading h2{margin-top:10px}body .workplace-card{flex-basis:min(84vw,340px);min-height:280px}}@media (width<=420px){body .link-wrap{gap:12px}.utility-controls{gap:2px}.icon-toggle{width:26px;height:26px}.control-icon{width:14px;height:14px}}@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{background:var(--selection-bg,#395caa);color:#fff}::selection{background:var(--selection-bg,#395caa);color:#fff}::view-transition-old(root){animation:.32s cubic-bezier(.4,0,.2,1) both themeFadeOut}::view-transition-new(root){animation:.32s cubic-bezier(.4,0,.2,1) both themeFadeIn}.theme-switching .content__bottom,.theme-switching .menu--code,.theme-switching .overlay,.theme-switching body{transition:background-color .32s,color .32s,border-color .32s!important}@keyframes themeFadeOut{to{opacity:0}}@keyframes themeFadeIn{0%{opacity:0}}@media (prefers-reduced-motion:reduce){::view-transition-new(root){animation:none}::view-transition-old(root){animation:none}}*{-webkit-overflow-scrolling:touch}*,:after,:before{box-sizing:border-box}:focus{outline:none}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.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 both 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}}