: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;user-select:none;width:100%;margin:0;overflow:clip visible;scrollbar-width:none!important}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}.desktop-page:has(.desktop-home-left),.desktop-artboard:has(.desktop-home-left){width:100%;min-width:0;min-height:0}.desktop-artboard:has(.desktop-home-left) .desktop-container{align-items:stretch;gap:clamp(32px,5vw,150px);width:100%;height:calc(100vh - 71px);min-height:0;padding-left:clamp(32px,10.35vw,149px);display:flex;overflow:clip}html.desktop-grid:has(.desktop-home-left) body{height:100vh}html.desktop-grid:has(.desktop-home-left) .desktop-toolbar{width:100%}html.desktop-grid:has(.desktop-home-left) .menu-bar{top:8px;left:calc(50% + 57px);translate:-50%}html.desktop-grid:has(.desktop-home-left) .desktop-toolbar .desktop-reset{left:auto;right:41px}html.desktop-grid:has(.desktop-home-left) .page-scrollbar{width:20px;height:calc(100vh - 71px);top:71px;left:auto;right:0}.desktop-home-left{pointer-events:none;flex-direction:column;flex:0 0 clamp(380px,36vw,545px);min-height:0;padding:clamp(24px,6.7vh,60px) 0 clamp(10px,1.4vh,12px);display:flex;position:static}.desktop-home-left .desktop-card,.desktop-home-left .desktop-home-legal{pointer-events:none}.desktop-home-left .desktop-role{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-left .desktop-home-contact{margin-top:clamp(24px,8.3vh,75px)}.desktop-home-left .desktop-home-legal{margin-top:auto}.desktop-home-right{scrollbar-width:none;pointer-events:none;flex-wrap:wrap;flex:1;place-content:flex-start;gap:28px;min-width:0;max-width:1020px;height:100%;padding:clamp(40px,9.5vh,86px) 24px 80px clamp(0px,1.2vw,17px);display:flex;position:static;overflow-y:auto}.desktop-home-right>*{pointer-events:auto}.desktop-home-right::-webkit-scrollbar{display:none}}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(--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(--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:block!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:var(--desktop-artboard-width);height:71px;transform: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{top:19px;left:1410px}.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:21px;left:28px}.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:2px;left:548px}.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}.desktop-home-avatar{aspect-ratio:115/110;background:0 0;border-radius:999px;width:clamp(64px,11.4vh,115px);height:auto;margin-left:max(-10px,-.7vw);position:relative;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{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:clamp(8px,2.2vh,20px) 0 0;font-size:clamp(22px,3.6vh,32px);font-weight:400;line-height:1.05;display:flex;position:static}.desktop-home-bio{width:min(439px,100%);color:var(--black);margin:clamp(12px,3.2vh,29px) 0 0;font-family:Verdana,system-ui,sans-serif;font-size:clamp(12px,2vh,18px);line-height:1.45;position:static}.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{background:0 0;border:0;border-radius:0;width:min(403px,100%);height:auto;padding:0;position:relative;overflow:visible}.desktop-home-contact__label{display:none}.desktop-home-contact__email,.desktop-home-contact__row{text-transform:lowercase;color:var(--black);margin:clamp(6px,.9vh,8px) 0 0;font-family:Verdana,system-ui,sans-serif;font-size:clamp(14px,2vh,18px);line-height:16px;text-decoration:none;display:block}.desktop-home-contact__email{font-family:var(--font-primary);color:var(--desktop-purple-text);margin-top:0}.desktop-home-contact__row--guestbook{color:var(--desktop-purple-light)}.desktop-home-legal{letter-spacing:-.03em;text-transform:lowercase;color:var(--black);opacity:.2;margin:clamp(4px,1.2vh,16px) 0 0;font-family:Verdana,system-ui,sans-serif;font-size:clamp(13px,1.8vh,18px);line-height:1.5}.desktop-home-right .desktop-card{aspect-ratio:262/250;border-radius:8px;width:min(262px,50% - 14px);height:auto;position:relative;top:auto;left:auto}.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:184px;height:143px;transition:opacity .5s,transform .5s;position:fixed;transform:translateY(3px)}.paint-onboarding.is-visible{opacity:1;transform:none}.paint-onboarding svg{fill:#9a9a9a;opacity:.4;width:100%;height:100%;position:absolute;inset:0}.paint-onboarding span{width:119px;font-family:"cofo-sans-pixel", var(--font-primary);color:#c9c9c9;font-size:18px;line-height:20px;position:absolute;top:47px;left:36px}.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{font-family:"cofo-sans-pixel", var(--font-primary);color:#d983fb;pointer-events:auto;margin:clamp(4px,1.2vh,11px) 0 0;font-size:clamp(16px,2.7vh,24px);line-height:1;position:static}.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:1px 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-guestbook-hero{height:352px;position:relative}.desktop-guestbook-hero__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:31px;left:17px}.desktop-guestbook-hero__note{width:353px;font-family:var(--font-primary);text-transform:lowercase;color:var(--desktop-purple-light);margin:0;font-size:24px;line-height:28px;position:absolute;top:105px;left:17px}.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(--desktop-purple-light);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);font-family:var(--font-primary);letter-spacing:-.03em;color:var(--black);box-sizing:border-box;border-radius:10px;padding:8px 12px;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;font-family:var(--font-primary);letter-spacing:-.03em;text-transform:lowercase;color:#6e6e6e;pointer-events:none;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:none}.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:49px 0 0;padding:0 calc(50% - 114.5px);display:flex;position:static;overflow:auto hidden}.desktop-home-right::-webkit-scrollbar{display:none}.desktop-home-right .desktop-card{aspect-ratio:auto;scroll-snap-align:center;backface-visibility:hidden;flex:0 0 229px;width:229px;height:194px;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-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(3,384px);width:1216px;margin:64px 116px 64px 160px}.desktop-flow--guestbook .desktop-panel--draw{grid-column:2/4;width:800px;position:relative;top:0;left:0}.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}.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:1px solid var(--black);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-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{display:block;overflow:clip}.desktop-home-project__bar{z-index:1;border-bottom:2px solid var(--black);background:var(--white);width:100%;height:41px;font-family:var(--font-primary);letter-spacing:-.03em;text-transform:capitalize;color:var(--black);box-sizing:border-box;padding:2px 8px;font-size:18px;line-height:32px;position:absolute;top:0;left:0}@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__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}}