:root{--black:#000;--white:#fff;--paper:#fff;--pink:#f299df;--coral:#fa6880;--green:#79c69f;--orange:#efae80;--yellow:#dade8f;--blue:#95acf4;--purple:#a462e6;--peach:#f7c687;--teal:#30a6a5;--gray-track:#d9d9d9;--gray-thumb:#8c8c8c;--sidebar:273px;--page-width:1577px;--page-height:2921px;--stroke:2px;--grid-line:1px;--grid-x:41px;--grid-y:39px;--font-display:"Archivo Black", "Arial Black", system-ui, sans-serif;--font-primary:"Archivo", "Inter", system-ui, sans-serif;--font-mono:"Andale Mono", "JetBrains Mono", ui-monospace, monospace;--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-width:none}html.is-scrollbar-dragging{scroll-behavior:auto}body{background:var(--paper);min-width:320px;color:var(--black);font-family:var(--font-primary);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}::-webkit-scrollbar{width:0;height:0}h1,h2,p{margin:0}a,button{color:inherit;text-decoration:none}button{font:inherit;background:0 0;border:0;padding:0}@media (pointer:fine){*,:before,:after{cursor:none!important}}.sidebar{z-index:10;width:var(--sidebar);background:var(--paper);border-right:var(--stroke) solid var(--black);contain:layout style paint;min-height:100vh;padding:0;position:fixed;inset:0 auto 0 0;overflow:hidden}.brand{width:224px;height:48px;position:absolute;top:50px;left:18px}.brand h1{font-family:var(--font-display);letter-spacing:-.02em;text-transform:lowercase;font-size:48px;line-height:32px}.brand p{letter-spacing:-.03em;text-transform:lowercase;width:210px;margin-top:18px;font-size:10px;line-height:32px}.nav{flex-direction:column;gap:8px;width:224px;margin-top:0;display:flex;position:absolute;top:148px;left:18px}.nav__item{border:var(--grid-line) solid var(--black);height:74px;font-family:var(--font-primary);text-transform:lowercase;transition:transform .2s var(--ease);border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:10px;font-size:30px;line-height:13px;display:flex}.nav__item:hover,.nav__item:focus-visible{transform:translate(5px)}.nav__item--serious{background:var(--coral);justify-content:center}.nav__item--curious{background:var(--green);justify-content:center}.nav__item--rabbit{background:var(--orange);justify-content:center}.nav__item--info{background:var(--yellow);justify-content:center}.nav__item--hello{background:var(--blue);justify-content:center}.sidebar__footer{width:224px;font-family:var(--font-primary);text-transform:lowercase;flex-direction:column;gap:17px;margin-top:0;font-size:19px;line-height:16px;display:flex;position:absolute;top:585px;left:20px}.social-links{text-underline-offset:2px;gap:4px;text-decoration:underline 1px;display:flex}.resume-link{text-underline-offset:2px;text-decoration:underline}.sidebar__controls{align-items:center;gap:10px;margin-top:106px;display:flex}.reset-grid{border:var(--grid-line) solid var(--black);width:fit-content;min-width:91px;height:41px;font-family:var(--font-primary);text-align:left;text-transform:lowercase;border-radius:6px;margin-top:0;padding:0 12px;font-size:15px;line-height:1}.sound-toggle{border:var(--grid-line) solid var(--black);background:var(--white);border-radius:6px;width:91px;height:41px;padding:0;display:flex;position:relative;overflow:hidden}.sound-toggle__label{color:var(--black);font-family:var(--font-primary);text-transform:lowercase;pointer-events:none;flex:1;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex}.sound-toggle__thumb{background:var(--blue);width:46px;height:100%;color:var(--black);font-family:var(--font-primary);text-transform:lowercase;will-change:transform;justify-content:center;align-items:center;font-size:15px;line-height:1;transition:transform .18s;display:flex;position:absolute;top:0;left:0;transform:translate(0)}.sound-toggle.is-off .sound-toggle__thumb{transform:translate(45px)}.page-scrollbar{z-index:50;pointer-events:auto;touch-action:none;width:20px;height:100vh;position:fixed;top:0;right:0}.page-scrollbar__gutter{background:var(--white);border-top:0;border-bottom:0;border-left:var(--grid-line) solid var(--black);border-right:var(--grid-line) solid var(--black);position:absolute;inset:0}.page-scrollbar__bar{border:var(--grid-line) solid var(--black);background:var(--blue);touch-action:none;will-change:transform;border-radius:999px;width:18px;height:68px;min-height:48px;position:absolute;top:0;left:1px;transform:translateY(0)}.page-scrollbar__bar.is-dragging{transition:none}.page-scrollbar.is-hidden{display:none}.canvas{min-height:var(--page-height);background:var(--paper);width:calc(100vw - 260px);margin-left:260px;position:relative;overflow:clip}.paint-canvas{z-index:1;pointer-events:auto;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.grid-field{z-index:2;pointer-events:none;background:0 0;width:1317px;height:2296px;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.intro-panel{z-index:2;pointer-events:auto;border:var(--stroke) solid var(--black);background:var(--white);border-radius:20px;flex-direction:column;gap:16px;width:1109px;min-height:209px;padding:24px;display:flex;position:absolute;top:70px;left:95px}.intro-panel h2{font-family:var(--font-primary);letter-spacing:-.03em;text-transform:lowercase;font-size:50px;line-height:32px}.intro-panel p{max-width:1082px;margin-top:18px;font-size:20px;line-height:23px}.card-grid{z-index:2;pointer-events:none;position:absolute;inset:0}.portfolio-card{pointer-events:auto;border:var(--stroke) solid var(--black);background:var(--white);transition:transform .18s var(--ease), background-color .18s var(--ease);border-radius:11px;position:absolute}.portfolio-card__title,.portfolio-card__meta,.mobile-contact{display:none}.portfolio-card:hover,.portfolio-card:focus-visible{background:color-mix(in srgb, var(--pink), var(--white) 72%);transform:translate(-4px,-4px)}.portfolio-card--tall-left{width:366px;height:846px;top:370px;left:95px}.portfolio-card--left-mid{width:350px;height:320px;top:896px;left:478px}.portfolio-card--left-low{width:362px;height:455px;top:761px;left:842px}.portfolio-card--wide{width:349px;height:506px;top:370px;left:478px}.portfolio-card--mid-left{width:350px;height:320px;top:896px;left:478px}.portfolio-card--mid-right{width:362px;height:373px;top:370px;left:842px}.portfolio-card--bottom-left{width:326px;height:484px;top:1229px;left:523px}.portfolio-card--bottom-right{width:362px;height:455px;top:761px;left:842px}.ranjani-panel{z-index:2;pointer-events:none;background:0 0;height:430px;position:absolute;bottom:86px;left:0;right:0;overflow:hidden}.ranjani-panel h2{z-index:2;pointer-events:auto;font-family:var(--font-display);letter-spacing:-.06em;font-size:104px;line-height:82px;position:absolute;bottom:82px;right:52px}.paper-cursor{z-index:100;pointer-events:none;opacity:0;will-change:transform;width:64px;height:101px;transition:opacity .16s;position:fixed;top:0;left:0;transform:translate(-100px,-100px)}.paper-cursor.is-visible{opacity:1}.paper-cursor svg,.paper-cursor img{pointer-events:none;display:block;position:absolute;top:0;left:0;overflow:visible}.paper-cursor path{paint-order:stroke fill;stroke:var(--black);stroke-linejoin:miter;stroke-width:6px}.paper-cursor__default{opacity:1;visibility:visible}.paper-cursor__select{opacity:0;visibility:hidden}.paper-cursor .paper-cursor__select{left:-20px}.paper-cursor.is-select .paper-cursor__default{opacity:0;visibility:hidden}.paper-cursor.is-select .paper-cursor__select{opacity:1;visibility:visible}html.desktop-grid .paper-cursor{width:47px;height:74px}html.desktop-grid .paper-cursor img{image-rendering:pixelated;image-rendering:crisp-edges}html.desktop-grid .paper-cursor__default{width:47px;height:74px}html.desktop-grid .paper-cursor.is-select,html.desktop-grid .paper-cursor.is-select .paper-cursor__select{width:58px;height:74px}html.desktop-grid .paper-cursor path{stroke:none}@media (width<=980px){.paper-cursor{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important}}:focus-visible{outline:var(--stroke) solid var(--black);outline-offset:3px}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.15s;animation-timing-function:ease}html.desktop-grid .desktop-toolbar{view-transition-name:site-toolbar}html.desktop-grid .page-scrollbar{view-transition-name:site-scrollbar}::view-transition-old(site-toolbar),::view-transition-new(site-toolbar),::view-transition-old(site-scrollbar),::view-transition-new(site-scrollbar){animation:none}.paper-cursor{view-transition-name:site-cursor}::view-transition-group(site-cursor){z-index:1}::view-transition-old(site-cursor),::view-transition-new(site-cursor){animation:none}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none}}html.desktop-grid{--grid-x:32px;--grid-y:32px;--page-scale:1;--desktop-card-bg:#fff;--desktop-card-radius:18px;--desktop-artboard-width:1495px;--desktop-artboard-height:1917px;--desktop-scrollbar-width:20px;--desktop-scrollbar-left:1475px;--desktop-scrollbar-height:var(--desktop-artboard-height);--desktop-purple:#6445df;--desktop-purple-text:#6546df;--desktop-purple-light:#dd86ff;--desktop-lime:#d1f144;--desktop-blue-accent:#97aef6;--desktop-font-name:"ChiKareGo", "Chicago", "Geneva", Verdana, system-ui, sans-serif;-ms-overflow-style:none;width:100%;min-height:100%;overflow-y:scroll;scrollbar-width:none!important}@font-face{font-family:ChiKareGo;src:local(ChiKareGo),local(ChiKareGo2),local(Chicago);font-weight:500;font-style:normal}html.desktop-grid::-webkit-scrollbar{width:0;height:0;display:none}html.desktop-grid body{background:var(--white);-ms-overflow-style:none;width:100%;margin:0;overflow:clip visible;scrollbar-width:none!important}html.desktop-grid,html.desktop-grid *{user-select:none;-webkit-touch-callout:none}html.desktop-grid input,html.desktop-grid textarea{user-select:text}@media (width>=981px){html.desktop-grid body{height:calc(var(--desktop-artboard-height) * var(--page-scale));min-height:0;overflow:clip}.desktop-page{transform:scale(var(--page-scale));transform-origin:0 0;margin-left:var(--page-offset-x,0px)}.desktop-artboard:has(.desktop-home-left) .desktop-extraspace{display:none}html.desktop-grid:has(.desktop-home-left){--desktop-artboard-width:1440px}.desktop-page:has(.desktop-home-left),.desktop-artboard:has(.desktop-home-left){width:1440px;min-width:0;min-height:0}.desktop-artboard:has(.desktop-home-left) .desktop-container{width:1440px;height:calc(100vh / var(--page-scale) - 71px);min-height:0;padding:0;display:block;position:relative;overflow:clip}html.desktop-grid:has(.desktop-home-left) .page-scrollbar{left:calc(var(--page-offset-x,0px) + 1420px * var(--page-scale));right:auto;top:calc(71px * var(--page-scale));width:calc(20px * var(--page-scale));height:calc(100vh - 71px * var(--page-scale))}.desktop-home-left{pointer-events:none;position:absolute;inset:0}.desktop-home-left>*{pointer-events:auto}.desktop-home-left .desktop-card,.desktop-home-left .desktop-home-legal{pointer-events:none}.desktop-home-left .desktop-role,.desktop-home-left .desktop-home-readmore{pointer-events:auto}.desktop-home-left .desktop-home-contact__email,.desktop-home-left .desktop-home-contact__row{pointer-events:auto;width:fit-content}.desktop-home-right{scrollbar-width:none;pointer-events:none;position:absolute;inset:0;overflow-y:auto}.desktop-home-right>*{pointer-events:auto}.desktop-home-right::-webkit-scrollbar{display:none}.desktop-home-right:after{content:"";left:0;top:calc(1329px - var(--home-deficit,0px) * .4844);width:1px;height:60px;position:absolute}}html.desktop-grid body::-webkit-scrollbar{width:0;height:0;display:none}html.desktop-grid .paint-canvas{image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}html.desktop-grid .desktop-artboard>.paint-canvas[data-paint-scope=page]{--grid-x:8px;--grid-y:8px}html.desktop-grid .desktop-artboard>.paint-canvas{z-index:0;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}html.desktop-grid .page-scrollbar{top:calc(71px * var(--nav-scale,var(--page-scale)));left:calc(var(--page-offset-x,0px) + 1475px * var(--page-scale));width:calc(var(--desktop-scrollbar-width) * var(--page-scale));height:calc(100vh - 71px * var(--nav-scale,var(--page-scale)));z-index:50;pointer-events:auto;touch-action:none;box-sizing:border-box;position:fixed;right:auto;display:block!important}html.desktop-grid .page-scrollbar.is-hidden{display:none!important}html.desktop-grid .page-scrollbar__gutter{background:#d9d9d9;border:0;position:absolute;inset:0}html.desktop-grid .page-scrollbar__bar{box-sizing:border-box;border:1px solid var(--black);touch-action:none;will-change:transform;background:#d983fa;border-radius:10px;width:100%;height:239px;min-height:48px;transition:transform .15s ease-out;position:absolute;top:0;left:0;transform:translateY(0)}html.desktop-grid .page-scrollbar__bar.is-dragging{transition:none}.desktop-page{width:var(--desktop-artboard-width);min-height:var(--desktop-artboard-height);background:0 0;flex:none;position:relative;overflow:clip}.desktop-artboard{width:var(--desktop-artboard-width);height:auto;min-height:var(--desktop-artboard-height);z-index:1;pointer-events:none;box-sizing:border-box;background:0 0;margin:0;padding-top:71px;position:relative}.desktop-toolbar{left:var(--page-offset-x,0px);z-index:40;width:1440px;height:71px;transform:scale(var(--nav-scale,var(--page-scale)));transform-origin:0 0;background:var(--white);pointer-events:none;box-sizing:border-box;border-bottom:0;position:fixed;top:0}.desktop-toolbar .desktop-reset{background:var(--white);color:#0003;opacity:1;border-color:#0003;border-radius:8px;width:44px;height:44px;font-size:11px;top:20px;left:auto;right:34px}.desktop-toolbar .desktop-reset:not(.is-idle){border-color:var(--black);background:var(--white);color:var(--black)}.desktop-toolbar__name{font-family:"cofo-sans-pixel", var(--font-primary);letter-spacing:-.04em;text-transform:uppercase;color:var(--black);-webkit-text-stroke:1px var(--black);paint-order:stroke;pointer-events:auto;font-size:18px;line-height:40px;text-decoration:none;position:absolute;top:20px;left:34px}.menu-bar{pointer-events:auto;box-sizing:border-box;background:0 0;border:0;border-radius:0;align-items:flex-start;gap:34px;width:max-content;height:55px;padding-top:26px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.menu-bar__link{text-transform:lowercase;color:var(--black);opacity:.4;font-family:Verdana,system-ui,sans-serif;font-size:16px;line-height:13px;text-decoration:none}.menu-bar__link.is-current{opacity:1}.desktop-menu-toggle{display:none}.menu-bar__link,.desktop-home-contact__email,.desktop-home-contact__row,.desktop-contact__email,.desktop-contact__link,.desktop-contact__guestbook{transform-origin:0;transition:transform .15s}.menu-bar__link:hover,.desktop-home-contact__email:hover,.desktop-home-contact__row:hover,.desktop-contact__email:hover,.desktop-contact__link:hover,.desktop-contact__guestbook:hover{transform:scale(1.1)}@media (hover:hover) and (pointer:fine){.desktop-home-right .desktop-card{transition:transform .15s}.desktop-home-right .desktop-card:hover{transform:scale(1.03)}}button.desktop-card{appearance:none;font:inherit;text-align:inherit;margin:0;padding:0}.desktop-reset{border:1px solid var(--black);background:var(--desktop-purple-light);width:44px;height:44px;color:var(--black);font-family:var(--font-primary);text-transform:lowercase;text-align:center;pointer-events:auto;cursor:pointer;opacity:.2;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:300;line-height:11px;transition:opacity .15s;display:inline-flex;position:absolute;top:352px;left:53px}.desktop-reset:not(.is-idle){opacity:1}.desktop-reset.is-idle{cursor:default}.desktop-bio__closer-mobile{display:none}.desktop-container{z-index:2;pointer-events:none;width:1492px;height:auto;min-height:1412px;display:flow-root;position:relative}.desktop-card--intro{width:384px;height:192px;top:64px;left:160px}.desktop-card.desktop-card--home-bio{background:0 0;border:0;flex-direction:column;align-items:flex-start;width:100%;height:auto;display:flex;position:static;overflow:visible}@media (width>=981px){.desktop-card.desktop-card--home-bio{pointer-events:none;display:block;position:absolute;inset:0}.desktop-card.desktop-card--home-bio>*{pointer-events:auto}}.desktop-home-avatar{left:110px;top:calc(124px - var(--home-deficit,0px) * .4844);pointer-events:none;background:0 0;border-radius:999px;width:103px;height:98px;margin:0;position:absolute;overflow:hidden}.desktop-home-avatar__img{background-image:url(/assets/avatar.png);background-position:4.984% 43.939%;background-repeat:no-repeat;background-size:381.579%;border-radius:999px;width:100%;height:100%;position:absolute;inset:0}.desktop-home-name{left:119px;top:calc(118px - var(--home-deficit,0px) * .4844);font-family:"cofo-sans-pixel", var(--font-primary);letter-spacing:-.01em;text-transform:lowercase;color:var(--black);-webkit-text-stroke:1px var(--black);paint-order:stroke;align-items:center;gap:4px;margin:0;font-size:32px;font-weight:400;line-height:33px;display:flex;position:absolute}.desktop-home-bio{left:119px;top:calc(207px - var(--home-deficit,0px) * .4844);width:378px;color:var(--black);margin:0;font-family:Verdana,system-ui,sans-serif;font-size:18px;line-height:26px;position:absolute}.desktop-home-readmore{left:119px;top:calc(433px - var(--home-deficit,0px) * .53);text-underline-offset:2px;width:fit-content;color:var(--black);margin:0;font-family:Verdana,system-ui,sans-serif;font-size:18px;line-height:26px;text-decoration:underline;position:absolute}.desktop-home-hint{color:#c9c9c9;width:min(458px,100%);margin:5px 0 0;font-family:Verdana,system-ui,sans-serif;font-size:clamp(12px,2vh,18px);line-height:1.45;position:static}.desktop-card.desktop-home-contact{left:121px;top:calc(636px - var(--home-deficit,0px) * .8125);background:0 0;border:0;border-radius:0;width:220px;height:auto;padding:0;position:absolute;overflow:visible}.desktop-home-contact__label{display:none}.desktop-home-contact__email,.desktop-home-contact__row{text-transform:lowercase;color:var(--black);margin:10px 0 0;font-family:Verdana,system-ui,sans-serif;font-size:18px;line-height:16px;text-decoration:none;display:block}.desktop-home-contact__email{color:var(--desktop-purple-text);margin-top:0;font-family:Verdana,system-ui,sans-serif}.desktop-home-contact__row--guestbook{color:var(--desktop-purple-light)}.desktop-home-legal{left:115px;top:calc(804px - var(--home-deficit,0px));letter-spacing:-.03em;text-transform:lowercase;color:var(--black);opacity:.2;margin:0;font-family:Verdana,system-ui,sans-serif;font-size:16px;line-height:24px;position:absolute}.desktop-home-right .desktop-card{border-radius:8px;width:262px;height:250px}.desktop-card.desktop-card--home-1{left:750px;top:calc(200px - var(--home-deficit,0px) * .4844)}.desktop-card.desktop-card--home-2{left:1048px;top:calc(200px - var(--home-deficit,0px) * .4844)}.desktop-card.desktop-card--home-3{left:750px;top:calc(493px - var(--home-deficit,0px) * .4844)}.desktop-card.desktop-card--home-4{left:1048px;top:calc(493px - var(--home-deficit,0px) * .4844)}.desktop-card.desktop-card--home-5{left:750px;top:calc(786px - var(--home-deficit,0px) * .4844)}.desktop-card.desktop-card--home-6{left:1048px;top:calc(786px - var(--home-deficit,0px) * .4844)}.desktop-card.desktop-card--home-7{left:750px;top:calc(1079px - var(--home-deficit,0px) * .4844)}.desktop-card.desktop-card--home-8{left:1048px;top:calc(1079px - var(--home-deficit,0px) * .4844)}.desktop-card--home-8 .desktop-home-project__label{width:170px;top:125px}.desktop-card{border:2px solid var(--black);background:var(--desktop-card-bg);pointer-events:auto;color:inherit;box-sizing:border-box;border-radius:16px;text-decoration:none;display:block;position:absolute;overflow:clip}.paint-onboarding{z-index:60;opacity:0;pointer-events:none;width:350px;transition:opacity .5s,transform .5s;position:fixed;transform:translateY(3px)}.paint-onboarding.is-visible{opacity:1;transform:none}.paint-onboarding span{font-family:"cofo-sans-pixel", var(--font-primary);color:#c9c9c9;white-space:nowrap;font-size:18px;line-height:28px;display:block}.desktop-home-name-audio{appearance:none;color:#9a9a9a;pointer-events:auto;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:22px;height:21px;margin:0;padding:0;transition:color .15s,transform .15s;display:inline-flex}.desktop-home-name-audio:hover,.desktop-home-name-audio:focus-visible{color:var(--black);transform:scale(1.1)}.desktop-home-name-audio svg{width:100%;height:100%;display:block}.desktop-role{left:119px;top:calc(162px - var(--home-deficit,0px) * .4844);font-family:"cofo-sans-pixel", var(--font-primary);color:#d983fb;pointer-events:auto;margin:0;font-size:24px;line-height:24px;position:absolute}.desktop-role:focus{outline:none}.desktop-page-title{font-family:"cofo-sans-pixel", var(--font-primary);letter-spacing:-.03em;text-transform:lowercase;color:var(--black);margin:0;font-size:34px;font-weight:400;line-height:42px;position:absolute;top:23px;left:26px}.desktop-page-sub{width:315px;font-family:var(--font-primary);text-transform:lowercase;color:var(--desktop-purple-light);margin:0;font-size:26px;line-height:28px;position:absolute;top:75px;left:26px}.desktop-role.slot-text{color:#d983fb}.desktop-role .char-slot,.desktop-role .char-face{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}.desktop-bio__text{width:652px;color:var(--black);margin:0;font-family:Verdana,system-ui,sans-serif;font-size:18px;line-height:25px;position:absolute;top:29px;left:38px}.desktop-bio__text a{color:inherit;text-underline-offset:2px;text-decoration:underline}.desktop-bio__readme{border:1px solid var(--black);background:var(--desktop-lime);width:93px;height:36px;font-family:var(--font-primary);text-transform:lowercase;color:#6647df;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:16px;text-decoration:none;display:inline-flex;position:absolute;top:297px;left:38px}.desktop-card--info-a{width:384px;height:352px;top:64px;left:160px}.desktop-card--info-b{width:800px;height:352px;top:64px;left:576px}.desktop-card--info-c{width:1216px;height:864px;top:448px;left:160px}.desktop-extraspace{z-index:4;background-color:var(--white);border-top:1px solid var(--black);pointer-events:none;width:1475px;height:434px;position:relative}.paint-canvas--footer{--grid-x:8px;--grid-y:8px;z-index:0;pointer-events:auto;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.desktop-extraspace .desktop-panel,.desktop-extraspace .desktop-reset{z-index:1}.desktop-panel{pointer-events:auto;box-sizing:border-box;position:absolute;top:45px}.desktop-panel--bio{background:var(--white);border:1px solid var(--black);border-radius:18px;width:723px;height:351px;display:none;left:165px}.desktop-panel--draw{background:var(--white);border:2px solid var(--black);border-radius:18px;width:761px;height:351px;left:165px}.desktop-flow .desktop-panel--draw{grid-column:1/-1;position:relative;top:0;left:0}.desktop-flow--guestbook .desktop-card.desktop-guestbook-hero{background:0 0;border:0;align-self:start;width:auto;height:auto;position:relative}.desktop-guestbook-hero__title{font-family:"cofo-sans-pixel", var(--font-primary);letter-spacing:-.01em;text-transform:lowercase;color:var(--black);-webkit-text-stroke:1px var(--black);paint-order:stroke;margin:0;font-size:32px;font-weight:400;line-height:34px}.desktop-guestbook-hero__sub{font-family:"cofo-sans-pixel", var(--font-primary);text-transform:lowercase;color:var(--desktop-purple-light);margin:24px 0 0;font-size:24px;font-weight:400;line-height:26px}.desktop-guestbook-hero__note{text-transform:lowercase;color:var(--black);margin:8px 0 0;font-family:Verdana,system-ui,sans-serif;font-size:18px;line-height:26px}.desktop-flow--guestbook .desktop-guestbook-note{grid-column:1/-1;width:auto;position:static}.desktop-panel--connect{width:368px;height:351px;top:39px;left:1028px}.desktop-panel__header{z-index:2;border:2px solid var(--black);background:var(--desktop-purple-light);width:368px;height:43px;font-family:var(--font-primary);letter-spacing:-.03em;text-transform:lowercase;color:var(--black);box-sizing:border-box;border-top-left-radius:8px;border-top-right-radius:8px;padding:4px 13px;font-size:24px;line-height:32px;position:absolute;top:0;left:0}.desktop-panel__form{background:var(--white);border-right:1px solid var(--black);box-sizing:border-box;border-radius:17px 0 0 17px;width:320px;height:100%;position:absolute;top:0;left:0}.desktop-panel__field{border:1px solid var(--black);background:var(--white);letter-spacing:-.03em;color:var(--black);box-sizing:border-box;border-radius:10px;padding:8px 12px;font-family:Verdana,system-ui,sans-serif;font-size:18px;line-height:24px;position:absolute;left:26px}.desktop-panel__field:focus{outline:none}.desktop-panel__field::placeholder{color:#6e6e6e;text-transform:lowercase}.desktop-panel__field--message{resize:none;width:250px;height:141px;top:43px}.desktop-panel__field--name{width:250px;height:46px;top:200px}.desktop-panel__field--url{width:250px;height:45px;top:262px}.desktop-panel__canvas-wrap{background:var(--white);box-sizing:border-box;border-radius:0 17px 17px 0;position:absolute;inset:0 0 0 320px;overflow:hidden}.desktop-panel__draw-hint{z-index:2;letter-spacing:-.03em;text-transform:lowercase;color:#6e6e6e;pointer-events:none;font-family:Verdana,system-ui,sans-serif;font-size:18px;line-height:32px;transition:opacity .2s;position:absolute;top:48px;left:26px}.desktop-panel__draw-hint.is-hidden{opacity:0}.desktop-panel__action{z-index:3;border:1px solid var(--black);font-family:var(--font-primary);text-align:center;text-transform:lowercase;color:var(--black);cursor:pointer;box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;padding:0;font-weight:300;transition:opacity .15s;display:inline-flex;position:absolute}.desktop-panel__action:disabled{opacity:.5;cursor:default}.desktop-panel__action--reset{background:var(--desktop-purple-light);width:39px;height:38px;font-size:13px;line-height:9px;top:297px;left:26px}.desktop-panel__action--send{background:var(--desktop-lime);width:79px;height:36px;font-size:18px;line-height:11px;top:299px;left:auto;right:27px}.desktop-panel__connect-body{border:2px solid var(--black);background:var(--white);box-sizing:border-box;border-radius:16px;width:368px;height:351px;position:absolute;top:0;left:0}.desktop-contact__email,.desktop-contact__link,.desktop-contact__guestbook,.desktop-contact__legal{text-transform:lowercase;color:var(--black);margin:0;font-family:Verdana,system-ui,sans-serif;font-size:18px;line-height:16px;text-decoration:none;position:absolute;left:16px}.desktop-contact__email{font-family:var(--font-primary);color:var(--desktop-purple-text);top:70px}.desktop-contact__link--linkedin{top:95px}.desktop-contact__link--twitter{top:121px}.desktop-contact__link--resume{top:146px}.desktop-contact__guestbook{color:var(--desktop-purple-light);top:174px}.desktop-contact__legal{letter-spacing:-.03em;opacity:.2;white-space:pre-line;line-height:32px;top:295px;left:13px}.paint-canvas--extraspace{--grid-x:8px;--grid-y:8px;z-index:1;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=980px){html.desktop-grid .page-scrollbar,html.desktop-grid .page-scrollbar.is-hidden{display:none!important}html.desktop-grid body{display:block}html.desktop-grid .desktop-artboard>.paint-canvas{pointer-events:none;width:100%;min-width:0;height:100%;min-height:100vh;position:absolute;inset:0}.desktop-page{width:100%;min-height:0;overflow-x:hidden}.desktop-artboard{width:100%;height:auto;min-height:auto;padding-top:0}.desktop-toolbar{z-index:40;background:var(--white);border-bottom:0;width:100%;height:54px;padding:0;display:block;position:fixed;top:0;left:0;transform:none}.desktop-toolbar:before,.desktop-toolbar .desktop-reset{display:none}.desktop-toolbar__name{font-size:18px;line-height:40px;display:block;top:7px;left:11px}.desktop-menu-toggle{pointer-events:auto;cursor:pointer;box-sizing:border-box;background:0 0;border:0;flex-direction:column;justify-content:space-between;width:24px;height:24px;padding:5px 1px;display:flex;position:absolute;top:15px;right:11px}.desktop-menu-toggle span{background:var(--black);width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.desktop-menu-toggle.is-open span:first-child{transform:translateY(6px)rotate(45deg)}.desktop-menu-toggle.is-open span:nth-child(2){opacity:0}.desktop-menu-toggle.is-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.menu-bar{border:2px solid var(--black);background:var(--white);border-radius:12px;flex-direction:column;gap:14px;width:max-content;height:auto;padding:18px 22px;display:none;position:absolute;top:54px;left:auto;right:11px;transform:translate(0,0)}.menu-bar.is-open{display:flex}.menu-bar__link{color:var(--black);opacity:.4;font-family:Verdana,system-ui,sans-serif;font-size:16px;line-height:16px;position:static;top:auto;left:auto}.menu-bar__link.is-current{opacity:1}.desktop-container{flex-direction:column;gap:32px;width:100%;height:auto;min-height:0;padding:96px 23px 128px 32px;display:flex;position:relative;top:auto}.desktop-artboard:has(.desktop-flow--guestbook) .desktop-container{min-height:0;padding-bottom:32px}.desktop-artboard:has(.desktop-home-left) .desktop-container{flex-direction:column;gap:0;padding:69px 0 40px;display:flex}.desktop-home-left{display:contents}.desktop-card.desktop-card--home-bio,.desktop-card.desktop-home-contact,.desktop-home-legal{padding-left:21px;padding-right:21px}.desktop-card.desktop-card--home-bio{order:1}.desktop-home-right{order:2}.desktop-card.desktop-home-contact{order:3}.desktop-home-legal{order:4;margin:15px 0 0;font-size:12px;line-height:24px;display:block}.desktop-card.desktop-card--home-bio{background:0 0;border:0;width:100%;height:auto;display:block;overflow:visible}.desktop-card.desktop-home-contact{background:0 0;border:0;border-radius:0;width:100%;height:auto;min-height:0;margin:69px 0 0;padding-top:0;padding-bottom:0;display:block;position:static;top:auto;left:auto}.desktop-home-contact__label{display:none}.desktop-home-contact__email,.desktop-home-contact__row{text-transform:lowercase;color:var(--black);margin:0;font-family:Verdana,system-ui,sans-serif;font-size:12px;line-height:16px;text-decoration:none;display:block;position:static}.desktop-home-contact__email{font-family:var(--font-primary);color:var(--desktop-purple-text);font-size:12px}.desktop-home-contact__row--guestbook{color:var(--desktop-purple-light);margin-bottom:0}.desktop-artboard:has(.desktop-home-contact) .desktop-panel--connect,.desktop-artboard:has(.desktop-home-left) .desktop-extraspace,.desktop-bio__closer-desktop{display:none}.desktop-bio__closer-mobile{display:inline}.desktop-card{width:100%;max-width:none;height:auto;min-height:192px;position:static}.desktop-home-project{position:relative;top:0;left:0}.desktop-home-right{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;pointer-events:auto;flex-flow:row;align-items:flex-start;gap:16px;width:100%;height:auto;margin:15px 0 0;padding:34px calc(50% - 131px) 0;display:flex;position:static;overflow:auto hidden}.desktop-home-right::-webkit-scrollbar{display:none}.desktop-home-right .desktop-home-art--bleed{height:172px;max-height:none}.desktop-home-right .desktop-card{aspect-ratio:auto;scroll-snap-align:center;backface-visibility:hidden;flex:0 0 262px;width:262px;height:250px;min-height:0;position:relative;top:0;left:0;transform:translateZ(0)}.desktop-name,.desktop-role,.desktop-page-title,.desktop-page-sub{width:100%;max-width:none;height:auto;position:static}.desktop-page-title{padding:24px 28px 0;font-size:28px;line-height:36px}.desktop-page-sub{padding:8px 28px 24px;font-size:20px;line-height:26px}.desktop-card--intro{min-height:128px}.desktop-name,.desktop-role{padding:16px 24px 0;position:relative;top:auto;left:auto}.desktop-name img{width:min(166px,55vw)}.desktop-role{padding-top:4px;padding-bottom:16px;font-size:20px;line-height:24px}.desktop-bio__text{width:auto;padding:28px 24px 0;position:static}.desktop-bio__readme{margin:24px;display:inline-flex;position:static}.desktop-extraspace{border-top:1px solid var(--black);background-color:#6546df;background-image:none;width:100%;height:auto;min-height:0;padding:48px 24px 24px;position:relative;top:auto}.desktop-extraspace .desktop-reset,.paint-canvas--footer{display:none}.desktop-panel{width:100%;height:auto;margin-bottom:24px;position:static}.desktop-panel--bio{display:block}.desktop-artboard:has(.desktop-card--home-bio) .desktop-panel--bio{display:none}.desktop-home-avatar{background:0 0;width:60px;height:57px;margin:0 0 0 -6px;position:relative;top:auto;left:auto}.desktop-home-name{margin:11px 0 0;padding:0;font-size:24px;line-height:33px;position:static}.desktop-home-hint{display:none}.desktop-home-readmore{margin:8px 0 0;font-size:12px;line-height:19px;position:static}.desktop-home-legal{position:static;top:auto;left:auto}.desktop-role{margin:4px 0 0;padding:0;font-size:18px;line-height:24px;display:block;position:static}.desktop-home-bio{width:min(256px,100%);margin:8px 0 0;padding:0;font-size:12px;line-height:19px;position:static}.desktop-panel--connect{background:var(--white);border:1px solid var(--black);border-radius:18px;overflow:hidden}.desktop-panel__header{border:0;border-bottom:1px solid var(--black);border-radius:0;width:100%;position:static}.desktop-panel--connect .desktop-panel__connect-body{background:0 0;border:0;border-radius:0;min-height:0}.desktop-panel__canvas-wrap,.desktop-panel__connect-body{width:100%;height:auto;min-height:200px;position:relative;inset:auto}.desktop-panel__form{border-right:0;border-bottom:1px solid var(--black);border-radius:17px 17px 0 0;flex-direction:column;gap:12px;width:100%;height:auto;padding:16px;display:flex;position:static}.desktop-panel__field{width:100%;position:static}.desktop-panel__field--message{height:120px}.desktop-panel__canvas-wrap{border-radius:0 0 17px 17px;min-height:260px;position:relative;left:auto}.desktop-panel__draw-hint{top:12px;left:16px}.desktop-panel__action--reset{top:auto;bottom:14px;left:16px}.desktop-panel__action--send{top:auto;bottom:14px;right:16px}.desktop-contact__email,.desktop-contact__link,.desktop-contact__guestbook,.desktop-contact__legal{padding:0 20px;display:block;position:static}.desktop-contact__legal{line-height:24px}.desktop-panel__connect-body{flex-direction:column;gap:16px;padding:24px 0;display:flex}}.desktop-flow{pointer-events:auto;grid-template-columns:repeat(2,384px);align-content:start;gap:32px;width:800px;margin:64px 116px 64px 576px;display:grid;position:relative}.desktop-flow .desktop-card{width:384px;height:auto;position:static}.desktop-flow--guestbook{grid-template-columns:repeat(2,384px);width:800px;margin:64px auto}.desktop-flow--guestbook .desktop-panel--draw{grid-column:1/-1;width:800px;position:relative;top:0;left:0}.desktop-flow--guestbook .desktop-card.desktop-guestbook-hero{grid-column:1/-1}.desktop-flow--guestbook .desktop-guestbook-hero__title{position:static}.desktop-flow--guestbook .desktop-guestbook-hero__note{width:auto;margin-top:8px;position:static}.desktop-flow--guestbook .desktop-guestbook-empty,.desktop-flow--guestbook .desktop-guestbook-note{grid-column:1/-1}.desktop-project-card{height:352px;color:inherit;text-decoration:none;display:block}.desktop-project-card__cover{object-fit:cover;border-bottom:1px solid var(--black);width:100%;height:224px;display:block}.desktop-project-card__body{padding:18px 20px}.desktop-project-card__title{font-family:var(--font-primary);letter-spacing:-.03em;text-transform:lowercase;color:var(--black);margin:0;font-size:22px;font-weight:600;line-height:26px}.desktop-project-card__meta{font-family:var(--font-primary);text-transform:lowercase;color:#6b6b6b;margin:8px 0 0;font-size:14px;font-weight:300;line-height:18px}.desktop-link-card{color:inherit;padding:20px;text-decoration:none;display:block}.desktop-link-card .desktop-project-card__title{color:var(--desktop-purple-text);text-underline-offset:3px;font-size:20px;text-decoration:underline}.desktop-link-card__note{color:var(--black);margin:10px 0 0;font-family:Verdana,system-ui,sans-serif;font-size:14px;line-height:21px}.desktop-back-link{font-family:var(--font-primary);text-transform:lowercase;text-underline-offset:3px;color:var(--black);pointer-events:auto;font-size:19px;text-decoration:underline;position:absolute;top:288px;left:160px}.desktop-card--content{width:800px;height:auto;min-height:512px;margin:64px 116px 64px 576px;position:relative}.desktop-prose{color:var(--black);padding:34px 36px;font-family:Verdana,system-ui,sans-serif;font-size:18px;line-height:27px}.desktop-prose h1,.desktop-prose h2,.desktop-prose h3{font-family:var(--font-primary);letter-spacing:-.03em;text-transform:lowercase;margin:1.4em 0 .5em;font-weight:600;line-height:1.2}.desktop-prose h1:first-child,.desktop-prose h2:first-child,.desktop-prose h3:first-child,.desktop-prose p:first-child{margin-top:0}.desktop-prose h2{font-size:26px}.desktop-prose h3{font-size:21px}.desktop-prose a{color:var(--desktop-purple-text);text-underline-offset:2px}.desktop-prose img{border:1px solid var(--black);border-radius:17px;max-width:100%;height:auto;display:block}.desktop-prose code{font-family:var(--font-mono,monospace);background:#f2f2f2;border-radius:5px;padding:1px 5px;font-size:.85em}.desktop-guestbook-note{width:384px;font-family:var(--font-primary);text-transform:lowercase;color:var(--desktop-purple-text);pointer-events:auto;margin:0;font-size:19px;line-height:24px;position:absolute;top:288px;left:160px}.desktop-guestbook-empty{font-family:var(--font-primary);text-transform:lowercase;color:#6b6b6b;grid-column:1/-1;margin:0;font-size:19px;line-height:24px}.desktop-guestbook-card{padding:16px 16px 14px}.desktop-guestbook-card__message{color:var(--black);overflow-wrap:anywhere;white-space:pre-line;margin:8px 0 0;font-family:Verdana,system-ui,sans-serif;font-size:14px;line-height:21px}.desktop-guestbook-card__name{font-family:var(--font-primary);letter-spacing:-.03em;text-transform:lowercase;color:var(--black);margin:10px 0 0;font-size:18px;font-weight:600;line-height:22px}.desktop-guestbook-card__canvas{border:1px solid var(--black);width:100%;height:auto;image-rendering:pixelated;background:var(--white);border-radius:9px;display:block}.desktop-guestbook-card .desktop-project-card__meta{margin-top:4px}.desktop-guestbook-card__name a{color:var(--desktop-purple-text);text-underline-offset:2px}.desktop-doc{pointer-events:auto;flex-direction:column;gap:32px;width:800px;margin:64px 116px 64px 576px;display:flex;position:relative}.desktop-doc .desktop-card{width:100%;position:static}@media (width>=981px){.desktop-container:has(.desktop-doc){flex-direction:column;align-items:center;display:flex}.desktop-container:has(.desktop-doc) .desktop-back-link{order:-1;width:800px;margin:56px auto 0;position:static}.desktop-container:has(.desktop-doc) .desktop-card--intro{box-sizing:border-box;width:800px;height:auto;margin:20px auto 0;padding:28px 32px 30px;position:static}.desktop-container:has(.desktop-doc) .desktop-card--intro .desktop-page-title,.desktop-container:has(.desktop-doc) .desktop-card--intro .desktop-page-sub{width:auto;max-width:none;margin:0;padding:0;position:static;top:auto;left:auto}.desktop-container:has(.desktop-doc) .desktop-card--intro .desktop-page-sub{margin-top:10px}.desktop-container:has(.desktop-doc) .desktop-card--intro-cover{padding:0;overflow:clip}.desktop-container:has(.desktop-doc) .desktop-doc-meta{box-sizing:border-box;width:800px;margin:24px auto 0;position:static}.desktop-container:has(.desktop-doc) .desktop-doc-meta dl{grid-template-columns:1fr 1fr;align-items:start;gap:20px 48px;display:grid}.desktop-container:has(.desktop-doc) .desktop-doc-meta dl>div{min-width:0}.desktop-container:has(.desktop-doc) .desktop-doc{margin:32px auto 64px}}.desktop-doc .desktop-doc-card:not(.desktop-about),.desktop-container:has(.desktop-doc) .desktop-doc-meta,.desktop-container:has(.desktop-doc) .desktop-card--intro:not(.desktop-card--intro-cover){background:0 0;border:0;padding:0;overflow:visible}.desktop-container:has(.desktop-doc) .desktop-card--intro-cover{border:0}.desktop-doc:not(:has(.desktop-about)){gap:56px}.desktop-artboard:has(.desktop-doc) .desktop-extraspace,.desktop-artboard:has(.desktop-flow) .desktop-extraspace,.desktop-artboard:has(.desktop-card--intro) .desktop-extraspace,.desktop-artboard:has(.desktop-coming-soon) .desktop-extraspace{display:none}.desktop-doc-backtop{width:fit-content;font-family:var(--font-primary);text-transform:lowercase;text-underline-offset:3px;color:var(--black);pointer-events:auto;margin:8px auto 0;font-size:19px;text-decoration:underline;display:block}.desktop-coming-soon{font-family:"cofo-sans-pixel", var(--font-primary);letter-spacing:-.01em;text-transform:lowercase;color:var(--black);-webkit-text-stroke:1px var(--black);paint-order:stroke;pointer-events:none;margin:0;font-size:32px;line-height:33px;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (width<=980px){.desktop-coming-soon{width:fit-content;margin:42vh auto;position:static;translate:none}}.desktop-pattern-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}@media (width>=981px){.desktop-container:has(.desktop-pattern-grid) .desktop-doc{width:1375px}}@media (width<=980px){.desktop-pattern-grid{grid-template-columns:repeat(2,1fr)}}.desktop-pattern-grid video,.desktop-pattern-grid img{aspect-ratio:3/4;object-fit:cover;pointer-events:none;user-select:none;border-radius:0;width:100%;display:block}.desktop-pattern-grid video{image-rendering:pixelated}.desktop-pattern-link{pointer-events:auto;cursor:pointer;display:block}.desktop-pattern-card{border:2px solid var(--black);background:var(--white);border-radius:17px;margin:0;overflow:hidden}.desktop-pattern-card__media{position:relative}.desktop-pattern-grid figcaption{font-family:var(--font-primary);text-transform:lowercase;color:#6b6b6b;padding:9px 14px 11px;font-size:12px;font-weight:300;line-height:16px}.desktop-pattern-carousel__track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x pan-y;display:flex;overflow-x:auto}.desktop-pattern-carousel__track::-webkit-scrollbar{display:none}.desktop-pattern-grid .desktop-pattern-carousel__track video,.desktop-pattern-grid .desktop-pattern-carousel__track img{scroll-snap-align:start;border-radius:0;flex:0 0 100%}.desktop-pattern-carousel__arrow{border:2px solid var(--black);width:30px;height:30px;color:var(--black);font-family:var(--font-primary);cursor:pointer;pointer-events:auto;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0 0 3px;font-size:20px;line-height:1;display:flex;position:absolute;top:50%;translate:0 -50%}.desktop-pattern-carousel__arrow--prev{left:8px}.desktop-pattern-carousel__arrow--next{right:8px}.desktop-pattern-carousel__dots{gap:6px;display:flex;position:absolute;bottom:16px;right:14px}.desktop-pattern-carousel__dots button{border:1px solid var(--black);cursor:pointer;pointer-events:auto;background:#fff;border-radius:50%;width:9px;height:9px;padding:0}.desktop-pattern-carousel__dots button.is-current{background:var(--black)}.desktop-pattern-tile{position:relative}.desktop-pattern-audio{border:2px solid var(--black);width:36px;height:36px;color:var(--black);cursor:pointer;pointer-events:auto;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:10px;right:10px}.desktop-pattern-audio.is-on{background:var(--desktop-lime)}.desktop-pattern-audio:after{content:"";background:var(--black);width:25px;height:2px;position:absolute;rotate:-45deg}.desktop-pattern-audio.is-on:after{display:none}.desktop-page:has(.desktop-about),.desktop-artboard:has(.desktop-about),.desktop-artboard:has(.desktop-about) .desktop-container,.desktop-page:has(.desktop-flow--guestbook),.desktop-artboard:has(.desktop-flow--guestbook),.desktop-artboard:has(.desktop-flow--guestbook) .desktop-container,.desktop-page:has(.desktop-coming-soon),.desktop-artboard:has(.desktop-coming-soon),.desktop-artboard:has(.desktop-coming-soon) .desktop-container{min-height:0}@media (width>=981px){.desktop-artboard:has(.desktop-about) .desktop-container,.desktop-artboard:has(.desktop-flow--guestbook) .desktop-container,.desktop-artboard:has(.desktop-coming-soon) .desktop-container{min-height:calc(100vh / var(--page-scale) - 71px)}.desktop-container:has(.desktop-about) .desktop-doc{width:1000px;margin-top:56px}}.desktop-about-cols{grid-template-columns:1fr 1fr;gap:8px 72px;margin-top:24px;display:grid}@media (width<=980px){.desktop-about-cols{grid-template-columns:1fr}}.desktop-about-col>.desktop-about__heading:first-child{margin-top:0}.desktop-about__heading{font-family:var(--font-primary);letter-spacing:.02em;text-transform:lowercase;color:var(--desktop-purple-text);margin:34px 0 0;font-size:13px;font-weight:600}.desktop-about__list{margin:12px 0 0;padding:0;list-style:none}.desktop-about__list li{margin-top:10px}.desktop-about__list--plain li{font-family:var(--font-primary);text-transform:lowercase;color:var(--black);font-size:16px;line-height:24px}.desktop-about__role{font-family:var(--font-primary);text-transform:lowercase;color:var(--black);font-size:17px;font-weight:600;line-height:24px;display:block}.desktop-about__meta{font-family:var(--font-primary);text-transform:lowercase;color:#6b6b6b;font-size:15px;line-height:21px;display:block}.desktop-about-contact{margin-top:12px}.desktop-about-contact .desktop-home-contact__email,.desktop-about-contact .desktop-home-contact__row{width:fit-content}.desktop-card--intro-cover{padding:0;overflow:clip}.desktop-card--intro-cover__img{width:100%;height:auto;display:block}.desktop-doc-card{padding:34px 36px}.desktop-doc-label{border:1px solid var(--black);background:var(--desktop-lime);font-family:var(--font-primary);text-transform:lowercase;color:var(--black);border-radius:999px;margin:0 0 16px;padding:5px 14px;font-size:12px;font-weight:300;display:inline-block}.desktop-doc-h{font-family:var(--font-primary);letter-spacing:-.03em;color:var(--black);margin:0 0 14px;font-size:24px;font-weight:600;line-height:30px}.desktop-doc-body{color:var(--black);margin:0 0 12px;font-family:Verdana,system-ui,sans-serif;font-size:15px;line-height:24px}.desktop-doc-body:last-child{margin-bottom:0}.desktop-doc-hero{align-items:center;gap:36px;display:flex}.desktop-doc-hero>div{flex:1}.desktop-doc-hero .desktop-doc-h{font-size:28px;line-height:34px}.desktop-video.desktop-doc-hero__video{flex:0 0 236px;width:236px}.desktop-video{border:1px solid var(--black);background:#0b0b0e;border-radius:17px;width:100%;height:auto;display:block}.desktop-doc-steps{counter-reset:step;flex-direction:column;gap:16px;margin:20px 0 0;padding:0;list-style:none;display:flex}.desktop-doc-steps li{counter-increment:step;padding-left:46px;position:relative}.desktop-doc-steps li:before{content:counter(step);border:1px solid var(--black);background:var(--desktop-purple-light);width:30px;height:30px;font-family:var(--font-primary);box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:0;left:0}.desktop-doc-steps h3{font-family:var(--font-primary);letter-spacing:-.02em;margin:4px 0;font-size:16px;font-weight:600}.desktop-doc-steps p,.desktop-doc-grid p,.desktop-doc-personas p{color:#3d3d3d;margin:0;font-family:Verdana,system-ui,sans-serif;font-size:13px;line-height:21px}.desktop-doc-grid{grid-template-columns:1fr 1fr;gap:20px 26px;margin-top:20px;display:grid}.desktop-doc-grid h4,.desktop-doc-personas h4,.desktop-doc-callout h4{font-family:var(--font-primary);letter-spacing:-.02em;color:var(--black);margin:0 0 6px;font-size:16px;font-weight:600}.desktop-doc-screens{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px;display:grid}.desktop-doc-screens figure{margin:0}.desktop-doc-screens figcaption{font-family:var(--font-primary);text-align:center;text-transform:lowercase;color:#6b6b6b;margin-top:8px;font-size:12px;font-weight:300}.desktop-doc-img{border:0;border-radius:17px;width:100%;margin-top:20px;display:block}.desktop-doc-img.desktop-doc-img--portrait{flex:0 0 236px;align-self:flex-start;width:236px;margin-top:0}.desktop-doc-photos{gap:16px;margin-top:20px;display:flex}.desktop-doc-photos .desktop-doc-img{object-fit:cover;flex:1;min-width:0;height:380px;margin-top:0}@media (width<=980px){.desktop-doc-photos .desktop-doc-img{height:200px}}.desktop-doc-photos.desktop-doc-photos--uncropped{align-items:flex-start}.desktop-doc-photos.desktop-doc-photos--uncropped .desktop-doc-img{height:auto}.desktop-doc-figure{margin:20px 0 0}.desktop-doc-figure figcaption{font-family:var(--font-primary);text-align:center;text-transform:lowercase;color:#6b6b6b;margin-top:8px;font-size:12px;font-weight:300}.desktop-doc-embed{aspect-ratio:16/9;border:1px solid var(--black);background:#0b0b0e;border-radius:17px;width:100%;display:block}.desktop-doc-embed--demo{aspect-ratio:4/3;background:var(--white);margin-top:20px}.desktop-doc-quote{border-left:4px solid var(--desktop-purple-light);background:#dd86ff1f;border-radius:0 12px 12px 0;padding:18px 22px}.desktop-doc-body a{color:var(--desktop-purple-text);text-underline-offset:2px}.desktop-doc-callout{border:1px solid var(--black);background:#dd86ff29;border-radius:17px;margin-top:20px;padding:22px 24px}.desktop-doc-callout__label{font-family:var(--font-primary);text-transform:lowercase;color:var(--desktop-purple-text);margin:0 0 10px;font-size:12px;font-weight:600}.desktop-doc-callout p{color:var(--black);margin:0 0 10px;font-family:Verdana,system-ui,sans-serif;font-size:13px;line-height:21px}.desktop-doc-callout p:last-child{margin-bottom:0}.desktop-doc-personas{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.desktop-doc-personas>div{border:1px solid var(--black);border-radius:17px;padding:20px}.desktop-doc-personas>div:first-child{background:#d1f14447}.desktop-doc-personas>div:nth-child(2){background:#97aef638}.desktop-doc-meta{width:384px;height:auto;padding:24px 26px;top:344px;left:160px}.desktop-doc-meta dl{flex-direction:column;gap:14px;margin:0;display:flex}.desktop-doc-meta dt{font-family:var(--font-primary);text-transform:lowercase;color:var(--desktop-purple-text);font-size:12px;font-weight:600}.desktop-doc-meta dd{font-family:var(--font-primary);text-transform:lowercase;color:var(--black);margin:3px 0 0;font-size:15px;line-height:20px}.desktop-home-project{appearance:none;cursor:pointer;padding:0;display:block;overflow:clip}.desktop-home-art{pointer-events:none;width:auto;max-width:70%;height:auto;max-height:56%;display:block;position:absolute;top:38%;left:50%;translate:-50% -50%}.desktop-home-project__hover{z-index:3;background:var(--hover-bg,var(--desktop-purple-light));opacity:0;pointer-events:none;border-radius:6px;transition:opacity .18s;display:block;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.desktop-home-project:hover .desktop-home-project__hover,.desktop-home-project:focus-visible .desktop-home-project__hover{opacity:1}}.desktop-home-project.is-peeking .desktop-home-project__hover{opacity:1}.desktop-home-project{-webkit-touch-callout:none}.desktop-home-project__desc{text-align:left;width:210px;color:var(--black);font-family:Verdana,system-ui,sans-serif;font-size:19px;line-height:26px;position:absolute;top:40px;left:26px}.desktop-home-project__view{width:max-content;color:var(--white);font-family:Verdana,system-ui,sans-serif;font-size:13px;line-height:1;text-decoration:none;position:absolute;top:206px;left:28px}a.desktop-home-project__view{pointer-events:auto}.desktop-home-project:focus-within .desktop-home-project__hover{opacity:1}.desktop-home-project__tag{z-index:4;border:1px solid var(--black);background:var(--white);width:207px;height:44px;font-family:"cofo-sans-pixel", var(--font-primary);color:var(--black);pointer-events:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:400;line-height:1;display:flex;position:absolute;top:-30px;left:27px}.desktop-home-project__tag svg{flex-shrink:0}.desktop-home-project:has(.desktop-home-project__tag){overflow:visible}.desktop-home-art--bleed{object-fit:cover;width:100%;max-width:100%;height:57%;max-height:57%;top:0;left:0;translate:none}.desktop-home-project__label{z-index:1;text-align:center;width:140px;color:var(--black);pointer-events:none;font-family:Verdana,system-ui,sans-serif;font-size:18px;line-height:25px;position:absolute;top:214px;left:50%;translate:-50% -50%}@media (width<=980px){.desktop-flow{flex-direction:column;gap:32px;width:100%;margin:0;display:flex;position:static}.desktop-flow .desktop-card{width:100%}.desktop-flow--guestbook{width:100%;margin:0}.desktop-flow--guestbook .desktop-panel--draw{grid-column:auto;width:100%}.desktop-flow .desktop-project-card{height:320px}.desktop-back-link{margin:8px 0;display:block;position:static}.desktop-card--content{width:100%;margin:0;position:static}.desktop-guestbook-note{width:auto;padding:0 20px;position:static}.desktop-guestbook-hero{height:auto;min-height:320px}.desktop-guestbook-hero__title{padding:24px 24px 0;display:block;position:static}.desktop-guestbook-hero__sub{padding:0 24px}.desktop-guestbook-hero__note{width:auto;padding:12px 24px 24px;position:static}.desktop-doc{width:100%;margin:16px 0 0}.desktop-doc-hero{flex-direction:column}.desktop-doc-hero__video{width:70%;max-width:260px}.desktop-doc-grid,.desktop-doc-personas{grid-template-columns:1fr}.desktop-doc-screens{grid-template-columns:1fr 1fr}.desktop-doc-meta{width:100%;position:static}.desktop-doc-img.desktop-doc-img--portrait{flex:none;width:70%;max-width:260px}}@media (width<=640px){.desktop-doc-screens{grid-template-columns:1fr}}@media (width>=981px){.desktop-home-right .desktop-home-art{object-fit:fill;max-width:none;max-height:none;translate:none}.desktop-home-right .desktop-card--home-1 .desktop-home-art{width:192px;height:192px;top:-6px;left:39px}.desktop-home-right .desktop-card--home-2 .desktop-home-art{width:76px;height:154px;top:27px;left:91px}.desktop-home-right .desktop-card--home-3 .desktop-home-art{width:178px;height:92px;top:58px;left:40px}.desktop-home-right .desktop-card--home-4 .desktop-home-art{width:262px;height:158px;top:-2px;left:-2px}.desktop-home-right .desktop-card--home-5 .desktop-home-art{width:239px;height:159px;top:0;left:0}.desktop-home-right .desktop-card--home-6 .desktop-home-art{width:204px;height:172px;top:6px;left:27px}.desktop-home-right .desktop-card--home-7 .desktop-home-art{width:150px;height:142px;top:23px;left:54px}.desktop-home-right .desktop-card--home-8 .desktop-home-art{width:137px;height:138px;top:36px;left:60px}}.desktop-doc--gutsy{--gutsy-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace}.desktop-doc.desktop-doc--gutsy .desktop-doc-card:not(.desktop-about){background:#000;border-radius:17px;padding:34px 36px;overflow:hidden}.desktop-doc--gutsy .desktop-doc-label{font-family:var(--gutsy-mono);color:#000;background:#ef7ed8;border:0}.desktop-doc--gutsy .desktop-doc-h{font-family:var(--gutsy-mono);letter-spacing:-.01em;color:#fff;font-weight:500;line-height:26px}.desktop-doc--gutsy .desktop-doc-body{font-family:var(--gutsy-mono);color:#fff;font-size:14px;line-height:20px}.desktop-doc--gutsy .desktop-doc-screens figcaption{font-family:var(--gutsy-mono);color:#b3b3b3}.desktop-container:has(.desktop-doc--gutsy) .desktop-doc-meta{background:#000;border-radius:17px;padding:34px 36px;overflow:hidden}.desktop-doc-meta--gutsy dt{color:#ef7ed8;font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace}.desktop-doc-meta--gutsy dd,.desktop-doc-meta--gutsy dd a{color:#fff;font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace}@media (width>=981px){.desktop-container:has(.desktop-doc--gutsy) .desktop-doc,.desktop-container:has(.desktop-doc--gutsy) .desktop-doc-meta,.desktop-container:has(.desktop-doc--gutsy) .desktop-card--intro,.desktop-container:has(.desktop-doc--gutsy) .desktop-back-link{width:1080px}}.desktop-gutsy-deckrow{justify-content:flex-end;display:flex}.desktop-gutsy-deck{text-transform:lowercase;color:#fff;background:#000;border-radius:100px;padding:10px 18px;font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:14px;line-height:16px;text-decoration:none;display:inline-block}@media (width>=981px){.desktop-container:has(.desktop-doc--gutsy) .desktop-gutsy-deckrow{pointer-events:none;order:-1;width:1080px;margin:-25px auto 0}.desktop-gutsy-deck{pointer-events:auto}}@media (width<=980px){.desktop-gutsy-deckrow{margin:16px 20px 0}}.desktop-doc--guardians{--guard-red:#e93323;--guard-navy:#1b2d6b;--guard-yellow:#f5bd42;--guard-paper:#e9e9e9;--guard-pixel:"Pixelette", "cofo-sans-pixel", var(--font-primary);--guard-display:"Barber", "Archivo Black", var(--font-primary)}.desktop-doc.desktop-doc--guardians .desktop-doc-card:not(.desktop-about){background:#e93323;border-radius:17px;padding:34px 36px;overflow:hidden}.desktop-doc--guardians .desktop-doc-label{font-family:"Pixelette", "cofo-sans-pixel", var(--font-primary);color:#1b2d6b;background:#f5bd42;border:0;font-size:11px}.desktop-doc--guardians .desktop-doc-h{font-family:"Barber", "Archivo Black", var(--font-primary);letter-spacing:.01em;color:#f5bd42;text-shadow:2px 2px #1b2d6b;font-weight:400;line-height:30px}.desktop-doc--guardians .desktop-doc-body{color:#e9e9e9}.desktop-doc--guardians .desktop-doc-photos figcaption,.desktop-doc--guardians .desktop-doc-screens figcaption{font-family:"Pixelette", "cofo-sans-pixel", var(--font-primary);color:#e9e9e9}.desktop-container:has(.desktop-doc--guardians) .desktop-doc-meta{background:#e93323;border-radius:17px;padding:34px 36px;overflow:hidden}.desktop-doc-meta--guardians dt{font-family:"Pixelette", "cofo-sans-pixel", var(--font-primary);color:#f5bd42;font-size:11px}.desktop-doc-meta--guardians dd,.desktop-doc-meta--guardians dd a{color:#e9e9e9}.desktop-gutsy-deck--guardians{font-family:"Pixelette", "cofo-sans-pixel", var(--font-primary);color:#f5bd42;background:#1b2d6b}@media (width>=981px){.desktop-container:has(.desktop-doc--guardians) .desktop-doc,.desktop-container:has(.desktop-doc--guardians) .desktop-doc-meta,.desktop-container:has(.desktop-doc--guardians) .desktop-card--intro,.desktop-container:has(.desktop-doc--guardians) .desktop-back-link{width:1080px}.desktop-container:has(.desktop-doc--guardians) .desktop-gutsy-deckrow{pointer-events:none;order:-1;width:1080px;margin:-25px auto 0}}.desktop-toolbar__name{align-items:center;gap:9px;display:inline-flex}.desktop-logo-checker{border-radius:8px;flex-shrink:0;width:44px;height:44px}@media (width<=980px){.desktop-logo-checker{width:36px;height:36px}}