/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#4d1e75;--paper:#b78efc;--paper-deep:#a879ef;--purple:#6216b7;--vivid-purple:#6216b7;--purple-dark:#260a70;--hot-pink:#ed62d2;--brand-green:#c7ff42;--lavender:#b78efc;--ribbon-pink:#d89ee8;--sticker-white:#fffdf8;--muted:#6b478a;--intro:#4d1e75;--line:#4d1e7529;--dock:#260a70f5;--dock-text:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}img{max-width:100%}:is(a:focus-visible,button:focus-visible){outline:3px solid var(--hot-pink);outline-offset:4px}.portfolio-shell{isolation:isolate;min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 50% 42%, var(--sticker-white), transparent 30rem), linear-gradient(115deg, var(--sticker-white), transparent 52%), var(--paper);position:relative;overflow:clip}@supports (color:color-mix(in lab, red, red)){.portfolio-shell{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--sticker-white) 18%, transparent), transparent 30rem), linear-gradient(115deg, color-mix(in srgb, var(--sticker-white) 4%, transparent), transparent 52%), var(--paper)}}.portfolio-shell{transition:color .24s,background-color .24s}.portfolio-shell:before,.portfolio-shell:after{content:"";z-index:0;background:radial-gradient(circle, #ffffff6b 0 .55px, transparent .75px) 0 0 / 3px 3px, var(--ribbon-pink);opacity:.62;pointer-events:none;border:0;border-radius:48% 52% 58% 42%;width:62vw;height:47vw;position:fixed;-webkit-mask:radial-gradient(#0000 0 55%,#000 56% 72%,#0000 73%);mask:radial-gradient(#0000 0 55%,#000 56% 72%,#0000 73%)}.portfolio-shell:before{top:-17vw;left:-43vw;transform:rotate(-27deg)skew(-6deg)}.portfolio-shell:after{top:-12vw;right:-42vw;transform:rotate(28deg)skew(5deg)}.portfolio-shell.theme-dark{--ink:#f6efff;--paper:#1b0338;--paper-deep:#0c0119;--purple:#b78efc;--vivid-purple:#cb9ff7;--purple-dark:#260a70;--hot-pink:#ff70d6;--brand-green:#c7ff42;--lavender:#b78efc;--ribbon-pink:#4a0b86;--sticker-white:#fffdf8;--muted:#cbb9dd;--intro:#eee4f7;--line:#e7d2ff1c;--dock:#1a0826f7;--dock-text:#fbf7ff}.portfolio-header{z-index:60;justify-content:space-between;align-items:center;width:calc(100% - 56px);height:90px;margin:0 auto;padding-left:70px;display:flex;position:relative}.portfolio-brand,.portfolio-header nav a{color:var(--ink);letter-spacing:.04em;font-size:13px;font-weight:850;text-decoration:none}.portfolio-brand{color:var(--purple);letter-spacing:-.035em;text-shadow:0 1px 0 var(--ink);font-size:21px}@supports (color:color-mix(in lab, red, red)){.portfolio-brand{text-shadow:0 1px 0 color-mix(in srgb, var(--ink) 24%, transparent)}}.portfolio-header nav a:hover,.portfolio-header nav a.is-active{color:var(--purple);font-weight:900}.header-right,.portfolio-header nav,.header-tools{align-items:center;display:flex}.header-right{gap:clamp(28px,4vw,58px)}.portfolio-header nav{gap:clamp(14px,1.8vw,32px)}.portfolio-header nav a{letter-spacing:.14em;font-size:13px;transition:color .18s,font-weight .18s;position:relative}.portfolio-header nav a:after{content:none}.portfolio-header nav a.is-active{color:var(--purple);font-weight:900}.header-tools{border-left:1px solid var(--line);gap:7px;padding-left:18px}.header-tool{border:1px solid var(--line);min-width:39px;height:36px;color:var(--ink);cursor:pointer;letter-spacing:.08em;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:9px;font-weight:850;transition:color .18s,background .18s,transform .18s;display:inline-flex}.header-tool:hover{color:var(--paper);border-color:var(--purple);background:var(--purple);transform:translateY(-2px)}.theme-dark .header-tool:hover{color:#17131d;border-color:var(--brand-green);background:var(--brand-green);box-shadow:0 0 16px var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.theme-dark .header-tool:hover{box-shadow:0 0 16px color-mix(in srgb, var(--brand-green) 30%, transparent)}}.header-theme{padding:0}.portfolio-hero{z-index:auto;width:calc(100% - 56px);min-height:calc(100dvh - 90px);margin:0 auto;padding:clamp(42px,5vh,68px) 24px 84px 70px;position:relative}.hero-copy{z-index:4;width:min(73%,1040px);position:relative}.hero-copy h1{letter-spacing:.005em;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Narrow,sans-serif;font-size:clamp(66px,6.8vw,118px);font-weight:400;font-stretch:75%;line-height:.83}.title-static{width:max-content;max-width:100%;display:block}.handwritten-title{min-height:.98em;color:var(--vivid-purple);letter-spacing:-.035em;text-transform:none;align-items:center;margin-top:13px;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:.64em;font-weight:700;line-height:1;display:flex}.handwritten-title i{background:currentColor;width:3px;height:.8em;margin-left:7px;animation:.72s step-end infinite cursor-blink;display:inline-block}.hero-intro{max-width:510px;color:var(--intro);letter-spacing:-.025em;margin:25px 0 0;font-size:clamp(16px,1.35vw,21px);line-height:1.45}.work-index{border-top:1px solid var(--line);width:min(520px,82%);margin-top:clamp(30px,4.5vh,52px)}.work-index a{border-bottom:1px solid var(--line);min-height:60px;color:var(--ink);grid-template-columns:112px 1fr 28px;align-items:center;text-decoration:none;transition:padding .18s,color .18s;display:grid}.work-index .work-more-row{grid-template-columns:54px 1fr 28px}.work-index a>svg{color:var(--ink);transition:color .18s,filter .18s,transform .18s}.work-index a:hover>svg{color:var(--hot-pink);filter:drop-shadow(0 0 6px var(--hot-pink))}@supports (color:color-mix(in lab, red, red)){.work-index a:hover>svg{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--hot-pink) 38%, transparent))}}.work-index a:hover>svg{transform:translate(3px,-3px)}.theme-dark .work-index a>svg,.theme-dark .work-index a:hover>svg{color:var(--brand-green);filter:drop-shadow(0 0 5px var(--brand-green))}@supports (color:color-mix(in lab, red, red)){.theme-dark .work-index a>svg,.theme-dark .work-index a:hover>svg{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--brand-green) 28%, transparent))}}.work-index a>span{color:var(--purple);font-size:11px;font-weight:850;transition:color .18s}.work-index a>.work-index-tag{border:1px solid var(--purple);width:fit-content;max-width:104px;padding:6px 9px}@supports (color:color-mix(in lab, red, red)){.work-index a>.work-index-tag{border:1px solid color-mix(in srgb, var(--purple) 52%, var(--line))}}.work-index a>.work-index-tag{letter-spacing:.07em;text-align:center;border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:7px;line-height:1.1}.theme-dark .work-index a>.work-index-tag{color:var(--brand-green);border-color:var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.theme-dark .work-index a>.work-index-tag{border-color:color-mix(in srgb, var(--brand-green) 52%, var(--line))}}.work-index a:hover>span{color:var(--hot-pink)}.theme-dark .work-index a:hover>span{color:var(--brand-green)}.work-index strong{letter-spacing:.05em;text-transform:uppercase;font-size:clamp(17px,1.55vw,23px);font-weight:500}.work-index .work-more-row{background:var(--purple)}@supports (color:color-mix(in lab, red, red)){.work-index .work-more-row{background:color-mix(in srgb, var(--purple) 5%, transparent)}}.work-index .work-more-row strong{letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:850}.work-hover-preview{z-index:7;border:1px solid var(--line);width:clamp(230px,19vw,300px);color:var(--ink);background:var(--paper);border-radius:16px;padding:9px;position:absolute;bottom:0;left:min(560px,56vw)}@supports (color:color-mix(in lab, red, red)){.work-hover-preview{background:color-mix(in srgb, var(--paper) 96%, transparent)}}.work-hover-preview{pointer-events:none;animation:.18s cubic-bezier(.2,.8,.2,1) both work-preview-in;box-shadow:12px 16px 45px #190a2a2e}.work-hover-preview:before{content:"PREVIEW.JPG";color:var(--purple);letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;font-weight:900;position:absolute;top:-20px;left:12px}.theme-dark .work-hover-preview:before{color:var(--brand-green)}.work-hover-preview img{aspect-ratio:16/10;object-fit:cover;border-radius:10px;width:100%;display:block}.work-hover-preview div{gap:4px;padding:10px 5px 4px;display:grid}.work-hover-preview small{color:var(--muted);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:7px;font-weight:800}.work-hover-preview strong{letter-spacing:.02em;font-size:12px}.hero-art{z-index:3;pointer-events:none;place-items:center;width:36%;display:grid;position:absolute;top:9%;bottom:36%;right:2%}.hero-art img{z-index:1;object-fit:contain;opacity:1;filter:none;width:100%;height:100%;transition:filter .24s,opacity .24s;position:relative;transform:rotate(-2.5deg)scale(1.05)}.theme-dark .hero-art img{opacity:1;filter:none}.tracking-orb{z-index:4;border:3px solid var(--paper);background:var(--purple);width:13px;height:13px;box-shadow:0 0 22px 7px var(--purple);border-radius:50%;position:absolute}@supports (color:color-mix(in lab, red, red)){.tracking-orb{box-shadow:0 0 22px 7px color-mix(in srgb, var(--purple) 28%, transparent)}}.tracking-orb:after{content:"";border:2px solid var(--paper);background:var(--purple);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;left:8px}@supports (color:color-mix(in lab, red, red)){.tracking-orb:after{background:color-mix(in srgb, var(--purple) 55%, white)}}.tracking-orb--one{bottom:30%;left:8%}.tracking-orb--two{background:var(--hot-pink);width:8px;height:8px;top:30%;right:13%}.hero-footer-bar{z-index:4;color:var(--muted);letter-spacing:.12em;white-space:nowrap;grid-template-columns:auto minmax(170px,.8fr) minmax(260px,1.3fr) minmax(150px,.7fr);align-items:center;gap:clamp(18px,3vw,48px);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;font-weight:750;display:grid;position:absolute;bottom:22px;left:0;right:400px}.hero-footer-bar a{color:var(--purple);text-decoration:none}.hero-footer-bar a:hover{font-weight:900}.portfolio-drawing-layer{z-index:2;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.gesture-cursor{z-index:160;background:var(--hot-pink);width:24px;height:24px;box-shadow:0 0 0 2px #17131d, 0 0 28px 9px var(--hot-pink);border:3px solid #fff;border-radius:50%;position:fixed;top:-12px;left:-12px}@supports (color:color-mix(in lab, red, red)){.gesture-cursor{box-shadow:0 0 0 2px #17131d, 0 0 28px 9px color-mix(in srgb, var(--hot-pink) 56%, transparent)}}.gesture-cursor{opacity:0;pointer-events:none;transition:opacity .1s}.gesture-cursor[data-mode=pointer]{background:var(--brand-green);width:18px;height:18px;box-shadow:0 0 0 2px #17131d, 0 0 25px 8px var(--brand-green);border-width:2px;top:-9px;left:-9px}@supports (color:color-mix(in lab, red, red)){.gesture-cursor[data-mode=pointer]{box-shadow:0 0 0 2px #17131d, 0 0 25px 8px color-mix(in srgb, var(--brand-green) 58%, transparent)}}.drawing-dock{z-index:76;border:1px solid var(--line);width:min(760px,100vw - 36px);min-height:76px;color:var(--ink);background:var(--paper);border-radius:999px;align-items:center;gap:13px;padding:11px 12px;display:flex;position:fixed;bottom:18px;right:18px}@supports (color:color-mix(in lab, red, red)){.drawing-dock{background:color-mix(in srgb, var(--paper) 96%, transparent)}}.dock-status{border-right:1px solid var(--line);flex:0 238px;align-items:center;gap:8px;min-width:0;padding:0 11px 0 3px;display:flex}.dock-live-dot{background:#77717d;border-radius:50%;flex:none;width:9px;height:9px}@supports (color:color-mix(in lab, red, red)){.drawing-dock--active .dock-live-dot{box-shadow:0 0 0 5px color-mix(in srgb, var(--hot-pink) 16%, transparent), 0 0 18px color-mix(in srgb, var(--hot-pink) 55%, transparent)}}.drawing-dock--loading .dock-live-dot{background:#f4df37}.drawing-dock--error .dock-live-dot{background:#ff4f78}.dock-hand-icon{border:1px solid var(--line);width:30px;height:30px;color:var(--purple);background:0 0;border-radius:999px;flex:none;padding:5px}.dock-status div{gap:2px;min-width:0;display:grid}.dock-status small{color:var(--muted);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;overflow:hidden}.dock-status strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.dock-instruction{min-width:0;color:var(--muted);background:0 0;border:0;flex:310px;margin:0;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;line-height:1.35}.dock-controls{flex:none;align-items:center;gap:7px;display:flex}.color-picker{gap:5px;display:flex}.color-picker button{color:#fff;background:var(--color-option);cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;width:25px;height:25px;padding:0;display:grid}.color-picker button.is-active{border-color:var(--ink);box-shadow:0 0 0 2px var(--color-option), 0 0 16px var(--color-option)}.brush-size-value{border:1px solid var(--line);min-width:39px;color:var(--ink);text-align:center;white-space:nowrap;background:0 0;border-radius:999px;padding:5px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;font-weight:850}.dock-clear,.dock-camera{border:1px solid var(--line);cursor:pointer;border-radius:999px;min-height:36px}.dock-clear{color:var(--ink);background:0 0;align-items:center;gap:7px;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:800;display:flex}.dock-clear b{color:#17131d;background:var(--hot-pink);border-radius:999px;min-width:27px;padding:4px 6px;font-size:8px}.dock-clear:disabled{opacity:.38;cursor:not-allowed}.dock-camera{width:36px;color:var(--purple);background:0 0;place-items:center;display:grid}.theme-dark .dock-hand-icon,.theme-dark .dock-camera{color:var(--brand-green)}.dock-clear,.dock-camera{transition:color .18s,background .18s,transform .18s}.dock-clear:not(:disabled):hover,.dock-camera:not(:disabled):hover{color:var(--paper);background:var(--ink);transform:translateY(-1px)}.dock-camera:disabled{opacity:.6;cursor:wait}.camera-preview{z-index:75;aspect-ratio:4/3;border:2px solid var(--purple);opacity:0;pointer-events:none;background:#17131d;border-radius:8px;width:148px;transition:opacity .18s,transform .18s;position:fixed;bottom:102px;right:22px;overflow:hidden;transform:translateY(10px)scale(.96);box-shadow:0 16px 40px #17131d38}.camera-preview.is-visible{opacity:1;transform:none}.camera-preview video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.portfolio-toast{z-index:80;color:#17131d;background:var(--hot-pink);box-shadow:0 10px 32px var(--hot-pink);border:1px solid #17131d;border-radius:999px;padding:10px 15px;position:fixed;top:22px;left:50%}@supports (color:color-mix(in lab, red, red)){.portfolio-toast{box-shadow:0 10px 32px color-mix(in srgb, var(--hot-pink) 35%, transparent)}}.portfolio-toast{font-size:10px;font-weight:850;transform:translate(-50%)}.sparkle-celebration{z-index:90;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sparkle-celebration span{left:var(--star-x);top:var(--star-y);color:var(--star-color);font-size:var(--star-size);-webkit-text-stroke:.35px currentColor;filter:drop-shadow(0 0 3px #fff)drop-shadow(0 0 8px)drop-shadow(0 0 17px #ffcd00eb);opacity:0;transform:translate(-50%, -50%) rotate(var(--star-turn)) scale(.45);animation:sparkle-flicker var(--star-duration) ease-in-out var(--star-delay) 7 alternate;font-weight:950;line-height:1;position:absolute}.about-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(15px)saturate(.72);backdrop-filter:blur(15px)saturate(.72);background:#0d081275;place-items:center;padding:24px;animation:.18s both modal-backdrop-in;display:grid;position:fixed;inset:0}.about-modal{z-index:1;overscroll-behavior:contain;border:1px solid var(--line);width:min(1100px,100%);max-height:calc(100dvh - 48px);color:var(--ink);background:var(--paper);border-radius:24px;position:relative;overflow:auto}@supports (color:color-mix(in lab, red, red)){.about-modal{background:color-mix(in srgb, var(--paper) 97%, transparent)}}.about-modal{animation:.22s cubic-bezier(.2,.8,.2,1) both modal-panel-in;box-shadow:0 30px 100px #08040c61}.about-modal-dismiss-layer{cursor:default;background:0 0;border:0;position:absolute;inset:0}.about-modal-header{z-index:2;border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;min-height:62px;padding:10px 12px 10px 20px;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.about-modal-header{background:color-mix(in srgb, var(--paper) 94%, transparent)}}.about-modal-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.about-modal-status{align-items:center;gap:9px;display:flex}.about-modal-status span{background:var(--purple);width:9px;height:9px;box-shadow:0 0 0 5px var(--purple), 0 0 16px var(--purple);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.about-modal-status span{box-shadow:0 0 0 5px color-mix(in srgb, var(--purple) 14%, transparent), 0 0 16px color-mix(in srgb, var(--purple) 45%, transparent)}}.theme-dark .about-modal-status span{background:var(--brand-green);box-shadow:0 0 0 5px var(--brand-green), 0 0 16px var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.theme-dark .about-modal-status span{box-shadow:0 0 0 5px color-mix(in srgb, var(--brand-green) 14%, transparent), 0 0 16px color-mix(in srgb, var(--brand-green) 42%, transparent)}}.about-modal-status small{color:var(--muted);letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:850}.about-modal-close{border:1px solid var(--line);width:39px;height:39px;color:var(--purple);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:color .18s,background .18s,transform .18s;display:grid}.theme-dark .about-modal-close{color:var(--brand-green)}.about-modal-close:hover{color:var(--paper);background:var(--purple);transform:rotate(7deg)}.theme-dark .about-modal-close:hover{color:#17131d;background:var(--brand-green)}.about-modal-grid{grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);display:grid}.about-modal-copy{padding:clamp(30px,4.5vw,58px)}.about-modal-copy h2{letter-spacing:.005em;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Narrow,sans-serif;font-size:clamp(64px,8vw,108px);font-weight:400;line-height:.82}.about-modal-handwritten{color:var(--vivid-purple);margin:18px 0 26px;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1;transform:rotate(-1.5deg)}.theme-dark .about-modal-handwritten{color:var(--brand-green)}.about-modal-lead,.about-modal-body{max-width:620px;color:var(--intro);letter-spacing:-.018em;margin:0}.about-modal-lead{font-size:clamp(17px,1.6vw,22px);font-weight:650;line-height:1.42}.about-modal-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;display:grid}.about-modal-facts div{align-content:center;gap:4px;min-height:76px;padding:15px 12px 13px 0;display:grid}.about-modal-facts div+div{border-left:1px solid var(--line);padding-left:14px}.about-modal-facts strong{color:var(--purple);letter-spacing:.06em;font-size:11px}.theme-dark .about-modal-facts strong{color:var(--brand-green)}.about-modal-facts span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;line-height:1.35}.about-modal-availability{border:1px solid var(--hot-pink);align-items:center;gap:9px;margin:18px 0 0;padding:11px 13px;display:flex}@supports (color:color-mix(in lab, red, red)){.about-modal-availability{border:1px solid color-mix(in srgb, var(--hot-pink) 48%, var(--line))}}.about-modal-availability{color:var(--purple);background:var(--hot-pink)}@supports (color:color-mix(in lab, red, red)){.about-modal-availability{background:color-mix(in srgb, var(--hot-pink) 6%, transparent)}}.about-modal-availability{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;font-weight:850;line-height:1.35}.about-modal-availability span{background:var(--hot-pink);width:7px;height:7px;box-shadow:0 0 12px var(--hot-pink);border-radius:50%;flex:none}@supports (color:color-mix(in lab, red, red)){.about-modal-availability span{box-shadow:0 0 12px color-mix(in srgb, var(--hot-pink) 70%, transparent)}}.about-modal-availability span{animation:1.8s ease-in-out infinite about-status-pulse}.theme-dark .about-modal-availability{color:var(--brand-green);border-color:var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.theme-dark .about-modal-availability{border-color:color-mix(in srgb, var(--brand-green) 42%, var(--line))}}.theme-dark .about-modal-availability{background:var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.theme-dark .about-modal-availability{background:color-mix(in srgb, var(--brand-green) 6%, transparent)}}.theme-dark .about-modal-availability span{background:var(--brand-green);box-shadow:0 0 12px var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.theme-dark .about-modal-availability span{box-shadow:0 0 12px color-mix(in srgb, var(--brand-green) 70%, transparent)}}.about-modal-actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.about-modal-actions :is(a,button){border:1px solid var(--line);min-height:40px;color:var(--ink);cursor:pointer;letter-spacing:.07em;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:9px;font-weight:850;text-decoration:none;transition:color .18s,background .18s,transform .18s;display:inline-flex}.about-modal-actions :is(a,button):first-child{color:#17131d;border-color:var(--hot-pink);background:var(--hot-pink)}.about-modal-actions :is(a,button):hover{color:var(--paper);background:var(--purple);transform:translateY(-2px)}.theme-dark .about-modal-actions :is(a,button):hover{color:#17131d;background:var(--brand-green)}.work-modal{z-index:1;overscroll-behavior:contain;border:1px solid var(--line);width:min(1240px,100%);max-height:calc(100dvh - 48px);color:var(--ink);background:linear-gradient(var(--purple) 1px, transparent 1px), linear-gradient(90deg, var(--purple) 1px, transparent 1px), var(--paper);border-radius:24px;position:relative;overflow:auto}@supports (color:color-mix(in lab, red, red)){.work-modal{background:linear-gradient(color-mix(in srgb, var(--purple) 3%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--purple) 3%, transparent) 1px, transparent 1px), color-mix(in srgb, var(--paper) 98%, transparent)}}.work-modal{background-size:28px 28px;animation:.22s cubic-bezier(.2,.8,.2,1) both modal-panel-in;box-shadow:0 30px 100px #08040c6b}.work-modal-header-actions{align-items:center;gap:9px;display:flex}.work-modal-back{border:1px solid var(--line);min-height:38px;color:var(--purple);cursor:pointer;letter-spacing:.08em;background:0 0;border-radius:999px;padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;font-weight:900;transition:color .18s,border-color .18s,background .18s}.work-modal-back:hover{color:var(--paper);border-color:var(--purple);background:var(--purple)}.theme-dark .work-modal-back{color:var(--brand-green)}.theme-dark .work-modal-back:hover{color:#17131d;border-color:var(--brand-green);background:var(--brand-green)}.work-modal-intro{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:clamp(30px,6vw,88px);display:grid}.work-modal-heading{min-width:0;padding-top:30px;position:relative}.work-modal-kicker{color:var(--muted);letter-spacing:.13em;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;font-weight:900;display:inline-flex;position:absolute;top:0;left:3px}.work-modal-kicker i{background:var(--hot-pink);width:7px;height:7px;box-shadow:0 0 13px var(--hot-pink);border-radius:50%;display:block}@supports (color:color-mix(in lab, red, red)){.work-modal-kicker i{box-shadow:0 0 13px color-mix(in srgb, var(--hot-pink) 70%, transparent)}}.work-modal-intro h2,.work-project-detail-intro h2{letter-spacing:.005em;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Narrow,sans-serif;font-weight:400}.work-modal-intro h2{z-index:1;overflow-wrap:normal;white-space:nowrap;max-width:100%;font-size:clamp(70px,9.2vw,136px);line-height:.82;position:relative}.work-modal-handwritten{z-index:2;width:fit-content;max-width:92%;color:var(--vivid-purple);text-wrap:balance;margin:13px 0 0 clamp(4px,3.5vw,48px);font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:clamp(22px,2.6vw,35px);font-weight:700;line-height:1.15;position:relative;transform:rotate(-1.4deg)}.theme-dark .work-modal-handwritten{color:var(--brand-green)}.work-modal-description{border:1px solid var(--line);background:var(--paper);border-radius:18px 18px 42px;min-width:0;padding:clamp(26px,3vw,40px);position:relative}@supports (color:color-mix(in lab, red, red)){.work-modal-description{background:color-mix(in srgb, var(--paper) 90%, transparent)}}.work-modal-description{box-shadow:7px 7px 0 var(--purple)}@supports (color:color-mix(in lab, red, red)){.work-modal-description{box-shadow:7px 7px 0 color-mix(in srgb, var(--purple) 12%, transparent)}}.work-modal-description:before{content:"";background:var(--hot-pink);width:54px;height:15px;position:absolute;top:-7px;right:44px}@supports (color:color-mix(in lab, red, red)){.work-modal-description:before{background:color-mix(in srgb, var(--hot-pink) 62%, transparent)}}.work-modal-description:before{transform:rotate(4deg)}.theme-dark .work-modal-description{box-shadow:7px 7px 0 var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.theme-dark .work-modal-description{box-shadow:7px 7px 0 color-mix(in srgb, var(--brand-green) 15%, transparent)}}.theme-dark .work-modal-description:before{background:var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.theme-dark .work-modal-description:before{background:color-mix(in srgb, var(--brand-green) 68%, transparent)}}.work-modal-sticker{border:1px solid var(--purple);width:90px;height:90px;color:var(--paper);background:var(--purple);box-shadow:0 0 0 6px var(--paper);border-radius:50%;place-items:center;display:grid;position:absolute;top:-24px;right:-20px}@supports (color:color-mix(in lab, red, red)){.work-modal-sticker{box-shadow:0 0 0 6px color-mix(in srgb, var(--paper) 88%, transparent)}}.work-modal-sticker{letter-spacing:.07em;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:7px;font-weight:900;line-height:1.35;transform:rotate(8deg)}.theme-dark .work-modal-sticker{color:#17131d;border-color:var(--brand-green);background:var(--brand-green)}.work-modal-lead{max-width:520px;color:var(--intro);letter-spacing:-.02em;margin:0;font-size:clamp(14px,1.25vw,17px);line-height:1.58}.work-modal-mini-stats{border-top:1px solid var(--line);color:var(--purple);letter-spacing:.11em;flex-wrap:wrap;gap:8px 13px;margin-top:23px;padding-top:15px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:7px;font-weight:900;display:flex}.work-modal-mini-stats span{gap:13px;display:inline-flex}.work-modal-mini-stats i{color:var(--hot-pink);font-style:normal}.theme-dark .work-modal-mini-stats{color:var(--brand-green)}.work-filters{border-top:1px solid var(--line);gap:7px;margin:clamp(30px,4vw,48px) 0 17px;padding-top:18px;display:flex}.work-filters button{border:1px solid var(--line);min-height:36px;color:var(--muted);background:var(--paper);border-radius:999px;padding:0 13px}@supports (color:color-mix(in lab, red, red)){.work-filters button{background:color-mix(in srgb, var(--paper) 88%, transparent)}}.work-filters button{cursor:pointer;letter-spacing:.08em;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;font-weight:900;transition:color .18s,border-color .18s,background .18s,transform .18s}.work-filters button:hover,.work-filters button.is-active{color:var(--paper);border-color:var(--purple);background:var(--purple);transform:translateY(-2px)}.theme-dark .work-filters button:hover,.theme-dark .work-filters button.is-active{color:#17131d;border-color:var(--brand-green);background:var(--brand-green)}.work-project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.5vw,30px);display:grid}.work-project-card{--card-accent:var(--purple);border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:var(--paper);border-radius:17px;padding:12px 12px 18px;display:block;position:relative}@supports (color:color-mix(in lab, red, red)){.work-project-card{background:color-mix(in srgb, var(--paper) 94%, transparent)}}.work-project-card{box-shadow:6px 6px 0 var(--card-accent)}@supports (color:color-mix(in lab, red, red)){.work-project-card{box-shadow:6px 6px 0 color-mix(in srgb, var(--card-accent) 16%, transparent)}}.work-project-card{cursor:pointer;text-align:left;transition:border-color .18s,box-shadow .18s,transform .22s cubic-bezier(.2,.8,.2,1)}.theme-dark .work-project-card{box-shadow:6px 6px 0 var(--card-accent)}@supports (color:color-mix(in lab, red, red)){.theme-dark .work-project-card{box-shadow:6px 6px 0 color-mix(in srgb, var(--card-accent) 25%, transparent)}}.work-project-card-index{z-index:3;color:#fff;background:var(--card-accent);min-width:38px;height:25px;box-shadow:0 0 0 4px var(--paper);border:1px solid;border-radius:999px;place-items:center;padding:0 8px;display:grid;position:absolute;top:22px;left:22px}@supports (color:color-mix(in lab, red, red)){.work-project-card-index{box-shadow:0 0 0 4px color-mix(in srgb, var(--paper) 78%, transparent)}}.work-project-card-index{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;font-weight:900}.theme-dark .work-project-card:nth-child(4n+4) .work-project-card-index{color:#17131d}.work-project-card figure{border:1px solid var(--line);background:var(--paper-deep);border-radius:11px 11px 32px;margin:0;position:relative;overflow:hidden}.work-project-card figure:after{content:"";border:1px solid var(--card-accent);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.work-project-card figure:after{border:1px solid color-mix(in srgb, var(--card-accent) 42%, transparent)}}.work-project-card figure:after{border-radius:inherit;pointer-events:none}.work-project-card img{aspect-ratio:16/10;object-fit:cover;filter:saturate(.92)contrast(1.02);width:100%;transition:transform .36s cubic-bezier(.2,.8,.2,1),filter .3s;display:block}.work-project-card figcaption{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;background:#0f0914a8;border:1px solid #ffffffb8;border-radius:999px;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:7px;font-weight:900;position:absolute;bottom:10px;right:10px}.work-project-card-copy{grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;min-width:0;padding:18px 5px 0;display:grid}.work-project-card-copy small{color:var(--muted);letter-spacing:.08em;grid-column:1/-1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:7px;font-weight:850}.work-project-card-copy strong{letter-spacing:-.025em;overflow-wrap:anywhere;grid-column:1/-1;max-width:100%;font-size:clamp(21px,2.3vw,31px);font-weight:700;line-height:1.05;transition:color .18s}.work-project-card-copy>span{max-width:520px;color:var(--intro);grid-column:1/-1;font-size:12px;line-height:1.52}.work-project-card-copy>.work-project-card-tags{max-width:100%;color:inherit;font-size:inherit;flex-wrap:wrap;gap:6px;margin-bottom:2px;line-height:1;display:flex}.work-project-card-tags i{border:1px solid var(--card-accent);padding:7px 9px}@supports (color:color-mix(in lab, red, red)){.work-project-card-tags i{border:1px solid color-mix(in srgb, var(--card-accent) 54%, var(--line))}}.work-project-card-tags i{color:var(--card-accent);background:var(--card-accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.work-project-card-tags i{background:color-mix(in srgb, var(--card-accent) 6%, transparent)}}.work-project-card-tags i{letter-spacing:.07em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:7px;font-style:normal;font-weight:900}.work-project-card-cta{border:1px solid var(--card-accent);width:fit-content;color:var(--card-accent);letter-spacing:.08em;border-radius:999px;grid-column:1/-1;margin-top:6px;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:7px;font-style:normal;font-weight:900;transition:color .18s,background .18s}:is(.work-project-card:hover img,.work-project-card:focus-visible img){filter:saturate(1.08)contrast(1.04);transform:scale(1.055)}:is(.work-project-card:hover,.work-project-card:focus-visible){border-color:var(--card-accent)}@supports (color:color-mix(in lab, red, red)){:is(.work-project-card:hover,.work-project-card:focus-visible){border-color:color-mix(in srgb, var(--card-accent) 60%, var(--line))}}:is(.work-project-card:hover,.work-project-card:focus-visible){box-shadow:10px 10px 0 var(--card-accent)}@supports (color:color-mix(in lab, red, red)){:is(.work-project-card:hover,.work-project-card:focus-visible){box-shadow:10px 10px 0 color-mix(in srgb, var(--card-accent) 24%, transparent)}}:is(.work-project-card:hover,.work-project-card:focus-visible){transform:translate(-3px,-3px)rotate(-.35deg)}:is(.work-project-card:hover .work-project-card-copy strong,.work-project-card:focus-visible .work-project-card-copy strong){color:var(--card-accent)}:is(.work-project-card:hover .work-project-card-cta,.work-project-card:focus-visible .work-project-card-cta){color:var(--paper);background:var(--card-accent)}:is(.theme-dark .work-project-card:nth-child(4n+4):hover .work-project-card-cta,.theme-dark .work-project-card:nth-child(4n+4):focus-visible .work-project-card-cta){color:#17131d}.work-project-detail-intro{border-bottom:1px solid var(--line);background:var(--paper);padding:clamp(34px,5vw,70px)}@supports (color:color-mix(in lab, red, red)){.work-project-detail-intro{background:color-mix(in srgb, var(--paper) 88%, transparent)}}.work-project-detail-meta{color:var(--purple);letter-spacing:.1em;align-items:center;gap:11px;margin-bottom:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:900;display:flex}.theme-dark .work-project-detail-meta{color:var(--brand-green)}.work-project-detail-intro h2{letter-spacing:-.005em;overflow-wrap:anywhere;text-wrap:balance;max-width:980px;font-size:clamp(48px,6.8vw,96px);line-height:.94}.work-project-detail-intro>p{max-width:790px;color:var(--intro);margin:26px 0 0;font-size:clamp(15px,1.45vw,19px);line-height:1.56}.work-project-detail-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin-top:30px;padding-top:18px;display:flex}.work-project-tags{flex-wrap:wrap;gap:6px;display:flex}.work-project-tags span{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;border-radius:999px;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:7px;font-weight:900}.work-project-detail-footer>a{border:1px solid var(--purple);min-height:40px;color:var(--paper);background:var(--purple);letter-spacing:.08em;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:8px;font-weight:900;text-decoration:none;display:inline-flex}.theme-dark .work-project-detail-footer>a{color:#17131d;border-color:var(--brand-green);background:var(--brand-green)}.work-project-gallery{background:var(--paper-deep);gap:clamp(14px,2.4vw,28px);padding:clamp(16px,3vw,34px);display:grid}@supports (color:color-mix(in lab, red, red)){.work-project-gallery{background:color-mix(in srgb, var(--paper-deep) 84%, transparent)}}.work-project-gallery img{border:1px solid var(--line);background:var(--paper);border-radius:15px;width:100%;height:auto;display:block;box-shadow:0 14px 40px #0f071721}.about-modal-details{border-left:1px solid var(--line);background:linear-gradient(var(--purple) 1px, transparent 1px), linear-gradient(90deg, var(--purple) 1px, transparent 1px), var(--purple);align-content:start;gap:12px;padding:26px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.about-modal-details{background:linear-gradient(color-mix(in srgb, var(--purple) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--purple) 6%, transparent) 1px, transparent 1px), color-mix(in srgb, var(--purple) 3%, transparent)}}.about-modal-section{border:1px solid var(--line);background:var(--paper);border-radius:15px;padding:19px;position:relative}@supports (color:color-mix(in lab, red, red)){.about-modal-section{background:color-mix(in srgb, var(--paper) 94%, transparent)}}.about-modal-section{box-shadow:4px 4px 0 var(--purple)}@supports (color:color-mix(in lab, red, red)){.about-modal-section{box-shadow:4px 4px 0 color-mix(in srgb, var(--purple) 10%, transparent)}}.theme-dark .about-modal-section{box-shadow:4px 4px 0 var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.theme-dark .about-modal-section{box-shadow:4px 4px 0 color-mix(in srgb, var(--brand-green) 10%, transparent)}}.about-modal-section-heading{align-items:center;gap:9px;margin-bottom:14px;display:flex}.about-modal-section-heading>span{border:1px solid var(--purple);place-items:center;width:25px;height:25px;display:grid}@supports (color:color-mix(in lab, red, red)){.about-modal-section-heading>span{border:1px solid color-mix(in srgb, var(--purple) 42%, var(--line))}}.about-modal-section-heading>span{color:var(--purple);border-radius:50%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:900}.theme-dark .about-modal-section-heading>span{color:var(--brand-green);border-color:var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.theme-dark .about-modal-section-heading>span{border-color:color-mix(in srgb, var(--brand-green) 42%, var(--line))}}.about-modal-section-heading h3{letter-spacing:.11em;margin:0;font-size:13px}.about-education-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.about-education-list li{border-top:1px dashed var(--line);min-height:49px;padding:8px 0 8px 76px;position:relative}@supports (color:color-mix(in lab, red, red)){.about-education-list li{border-top:1px dashed color-mix(in srgb, var(--line) 72%, transparent)}}.about-education-list li{color:var(--intro);font-size:10px;line-height:1.45}.about-education-list li:first-child{border-top:0}.about-education-list time{width:62px;color:var(--hot-pink);letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;font-weight:900;position:absolute;top:9px;left:0}.about-education-list strong,.about-education-list small{display:block}.about-education-list small{color:var(--muted);letter-spacing:.02em;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:7px;line-height:1.35}.about-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.about-skill-grid li{border:1px solid var(--line);min-height:36px;color:var(--intro);background:var(--paper);border-radius:8px;align-items:center;padding:9px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.about-skill-grid li{background:color-mix(in srgb, var(--paper) 90%, transparent)}}.about-skill-grid li{font-size:9px;font-weight:750;line-height:1.25}.about-skill-grid li:nth-child(3n+1){color:var(--purple);border-color:var(--purple)}@supports (color:color-mix(in lab, red, red)){.about-skill-grid li:nth-child(3n+1){border-color:color-mix(in srgb, var(--purple) 35%, var(--line))}}.theme-dark .about-skill-grid li:nth-child(3n+1){color:var(--brand-green);border-color:var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.theme-dark .about-skill-grid li:nth-child(3n+1){border-color:color-mix(in srgb, var(--brand-green) 35%, var(--line))}}.about-toolkit-grid{gap:13px;display:grid}.about-toolkit-grid>div>small{color:var(--muted);letter-spacing:.11em;margin-bottom:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:7px;font-weight:900;display:block}.about-chip-row{flex-wrap:wrap;gap:5px;display:flex}.about-chip-row span{border:1px solid var(--line);color:var(--intro);background:var(--paper);letter-spacing:.025em;border-radius:999px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:7px;font-weight:800}.about-chip-row--languages span{color:var(--paper);border-color:var(--purple);background:var(--purple)}.theme-dark .about-chip-row--languages span{color:#17131d;border-color:var(--brand-green);background:var(--brand-green)}@keyframes about-status-pulse{50%{opacity:.36;transform:scale(.72)}}@keyframes modal-backdrop-in{0%{opacity:0}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(16px)scale(.985)}}.about-shell{min-height:100dvh;overflow:clip visible}.about-hero{grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr);align-items:center;gap:clamp(36px,5vw,82px);width:calc(100% - 56px);min-height:calc(100dvh - 90px);margin:0 auto;padding:clamp(48px,7vh,86px) 5vw 90px 70px;display:grid;position:relative}.about-copy{z-index:3;max-width:790px;position:relative}.about-eyebrow{border:1px solid var(--line);width:max-content;color:var(--purple);letter-spacing:.12em;border-radius:999px;margin:0 0 22px;padding:7px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:850}.theme-dark .about-eyebrow{color:var(--brand-green)}.about-copy h1{letter-spacing:.005em;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Narrow,sans-serif;font-size:clamp(72px,8.5vw,142px);font-weight:400;line-height:.82}.about-handwritten{color:var(--vivid-purple);margin:19px 0 28px;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:clamp(25px,2.65vw,43px);font-weight:700;line-height:1;transform:rotate(-1.5deg)}.theme-dark .about-handwritten{color:var(--brand-green)}.about-lead,.about-body{max-width:690px;color:var(--intro);letter-spacing:-.018em;margin:0}.about-lead{font-size:clamp(18px,1.6vw,24px);font-weight:650;line-height:1.42}.about-body{margin-top:16px;font-size:14px;line-height:1.65}.about-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;display:grid}.about-facts div{align-content:center;gap:4px;min-height:78px;padding:17px 15px 14px 0;display:grid}.about-facts div+div{border-left:1px solid var(--line);padding-left:17px}.about-facts strong{color:var(--purple);letter-spacing:.08em;font-size:12px}.theme-dark .about-facts strong{color:var(--brand-green)}.about-facts span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;line-height:1.35}.about-actions{flex-wrap:wrap;gap:9px;margin-top:25px;display:flex}.about-actions a{border:1px solid var(--line);min-height:40px;color:var(--ink);letter-spacing:.08em;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 15px;font-size:9px;font-weight:850;text-decoration:none;transition:color .18s,background .18s,transform .18s;display:inline-flex}.about-actions a:hover{color:var(--paper);background:var(--purple);transform:translateY(-2px)}.about-actions .about-primary-action{color:#17131d;border-color:var(--hot-pink);background:var(--hot-pink)}.theme-dark .about-actions a:hover{color:#17131d;background:var(--brand-green)}.about-art{place-items:center;min-height:560px;display:grid;position:relative}.about-art:before{content:"";border:1px solid var(--purple);position:absolute;inset:10% 5% 6%}@supports (color:color-mix(in lab, red, red)){.about-art:before{border:1px solid color-mix(in srgb, var(--purple) 28%, transparent)}}.about-art:before{background-image:linear-gradient(var(--purple) 1px, transparent 1px), linear-gradient(90deg, var(--purple) 1px, transparent 1px)}@supports (color:color-mix(in lab, red, red)){.about-art:before{background-image:linear-gradient(color-mix(in srgb, var(--purple) 11%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--purple) 11%, transparent) 1px, transparent 1px)}}.about-art:before{background-size:28px 28px;transform:rotate(2deg)}.about-art img{z-index:2;width:min(100%,590px);filter:saturate(1.08) drop-shadow(0 16px 28px var(--purple));position:relative}@supports (color:color-mix(in lab, red, red)){.about-art img{filter:saturate(1.08) drop-shadow(0 16px 28px color-mix(in srgb, var(--purple) 12%, transparent))}}.about-art img{transform:rotate(2deg)}.about-art span{z-index:3;border:1px solid var(--line);color:var(--muted);background:var(--paper);letter-spacing:.1em;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;position:absolute;bottom:5%;right:5%}.about-details{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:calc(100% - 56px);margin:0 auto;padding:70px 70px 86px;display:grid}.about-details article{border:1px solid var(--line);background:var(--paper);border-radius:18px;min-height:290px;padding:30px;position:relative}@supports (color:color-mix(in lab, red, red)){.about-details article{background:color-mix(in srgb, var(--paper) 95%, transparent)}}.about-details article>span{color:var(--hot-pink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:850}.about-details h2{letter-spacing:-.04em;margin:14px 0 26px;font-size:clamp(24px,3vw,42px)}.about-details ul{margin:0;padding:0;list-style:none}.about-details li{border-top:1px solid var(--line);color:var(--intro);padding:12px 0;font-size:13px;line-height:1.4}.about-footer{border-top:1px solid var(--line);width:calc(100% - 56px);min-height:72px;color:var(--muted);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:0 70px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;display:flex}.about-footer a{color:var(--purple);align-items:center;gap:7px;text-decoration:none;display:inline-flex}.theme-dark .about-footer a{color:var(--brand-green)}.portfolio-header{border:1px solid var(--purple-dark);padding-right:18px;top:14px}@supports (color:color-mix(in lab, red, red)){.portfolio-header{border:1px solid color-mix(in srgb, var(--purple-dark) 24%, transparent)}}.portfolio-header{background:var(--sticker-white);border-radius:22px}@supports (color:color-mix(in lab, red, red)){.portfolio-header{background:color-mix(in srgb, var(--sticker-white) 32%, transparent)}}.portfolio-header{box-shadow:7px 7px 0 var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.portfolio-header{box-shadow:7px 7px 0 color-mix(in srgb, var(--purple-dark) 9%, transparent)}}.portfolio-header{-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08)}.theme-dark .portfolio-header{background:var(--paper-deep)}@supports (color:color-mix(in lab, red, red)){.theme-dark .portfolio-header{background:color-mix(in srgb, var(--paper-deep) 88%, transparent)}}.theme-dark .portfolio-header{box-shadow:7px 7px 0 var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.theme-dark .portfolio-header{box-shadow:7px 7px 0 color-mix(in srgb, var(--brand-green) 8%, transparent)}}.portfolio-brand{color:var(--purple-dark);text-shadow:none;font-size:23px}.theme-dark .portfolio-brand{color:var(--brand-green)}.portfolio-header nav a{border-radius:999px;padding:9px 10px 8px}@supports (color:color-mix(in lab, red, red)){.portfolio-header nav a:hover,.portfolio-header nav a.is-active{background:color-mix(in srgb, var(--sticker-white) 34%, transparent)}}.portfolio-header nav a:hover:before,.portfolio-header nav a.is-active:before{content:"";background:var(--brand-green);border-radius:999px;height:3px;position:absolute;bottom:4px;left:9px;right:9px}@supports (color:color-mix(in lab, red, red)){.theme-dark .portfolio-header nav a:hover,.theme-dark .portfolio-header nav a.is-active{background:color-mix(in srgb, var(--brand-green) 8%, transparent)}}.header-tools{border-left-color:var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.header-tools{border-left-color:color-mix(in srgb, var(--purple-dark) 24%, transparent)}}.header-tool{border-color:var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.header-tool{border-color:color-mix(in srgb, var(--purple-dark) 28%, transparent)}}.header-tool{color:var(--purple-dark);background:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.header-tool{background:color-mix(in srgb, var(--sticker-white) 28%, transparent)}}.theme-dark .header-tool{color:var(--ink);border-color:var(--line);background:var(--paper-deep)}@supports (color:color-mix(in lab, red, red)){.theme-dark .header-tool{background:color-mix(in srgb, var(--paper-deep) 70%, transparent)}}.hero-copy h1{color:var(--purple-dark);text-shadow:3px 3px 0 var(--hot-pink)}@supports (color:color-mix(in lab, red, red)){.hero-copy h1{text-shadow:3px 3px 0 color-mix(in srgb, var(--hot-pink) 36%, transparent)}}.theme-dark .hero-copy h1{color:var(--ink);text-shadow:3px 3px 0 var(--purple)}@supports (color:color-mix(in lab, red, red)){.theme-dark .hero-copy h1{text-shadow:3px 3px 0 color-mix(in srgb, var(--purple) 28%, transparent)}}.handwritten-title{color:var(--purple);text-shadow:1px 1px 0 var(--sticker-white);font-size:.68em}@supports (color:color-mix(in lab, red, red)){.handwritten-title{text-shadow:1px 1px 0 color-mix(in srgb, var(--sticker-white) 44%, transparent)}.theme-dark .handwritten-title{text-shadow:0 0 18px color-mix(in srgb, var(--brand-green) 22%, transparent)}}.hero-intro{border:1px solid var(--purple-dark);padding:15px 18px 15px 20px}@supports (color:color-mix(in lab, red, red)){.hero-intro{border:1px solid color-mix(in srgb, var(--purple-dark) 22%, transparent)}}.hero-intro{border-left:7px solid var(--brand-green);color:var(--intro);background:var(--sticker-white);border-radius:5px 18px 18px 5px}@supports (color:color-mix(in lab, red, red)){.hero-intro{background:color-mix(in srgb, var(--sticker-white) 36%, transparent)}}.hero-intro{box-shadow:6px 6px 0 var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.hero-intro{box-shadow:6px 6px 0 color-mix(in srgb, var(--purple-dark) 8%, transparent)}}.hero-intro{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.theme-dark .hero-intro{background:var(--paper-deep)}@supports (color:color-mix(in lab, red, red)){.theme-dark .hero-intro{background:color-mix(in srgb, var(--paper-deep) 82%, transparent)}}.theme-dark .hero-intro{box-shadow:6px 6px 0 var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.theme-dark .hero-intro{box-shadow:6px 6px 0 color-mix(in srgb, var(--brand-green) 8%, transparent)}}.work-index{border:1px solid var(--purple-dark);padding:0 15px}@supports (color:color-mix(in lab, red, red)){.work-index{border:1px solid color-mix(in srgb, var(--purple-dark) 22%, transparent)}}.work-index{background:var(--sticker-white);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.work-index{background:color-mix(in srgb, var(--sticker-white) 29%, transparent)}}.work-index{box-shadow:7px 7px 0 var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.work-index{box-shadow:7px 7px 0 color-mix(in srgb, var(--purple-dark) 8%, transparent)}}.work-index{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.theme-dark .work-index{background:var(--paper-deep)}@supports (color:color-mix(in lab, red, red)){.theme-dark .work-index{background:color-mix(in srgb, var(--paper-deep) 83%, transparent)}}.theme-dark .work-index{box-shadow:7px 7px 0 var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.theme-dark .work-index{box-shadow:7px 7px 0 color-mix(in srgb, var(--brand-green) 8%, transparent)}}.work-index a:last-child{border-bottom:0}.work-index a>.work-index-tag,.theme-dark .work-index a>.work-index-tag{border-color:var(--purple-dark);max-width:108px;color:var(--purple-dark);background:var(--brand-green);box-shadow:2px 2px 0 var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.work-index a>.work-index-tag,.theme-dark .work-index a>.work-index-tag{box-shadow:2px 2px 0 color-mix(in srgb, var(--purple-dark) 22%, transparent)}}.work-index a:hover{color:var(--purple-dark)}.work-index a:hover>.work-index-tag{color:var(--sticker-white);border-color:var(--purple-dark);background:var(--purple-dark)}.theme-dark .work-index a:hover{color:var(--brand-green)}.theme-dark .work-index a:hover>.work-index-tag{color:var(--purple-dark);border-color:var(--hot-pink);background:var(--hot-pink)}.work-index .work-more-row{background:var(--brand-green);border-radius:0 0 17px 17px;margin-inline:-15px;padding-inline:15px}@supports (color:color-mix(in lab, red, red)){.work-index .work-more-row{background:color-mix(in srgb, var(--brand-green) 17%, transparent)}}.hero-art{isolation:isolate;width:33%;right:4%}.hero-art:before{content:"";z-index:0;filter:drop-shadow(8px 9px 0 var(--purple-dark));background:url(/acid-starburst.png) 50%/contain no-repeat;position:absolute;inset:-21% -29%;transform:rotate(-5deg)}@supports (color:color-mix(in lab, red, red)){.hero-art:before{filter:drop-shadow(8px 9px 0 color-mix(in srgb, var(--purple-dark) 14%, transparent))}}.hero-art img{z-index:1;filter:drop-shadow(0 0 1px var(--sticker-white)) drop-shadow(0 13px 22px #260a7033);transform:rotate(-2.5deg)scale(.84)}.tracking-orb{border-color:var(--sticker-white);background:var(--hot-pink);box-shadow:0 0 22px 7px var(--hot-pink)}@supports (color:color-mix(in lab, red, red)){.tracking-orb{box-shadow:0 0 22px 7px color-mix(in srgb, var(--hot-pink) 42%, transparent)}}.tracking-orb:after{border-color:var(--sticker-white)}.tracking-orb--two{background:var(--brand-green)}.hero-footer-bar{border:1px solid var(--sticker-white);min-height:42px;padding:10px 16px}@supports (color:color-mix(in lab, red, red)){.hero-footer-bar{border:1px solid color-mix(in srgb, var(--sticker-white) 22%, transparent)}}.hero-footer-bar{color:var(--sticker-white);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.hero-footer-bar{color:color-mix(in srgb, var(--sticker-white) 78%, transparent)}}.hero-footer-bar{background:var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.hero-footer-bar{background:color-mix(in srgb, var(--purple-dark) 95%, transparent)}}.hero-footer-bar{box-shadow:6px 6px 0 var(--hot-pink)}@supports (color:color-mix(in lab, red, red)){.hero-footer-bar{box-shadow:6px 6px 0 color-mix(in srgb, var(--hot-pink) 25%, transparent)}}.drawing-dock{color:var(--dock-text);border-color:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.drawing-dock{border-color:color-mix(in srgb, var(--sticker-white) 24%, transparent)}}.drawing-dock{background:var(--dock);box-shadow:0 14px 40px #1a052a4d, 5px 5px 0 var(--hot-pink)}@supports (color:color-mix(in lab, red, red)){.drawing-dock{box-shadow:0 14px 40px #1a052a4d, 5px 5px 0 color-mix(in srgb, var(--hot-pink) 28%, transparent)}}.drawing-dock .dock-status{border-right-color:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.drawing-dock .dock-status{border-right-color:color-mix(in srgb, var(--sticker-white) 21%, transparent)}}.drawing-dock .dock-status small,.drawing-dock .dock-instruction{color:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.drawing-dock .dock-status small,.drawing-dock .dock-instruction{color:color-mix(in srgb, var(--sticker-white) 72%, transparent)}}.drawing-dock .dock-hand-icon,.drawing-dock .dock-camera{color:var(--brand-green);border-color:var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.drawing-dock .dock-hand-icon,.drawing-dock .dock-camera{border-color:color-mix(in srgb, var(--brand-green) 42%, transparent)}}.drawing-dock .brush-size-value,.drawing-dock .dock-clear{color:var(--dock-text);border-color:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.drawing-dock .brush-size-value,.drawing-dock .dock-clear{border-color:color-mix(in srgb, var(--sticker-white) 23%, transparent)}}.drawing-dock .dock-clear b{color:var(--purple-dark);background:var(--brand-green)}.drawing-dock .color-picker button.is-active{border-color:var(--sticker-white)}.about-modal-backdrop{background:var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.about-modal-backdrop{background:color-mix(in srgb, var(--purple-dark) 56%, transparent)}}.about-modal-backdrop{-webkit-backdrop-filter:blur(18px)saturate(.82);backdrop-filter:blur(18px)saturate(.82)}.about-modal,.work-modal{border-color:var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.about-modal,.work-modal{border-color:color-mix(in srgb, var(--purple-dark) 28%, transparent)}}.about-modal,.work-modal{background-color:var(--paper)}@supports (color:color-mix(in lab, red, red)){.about-modal,.work-modal{background-color:color-mix(in srgb, var(--paper) 84%, var(--sticker-white))}}.about-modal,.work-modal{box-shadow:0 30px 100px #19053475, 9px 9px 0 var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.about-modal,.work-modal{box-shadow:0 30px 100px #19053475, 9px 9px 0 color-mix(in srgb, var(--brand-green) 42%, transparent)}}.theme-dark :is(.about-modal,.work-modal){border-color:var(--line);background-color:var(--paper)}@supports (color:color-mix(in lab, red, red)){.theme-dark :is(.about-modal,.work-modal){background-color:color-mix(in srgb, var(--paper) 94%, var(--paper-deep))}}.theme-dark :is(.about-modal,.work-modal){box-shadow:0 30px 100px #000000a3, 9px 9px 0 var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.theme-dark :is(.about-modal,.work-modal){box-shadow:0 30px 100px #000000a3, 9px 9px 0 color-mix(in srgb, var(--brand-green) 20%, transparent)}}.about-modal-header{background:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.about-modal-header{background:color-mix(in srgb, var(--sticker-white) 35%, var(--paper))}}.theme-dark .about-modal-header{background:var(--paper-deep)}@supports (color:color-mix(in lab, red, red)){.theme-dark .about-modal-header{background:color-mix(in srgb, var(--paper-deep) 91%, transparent)}}.about-modal-copy h2,.work-modal-intro h2,.work-project-detail-intro h2{color:var(--purple-dark)}.theme-dark :is(.about-modal-copy h2,.work-modal-intro h2,.work-project-detail-intro h2){color:var(--ink)}.about-modal-handwritten,.work-modal-handwritten{color:var(--purple)}.theme-dark :is(.about-modal-handwritten,.work-modal-handwritten){color:var(--brand-green)}.about-modal-availability,.work-modal-description{background-color:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.about-modal-availability,.work-modal-description{background-color:color-mix(in srgb, var(--sticker-white) 44%, transparent)}}.work-modal-sticker,.theme-dark .work-modal-sticker{color:var(--purple-dark);border-color:var(--purple-dark);background:var(--brand-green);box-shadow:0 0 0 6px var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.work-modal-sticker,.theme-dark .work-modal-sticker{box-shadow:0 0 0 6px color-mix(in srgb, var(--sticker-white) 76%, transparent)}}.work-filters button{border-color:var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.work-filters button{border-color:color-mix(in srgb, var(--purple-dark) 26%, transparent)}}.work-filters button{color:var(--purple-dark);background:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.work-filters button{background:color-mix(in srgb, var(--sticker-white) 38%, transparent)}}.work-filters button:hover,.work-filters button.is-active{color:var(--purple-dark);border-color:var(--purple-dark);background:var(--brand-green)}.work-project-card{background:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.work-project-card{background:color-mix(in srgb, var(--sticker-white) 56%, var(--paper))}}.theme-dark .work-project-card{background:var(--paper-deep)}@supports (color:color-mix(in lab, red, red)){.theme-dark .work-project-card{background:color-mix(in srgb, var(--paper-deep) 78%, transparent)}}.work-project-card:nth-child(4n+1){--card-accent:var(--purple-dark)}.work-project-card:nth-child(4n+2){--card-accent:var(--hot-pink)}.work-project-card:nth-child(4n+3){--card-accent:var(--purple)}.work-project-card:nth-child(4n+4){--card-accent:var(--brand-green)}.work-project-card-tags i{color:var(--purple-dark);border-color:var(--purple-dark);background:var(--brand-green)}.theme-dark .work-project-card-tags i{color:var(--purple-dark)}.about-details article,.about-modal-section,.about-toolkit-grid>div{background:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.about-details article,.about-modal-section,.about-toolkit-grid>div{background:color-mix(in srgb, var(--sticker-white) 32%, transparent)}}.theme-dark :is(.about-details article,.about-modal-section,.about-toolkit-grid>div){background:var(--paper-deep)}@supports (color:color-mix(in lab, red, red)){.theme-dark :is(.about-details article,.about-modal-section,.about-toolkit-grid>div){background:color-mix(in srgb, var(--paper-deep) 78%, transparent)}}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cursor-blink{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes sparkle-flicker{0%{opacity:.2;transform:translate(-50%, -50%) rotate(var(--star-turn)) scale(.45)}to{opacity:1;transform:translate(-50%, -50%) rotate(calc(var(--star-turn) + 30deg)) scale(1.35)}}@keyframes work-preview-in{0%{opacity:0;transform:translate(18px,6px)rotate(1.5deg)scale(.96)}to{opacity:1;transform:translate(0)rotate(-1deg)scale(1)}}@media (max-width:1100px){.portfolio-header{padding-left:50px}.header-right{gap:18px}.portfolio-header nav{gap:14px}.portfolio-header nav a{font-size:11px}.portfolio-hero{padding-left:50px}.hero-copy{width:82%}.hero-copy h1{font-size:clamp(62px,7.3vw,88px)}.hero-art{width:39%;bottom:38%;right:0}.work-hover-preview{display:none}.about-hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;padding-left:50px}.about-art{min-height:460px}.about-details,.about-footer{padding-inline:50px}}@media (max-width:760px){.portfolio-header{width:calc(100% - 30px);height:70px;padding-left:23px}.portfolio-header nav{display:none}.header-right{gap:0}.header-tools{border-left:0;padding-left:0}.portfolio-brand{font-size:16px}.portfolio-hero{width:calc(100% - 30px);min-height:auto;padding:44px 0 235px 23px}.about-hero{width:calc(100% - 30px);min-height:auto;padding:48px 23px 62px;display:block}.about-copy h1{font-size:clamp(58px,18vw,92px)}.about-handwritten{font-size:clamp(25px,8vw,38px)}.about-lead{font-size:18px}.about-facts{grid-template-columns:1fr}.about-facts div+div{border-top:1px solid var(--line);border-left:0;padding-left:0}.about-art{min-height:390px;margin-top:34px}.about-art img{width:min(96%,470px)}.about-details{grid-template-columns:1fr;width:calc(100% - 30px);padding:50px 23px 62px}.about-details article{min-height:0;padding:24px}.about-footer{flex-wrap:wrap;width:calc(100% - 30px);min-height:96px;padding:18px 23px}.hero-copy{width:100%}.hero-copy h1{font-size:clamp(48px,14.6vw,78px);line-height:.86}.hero-intro{max-width:calc(100% - 22px);margin-top:21px;font-size:16px}.work-index{width:calc(100% - 22px);margin-top:32px}.work-index a{grid-template-columns:100px 1fr 26px;min-height:56px}.work-index .work-more-row{grid-template-columns:45px 1fr 26px}.work-index strong{font-size:16px}.hero-art{z-index:5;width:56%;height:220px;margin:0;position:absolute;top:270px;bottom:auto;right:-6%}.hero-art img{opacity:1;width:100%;height:100%}.tracking-orb--one{bottom:22%;left:8%}.hero-footer-bar{white-space:normal;gap:16px;font-size:7px;display:flex;bottom:190px;left:0;right:0}.hero-footer-bar a:nth-of-type(2),.hero-footer-bar span:last-child{display:none}.drawing-dock{border-radius:20px;flex-wrap:wrap;gap:8px 10px;width:calc(100vw - 20px);min-height:0;padding:10px 12px;bottom:10px;right:10px}.dock-status{border-right:0;flex:210px;padding-right:0}.dock-instruction{border-top:1px solid var(--line);flex-basis:100%;order:3;padding:7px 2px 0}.camera-preview{width:118px;bottom:126px;right:10px}}@media (max-width:430px){.header-tool{min-width:35px;height:34px;padding-inline:8px}.hero-copy h1{font-size:47px}.hero-art{height:245px}.dock-clear span{display:none}.dock-instruction{font-size:8px}}@media (max-width:850px){.about-modal-backdrop{padding:12px}.about-modal,.work-modal{border-radius:18px;max-height:calc(100dvh - 24px)}.about-modal-grid{grid-template-columns:1fr}.about-modal-copy{padding:32px 24px}.about-modal-details{border-top:1px solid var(--line);border-left:0;padding:10px 24px 22px}.work-modal-overview{padding:34px 25px}.work-modal-intro{grid-template-columns:1fr;gap:38px}.work-modal-intro h2{grid-row:auto}.work-modal-description{max-width:620px}.work-filters{padding-bottom:4px;overflow-x:auto}.work-project-list{grid-template-columns:1fr}}@media (max-width:560px){.about-modal-copy h2{font-size:clamp(56px,18vw,78px)}.about-modal-handwritten{font-size:23px}.about-modal-lead{font-size:16px}.about-modal-facts{grid-template-columns:1fr}.about-modal-facts div{min-height:60px;padding:12px 0}.about-modal-facts div+div{border-top:1px solid var(--line);border-left:0;padding-left:0}.about-modal-actions :is(a,button){justify-content:center;width:100%}.work-modal-header{min-height:58px;padding-left:14px}.work-modal-status small{font-size:7px}.work-modal-back{color:#0000;white-space:nowrap;width:38px;padding:0;overflow:hidden}.work-modal-back:first-letter{color:var(--purple)}.theme-dark .work-modal-back:first-letter{color:var(--brand-green)}.work-modal-overview{padding:28px 17px}.work-modal-heading{padding-top:26px}.work-modal-intro h2{letter-spacing:-.012em;font-size:clamp(50px,16.5vw,68px)}.work-modal-handwritten{max-width:100%;margin:9px 0 0 4px;font-size:23px}.work-modal-description{border-radius:14px 14px 28px;padding:28px 19px 20px}.work-modal-sticker{width:72px;height:72px;font-size:6px;top:-27px;right:4px}.work-project-card{border-radius:14px;padding:9px 9px 15px}.work-project-card figure{border-radius:9px 9px 25px}.work-project-card-index{top:17px;left:17px}.work-project-card-copy{padding:15px 3px 0}.work-project-card-copy strong{font-size:22px}.work-project-card-copy>span{font-size:11px}.work-project-detail-intro{padding:33px 19px}.work-project-detail-intro h2{font-size:clamp(42px,13vw,60px);line-height:1}.work-project-detail-footer{flex-direction:column;align-items:flex-start}.work-project-detail-footer>a{justify-content:center;width:100%}.work-project-gallery{gap:10px;padding:9px}.work-project-gallery img{border-radius:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{grid-template-rows:112px auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;row-gap:8px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"status"}.dock-more{width:max-content;min-width:0;max-width:none;min-height:38px;color:var(--brand-green);letter-spacing:0;text-transform:none;grid-area:2/1/auto/-1;justify-content:flex-start;justify-self:start;gap:9px;margin:-2px 0 0 28px;padding:0;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:clamp(17px,1.45vw,21px);font-weight:400;line-height:1;transform:rotate(-1.5deg)}.dock-more-arrow{color:currentColor;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:30px;font-weight:400;line-height:.7;transition:transform .18s;display:inline-block;transform:translateY(-1px)rotate(-8deg)scaleX(1.15)}:is(.dock-more:hover .dock-more-arrow,.dock-more:focus-visible .dock-more-arrow){transform:translate(4px,-4px)rotate(-4deg)scaleX(1.15)}.portfolio-shell.gesture-inverted .dock-more,.portfolio-shell.gesture-inverted .dock-more:hover{color:var(--gesture-purple)}.portfolio-shell.gesture-inverted .dock-more:focus-visible{color:var(--gesture-purple)}@media (max-width:820px) and (min-width:561px){.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{grid-template-rows:118px auto;grid-template-columns:repeat(2,minmax(0,1fr))}.dock-more{margin-left:22px;font-size:17px}}@media (max-width:560px){.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{grid-template-rows:132px auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row,.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{border-radius:44px;height:132px;min-height:132px;padding:18px 16px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"status"}.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{flex-wrap:wrap;place-content:center;gap:8px}.dock-more{grid-area:2/1/auto/-1;margin-left:18px;font-size:17px}}.work-hover-preview--pointer{z-index:95;pointer-events:none;display:block;position:fixed;bottom:auto;right:auto}.work-hover-preview--gesture{z-index:95;position:fixed;inset:auto 24px 24px auto}@media (max-width:760px){.work-hover-preview{display:none}}.portfolio-shell{background:linear-gradient(90deg, var(--purple-dark), transparent 48%), radial-gradient(circle at 51% 42%, var(--sticker-white), transparent 32rem), var(--paper)}@supports (color:color-mix(in lab, red, red)){.portfolio-shell{background:linear-gradient(90deg, color-mix(in srgb, var(--purple-dark) 18%, transparent), transparent 48%), radial-gradient(circle at 51% 42%, color-mix(in srgb, var(--sticker-white) 10%, transparent), transparent 32rem), var(--paper)}}.portfolio-shell:before,.portfolio-shell:after{opacity:.16;width:72vw;height:56vw}.portfolio-shell:before{top:-19vw;left:-49vw}.portfolio-shell:after{top:-18vw;right:-52vw}@supports (color:color-mix(in lab, red, red)){.theme-dark.portfolio-shell{background:linear-gradient(90deg, #00000038, transparent 50%), radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--purple) 5%, transparent), transparent 34rem), var(--paper)}}.portfolio-header,.theme-dark .portfolio-header{width:calc(100% - 80px);height:64px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0 12px 0 16px;top:0}.portfolio-brand,.theme-dark .portfolio-brand{color:var(--sticker-white);letter-spacing:-.025em;text-shadow:0 1px 3px var(--purple-dark);font-size:16px}@supports (color:color-mix(in lab, red, red)){.portfolio-brand,.theme-dark .portfolio-brand{text-shadow:0 1px 3px color-mix(in srgb, var(--purple-dark) 38%, transparent)}}.portfolio-header nav a{color:var(--purple-dark);letter-spacing:.17em;text-shadow:none;padding:9px 8px 8px;font-size:10px;font-weight:900}.header-tools{border-left-color:var(--purple-dark);padding-left:11px}@supports (color:color-mix(in lab, red, red)){.header-tools{border-left-color:color-mix(in srgb, var(--purple-dark) 26%, transparent)}}.header-tool,.theme-dark .header-tool{min-width:32px;height:32px;color:var(--purple-dark);background:0 0;border-color:#0000}.theme-dark .header-tool{color:var(--sticker-white)}.header-tool:hover{color:var(--hot-pink);background:0 0;border-color:#0000;transform:none}.theme-dark .header-tool:hover{color:var(--brand-green);box-shadow:none;background:0 0;border-color:#0000}.portfolio-hero{width:100%;min-height:calc(100dvh - 64px);padding:clamp(24px,4vh,44px) 40px 86px 55px}.hero-copy h1,.theme-dark .hero-copy h1{color:var(--sticker-white);text-shadow:none;font-size:clamp(70px,7.2vw,104px);line-height:.82}.handwritten-title{min-height:.9em;color:var(--sticker-white);text-shadow:none;margin-top:10px;font-size:.6em}.theme-dark .handwritten-title{color:var(--brand-green);text-shadow:none}.hero-intro,.theme-dark .hero-intro{max-width:400px;color:var(--sticker-white);border:0;border-radius:0;margin-top:19px;padding:0}@supports (color:color-mix(in lab, red, red)){.hero-intro,.theme-dark .hero-intro{color:color-mix(in srgb, var(--sticker-white) 94%, transparent)}}.hero-intro,.theme-dark .hero-intro{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 1px 5px var(--purple-dark);background:0 0;font-size:clamp(14px,1.2vw,17px);line-height:1.55}@supports (color:color-mix(in lab, red, red)){.hero-intro,.theme-dark .hero-intro{text-shadow:0 1px 5px color-mix(in srgb, var(--purple-dark) 38%, transparent)}}.work-index,.theme-dark .work-index{width:min(420px,100%);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;margin-top:clamp(24px,3.5vh,36px);padding:0}.work-index a{min-height:42px;color:var(--sticker-white);border-bottom-color:#fff3;grid-template-columns:104px 1fr 22px}.work-index a:hover{color:var(--sticker-white);padding-left:5px}.work-index a>.work-index-tag,.theme-dark .work-index a>.work-index-tag{max-width:98px;color:var(--brand-green);box-shadow:none;text-align:left;background:0 0;border:0;border-radius:0;padding:0;font-size:7px;line-height:1.2}.work-index a:hover>.work-index-tag,.theme-dark .work-index a:hover>.work-index-tag{color:var(--hot-pink);background:0 0;border-color:#0000}.work-index strong{color:var(--sticker-white);letter-spacing:.045em;font-size:clamp(15px,1.4vw,19px);font-weight:500}.work-index a>svg,.work-index a:hover>svg,.theme-dark .work-index a>svg,.theme-dark .work-index a:hover>svg{color:var(--sticker-white);filter:none}.work-index .work-more-row{background:0 0;border-radius:0;grid-template-columns:104px 1fr 22px;margin-inline:0;padding-inline:0}.hero-art{width:48%;top:2%;bottom:3%;right:-1%}.hero-art:before{filter:none;inset:-31% -33%;transform:rotate(-4deg)}.hero-art img{filter:drop-shadow(0 0 1px var(--sticker-white)) drop-shadow(0 15px 24px #260a7033);transform:rotate(-2deg)scale(.64)}.theme-dark .hero-art img{filter:drop-shadow(0 0 1px var(--sticker-white)) drop-shadow(0 15px 28px #0006)}.tracking-orb{display:none}.hero-footer-bar{min-height:0;color:var(--sticker-white);border:0;border-radius:0;padding:0;bottom:15px;left:8px;right:44%}@supports (color:color-mix(in lab, red, red)){.hero-footer-bar{color:color-mix(in srgb, var(--sticker-white) 78%, transparent)}}.hero-footer-bar{box-shadow:none;background:0 0}.hero-footer-bar a,.theme-dark .hero-footer-bar a{color:var(--brand-green)}.drawing-dock{border-color:var(--sticker-white);width:min(640px,100vw - 36px);min-height:68px}@supports (color:color-mix(in lab, red, red)){.drawing-dock{border-color:color-mix(in srgb, var(--sticker-white) 20%, transparent)}}.drawing-dock{background:var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.drawing-dock{background:color-mix(in srgb, var(--purple-dark) 88%, transparent)}}.drawing-dock{box-shadow:0 12px 34px #1a052a38}@media (max-width:1100px){.portfolio-header{width:calc(100% - 50px);padding-left:10px}.hero-copy{width:min(52%,520px)}.hero-art{width:48%;bottom:6%;right:-5%}}@media (max-width:760px){.portfolio-header{width:calc(100% - 30px);height:70px;padding:0 8px 0 23px}.portfolio-brand{font-size:16px}.portfolio-hero{width:calc(100% - 30px);min-height:auto;padding:44px 23px 660px}.hero-copy{width:100%}.hero-copy h1{font-size:clamp(48px,14.6vw,72px);line-height:.86}.handwritten-title{font-size:.62em}.hero-intro{max-width:100%;margin-top:21px;font-size:16px}.work-index{width:100%;margin-top:32px}.work-index a{grid-template-columns:100px 1fr 26px;min-height:56px}.work-index .work-more-row{grid-template-columns:100px 1fr 26px}.work-index strong{font-size:16px}.hero-art{width:92%;height:300px;top:auto;bottom:330px;right:-9%}.hero-art:before{inset:-28% -24%}.hero-art img{transform:rotate(-2deg)scale(.6)}.hero-footer-bar{gap:15px;bottom:205px;left:0;right:0}.drawing-dock{background:var(--purple-dark);width:calc(100vw - 20px);min-height:0}@supports (color:color-mix(in lab, red, red)){.drawing-dock{background:color-mix(in srgb, var(--purple-dark) 95%, transparent)}}}@media (max-width:430px){.portfolio-hero{padding-bottom:625px}.hero-art{height:280px;bottom:325px;right:-12%}.hero-footer-bar{bottom:198px}}.portfolio-header{height:76px;overflow:visible}.portfolio-brand{flex:none;place-items:center;width:54px;height:54px;display:grid}.portfolio-brand img{object-fit:contain;width:54px;height:54px;filter:drop-shadow(0 5px 9px var(--purple-dark));display:block}@supports (color:color-mix(in lab, red, red)){.portfolio-brand img{filter:drop-shadow(0 5px 9px color-mix(in srgb, var(--purple-dark) 18%, transparent))}}.portfolio-brand img{transition:transform .18s,filter .18s;transform:rotate(-3deg)}.portfolio-brand:hover img{filter:drop-shadow(0 6px 11px #ff087857);transform:rotate(2deg)scale(1.06)}.portfolio-header nav{gap:clamp(20px,2.5vw,40px);position:absolute;left:50%;transform:translate(-50%)}.portfolio-header nav a{color:#5402f5;letter-spacing:.11em;padding:11px 4px 10px;font-size:13px;font-weight:800;transition:color .16s,font-weight .16s,transform .16s}.portfolio-header nav a:hover,.portfolio-header nav a.is-active{color:#ff0878;font-weight:950;transform:translateY(-1px)}.portfolio-header nav a:hover:before,.portfolio-header nav a.is-active:before{background:#ff0878;height:2px;bottom:5px;left:4px;right:4px}.header-tool{min-width:40px;height:38px;font-size:11px}.portfolio-hero{min-height:calc(100dvh - 76px)}.work-index a:nth-child(odd)>svg{color:#ff0878}.work-index a:nth-child(2n)>svg{color:#5402f5}.work-index .work-more-row>svg{color:var(--brand-green)}.work-index a:hover>svg,.theme-dark .work-index a:hover>svg{color:#ff0878;filter:drop-shadow(0 0 7px #ff087861);transform:translate(3px,-3px)}.theme-dark .work-index a:nth-child(2n)>svg{color:var(--brand-green)}.theme-dark .work-index a:nth-child(odd)>svg{color:var(--hot-pink)}.drawing-dock{border-color:var(--sticker-white);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;width:min(480px,100vw - 36px);min-height:0;padding:12px 14px;display:grid;bottom:18px;right:18px}@supports (color:color-mix(in lab, red, red)){.drawing-dock{border-color:color-mix(in srgb, var(--sticker-white) 15%, transparent)}}.drawing-dock{background:var(--purple-dark);border-radius:20px}@supports (color:color-mix(in lab, red, red)){.drawing-dock{background:color-mix(in srgb, var(--purple-dark) 74%, transparent)}}.drawing-dock{-webkit-backdrop-filter:blur(18px)saturate(.9);backdrop-filter:blur(18px)saturate(.9);box-shadow:0 10px 25px #1a052a21}.dock-status{border-right:0;min-width:0;padding:0}.dock-status small{font-size:9px;line-height:1.25}.dock-status strong{font-size:11px}.dock-hand-icon{width:31px;height:31px}.dock-instruction{border-top:1px solid var(--sticker-white);grid-area:2/1/auto/-1;margin:0;padding:9px 0 0}@supports (color:color-mix(in lab, red, red)){.dock-instruction{border-top:1px solid color-mix(in srgb, var(--sticker-white) 15%, transparent)}}.dock-instruction{color:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.dock-instruction{color:color-mix(in srgb, var(--sticker-white) 78%, transparent)}}.dock-instruction{font-size:10px;line-height:1.45}.dock-clear,.dock-camera{min-height:34px}.dock-camera{width:34px}.dock-clear{padding-inline:8px;font-size:8px}@media (max-width:1100px){.portfolio-header nav{gap:clamp(12px,1.8vw,22px)}.portfolio-header nav a{font-size:11px}}@media (max-width:760px){.portfolio-header{height:70px}.portfolio-brand,.portfolio-brand img{width:48px;height:48px}.portfolio-hero{min-height:auto}.drawing-dock{border-radius:18px;grid-template-columns:minmax(0,1fr) auto;gap:9px 10px;width:calc(100vw - 20px);padding:11px 12px;bottom:10px;right:10px}.dock-instruction{order:initial;grid-area:2/1/auto/-1;padding-top:8px;font-size:9px}}@media (max-width:430px){.dock-status small{font-size:8px}.dock-status strong{font-size:10px}.dock-clear span{display:none}}.portfolio-brand{width:auto;min-width:210px;height:58px;color:var(--sticker-white);justify-content:flex-start;align-items:center;gap:9px;display:inline-flex}.portfolio-brand img{flex:none;width:48px;height:48px}.portfolio-brand span{color:var(--sticker-white);letter-spacing:-.025em;white-space:nowrap;font-size:17px;font-weight:950;display:block}.portfolio-header nav a,.portfolio-header nav a:hover,.portfolio-header nav a.is-active{color:#5402f5}.portfolio-header nav a:hover,.portfolio-header nav a.is-active{font-weight:950}.portfolio-header nav a:hover:before,.portfolio-header nav a.is-active:before{background:#5402f5}.theme-dark .portfolio-header nav a:hover,.theme-dark .portfolio-header nav a.is-active{color:var(--purple)}.theme-dark .portfolio-header nav a:hover:before,.theme-dark .portfolio-header nav a.is-active:before{background:var(--purple)}.handwritten-title,.theme-dark .handwritten-title{color:#5402f5;text-shadow:0 0 16px #5402f52b}.theme-dark .handwritten-title{color:var(--purple)}.work-index a:nth-child(odd)>svg,.work-index a:nth-child(2n)>svg,.work-index a:hover>svg{color:#5402f5}.theme-dark .work-index a:nth-child(odd)>svg,.theme-dark .work-index a:nth-child(2n)>svg,.theme-dark .work-index a:hover>svg{color:var(--purple)}.work-index .work-more-row>svg,.theme-dark .work-index .work-more-row>svg{color:var(--brand-green)}.drawing-dock{width:min(540px,100%);min-height:58px;color:var(--purple-dark);background:var(--sticker-white);border:1px solid #5402f53d;border-radius:999px;grid-template-columns:minmax(122px,.8fr) minmax(145px,1fr) auto;align-items:center;gap:9px;margin:20px 0 0;padding:9px 10px;display:grid;position:relative;bottom:auto;right:auto}@supports (color:color-mix(in lab, red, red)){.drawing-dock{background:color-mix(in srgb, var(--sticker-white) 24%, transparent)}}.drawing-dock{box-shadow:none;-webkit-backdrop-filter:blur(14px)saturate(.9);backdrop-filter:blur(14px)saturate(.9)}.theme-dark .drawing-dock{color:var(--sticker-white);border-color:var(--purple)}@supports (color:color-mix(in lab, red, red)){.theme-dark .drawing-dock{border-color:color-mix(in srgb, var(--purple) 28%, transparent)}}.theme-dark .drawing-dock{background:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.theme-dark .drawing-dock{background:color-mix(in srgb, var(--sticker-white) 7%, transparent)}}.dock-status{grid-area:1/1;gap:6px}.dock-live-dot{width:7px;height:7px}.dock-hand-icon{color:#5402f5;border-color:#5402f54d;width:28px;height:28px;padding:5px}.dock-status small,.drawing-dock .dock-status small{color:var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.dock-status small,.drawing-dock .dock-status small{color:color-mix(in srgb, var(--purple-dark) 66%, transparent)}}.dock-status small,.drawing-dock .dock-status small{font-size:7px}.dock-status strong{color:var(--purple-dark);font-size:9px}.dock-instruction,.drawing-dock .dock-instruction{color:var(--purple-dark);border:0;grid-area:1/2;padding:0}@supports (color:color-mix(in lab, red, red)){.dock-instruction,.drawing-dock .dock-instruction{color:color-mix(in srgb, var(--purple-dark) 72%, transparent)}}.dock-instruction,.drawing-dock .dock-instruction{font-size:9px;line-height:1.32}.theme-dark .dock-status small,.theme-dark .drawing-dock .dock-status small,.theme-dark .dock-instruction,.theme-dark .drawing-dock .dock-instruction{color:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.theme-dark .dock-status small,.theme-dark .drawing-dock .dock-status small,.theme-dark .dock-instruction,.theme-dark .drawing-dock .dock-instruction{color:color-mix(in srgb, var(--sticker-white) 68%, transparent)}}.theme-dark .dock-status strong{color:var(--sticker-white)}.dock-controls{grid-area:1/3;gap:5px}.color-picker{gap:4px}.color-picker button{width:22px;height:22px}.brush-size-value{min-width:35px;padding-inline:5px}.drawing-dock .brush-size-value,.drawing-dock .dock-clear,.drawing-dock .dock-camera{color:var(--purple-dark);border-color:var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.drawing-dock .brush-size-value,.drawing-dock .dock-clear,.drawing-dock .dock-camera{border-color:color-mix(in srgb, var(--purple-dark) 22%, transparent)}}.theme-dark .drawing-dock .brush-size-value,.theme-dark .drawing-dock .dock-clear,.theme-dark .drawing-dock .dock-camera{color:var(--sticker-white)}.dock-clear{justify-content:center;width:32px;min-height:32px;padding:0}.dock-clear span{display:none}.dock-camera{width:32px;min-height:32px}.work-index{margin-top:24px}@media (max-width:1100px){.portfolio-brand{min-width:175px}.portfolio-brand span{font-size:15px}}@media (max-width:760px){.portfolio-brand{gap:7px;min-width:0}.portfolio-brand img{width:43px;height:43px}.portfolio-brand span{font-size:14px}.drawing-dock{border-radius:24px;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;width:100%;margin-top:18px;padding:10px 11px;position:relative;bottom:auto;right:auto}.dock-status{grid-area:1/1}.dock-controls{grid-area:1/2}.dock-instruction,.drawing-dock .dock-instruction{border-top:1px solid var(--purple-dark);grid-area:2/1/auto/-1;padding-top:7px}@supports (color:color-mix(in lab, red, red)){.dock-instruction,.drawing-dock .dock-instruction{border-top:1px solid color-mix(in srgb, var(--purple-dark) 15%, transparent)}}.dock-instruction,.drawing-dock .dock-instruction{font-size:9px}.theme-dark .dock-instruction,.theme-dark .drawing-dock .dock-instruction{border-top-color:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.theme-dark .dock-instruction,.theme-dark .drawing-dock .dock-instruction{border-top-color:color-mix(in srgb, var(--sticker-white) 14%, transparent)}}}@media (max-width:430px){.portfolio-brand span{font-size:12px}}.portfolio-brand{gap:11px;min-width:250px}.portfolio-brand span{letter-spacing:-.035em;font-size:22px}.hero-intro,.theme-dark .hero-intro{max-width:620px;font-size:clamp(15px,1.18vw,17px);line-height:1.5}.drawing-dock{width:min(600px,100%)}@media (max-width:1100px){.portfolio-brand{min-width:205px}.portfolio-brand span{font-size:18px}.hero-copy{width:min(52%,590px)}.hero-intro{max-width:540px}}@media (max-width:760px){.portfolio-brand{min-width:0}.portfolio-brand span{font-size:16px}.hero-copy{width:100%}.hero-intro{max-width:100%}.drawing-dock{width:100%}}@media (max-width:430px){.portfolio-brand span{font-size:14px}}.hero-intro{white-space:pre-line}@media (max-width:1100px){.drawing-dock{width:min(500px,47vw);bottom:26px;right:2%}}@media (max-width:760px){.drawing-dock{width:100%;margin:0;position:absolute;bottom:215px;right:0}.hero-footer-bar{bottom:105px}}@media (max-width:430px){.drawing-dock{bottom:205px}.hero-footer-bar{bottom:95px}}.portfolio-header nav{margin-right:clamp(12px,2vw,30px);position:static;left:auto;transform:none}.header-right{gap:clamp(8px,1.4vw,20px);margin-left:auto}.hero-copy{width:min(52.5%,700px)}.hero-intro,.theme-dark .hero-intro{max-width:690px;font-size:clamp(15px,1.08vw,16.5px)}.work-index a>.work-index-tag,.work-index a:hover>.work-index-tag{color:#5402f5;border-color:#5402f5}@supports (color:color-mix(in lab, red, red)){.work-index a>.work-index-tag,.work-index a:hover>.work-index-tag{border-color:color-mix(in srgb, #5402f5 46%, var(--line))}}.theme-dark .work-index a>.work-index-tag,.theme-dark .work-index a:hover>.work-index-tag{color:var(--purple);border-color:var(--purple)}@supports (color:color-mix(in lab, red, red)){.theme-dark .work-index a>.work-index-tag,.theme-dark .work-index a:hover>.work-index-tag{border-color:color-mix(in srgb, var(--purple) 52%, var(--line))}}.drawing-dock{width:min(520px,82%);margin:14px 0 0;position:relative;bottom:auto;right:auto}@media (max-width:1100px){.portfolio-header nav{gap:12px;margin-right:8px}.hero-copy{width:min(54%,590px)}.drawing-dock{width:min(520px,100%);bottom:auto;right:auto}}@media (max-width:760px){.hero-copy{width:100%}.drawing-dock{width:100%;margin-top:14px;position:relative;bottom:auto;right:auto}.hero-footer-bar{bottom:205px}}@media (max-width:430px){.hero-footer-bar{bottom:198px}}.portfolio-header nav a:hover,.portfolio-header nav a.is-active,.theme-dark .portfolio-header nav a:hover,.theme-dark .portfolio-header nav a.is-active{color:#ff0878;font-weight:950}.portfolio-header nav a:hover:before,.portfolio-header nav a.is-active:before,.portfolio-header nav a:hover:after,.portfolio-header nav a.is-active:after{content:none;display:none}.portfolio-shell .portfolio-header nav a{font-weight:400}:is(.portfolio-shell .portfolio-header nav a:hover,.portfolio-shell .portfolio-header nav a:focus-visible,.portfolio-shell .portfolio-header nav a.is-active){font-weight:900}@supports (color:color-mix(in lab, red, red)){:is(.portfolio-shell .header-tool:hover,.portfolio-shell .header-tool:focus-visible){box-shadow:0 0 16px color-mix(in srgb, var(--brand-green) 30%, transparent)}}.work-index a:hover>svg,.theme-dark .work-index a:hover>svg{color:#ff0878;filter:drop-shadow(0 0 7px #ff08786b)}.portfolio-brand span{color:#5402f5}.theme-dark .portfolio-brand span{color:var(--brand-green)}.portfolio-header nav{border:1px solid var(--purple-dark);gap:4px;margin-right:10px;padding:5px}@supports (color:color-mix(in lab, red, red)){.portfolio-header nav{border:1px solid color-mix(in srgb, var(--purple-dark) 20%, transparent)}}.portfolio-header nav{background:var(--sticker-white);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.portfolio-header nav{background:color-mix(in srgb, var(--sticker-white) 34%, transparent)}}.portfolio-header nav{box-shadow:0 5px 18px var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.portfolio-header nav{box-shadow:0 5px 18px color-mix(in srgb, var(--purple-dark) 8%, transparent)}}.portfolio-header nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.portfolio-header nav a{color:var(--purple-dark);letter-spacing:.065em;border-radius:999px;padding:9px 12px;font-size:12.5px;font-weight:850}.portfolio-header nav a:hover,.portfolio-header nav a.is-active{color:#ff0878;background:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.portfolio-header nav a:hover,.portfolio-header nav a.is-active{background:color-mix(in srgb, var(--sticker-white) 54%, transparent)}}.theme-dark .portfolio-header nav{border-color:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.theme-dark .portfolio-header nav{border-color:color-mix(in srgb, var(--sticker-white) 16%, transparent)}}.theme-dark .portfolio-header nav{background:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.theme-dark .portfolio-header nav{background:color-mix(in srgb, var(--sticker-white) 7%, transparent)}}.theme-dark .portfolio-header nav{box-shadow:0 5px 20px #0003}.theme-dark .portfolio-header nav a{color:var(--brand-green)}.theme-dark .portfolio-header nav a:hover,.theme-dark .portfolio-header nav a.is-active{color:#ff0878;background:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.theme-dark .portfolio-header nav a:hover,.theme-dark .portfolio-header nav a.is-active{background:color-mix(in srgb, var(--sticker-white) 9%, transparent)}}.drawing-dock{margin-top:30px}@media (max-width:1100px){.portfolio-header nav{gap:2px;margin-right:4px;padding:4px}.portfolio-header nav a{letter-spacing:.045em;padding:8px;font-size:11px}}@media (max-width:760px){.drawing-dock{margin-top:24px}}.portfolio-brand{gap:0;min-width:250px;height:auto}.portfolio-brand span,.theme-dark .portfolio-brand span{text-shadow:none}.portfolio-header nav,.theme-dark .portfolio-header nav{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:clamp(15px,1.8vw,28px);margin-right:0;padding:0;position:absolute;left:50%;transform:translate(-50%)}.portfolio-header nav a,.theme-dark .portfolio-header nav a{color:var(--sticker-white);letter-spacing:.075em;background:0 0;padding:10px 3px;font-size:13px;font-weight:850}.portfolio-header nav a:hover,.portfolio-header nav a.is-active,.theme-dark .portfolio-header nav a:hover,.theme-dark .portfolio-header nav a.is-active{color:#ff0878;background:0 0;font-weight:950}.header-tools{border-left:0;padding-left:0}.header-tool,.theme-dark .header-tool{color:var(--sticker-white);border-color:var(--sticker-white)}@supports (color:color-mix(in lab, red, red)){.header-tool,.theme-dark .header-tool{border-color:color-mix(in srgb, var(--sticker-white) 35%, transparent)}}@media (max-width:1100px){.portfolio-brand{min-width:205px}.portfolio-header nav,.theme-dark .portfolio-header nav{gap:11px;margin-right:0;padding:0}.portfolio-header nav a,.theme-dark .portfolio-header nav a{letter-spacing:.04em;padding:9px 3px;font-size:11px}}@media (max-width:760px){.portfolio-brand{min-width:0}}:root{--hair-purple:#6216b7}.portfolio-shell:not(.theme-dark) .portfolio-brand span,.portfolio-shell:not(.theme-dark) .handwritten-title,.portfolio-shell:not(.theme-dark) .work-index a:not(:hover)>svg,.portfolio-shell:not(.theme-dark) .work-index a>.work-index-tag,.portfolio-shell:not(.theme-dark) .work-index a:hover>.work-index-tag,.portfolio-shell:not(.theme-dark) .dock-hand-icon{color:var(--hair-purple)}.portfolio-shell:not(.theme-dark) .work-index a>.work-index-tag,.portfolio-shell:not(.theme-dark) .work-index a:hover>.work-index-tag{border-color:var(--hair-purple)}@supports (color:color-mix(in lab, red, red)){.portfolio-shell:not(.theme-dark) .work-index a>.work-index-tag,.portfolio-shell:not(.theme-dark) .work-index a:hover>.work-index-tag{border-color:color-mix(in srgb, var(--hair-purple) 50%, var(--line))}}.portfolio-shell:not(.theme-dark) .drawing-dock{border-color:var(--hair-purple)}@supports (color:color-mix(in lab, red, red)){.portfolio-shell:not(.theme-dark) .drawing-dock{border-color:color-mix(in srgb, var(--hair-purple) 26%, transparent)}}.portfolio-shell:not(.theme-dark) .dock-hand-icon{border-color:var(--hair-purple)}@supports (color:color-mix(in lab, red, red)){.portfolio-shell:not(.theme-dark) .dock-hand-icon{border-color:color-mix(in srgb, var(--hair-purple) 32%, transparent)}}.portfolio-header nav,.theme-dark .portfolio-header nav{border:1px solid var(--sticker-white);padding:5px 8px}@supports (color:color-mix(in lab, red, red)){.portfolio-header nav,.theme-dark .portfolio-header nav{border:1px solid color-mix(in srgb, var(--sticker-white) 35%, transparent)}}.portfolio-header nav,.theme-dark .portfolio-header nav{border-radius:999px}@media (max-width:1100px){.portfolio-header nav,.theme-dark .portfolio-header nav{padding:4px 7px}}.portfolio-header nav,.theme-dark .portfolio-header nav{background:#fff;border-color:#fff}.portfolio-header nav a,.theme-dark .portfolio-header nav a{color:var(--hair-purple)}.portfolio-header nav a:hover,.portfolio-header nav a.is-active,.theme-dark .portfolio-header nav a:hover,.theme-dark .portfolio-header nav a.is-active{color:#ff0878}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{color:var(--hair-purple);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#fff;grid-template-columns:minmax(150px,.8fr) minmax(170px,1fr) auto;align-items:center}.drawing-dock .dock-status{text-align:left;align-self:center;align-items:center;gap:7px;min-width:0;padding:0;display:flex}.drawing-dock .dock-status>div{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.drawing-dock .dock-status small,.drawing-dock .dock-status strong,.theme-dark .drawing-dock .dock-status small,.theme-dark .drawing-dock .dock-status strong{color:var(--hair-purple);text-align:left;margin:0;line-height:1.15}.drawing-dock .dock-status small{font-size:7.5px}.drawing-dock .dock-status strong{font-size:9.5px}.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{color:var(--hair-purple);text-align:left;border:0;align-self:center;margin:0;padding:0;font-size:9px;line-height:1.28}@supports (color:color-mix(in lab, red, red)){.drawing-dock .dock-hand-icon,.theme-dark .drawing-dock .dock-hand-icon,.drawing-dock .brush-size-value,.theme-dark .drawing-dock .brush-size-value,.drawing-dock .dock-clear,.theme-dark .drawing-dock .dock-clear,.drawing-dock .dock-camera,.theme-dark .drawing-dock .dock-camera{border-color:color-mix(in srgb, var(--hair-purple) 28%, transparent)}}.drawing-dock .dock-controls{align-self:center;align-items:center}@media (max-width:760px){.drawing-dock,.theme-dark .drawing-dock{grid-template-columns:minmax(0,1fr) auto}.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{border-top:1px solid var(--hair-purple);padding-top:8px}@supports (color:color-mix(in lab, red, red)){.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{border-top:1px solid color-mix(in srgb, var(--hair-purple) 16%, transparent)}}}.portfolio-brand span,.theme-dark .portfolio-brand span,.portfolio-shell:not(.theme-dark) .portfolio-brand span{color:#fff}.portfolio-header nav,.theme-dark .portfolio-header nav{gap:clamp(18px,2.4vw,38px);padding:5px 34px}.portfolio-header nav a,.theme-dark .portfolio-header nav a{font-size:12px}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{color:#fff;background:0 0;border:1px solid #ffffff61}.drawing-dock .dock-status small,.drawing-dock .dock-status strong,.theme-dark .drawing-dock .dock-status small,.theme-dark .drawing-dock .dock-status strong,.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{color:#fff}.drawing-dock .dock-hand-icon,.theme-dark .drawing-dock .dock-hand-icon,.drawing-dock .brush-size-value,.theme-dark .drawing-dock .brush-size-value,.drawing-dock .dock-clear,.theme-dark .drawing-dock .dock-clear,.drawing-dock .dock-camera,.theme-dark .drawing-dock .dock-camera{color:#fff;border-color:#ffffff57}.hero-footer-bar a:first-of-type{letter-spacing:.055em;font-size:10.5px;font-weight:850}@media (max-width:1100px){.portfolio-header nav,.theme-dark .portfolio-header nav{gap:14px;padding-inline:18px}.portfolio-header nav a,.theme-dark .portfolio-header nav a{font-size:10.5px}}@media (max-width:760px){.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{border-top-color:#ffffff38}.hero-footer-bar{font-size:8px}.hero-footer-bar a:first-of-type{font-size:9px}}.work-index a:not(:hover)>svg,.theme-dark .work-index a:not(:hover)>svg,.portfolio-shell:not(.theme-dark) .work-index a:not(:hover)>svg{color:var(--brand-green);filter:drop-shadow(0 0 5px var(--brand-green))}@supports (color:color-mix(in lab, red, red)){.work-index a:not(:hover)>svg,.theme-dark .work-index a:not(:hover)>svg,.portfolio-shell:not(.theme-dark) .work-index a:not(:hover)>svg{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--brand-green) 28%, transparent))}}.header-tool:hover,.theme-dark .header-tool:hover{color:var(--purple-dark);border-color:var(--brand-green);background:var(--brand-green);box-shadow:0 0 16px var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.header-tool:hover,.theme-dark .header-tool:hover{box-shadow:0 0 16px color-mix(in srgb, var(--brand-green) 30%, transparent)}}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{width:min(544px,82% + 24px);margin-left:-12px;padding-left:22px;padding-right:22px}.drawing-dock .dock-status,.drawing-dock .dock-instruction,.drawing-dock .dock-controls{align-self:center}.drawing-dock .dock-status small,.drawing-dock .dock-status strong,.drawing-dock .dock-instruction{transform:translateY(0)}@media (max-width:1100px){.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{width:min(544px,100% + 24px)}}@media (max-width:760px){.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{width:calc(100% + 24px);margin-left:-12px;padding-left:22px;padding-right:22px}}.work-index a>.work-index-tag,.work-index a:hover>.work-index-tag,.theme-dark .work-index a>.work-index-tag,.theme-dark .work-index a:hover>.work-index-tag,.portfolio-shell:not(.theme-dark) .work-index a>.work-index-tag,.portfolio-shell:not(.theme-dark) .work-index a:hover>.work-index-tag{color:#fff;letter-spacing:.045em;white-space:nowrap;letter-spacing:.055em;background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;gap:6px;width:auto;max-width:none;min-height:0;padding:0;font-size:10px;font-weight:950;line-height:1;display:inline-flex}.work-index-tag i{color:var(--brand-green);font-family:Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;line-height:1}.work-index a:not(:hover)>svg,.work-index a:not(:hover) .work-index-tag i,.theme-dark .work-index a:not(:hover)>svg,.theme-dark .work-index a:not(:hover) .work-index-tag i{color:var(--brand-green)}.work-index a:hover>svg,.work-index a:hover .work-index-tag i,.theme-dark .work-index a:hover>svg,.theme-dark .work-index a:hover .work-index-tag i{color:#ff0878}.work-index a>svg,.work-index-tag i{transition:color .18s,filter .18s,transform .18s}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{width:min(580px,82% + 60px);margin:48px 0 0 -48px;padding-left:48px;padding-right:22px}.drawing-dock .dock-status{gap:0;position:relative}.drawing-dock .dock-status>div{margin:0}.drawing-dock .dock-hand-icon,.theme-dark .drawing-dock .dock-hand-icon{color:var(--brand-green);border-color:var(--brand-green);position:absolute;top:50%;left:-40px}@supports (color:color-mix(in lab, red, red)){.drawing-dock .dock-hand-icon,.theme-dark .drawing-dock .dock-hand-icon{border-color:color-mix(in srgb, var(--brand-green) 54%, transparent)}}.drawing-dock .dock-live-dot{z-index:2;position:absolute;top:1px;left:-15px}@media (max-width:1100px){.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{width:min(580px,82% + 60px)}}@media (max-width:760px){.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{width:calc(100% + 60px);margin:42px 0 0 -48px}}.drawing-dock .dock-hand-icon,.theme-dark .drawing-dock .dock-hand-icon{color:var(--brand-green);stroke:var(--brand-green);left:0}.drawing-dock .dock-status>div{margin-left:38px}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{color:#fff;background:var(--purple-dark);border:1px solid #ffffff70;border-radius:18px;grid-template-columns:minmax(155px,.85fr) minmax(185px,1.15fr) auto;align-items:center;gap:10px 14px;width:min(560px,100%);min-height:66px;margin:42px 0 0;padding:13px 14px;display:grid;position:relative;bottom:auto;right:auto}@supports (color:color-mix(in lab, red, red)){.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{background:color-mix(in srgb, var(--purple-dark) 10%, transparent)}}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drawing-dock .dock-status{text-align:left;grid-area:1/1;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:0;display:grid;position:relative}.drawing-dock .dock-hand-icon,.theme-dark .drawing-dock .dock-hand-icon{width:32px;height:32px;color:var(--brand-green);stroke:var(--brand-green);border-color:var(--brand-green);grid-column:1;position:static}@supports (color:color-mix(in lab, red, red)){.drawing-dock .dock-hand-icon,.theme-dark .drawing-dock .dock-hand-icon{border-color:color-mix(in srgb, var(--brand-green) 55%, transparent)}}.drawing-dock .dock-hand-icon,.theme-dark .drawing-dock .dock-hand-icon{transform:none}.drawing-dock .dock-live-dot{z-index:2;width:7px;height:7px;position:absolute;top:0;left:25px}.drawing-dock .dock-status>div{grid-column:2;gap:3px;min-width:0;margin:0}.drawing-dock .dock-status small,.theme-dark .drawing-dock .dock-status small{color:#ffffffc2;letter-spacing:.055em;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:800;line-height:1.1;overflow:hidden}.drawing-dock .dock-status strong,.theme-dark .drawing-dock .dock-status strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:900;line-height:1.15;overflow:hidden}.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{color:#ffffffdb;text-align:left;border:0;grid-area:1/2;align-self:center;margin:0;padding:0;font-size:9.5px;font-weight:700;line-height:1.35}.drawing-dock .dock-controls{grid-area:1/3;align-self:center;align-items:center;gap:6px;display:flex}@media (max-width:1100px){.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{grid-template-columns:minmax(145px,.8fr) minmax(165px,1.2fr) auto;width:100%}}@media (max-width:760px){.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;width:100%;margin:38px 0 0;padding:13px}.drawing-dock .dock-status{grid-area:1/1}.drawing-dock .dock-controls{grid-area:1/2}.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{border-top:1px solid #ffffff2e;grid-area:2/1/auto/-1;padding-top:10px;font-size:9.5px}}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{background:var(--purple-dark);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{background:color-mix(in srgb, var(--purple-dark) 3%, transparent)}}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about-modal,.theme-dark .about-modal{color:#fff;background:var(--purple-dark);border-color:#ffffff3d}@supports (color:color-mix(in lab, red, red)){.about-modal,.theme-dark .about-modal{background:color-mix(in srgb, var(--purple-dark) 94%, #16051f)}}.about-modal,.theme-dark .about-modal{box-shadow:none}.about-modal-header,.theme-dark .about-modal-header{background:var(--purple-dark);border-bottom-color:#ffffff29;min-height:68px}@supports (color:color-mix(in lab, red, red)){.about-modal-header,.theme-dark .about-modal-header{background:color-mix(in srgb, var(--purple-dark) 96%, #16051f)}}.about-modal-status span,.theme-dark .about-modal-status span{background:var(--brand-green);width:10px;height:10px;box-shadow:none}.about-modal-status small,.theme-dark .about-modal-status small{color:#fff;font-size:11px;line-height:1.3}.about-modal-close,.theme-dark .about-modal-close{width:44px;height:44px;color:var(--brand-green);background:0 0;border-color:#ffffff4d}.about-modal-copy h2,.theme-dark .about-modal-copy h2{color:#fff}.about-modal-handwritten,.theme-dark .about-modal-handwritten{color:var(--brand-green);font-size:clamp(28px,3.2vw,40px)}.about-modal-lead,.about-modal-body,.theme-dark .about-modal-lead,.theme-dark .about-modal-body{color:#fff}.about-modal-lead{font-size:clamp(18px,1.65vw,22px);line-height:1.5}.about-modal-body{margin-top:18px;font-size:15px;line-height:1.7}.about-modal-facts{border-color:#fff3}.about-modal-facts div+div{border-left-color:#fff3}.about-modal-facts strong,.theme-dark .about-modal-facts strong{color:var(--brand-green);font-size:13px;line-height:1.3}.about-modal-facts span,.theme-dark .about-modal-facts span{color:#fff;font-size:10px;line-height:1.45}.about-modal-availability,.theme-dark .about-modal-availability{color:#fff;border-color:var(--brand-green);padding:13px 15px}@supports (color:color-mix(in lab, red, red)){.about-modal-availability,.theme-dark .about-modal-availability{border-color:color-mix(in srgb, var(--brand-green) 58%, transparent)}}.about-modal-availability,.theme-dark .about-modal-availability{background:var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.about-modal-availability,.theme-dark .about-modal-availability{background:color-mix(in srgb, var(--brand-green) 6%, transparent)}}.about-modal-availability,.theme-dark .about-modal-availability{font-size:10.5px;line-height:1.45}.about-modal-availability span,.theme-dark .about-modal-availability span{background:var(--brand-green);box-shadow:none}.about-modal-actions :is(a,button){color:#fff;background:0 0;border-color:#ffffff57;min-height:46px;padding:0 18px;font-size:11.5px}.about-modal-actions :is(a,button):first-child,.theme-dark .about-modal-actions :is(a,button):first-child,.about-modal-actions :is(a,button):hover,.theme-dark .about-modal-actions :is(a,button):hover{color:var(--purple-dark);border-color:var(--brand-green);background:var(--brand-green)}.about-modal-details{background:linear-gradient(var(--brand-green) 1px, transparent 1px), linear-gradient(90deg, var(--brand-green) 1px, transparent 1px), #ffffff05;border-left-color:#ffffff29}@supports (color:color-mix(in lab, red, red)){.about-modal-details{background:linear-gradient(color-mix(in srgb, var(--brand-green) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--brand-green) 5%, transparent) 1px, transparent 1px), #ffffff05}}.about-modal-details{background-size:24px 24px}.about-modal-section,.theme-dark .about-modal-section,.about-toolkit-grid>div,.theme-dark .about-toolkit-grid>div{box-shadow:none;background:#ffffff0d;border-color:#ffffff29}.about-modal-section-heading>span,.theme-dark .about-modal-section-heading>span{width:30px;height:30px;color:var(--brand-green);border-color:var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.about-modal-section-heading>span,.theme-dark .about-modal-section-heading>span{border-color:color-mix(in srgb, var(--brand-green) 55%, transparent)}}.about-modal-section-heading>span,.theme-dark .about-modal-section-heading>span{font-size:12px}.about-modal-section-heading h3{color:#fff;font-size:15px;line-height:1.3}.about-education-list li{color:#fff;border-top-color:#ffffff2e;min-height:60px;padding:11px 0 11px 88px;font-size:12px}.about-education-list time{width:74px;color:var(--brand-green);font-size:10px;top:12px}.about-education-list strong{color:#fff;font-size:12.5px;line-height:1.4}.about-education-list small{color:#fff;font-size:10px;line-height:1.45}.about-skill-grid li,.about-skill-grid li:nth-child(3n+1),.theme-dark .about-skill-grid li,.theme-dark .about-skill-grid li:nth-child(3n+1){color:#fff;background:#ffffff0a;border-color:#ffffff2e;min-height:44px;padding:11px 12px;font-size:11px;line-height:1.4}.about-skill-grid li:nth-child(3n+1),.theme-dark .about-skill-grid li:nth-child(3n+1){color:var(--brand-green);border-color:var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.about-skill-grid li:nth-child(3n+1),.theme-dark .about-skill-grid li:nth-child(3n+1){border-color:color-mix(in srgb, var(--brand-green) 38%, transparent)}}.about-toolkit-grid>div>small{color:#fff;font-size:10px;line-height:1.4}.about-chip-row span{color:#fff;background:0 0;border-color:#ffffff38;padding:7px 10px;font-size:9.5px;line-height:1.3}.about-chip-row--languages span,.theme-dark .about-chip-row--languages span{color:var(--purple-dark);border-color:var(--brand-green);background:var(--brand-green)}@media (max-width:850px){.about-modal-details{border-top-color:#ffffff29}}@media (max-width:560px){.about-modal-copy{padding:34px 24px}.about-modal-copy h2{font-size:clamp(54px,17vw,74px)}.about-modal-handwritten{font-size:26px}.about-modal-lead{font-size:17px}.about-modal-body{font-size:15px}.about-modal-facts div+div{border-top-color:#ffffff2e}}.about-modal,.theme-dark .about-modal,.about-modal-header,.theme-dark .about-modal-header{background:var(--paper)}.about-modal-details,.theme-dark .about-modal-details{background:linear-gradient(var(--brand-green) 1px, transparent 1px), linear-gradient(90deg, var(--brand-green) 1px, transparent 1px), var(--paper)}@supports (color:color-mix(in lab, red, red)){.about-modal-details,.theme-dark .about-modal-details{background:linear-gradient(color-mix(in srgb, var(--brand-green) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--brand-green) 5%, transparent) 1px, transparent 1px), var(--paper)}}.about-modal-details,.theme-dark .about-modal-details{background-size:24px 24px}.portfolio-shell,.portfolio-shell *{text-shadow:none!important}.about-modal{scrollbar-color:var(--brand-green) transparent;scrollbar-width:thin}.about-modal::-webkit-scrollbar{width:20px}.about-modal::-webkit-scrollbar-track{background:0 0}.about-modal::-webkit-scrollbar-thumb{background:var(--brand-green);min-height:34px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='black' d='M50 0 58 37 100 50 58 59 50 100 41 59 0 50 41 37Z'/%3E%3C/svg%3E") 50%/18px 18px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='black' d='M50 0 58 37 100 50 58 59 50 100 41 59 0 50 41 37Z'/%3E%3C/svg%3E") 50%/18px 18px no-repeat}@supports (color:color-mix(in lab, red, red)){.portfolio-shell:not(.theme-dark) .about-modal-details{background:linear-gradient(#ffffff1a 1px, transparent 1px), linear-gradient(90deg, #ffffff1a 1px, transparent 1px), color-mix(in srgb, var(--hair-purple) 38%, var(--paper))}.theme-dark .about-modal-details{background:linear-gradient(#ffffff0e 1px, transparent 1px), linear-gradient(90deg, #ffffff0e 1px, transparent 1px), color-mix(in srgb, var(--hair-purple) 24%, var(--paper-deep))}}.about-skill-grid li,.about-skill-grid li:nth-child(3n+1),.theme-dark .about-skill-grid li,.theme-dark .about-skill-grid li:nth-child(3n+1),.portfolio-shell:not(.theme-dark) .about-skill-grid li,.portfolio-shell:not(.theme-dark) .about-skill-grid li:nth-child(3n+1),.about-chip-row span,.theme-dark .about-chip-row span,.portfolio-shell:not(.theme-dark) .about-chip-row span{color:#fff;background:0 0;border:1px solid #ffffff7a}@supports (color:color-mix(in lab, red, red)){.portfolio-shell:not(.theme-dark) .about-modal-details{background:linear-gradient(#ffffff1a 1px, transparent 1px), linear-gradient(90deg, #ffffff1a 1px, transparent 1px), color-mix(in srgb, var(--hair-purple) 38%, var(--paper))}}.theme-dark .about-modal-details{background:linear-gradient(#ffffff0e 1px, transparent 1px), linear-gradient(90deg, #ffffff0e 1px, transparent 1px), var(--hair-purple)}@supports (color:color-mix(in lab, red, red)){.theme-dark .about-modal-details{background:linear-gradient(#ffffff0e 1px, transparent 1px), linear-gradient(90deg, #ffffff0e 1px, transparent 1px), color-mix(in srgb, var(--hair-purple) 24%, var(--paper-deep))}}.about-modal-section--education,.portfolio-shell:not(.theme-dark) .about-modal-section--education,.theme-dark .about-modal-section--education{background:0 0;margin:0;padding:22px 0}.about-modal-section+.about-modal-section{border-top-color:#ffffff4d}.about-modal-section-heading>span,.theme-dark .about-modal-section-heading>span,.portfolio-shell:not(.theme-dark) .about-modal-section-heading>span{color:var(--brand-green);background:0 0;border-color:#ffffff8c}.about-skill-grid li,.about-skill-grid li:nth-child(3n+1),.theme-dark .about-skill-grid li,.theme-dark .about-skill-grid li:nth-child(3n+1),.portfolio-shell:not(.theme-dark) .about-skill-grid li,.portfolio-shell:not(.theme-dark) .about-skill-grid li:nth-child(3n+1),.about-chip-row span,.theme-dark .about-chip-row span,.portfolio-shell:not(.theme-dark) .about-chip-row span,.about-chip-row--languages span,.theme-dark .about-chip-row--languages span,.portfolio-shell:not(.theme-dark) .about-chip-row--languages span{color:#fff;background:0 0;border:1px solid #ffffff7a;border-radius:999px}@media (max-width:560px){.about-modal-section--education,.portfolio-shell:not(.theme-dark) .about-modal-section--education,.theme-dark .about-modal-section--education{margin-inline:0;padding-inline:0}}.about-modal-details,.theme-dark .about-modal-details,.portfolio-shell:not(.theme-dark) .about-modal-details{border-left:0}.about-modal-section,.theme-dark .about-modal-section,.portfolio-shell:not(.theme-dark) .about-modal-section,.about-modal-section--education,.theme-dark .about-modal-section--education,.portfolio-shell:not(.theme-dark) .about-modal-section--education{background:0 0;border:0}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{color:var(--hair-purple);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#fff}.drawing-dock .dock-hand-icon,.theme-dark .drawing-dock .dock-hand-icon,.portfolio-shell:not(.theme-dark) .drawing-dock .dock-hand-icon{color:var(--brand-green);stroke:var(--brand-green);border-color:var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.drawing-dock .dock-hand-icon,.theme-dark .drawing-dock .dock-hand-icon,.portfolio-shell:not(.theme-dark) .drawing-dock .dock-hand-icon{border-color:color-mix(in srgb, var(--brand-green) 72%, var(--hair-purple))}.drawing-dock .brush-size-value,.drawing-dock .dock-clear,.drawing-dock .dock-camera,.theme-dark .drawing-dock .brush-size-value,.theme-dark .drawing-dock .dock-clear,.theme-dark .drawing-dock .dock-camera{border-color:color-mix(in srgb, var(--hair-purple) 28%, transparent)}}.portfolio-shell:not(.theme-dark) :is(.about-modal-handwritten,.about-modal-facts strong,.about-modal-section-heading>span,.about-skill-grid li:nth-child(3n+1)){color:var(--brand-green)}:root{--readable-ink:#4d1e75;--readable-light:#fffdf8}.portfolio-shell:not(.theme-dark) :is(.handwritten-title,.about-modal-handwritten){color:var(--hair-purple)}.theme-dark :is(.hero-copy h1,.hero-intro,.work-index a,.hero-footer-bar,.hero-footer-bar a,.about-modal-status small,.about-modal-copy h2,.about-modal-lead,.about-modal-body,.about-modal-facts span,.about-modal-section-heading h3,.about-education-list li,.about-education-list strong,.about-education-list small,.about-toolkit-grid>div>small,.about-chip-row span){color:var(--readable-light)}.portfolio-brand span{font-size:clamp(20px,1.55vw,24px);font-weight:800}.portfolio-header nav a,.theme-dark .portfolio-header nav a{letter-spacing:.055em;font-size:clamp(11.5px,.86vw,13px);font-weight:750}.hero-intro,.theme-dark .hero-intro{font-size:clamp(16px,1.18vw,18px);font-weight:500;line-height:1.58}.work-index a>.work-index-tag,.work-index a:hover>.work-index-tag,.theme-dark .work-index a>.work-index-tag,.theme-dark .work-index a:hover>.work-index-tag{font-size:11px;line-height:1.2}.drawing-dock .dock-status small,.theme-dark .drawing-dock .dock-status small{font-size:9.5px}.drawing-dock .dock-status strong,.theme-dark .drawing-dock .dock-status strong{font-size:12px;font-weight:750}.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{font-size:10.5px;line-height:1.45}.hero-footer-bar{font-size:11px}.hero-footer-bar a:first-of-type{font-size:11.5px}.theme-dark.portfolio-shell{background:linear-gradient(90deg, #260a701c, transparent 52%), radial-gradient(circle at 50% 42%, #ffffff09, transparent 34rem), var(--paper)}.theme-dark.portfolio-shell:before,.theme-dark.portfolio-shell:after{opacity:.07}@media (min-width:761px){.portfolio-header,.theme-dark .portfolio-header{height:88px;padding-top:18px}}.hero-copy h1{transform:translateY(8px)}.about-modal-copy>.about-modal-art img{transform:translateY(196px)rotate(-2deg)}@media (max-width:760px){.hero-copy h1{transform:translateY(6px)}}.portfolio-shell.theme-dark .work-modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.portfolio-shell.theme-dark .work-modal{box-shadow:none!important}.portfolio-shell:not(.theme-dark){--ink:#4d1e75;--muted:#6b478a;--intro:#4d1e75}.portfolio-shell:not(.theme-dark) .work-index strong{font-weight:650}.portfolio-shell:not(.theme-dark) .work-index a>.work-index-tag{font-weight:700}.portfolio-shell:not(.theme-dark) .drawing-dock .dock-status small{font-weight:650}.portfolio-shell:not(.theme-dark) .drawing-dock :is(.dock-status strong,.dock-instruction){font-weight:600}.portfolio-shell:not(.theme-dark) :is(.hero-footer-bar,.about-modal-lead,.about-modal-body,.about-education-list li,.about-education-list small){font-weight:500}.portfolio-shell:not(.theme-dark){background:radial-gradient(circle at 92% 92%, #ffffff2b, transparent 36%), linear-gradient(90deg, #6216b711, transparent 44%), var(--paper)}.portfolio-shell:not(.theme-dark):before,.portfolio-shell:not(.theme-dark):after{opacity:.1}.work-index,.theme-dark .work-index{width:min(455px,100%)}.work-index a,.work-index .work-more-row{grid-template-columns:118px minmax(0,1fr) 22px;column-gap:17px}.work-index a>.work-index-tag,.theme-dark .work-index a>.work-index-tag{max-width:116px}.portfolio-shell:not(.theme-dark) .hero-intro{font-weight:450}.portfolio-shell:not(.theme-dark) .portfolio-header nav a{font-weight:700}.portfolio-shell:not(.theme-dark) .about-modal-details{background:var(--paper)}@supports (color:color-mix(in lab, red, red)){.portfolio-shell:not(.theme-dark) .about-modal-details{background:color-mix(in srgb, var(--paper) 88%, #fff)}}.theme-dark :is(.about-modal-section,.about-toolkit-grid>div){background:#1b033752;border-color:#fff3}.about-modal-section-heading{gap:12px;margin-bottom:17px}.about-modal-section-heading>span,.theme-dark .about-modal-section-heading>span{width:36px;height:36px;font-size:14px}.about-modal-section-heading h3,.theme-dark .about-modal-section-heading h3{letter-spacing:.025em;font-size:18px;font-weight:800}.about-education-list li{min-height:76px;padding:16px 0 16px 112px;font-size:14px;line-height:1.55}.about-education-list time{width:96px;font-size:12px;font-weight:800;top:18px}.about-education-list strong{font-size:14.5px;font-weight:750;line-height:1.45}.about-education-list small{font-size:12.5px;line-height:1.55}.about-skill-grid{gap:10px}.about-skill-grid li,.about-skill-grid li:nth-child(3n+1),.theme-dark .about-skill-grid li,.theme-dark .about-skill-grid li:nth-child(3n+1){min-height:48px;padding:13px 14px;font-size:12.5px;font-weight:650;line-height:1.4}.about-toolkit-grid>div>small,.theme-dark .about-toolkit-grid>div>small{font-size:12.5px;font-weight:750;line-height:1.5}.about-chip-row{gap:9px}.about-chip-row span,.theme-dark .about-chip-row span{padding:9px 12px;font-size:11.5px;font-weight:700;line-height:1.35}.portfolio-shell:not(.theme-dark) .about-chip-row--languages span,.theme-dark .about-chip-row--languages span{color:#27044f;border-color:var(--brand-green);background:var(--brand-green)}@media (max-width:560px){.about-modal-section{padding:18px}.about-education-list li{padding-left:0}.about-education-list time{width:auto;margin-bottom:5px;display:block;position:static}}.portfolio-shell:not(.theme-dark) :is(h1,h2,h3,h4,p,small,strong,span,time,li,a,button){color:#fff}.portfolio-shell:not(.theme-dark) .drawing-dock{background:#4d1e752e;border-color:#ffffff8c}.portfolio-shell:not(.theme-dark) .drawing-dock :is(small,strong,p,span,button){color:#fff}.portfolio-shell:not(.theme-dark) :is(.about-modal-section,.about-toolkit-grid>div){background:#4d1e7542;border-color:#ffffff4d}.portfolio-shell:not(.theme-dark) .about-chip-row span{color:#fff;background:#4d1e7540;border-color:#ffffff57}.portfolio-shell:not(.theme-dark) .about-chip-row--languages span,.theme-dark .about-chip-row--languages span,.portfolio-shell:not(.theme-dark) .about-modal-actions :is(a,button):first-child,.portfolio-shell:not(.theme-dark) .about-modal-actions :is(a,button):hover{color:#27044f}.about-modal-status small,.theme-dark .about-modal-status small{font-size:12.5px}.about-modal-lead,.theme-dark .about-modal-lead{font-size:clamp(20px,1.8vw,24px);line-height:1.55}.about-modal-body,.theme-dark .about-modal-body{font-size:17px;line-height:1.72}.about-modal-facts strong,.theme-dark .about-modal-facts strong{font-size:15px}.about-modal-facts span,.theme-dark .about-modal-facts span{font-size:12.5px;line-height:1.55}.about-modal-section-heading h3,.theme-dark .about-modal-section-heading h3{font-size:20px}.about-education-list time{font-size:13px}.about-education-list strong{font-size:16px}.about-education-list small,.about-skill-grid li,.about-skill-grid li:nth-child(3n+1),.theme-dark .about-skill-grid li,.theme-dark .about-skill-grid li:nth-child(3n+1),.about-toolkit-grid>div>small,.theme-dark .about-toolkit-grid>div>small{font-size:14px}.about-chip-row span,.theme-dark .about-chip-row span{font-size:13px}.portfolio-shell:not(.theme-dark) .about-modal-details{background:linear-gradient(#ffffff1c 1px, transparent 1px), linear-gradient(90deg, #ffffff1c 1px, transparent 1px), var(--paper);background-size:26px 26px}.theme-dark .about-modal-details{background:linear-gradient(#ffffff0e 1px, transparent 1px), linear-gradient(90deg, #ffffff0e 1px, transparent 1px), var(--paper);background-size:26px 26px}.about-modal-section,.theme-dark .about-modal-section,.about-toolkit-grid>div,.theme-dark .about-toolkit-grid>div,.portfolio-shell:not(.theme-dark) .about-modal-section,.portfolio-shell:not(.theme-dark) .about-toolkit-grid>div{box-shadow:none;background:0 0;border:0;border-radius:0}.about-modal-section{padding:22px 0}.about-modal-section+.about-modal-section{border-top:1px solid #ffffff3d}.about-toolkit-grid{gap:20px}.about-toolkit-grid>div{padding:0}.about-modal-actions :is(a,button):first-child:hover,.theme-dark .about-modal-actions :is(a,button):first-child:hover,.portfolio-shell:not(.theme-dark) .about-modal-actions :is(a,button):first-child:hover{color:#fff;border-color:var(--hair-purple);background:var(--hair-purple)}.about-modal-section--education,.portfolio-shell:not(.theme-dark) .about-modal-section--education{background:linear-gradient(#ffffff1a 1px, transparent 1px), linear-gradient(90deg, #ffffff1a 1px, transparent 1px), var(--hair-purple);margin:-4px -26px 0;padding:28px 26px}@supports (color:color-mix(in lab, red, red)){.about-modal-section--education,.portfolio-shell:not(.theme-dark) .about-modal-section--education{background:linear-gradient(#ffffff1a 1px, transparent 1px), linear-gradient(90deg, #ffffff1a 1px, transparent 1px), color-mix(in srgb, var(--hair-purple) 38%, var(--paper))}}.about-modal-section--education,.portfolio-shell:not(.theme-dark) .about-modal-section--education{background-size:26px 26px}.theme-dark .about-modal-section--education{background:linear-gradient(#ffffff0f 1px, transparent 1px), linear-gradient(90deg, #ffffff0f 1px, transparent 1px), var(--hair-purple)}@supports (color:color-mix(in lab, red, red)){.theme-dark .about-modal-section--education{background:linear-gradient(#ffffff0f 1px, transparent 1px), linear-gradient(90deg, #ffffff0f 1px, transparent 1px), color-mix(in srgb, var(--hair-purple) 24%, var(--paper-deep))}}.theme-dark .about-modal-section--education{background-size:26px 26px}@media (max-width:560px){.about-modal-section--education,.portfolio-shell:not(.theme-dark) .about-modal-section--education{margin-inline:-18px;padding-inline:18px}}.portfolio-shell:not(.theme-dark) .portfolio-header nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#fff}.portfolio-shell:not(.theme-dark) .portfolio-header nav a{color:var(--hair-purple)}.portfolio-shell:not(.theme-dark) .portfolio-header nav a:hover,.portfolio-shell:not(.theme-dark) .portfolio-header nav a.is-active{color:#ff0878}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{color:#fff;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#fff}.drawing-dock .dock-status small,.drawing-dock .dock-status strong,.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-status small,.theme-dark .drawing-dock .dock-status strong,.theme-dark .drawing-dock .dock-instruction,.portfolio-shell:not(.theme-dark) .drawing-dock :is(small,strong,p,span,button){color:#fff}.drawing-dock .dock-hand-icon,.theme-dark .drawing-dock .dock-hand-icon,.portfolio-shell:not(.theme-dark) .drawing-dock .dock-hand-icon{color:var(--brand-green);stroke:var(--brand-green)}.drawing-dock .brush-size-value,.drawing-dock .dock-clear,.drawing-dock .dock-camera,.theme-dark .drawing-dock .brush-size-value,.theme-dark .drawing-dock .dock-clear,.theme-dark .drawing-dock .dock-camera{color:#fff;border-color:#ffffff6b}.portfolio-shell:not(.theme-dark) .about-modal-details{background:linear-gradient(#ffffff0d 1px, transparent 1px), linear-gradient(90deg, #ffffff0d 1px, transparent 1px), var(--hair-purple);border-left:0}@supports (color:color-mix(in lab, red, red)){.portfolio-shell:not(.theme-dark) .about-modal-details{background:linear-gradient(#ffffff0d 1px, transparent 1px), linear-gradient(90deg, #ffffff0d 1px, transparent 1px), color-mix(in srgb, var(--hair-purple) 19%, var(--paper))}}.portfolio-shell:not(.theme-dark) .about-modal-details{background-size:26px 26px}.theme-dark .about-modal-details{background:linear-gradient(#ffffff07 1px, transparent 1px), linear-gradient(90deg, #ffffff07 1px, transparent 1px), var(--hair-purple);border-left:0}@supports (color:color-mix(in lab, red, red)){.theme-dark .about-modal-details{background:linear-gradient(#ffffff07 1px, transparent 1px), linear-gradient(90deg, #ffffff07 1px, transparent 1px), color-mix(in srgb, var(--hair-purple) 12%, var(--paper-deep))}}.theme-dark .about-modal-details{background-size:26px 26px}.about-modal-section,.theme-dark .about-modal-section,.portfolio-shell:not(.theme-dark) .about-modal-section,.about-modal-section--education,.theme-dark .about-modal-section--education,.portfolio-shell:not(.theme-dark) .about-modal-section--education,.about-toolkit-grid>div,.theme-dark .about-toolkit-grid>div,.portfolio-shell:not(.theme-dark) .about-toolkit-grid>div{box-shadow:none;background:0 0;border:0;border-radius:0;margin-inline:0}.about-modal-section,.about-modal-section--education,.theme-dark .about-modal-section--education,.portfolio-shell:not(.theme-dark) .about-modal-section--education{padding:22px 0}.about-modal-section+.about-modal-section,.theme-dark .about-modal-section+.about-modal-section,.portfolio-shell:not(.theme-dark) .about-modal-section+.about-modal-section{border-top:0}.about-modal-details :is(.about-modal-section,.about-modal-section--education,.about-toolkit-grid,.about-toolkit-grid>div,.about-education-list,.about-education-list li){box-shadow:none!important;background:0 0!important}.about-modal-details :is(.about-modal-section,.about-modal-section--education,.about-toolkit-grid>div):before,.about-modal-details :is(.about-modal-section,.about-modal-section--education,.about-toolkit-grid>div):after{content:none;display:none}.about-modal-details,.about-modal-details :is(h3,p,small,strong,span,time,li){font-family:Arial,Helvetica,sans-serif}.about-chip-row span,.about-chip-row--languages span,.theme-dark .about-chip-row span,.theme-dark .about-chip-row--languages span,.portfolio-shell:not(.theme-dark) .about-chip-row span,.portfolio-shell:not(.theme-dark) .about-chip-row--languages span{color:#fff;letter-spacing:.01em;background:0 0;border:1px solid #ffffff7a;border-radius:999px;padding:9px 12px;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:600;line-height:1.35}.about-chip-row--languages span{align-items:center;gap:8px;display:inline-flex}.about-chip-row--languages span:before{content:"";background:var(--brand-green);border:2px solid #fff;border-radius:50%;flex:0 0 10px;width:10px;height:10px;box-shadow:0 0 0 2px #ffffff29}.work-modal{color:#fff;background:linear-gradient(#ffffff0d 1px, transparent 1px), linear-gradient(90deg, #ffffff0d 1px, transparent 1px), var(--hair-purple);border-color:#ffffff47}@supports (color:color-mix(in lab, red, red)){.work-modal{background:linear-gradient(#ffffff0d 1px, transparent 1px), linear-gradient(90deg, #ffffff0d 1px, transparent 1px), color-mix(in srgb, var(--hair-purple) 19%, var(--paper))}}.work-modal{box-shadow:none;scrollbar-color:var(--brand-green) transparent;scrollbar-width:thin;background-size:26px 26px}.theme-dark .work-modal{background:linear-gradient(#ffffff07 1px, transparent 1px), linear-gradient(90deg, #ffffff07 1px, transparent 1px), var(--hair-purple);border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.theme-dark .work-modal{background:linear-gradient(#ffffff07 1px, transparent 1px), linear-gradient(90deg, #ffffff07 1px, transparent 1px), color-mix(in srgb, var(--hair-purple) 12%, var(--paper-deep))}}.theme-dark .work-modal{background-size:26px 26px}.work-modal::-webkit-scrollbar{width:20px}.work-modal::-webkit-scrollbar-track{background:0 0}.work-modal::-webkit-scrollbar-thumb{background:var(--brand-green);min-height:34px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='black' d='M50 0 58 37 100 50 58 59 50 100 41 59 0 50 41 37Z'/%3E%3C/svg%3E") 50%/18px 18px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='black' d='M50 0 58 37 100 50 58 59 50 100 41 59 0 50 41 37Z'/%3E%3C/svg%3E") 50%/18px 18px no-repeat}.work-modal-header,.theme-dark .work-modal-header{background:linear-gradient(#ffffff0a 1px, transparent 1px), linear-gradient(90deg, #ffffff0a 1px, transparent 1px), var(--hair-purple);border-bottom-color:#fff3}@supports (color:color-mix(in lab, red, red)){.work-modal-header,.theme-dark .work-modal-header{background:linear-gradient(#ffffff0a 1px, transparent 1px), linear-gradient(90deg, #ffffff0a 1px, transparent 1px), color-mix(in srgb, var(--hair-purple) 19%, var(--paper))}}.work-modal-header,.theme-dark .work-modal-header{background-size:26px 26px}.theme-dark .work-modal-header{background:linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), var(--hair-purple)}@supports (color:color-mix(in lab, red, red)){.theme-dark .work-modal-header{background:linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), color-mix(in srgb, var(--hair-purple) 12%, var(--paper-deep))}}.theme-dark .work-modal-header{background-size:26px 26px}.work-modal,.work-modal :is(p,small,strong,span,i,button,a){font-family:Arial,Helvetica,sans-serif}.work-modal :is(.about-modal-status small,.work-modal-kicker,.work-modal-lead,.work-modal-mini-stats,.work-project-card-copy small,.work-project-card-copy strong,.work-project-card-copy>span,.work-project-detail-meta,.work-project-detail-intro>p),.work-modal-intro h2,.work-project-detail-intro h2,.theme-dark .work-modal-intro h2,.theme-dark .work-project-detail-intro h2{color:#fff}.work-modal-handwritten,.theme-dark .work-modal-handwritten{color:var(--brand-green)}.work-modal-kicker{letter-spacing:.08em;font-size:12px}.work-modal-kicker i{background:var(--brand-green);box-shadow:none}.work-modal-description,.theme-dark .work-modal-description{box-shadow:none;background:0 0;border:0;border-radius:0}.work-modal-description:before{content:none;display:none}.work-modal-sticker,.theme-dark .work-modal-sticker{color:#fff;box-shadow:none;background:0 0;border-color:#fff9;font-family:Arial,Helvetica,sans-serif;font-size:11px}.work-modal-lead{font-size:clamp(16px,1.35vw,19px);line-height:1.62}.work-modal-mini-stats{letter-spacing:.035em;border-top-color:#ffffff3d;font-size:12px;font-weight:600}.work-filters{border-top:0}.work-filters button,.theme-dark .work-filters button{color:#fff;letter-spacing:.015em;background:0 0;border-color:#ffffff80;min-height:40px;padding:0 15px;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:600}.work-filters button.is-active,.theme-dark .work-filters button.is-active{color:var(--hair-purple);background:#fff;border-color:#fff}.work-project-card,.theme-dark .work-project-card{color:#fff;box-shadow:none;background:0 0;border-color:#ffffff57}.work-project-card:hover,.theme-dark .work-project-card:hover{box-shadow:none;border-color:#fff}.work-project-card:focus-visible{box-shadow:none;border-color:#fff}.theme-dark .work-project-card:focus-visible{box-shadow:none;border-color:#fff}.work-project-card figure{background:0 0;border-color:#ffffff57}.work-project-card figure:after{border-color:#fff3}.work-project-card-copy small{letter-spacing:.03em;font-size:12px;font-weight:600}.work-project-card-copy strong{font-weight:650}.work-project-card-copy>span{font-size:14px;line-height:1.58}.work-project-card-tags i,.theme-dark .work-project-card-tags i,.work-project-tags span{color:#fff;letter-spacing:.01em;background:0 0;border:1px solid #ffffff7a;border-radius:999px;padding:8px 11px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:600}.work-project-card-cta{color:#fff;letter-spacing:.01em;background:0 0;border-color:#ffffff7a;padding:8px 11px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:600}:is(.work-project-card:hover .work-project-card-cta,.work-project-card:focus-visible .work-project-card-cta){color:#fff;border-color:var(--hair-purple);background:var(--hair-purple)}.work-modal-back,.theme-dark .work-modal-back{color:#fff;background:0 0;border-color:#ffffff80;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:600}.work-modal-back:hover,.theme-dark .work-modal-back:hover{color:#fff;border-color:var(--hair-purple);background:var(--hair-purple)}.work-project-detail-intro,.work-project-gallery{background:0 0;border-bottom:0}.work-project-detail-meta{letter-spacing:.035em;font-size:12px;font-weight:600}.work-project-detail-intro>p{font-size:clamp(16px,1.45vw,20px);line-height:1.62}.work-project-detail-footer{border-top-color:#ffffff3d}.work-project-detail-footer>a,.theme-dark .work-project-detail-footer>a{color:#fff;background:0 0;border-color:#ffffff8a;font-size:12px;font-weight:600}.work-project-detail-footer>a:hover,.theme-dark .work-project-detail-footer>a:hover{color:#fff;border-color:var(--hair-purple);background:var(--hair-purple)}.home-work-handwritten,.work-modal-intro h2.work-modal-handwritten,.theme-dark .work-modal-intro h2.work-modal-handwritten{width:fit-content;max-width:100%;color:var(--brand-green);letter-spacing:0;text-transform:none;text-wrap:balance;margin:22px 0 12px;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:clamp(22px,2.2vw,32px);font-weight:700;line-height:1.1;transform:rotate(-1deg)}.work-modal-intro h2.work-modal-handwritten,.theme-dark .work-modal-intro h2.work-modal-handwritten{z-index:2;white-space:normal;margin:12px 0 0 clamp(4px,2vw,24px);font-size:clamp(30px,4.4vw,60px);position:relative}.home-work-handwritten+.work-index{margin-top:14px}.work-filters button:hover,.theme-dark .work-filters button:hover{color:#241036;border-color:var(--brand-green);background:var(--brand-green)}.work-project-card:hover,.theme-dark .work-project-card:hover,.work-project-card:hover figure,.theme-dark .work-project-card:hover figure{border-color:var(--brand-green)}.work-project-card:focus-visible{border-color:var(--brand-green)}.theme-dark .work-project-card:focus-visible{border-color:var(--brand-green)}.work-project-card:focus-visible figure{border-color:var(--brand-green)}.theme-dark .work-project-card:focus-visible figure{border-color:var(--brand-green)}.work-project-card:hover .work-project-card-copy strong,.theme-dark .work-project-card:hover .work-project-card-copy strong{color:var(--brand-green)}.work-project-card:focus-visible .work-project-card-copy strong{color:var(--brand-green)}.theme-dark .work-project-card:focus-visible .work-project-card-copy strong{color:var(--brand-green)}.work-project-card-cta,.work-project-card:hover .work-project-card-cta,.theme-dark .work-project-card-cta,.theme-dark .work-project-card:hover .work-project-card-cta,.work-project-detail-footer>a,.theme-dark .work-project-detail-footer>a,.work-project-card-cta:hover,.work-project-detail-footer>a:hover,.theme-dark .work-project-detail-footer>a:hover{color:#fff;border-color:var(--hair-purple);background:var(--hair-purple)}.work-project-card:focus-visible .work-project-card-cta{color:#fff;border-color:var(--hair-purple);background:var(--hair-purple)}.theme-dark .work-project-card:focus-visible .work-project-card-cta{color:#fff;border-color:var(--hair-purple);background:var(--hair-purple)}.handwritten-title,.theme-dark .handwritten-title,.portfolio-shell:not(.theme-dark) .handwritten-title,.home-work-handwritten,.work-modal-handwritten,.theme-dark .work-modal-handwritten{color:var(--brand-green);text-shadow:none;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-weight:700}.work-index a:hover>svg,.theme-dark .work-index a:hover>svg,.work-index a:hover .work-index-tag i,.theme-dark .work-index a:hover .work-index-tag i{color:var(--hair-purple);filter:none}.work-index a:focus-visible>svg{color:var(--hair-purple);filter:none}.theme-dark .work-index a:focus-visible>svg{color:var(--hair-purple);filter:none}.work-index a:focus-visible .work-index-tag i{color:var(--hair-purple);filter:none}.theme-dark .work-index a:focus-visible .work-index-tag i{color:var(--hair-purple);filter:none}.work-modal-overview{padding-top:clamp(16px,2vw,26px)}.work-modal-intro{align-items:start}.work-modal-handwritten,.theme-dark .work-modal-handwritten{color:var(--brand-green);margin-top:7px;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive}.work-modal-description,.theme-dark .work-modal-description{padding-top:22px}.work-filter-star,.work-tag-star,.theme-dark .work-filter-star,.theme-dark .work-tag-star{color:var(--hair-purple);font:inherit;font-weight:900}@media (max-width:760px){.work-modal-overview{padding-top:14px}.work-modal-heading{padding-top:20px}}.work-index .work-more-row>.work-index-tag--more{background:0 0;border:0;width:auto;max-width:none;padding:0}.work-index .work-more-row>.work-index-tag--more i{font-size:12px}.work-hover-preview,.theme-dark .work-hover-preview{color:#260a70;background:#fff;border:3px solid #fff;box-shadow:12px 16px 45px #190a2a2e}.work-hover-preview:before,.theme-dark .work-hover-preview:before{content:none;display:none}.work-hover-preview small,.theme-dark .work-hover-preview small{color:#6b478a}.work-modal-overview{padding:clamp(20px,2.7vw,34px) clamp(30px,4.5vw,58px) clamp(30px,4.5vw,58px)}.work-modal-intro{align-items:start;gap:clamp(20px,4vw,58px)}.work-modal-heading{padding-top:0}.work-modal-kicker{margin-bottom:12px;position:static}.work-modal-intro h2{margin:0}.work-modal-handwritten,.theme-dark .work-modal-handwritten{color:var(--brand-green);margin:18px 0 0;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:clamp(24px,3vw,38px);font-weight:700;line-height:1;transform:rotate(-1.5deg)}.work-modal-description,.theme-dark .work-modal-description{margin:0;padding:0}.work-filters{margin-top:28px}@media (max-width:760px){.work-modal-overview{padding:18px 17px 28px}.work-modal-intro{gap:18px}.work-modal-kicker{margin-bottom:10px}.work-modal-handwritten,.theme-dark .work-modal-handwritten{margin-top:13px}}.work-filter-star,.work-tag-star,.theme-dark .work-filter-star,.theme-dark .work-tag-star{color:var(--brand-green)}.work-filters button:hover .work-filter-star,.work-filters button.is-active .work-filter-star,.theme-dark .work-filters button:hover .work-filter-star,.theme-dark .work-filters button.is-active .work-filter-star,.work-project-card:hover .work-tag-star,.theme-dark .work-project-card:hover .work-tag-star{color:inherit}.work-filters button:focus-visible .work-filter-star{color:inherit}.theme-dark .work-filters button:focus-visible .work-filter-star{color:inherit}.work-project-card:focus-visible .work-tag-star{color:inherit}.theme-dark .work-project-card:focus-visible .work-tag-star{color:inherit}.hero-footer-bar,.hero-footer-bar span,.hero-footer-bar a,.hero-footer-bar a:hover,.theme-dark .hero-footer-bar,.theme-dark .hero-footer-bar span,.theme-dark .hero-footer-bar a,.theme-dark .hero-footer-bar a:hover,.portfolio-shell:not(.theme-dark) .hero-footer-bar,.portfolio-shell:not(.theme-dark) .hero-footer-bar span,.portfolio-shell:not(.theme-dark) .hero-footer-bar a,.portfolio-shell:not(.theme-dark) .hero-footer-bar a:hover,.work-modal-mini-stats i,.theme-dark .work-modal-mini-stats i{color:var(--brand-green)}.work-project-card:hover .work-project-card-cta,.theme-dark .work-project-card:hover .work-project-card-cta{color:#241036;border-color:var(--brand-green);background:var(--brand-green)}.work-project-card:focus-visible .work-project-card-cta{color:#241036;border-color:var(--brand-green);background:var(--brand-green)}.theme-dark .work-project-card:focus-visible .work-project-card-cta{color:#241036;border-color:var(--brand-green);background:var(--brand-green)}.work-project-gallery,.theme-dark .work-project-gallery{background:0 0;gap:0;padding:0}.work-project-gallery img,.theme-dark .work-project-gallery img{box-shadow:none;border:0;border-radius:0;margin:0}.portfolio-shell .work-hover-preview,.portfolio-shell .work-hover-preview strong,.portfolio-shell.theme-dark .work-hover-preview,.portfolio-shell.theme-dark .work-hover-preview strong{color:var(--hair-purple)}.portfolio-shell .work-hover-preview small,.portfolio-shell.theme-dark .work-hover-preview small{color:#6b478a}.about-modal-close:hover,.theme-dark .about-modal-close:hover{color:var(--purple-dark);border-color:var(--brand-green);background:var(--brand-green)}.about-modal-close:focus-visible{color:var(--purple-dark);border-color:var(--brand-green);background:var(--brand-green)}.theme-dark .about-modal-close:focus-visible{color:var(--purple-dark);border-color:var(--brand-green);background:var(--brand-green)}.portfolio-header nav a,.theme-dark .portfolio-header nav a,.portfolio-shell:not(.theme-dark) .portfolio-header nav a{color:var(--hair-purple);font-weight:600}.portfolio-header nav a:hover,.portfolio-header nav a.is-active,.theme-dark .portfolio-header nav a:hover,.theme-dark .portfolio-header nav a.is-active,.portfolio-shell:not(.theme-dark) .portfolio-header nav a:hover,.portfolio-shell:not(.theme-dark) .portfolio-header nav a.is-active{color:var(--hair-purple);font-weight:850}.portfolio-header nav a:focus-visible{color:var(--hair-purple);font-weight:850}.theme-dark .portfolio-header nav a:focus-visible{color:var(--hair-purple);font-weight:850}.portfolio-shell:not(.theme-dark) .portfolio-header nav a:focus-visible{color:var(--hair-purple);font-weight:850}.portfolio-header nav a:hover:before,.portfolio-header nav a.is-active:before,.portfolio-header nav a:hover:after,.portfolio-header nav a.is-active:after{background:0 0}.portfolio-header nav a:focus-visible:before{background:0 0}.portfolio-header nav a:focus-visible:after{background:0 0}.about-modal-close:hover svg,.theme-dark .about-modal-close:hover svg{color:var(--purple-dark);stroke:var(--purple-dark)}.about-modal-close:focus-visible svg{color:var(--purple-dark);stroke:var(--purple-dark)}.theme-dark .about-modal-close:focus-visible svg{color:var(--purple-dark);stroke:var(--purple-dark)}.portfolio-header nav a:hover,.portfolio-header nav a.is-active,.theme-dark .portfolio-header nav a:hover,.theme-dark .portfolio-header nav a.is-active,.portfolio-shell:not(.theme-dark) .portfolio-header nav a:hover,.portfolio-shell:not(.theme-dark) .portfolio-header nav a.is-active{color:var(--hair-purple);box-shadow:none;background:0 0;font-weight:850;text-decoration:none;transform:none}.portfolio-header nav a:focus-visible{color:var(--hair-purple);box-shadow:none;background:0 0;font-weight:850;text-decoration:none;transform:none}.theme-dark .portfolio-header nav a:focus-visible{color:var(--hair-purple);box-shadow:none;background:0 0;font-weight:850;text-decoration:none;transform:none}.portfolio-shell:not(.theme-dark) .portfolio-header nav a:focus-visible{color:var(--hair-purple);box-shadow:none;background:0 0;font-weight:850;text-decoration:none;transform:none}.portfolio-header nav a:before,.portfolio-header nav a:after,.portfolio-header nav a:hover:before,.portfolio-header nav a:hover:after,.portfolio-header nav a.is-active:before,.portfolio-header nav a.is-active:after{content:none;display:none}.portfolio-header nav a:focus-visible:before{content:none;display:none}.portfolio-header nav a:focus-visible:after{content:none;display:none}.portfolio-shell .portfolio-header nav a,.portfolio-shell.theme-dark .portfolio-header nav a,.portfolio-shell:not(.theme-dark) .portfolio-header nav a{font-synthesis:weight;font-family:Arial,Helvetica,sans-serif;font-weight:400}.portfolio-shell .portfolio-header nav a:hover,.portfolio-shell .portfolio-header nav a.is-active,.portfolio-shell.theme-dark .portfolio-header nav a:hover,.portfolio-shell.theme-dark .portfolio-header nav a.is-active,.portfolio-shell:not(.theme-dark) .portfolio-header nav a:hover,.portfolio-shell:not(.theme-dark) .portfolio-header nav a.is-active{font-weight:900}.portfolio-shell .portfolio-header nav a:focus-visible{font-weight:900}.portfolio-shell.theme-dark .portfolio-header nav a:focus-visible{font-weight:900}.portfolio-shell:not(.theme-dark) .portfolio-header nav a:focus-visible{font-weight:900}:is(.portfolio-shell .header-tool:hover,.portfolio-shell .header-tool:focus-visible){color:var(--hair-purple);border-color:var(--brand-green);background:var(--brand-green);box-shadow:0 0 16px var(--brand-green)}@supports (color:color-mix(in lab, red, red)){:is(.portfolio-shell .header-tool:hover,.portfolio-shell .header-tool:focus-visible){box-shadow:0 0 16px color-mix(in srgb, var(--brand-green) 30%, transparent)}}:is(.portfolio-shell .header-tool:hover,.portfolio-shell .header-tool:focus-visible){transform:none}:is(.portfolio-shell .header-tool:hover span,.portfolio-shell .header-tool:focus-visible span,.portfolio-shell .header-tool:hover svg,.portfolio-shell .header-tool:focus-visible svg){color:var(--hair-purple)}:is(.portfolio-shell .header-tool:hover svg,.portfolio-shell .header-tool:focus-visible svg){stroke:var(--hair-purple)}.hero-art:before{background:url(/hero-burst.svg?v=2) 50%/contain no-repeat}.hero-art{transform:none}.hero-art img{transform:translateY(-62px)rotate(-2deg)scale(.64)}.portfolio-shell .portfolio-header nav a,.portfolio-shell.theme-dark .portfolio-header nav a,.portfolio-shell:not(.theme-dark) .portfolio-header nav a{-webkit-text-stroke:.18px currentColor;text-shadow:.01em 0;font-weight:500}.portfolio-shell .portfolio-header nav a:hover,.portfolio-shell .portfolio-header nav a.is-active,.portfolio-shell.theme-dark .portfolio-header nav a:hover,.portfolio-shell.theme-dark .portfolio-header nav a.is-active,.portfolio-shell:not(.theme-dark) .portfolio-header nav a:hover,.portfolio-shell:not(.theme-dark) .portfolio-header nav a.is-active{-webkit-text-stroke:.5px currentColor;text-shadow:.025em 0;font-weight:900}.portfolio-shell .portfolio-header nav a:focus-visible{-webkit-text-stroke:.5px currentColor;text-shadow:.025em 0;font-weight:900}.portfolio-shell.theme-dark .portfolio-header nav a:focus-visible{-webkit-text-stroke:.5px currentColor;text-shadow:.025em 0;font-weight:900}.portfolio-shell:not(.theme-dark) .portfolio-header nav a:focus-visible{-webkit-text-stroke:.5px currentColor;text-shadow:.025em 0;font-weight:900}@media (max-width:760px){.hero-art:before{transform:translateY(16px)rotate(-4deg)}.hero-art img{transform:translateY(-36px)rotate(-2deg)scale(.6)}}.work-modal .work-modal-handwritten,.theme-dark .work-modal .work-modal-handwritten{color:#c7ff42;-webkit-text-fill-color:#c7ff42;letter-spacing:0;text-transform:none;text-shadow:none;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-weight:700}.work-modal .work-filters button,.theme-dark .work-modal .work-filters button{color:var(--brand-green);border-color:var(--brand-green);background:0 0}.work-modal .work-filters button.is-active,.theme-dark .work-modal .work-filters button.is-active{color:var(--brand-green);border-color:var(--brand-green);background:var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.work-modal .work-filters button.is-active,.theme-dark .work-modal .work-filters button.is-active{background:color-mix(in srgb, var(--brand-green) 9%, transparent)}}.work-modal .work-filters button .work-filter-star,.theme-dark .work-modal .work-filters button .work-filter-star{color:currentColor}.work-modal .work-filters button:hover,.theme-dark .work-modal .work-filters button:hover{color:#241036;border-color:var(--brand-green);background:var(--brand-green)}.work-modal .work-filters button:focus-visible{color:#241036;border-color:var(--brand-green);background:var(--brand-green)}.theme-dark .work-modal .work-filters button:focus-visible{color:#241036;border-color:var(--brand-green);background:var(--brand-green)}.color-picker button[data-light-option=true]{color:var(--purple-dark)}.portfolio-shell .header-tools{gap:8px}.portfolio-shell .header-tool,.portfolio-shell.theme-dark .header-tool,.portfolio-shell:not(.theme-dark) .header-tool{box-sizing:border-box;border-style:solid;border-width:1px;height:40px;min-height:40px;padding:0;font-size:11px;line-height:1;transform:none}.portfolio-shell .header-tool:not(.header-theme){gap:6px;width:62px;min-width:62px}.portfolio-shell .header-theme{width:40px;min-width:40px}.portfolio-shell .header-tool svg{flex:0 0 16px;width:16px;height:16px}.portfolio-shell .header-tool span{line-height:1}@media (max-width:430px){.portfolio-shell .header-tool,.portfolio-shell.theme-dark .header-tool,.portfolio-shell:not(.theme-dark) .header-tool{height:36px;min-height:36px}.portfolio-shell .header-tool:not(.header-theme){width:56px;min-width:56px}.portfolio-shell .header-theme{width:36px;min-width:36px}}.hero-art img,.theme-dark .hero-art img,.portfolio-shell:not(.theme-dark) .hero-art img,.about-modal-art img,.theme-dark .about-modal-art img{filter:none!important;box-shadow:none!important}.about-modal-art{isolation:isolate;place-items:center;min-height:clamp(180px,19vw,230px);margin-top:8px;display:grid;position:relative;overflow:hidden}.about-modal-art:before{content:"";z-index:0;background:url(/hero-burst.svg?v=2) 50%/contain no-repeat;position:absolute;inset:-28% -22%;transform:translateY(18px)rotate(-5deg)}.about-modal-art img{z-index:1;object-fit:contain;width:min(250px,72%);max-height:210px;position:relative;transform:translateY(-8px)rotate(-2deg)}@media (max-width:850px){.about-modal-art{min-height:220px}.about-modal-art img{width:min(260px,66%)}}@media (max-width:560px){.about-modal-art{min-height:190px}.about-modal-art img{width:min(220px,72%);max-height:180px}}.drawing-dock .dock-status-heading{align-items:center;gap:6px;min-width:0;display:flex}.drawing-dock .dock-status-heading small{flex:0 auto;min-width:0}.drawing-dock .dock-camera-state,.theme-dark .drawing-dock .dock-camera-state,.portfolio-shell:not(.theme-dark) .drawing-dock .dock-camera-state{color:#fff;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap;background:#ffffff12;border:1px solid #fff6;border-radius:999px;flex:0 auto;max-width:112px;padding:3px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:7.5px;font-style:normal;font-weight:850;line-height:1;overflow:hidden}.drawing-dock .dock-camera-state--active,.theme-dark .drawing-dock .dock-camera-state--active,.portfolio-shell:not(.theme-dark) .drawing-dock .dock-camera-state--active{color:var(--purple-dark);border-color:var(--brand-green);background:var(--brand-green)}.drawing-dock .dock-camera-state--loading{color:#241036;background:#fff07a;border-color:#fff07a}.drawing-dock .dock-camera-state--error{color:#fff;background:#b6164d;border-color:#ff4f78}.camera-preview,.camera-preview.is-visible{transform-origin:100% 100%;border-bottom:0;border-radius:14px 14px 0 0;bottom:0;right:clamp(12px,2vw,24px)}.camera-preview{transform:translateY(12px)scale(.96)}.camera-preview.is-visible{transform:translateY(0)scale(1)}.hero-art:before{--hero-shape-y:24px;transform:translateY(var(--hero-shape-y)) rotate(-4deg);transform-origin:50%;will-change:transform}.hero-art--expanded:before{animation:2.85s cubic-bezier(.22,.72,.2,1) both hero-shape-expand}@keyframes hero-shape-expand{0%,to{transform:translate(var(--hero-shape-x,0%), var(--hero-shape-y,24px)) rotate(var(--hero-shape-rotation,15deg)) scale(var(--hero-shape-scale,1))}36%,62%{transform:translate(var(--hero-shape-x,0%), var(--hero-shape-y,24px)) rotate(var(--hero-shape-rotation,15deg)) scale(var(--hero-shape-expanded-scale,1.24))}}@media (max-width:760px){.drawing-dock .dock-camera-state{max-width:98px}.camera-preview,.camera-preview.is-visible{width:132px;bottom:0;right:12px}.hero-art:before{--hero-shape-y:16px}}@media (prefers-reduced-motion:reduce){.hero-art--expanded:before{animation-duration:1ms}}.gesture-theme-shape{z-index:1;aspect-ratio:1;opacity:0;pointer-events:none;transform-origin:50%;will-change:transform;background:url(/hero-burst.svg?v=2) 50%/100% 100% no-repeat;width:max(44vw,430px);transition:opacity .1s linear,transform 1.1s cubic-bezier(.18,.82,.18,1);position:fixed;top:50%;right:18%;transform:translate(50%,-50%)rotate(-4deg)scale(.1)}.portfolio-shell.gesture-inverted{--gesture-purple:#260a70;--gesture-green:#c7ff42;--ink:var(--gesture-purple);--muted:#4d2478;--intro:var(--gesture-purple);--brand-green:var(--gesture-purple);--dock-text:var(--gesture-purple);--line:#260a704d}.portfolio-shell.gesture-inverted .gesture-theme-shape{opacity:1;transform:translate(50%,-50%)rotate(-4deg)scale(8)}.portfolio-shell.gesture-inverted :is(h1,h2,h3,h4,p,a,button,span,small,strong,em,i,time,li,label){color:var(--gesture-purple)!important;text-shadow:none!important}.portfolio-shell.gesture-inverted :is(svg,.dock-hand-icon){color:var(--gesture-purple)!important;stroke:var(--gesture-purple)!important}.portfolio-shell.gesture-inverted :is(.portfolio-header nav,.header-tool,.drawing-dock,.dock-hand-icon,.brush-size-value,.dock-clear,.dock-camera,.work-filters button,.about-modal-close){border-color:var(--gesture-purple)!important}.portfolio-shell.gesture-inverted .drawing-dock{background:var(--gesture-green)!important}@supports (color:color-mix(in lab, red, red)){.portfolio-shell.gesture-inverted .drawing-dock{background:color-mix(in srgb, var(--gesture-green) 18%, transparent)!important}}.portfolio-shell.gesture-inverted .drawing-dock .dock-camera-state--active{color:var(--gesture-green)!important;border-color:var(--gesture-purple)!important;background:var(--gesture-purple)!important}.portfolio-shell.gesture-inverted .drawing-dock .dock-live-dot{box-shadow:0 0 0 5px #260a701f,0 0 16px #260a7057;background:var(--gesture-purple)!important}:is(.portfolio-shell.gesture-inverted :is(.header-tool,.dock-clear,.dock-camera,.about-modal-close,.work-filters button,.about-modal-actions a,.about-modal-actions button):hover,.portfolio-shell.gesture-inverted :is(.header-tool,.dock-clear,.dock-camera,.about-modal-close,.work-filters button,.about-modal-actions a,.about-modal-actions button):focus-visible,.portfolio-shell.gesture-inverted .work-filters button.is-active){color:var(--gesture-green)!important;border-color:var(--gesture-purple)!important;background:var(--gesture-purple)!important}:is(.portfolio-shell.gesture-inverted :is(.header-tool,.dock-clear,.dock-camera,.about-modal-close,.work-filters button,.about-modal-actions a,.about-modal-actions button):hover :is(span,svg),.portfolio-shell.gesture-inverted :is(.header-tool,.dock-clear,.dock-camera,.about-modal-close,.work-filters button,.about-modal-actions a,.about-modal-actions button):focus-visible :is(span,svg),.portfolio-shell.gesture-inverted .work-filters button.is-active :is(span,svg)){color:var(--gesture-green)!important;stroke:var(--gesture-green)!important}.portfolio-shell.gesture-inverted :is(.about-modal,.work-modal){color:var(--gesture-purple);border-color:var(--gesture-purple);background:var(--gesture-green)}.portfolio-shell.gesture-inverted :is(.about-modal-header,.work-modal-description,.work-project-card,.work-project-detail-intro){border-color:var(--gesture-purple)}@supports (color:color-mix(in lab, red, red)){.portfolio-shell.gesture-inverted :is(.about-modal-header,.work-modal-description,.work-project-card,.work-project-detail-intro){border-color:color-mix(in srgb, var(--gesture-purple) 34%, transparent)}}.portfolio-shell.gesture-inverted :is(.about-modal-header,.work-modal-description,.work-project-card,.work-project-detail-intro){background:var(--gesture-green)}@supports (color:color-mix(in lab, red, red)){.portfolio-shell.gesture-inverted :is(.about-modal-header,.work-modal-description,.work-project-card,.work-project-detail-intro){background:color-mix(in srgb, var(--gesture-green) 84%, white)}}.portfolio-shell.gesture-inverted .about-modal-details{border-color:var(--gesture-purple)}@supports (color:color-mix(in lab, red, red)){.portfolio-shell.gesture-inverted .about-modal-details{border-color:color-mix(in srgb, var(--gesture-purple) 34%, transparent);background:linear-gradient(#260a7014 1px, transparent 1px), linear-gradient(90deg, #260a7014 1px, transparent 1px), color-mix(in srgb, var(--gesture-green) 88%, white)!important}}.portfolio-shell.gesture-inverted .about-modal-backdrop{background:#260a7057}.portfolio-shell.gesture-inverted .work-project-card:hover,.portfolio-shell.gesture-inverted .work-project-card-cta{border-color:var(--gesture-purple)!important}.portfolio-shell.gesture-inverted .work-project-card:focus-visible{border-color:var(--gesture-purple)!important}:is(.portfolio-shell.gesture-inverted .work-project-card:hover .work-project-card-cta,.portfolio-shell.gesture-inverted .work-project-card:focus-visible .work-project-card-cta){color:var(--gesture-green)!important;border-color:var(--gesture-purple)!important;background:var(--gesture-purple)!important}@media (max-width:760px){.gesture-theme-shape{width:max(70vw,390px);right:12%}.portfolio-shell.gesture-inverted .gesture-theme-shape{transform:translate(50%,-50%)rotate(-4deg)scale(8.5)}}@media (prefers-reduced-motion:reduce){.gesture-theme-shape{transition:opacity 1ms linear}}.gesture-theme-fill{z-index:1;opacity:0;pointer-events:none;background:#c7ff42;transition:opacity .18s;position:fixed;inset:0}.portfolio-shell.gesture-inverted .header-tools{background:#fff;border:1px solid #fff;border-radius:999px;gap:3px;padding:5px 8px}.portfolio-shell.gesture-inverted .header-tool,.portfolio-shell.gesture-inverted .header-tool:hover{color:var(--gesture-purple)!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important;transform:none!important}.portfolio-shell.gesture-inverted .header-tool:focus-visible{color:var(--gesture-purple)!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important;transform:none!important}:is(.portfolio-shell.gesture-inverted .header-tool:hover,.portfolio-shell.gesture-inverted .header-tool:focus-visible){font-weight:950}.portfolio-shell.gesture-inverted .header-tool :is(span,svg),.portfolio-shell.gesture-inverted .header-tool:hover :is(span,svg){color:var(--gesture-purple)!important;stroke:var(--gesture-purple)!important}.portfolio-shell.gesture-inverted .header-tool:focus-visible :is(span,svg){color:var(--gesture-purple)!important;stroke:var(--gesture-purple)!important}@media (max-width:760px){.portfolio-shell.gesture-inverted .header-tools{padding:4px 6px}}@media (prefers-reduced-motion:reduce){.portfolio-shell.gesture-inverted .gesture-theme-fill{transition-delay:0s}}.portfolio-shell.gesture-inverted :is(.portfolio-header nav,.header-tools){box-sizing:border-box;border-radius:999px;padding-top:5px;padding-bottom:5px;border:1px solid var(--gesture-purple)!important;box-shadow:none!important;background:#fff!important}.portfolio-shell.gesture-inverted .header-tools{padding-left:12px;padding-right:12px}.portfolio-shell.gesture-inverted .header-tool,.portfolio-shell.gesture-inverted .header-tool:hover{outline-offset:4px;border:0!important}.portfolio-shell.gesture-inverted .header-tool:focus-visible{outline-offset:4px;border:0!important}.portfolio-shell.gesture-inverted .header-tool:before,.portfolio-shell.gesture-inverted .header-tool:after{content:none!important;display:none!important}.drawing-dock--active .dock-live-dot{background:var(--hair-purple);box-shadow:0 0 0 5px var(--hair-purple), 0 0 18px var(--hair-purple)}@supports (color:color-mix(in lab, red, red)){.drawing-dock--active .dock-live-dot{box-shadow:0 0 0 5px color-mix(in srgb, var(--hair-purple) 16%, transparent), 0 0 18px color-mix(in srgb, var(--hair-purple) 48%, transparent)}}.portfolio-toast{color:#fff;border-color:var(--hair-purple);background:var(--hair-purple);box-shadow:0 10px 32px var(--hair-purple)}@supports (color:color-mix(in lab, red, red)){.portfolio-toast{box-shadow:0 10px 32px color-mix(in srgb, var(--hair-purple) 34%, transparent)}}.portfolio-shell.gesture-inverted .portfolio-toast{color:#c7ff42}@media (max-width:760px){.portfolio-shell.gesture-inverted :is(.portfolio-header nav,.header-tools){padding-top:4px;padding-bottom:4px}.portfolio-shell.gesture-inverted .header-tools{padding-left:8px;padding-right:8px}}.gesture-theme-fill,.portfolio-shell.gesture-inverted .gesture-theme-fill{opacity:1;clip-path:circle(0 at 82%);will-change:clip-path;transition:clip-path 1.1s cubic-bezier(.2,.76,.18,1)}.portfolio-shell.gesture-inverted .gesture-theme-fill{clip-path:circle(160vmax at 82%)}.work-project-card-cta,.theme-dark .work-project-card-cta,.portfolio-shell:not(.theme-dark) .work-project-card-cta,.portfolio-shell.gesture-inverted .work-project-card-cta{color:#fff!important;border-color:var(--hair-purple)!important;background:var(--hair-purple)!important}.work-project-card:hover .work-project-card-cta,.theme-dark .work-project-card:hover .work-project-card-cta,.portfolio-shell.gesture-inverted .work-project-card:hover .work-project-card-cta{color:#c7ff42!important;border-color:var(--hair-purple)!important;background:var(--hair-purple)!important}.work-project-card:focus-visible .work-project-card-cta{color:#c7ff42!important;border-color:var(--hair-purple)!important;background:var(--hair-purple)!important}.theme-dark .work-project-card:focus-visible .work-project-card-cta{color:#c7ff42!important;border-color:var(--hair-purple)!important;background:var(--hair-purple)!important}.portfolio-shell.gesture-inverted .work-project-card:focus-visible .work-project-card-cta{color:#c7ff42!important;border-color:var(--hair-purple)!important;background:var(--hair-purple)!important}.about-modal-actions :is(a,button):first-child,.theme-dark .about-modal-actions :is(a,button):first-child,.portfolio-shell:not(.theme-dark) .about-modal-actions :is(a,button):first-child,.portfolio-shell.gesture-inverted .about-modal-actions :is(a,button):first-child{color:#fff!important;border-color:var(--hair-purple)!important;background:var(--hair-purple)!important}.about-modal-actions :is(a,button):first-child svg,.theme-dark .about-modal-actions :is(a,button):first-child svg,.portfolio-shell:not(.theme-dark) .about-modal-actions :is(a,button):first-child svg,.portfolio-shell.gesture-inverted .about-modal-actions :is(a,button):first-child svg{color:#fff!important;stroke:#fff!important}.about-modal-actions :is(a,button):first-child:hover,.theme-dark .about-modal-actions :is(a,button):first-child:hover,.portfolio-shell:not(.theme-dark) .about-modal-actions :is(a,button):first-child:hover,.portfolio-shell.gesture-inverted .about-modal-actions :is(a,button):first-child:hover{color:#c7ff42!important;border-color:var(--hair-purple)!important;background:var(--hair-purple)!important}.about-modal-actions :is(a,button):first-child:focus-visible{color:#c7ff42!important;border-color:var(--hair-purple)!important;background:var(--hair-purple)!important}.theme-dark .about-modal-actions :is(a,button):first-child:focus-visible{color:#c7ff42!important;border-color:var(--hair-purple)!important;background:var(--hair-purple)!important}.portfolio-shell:not(.theme-dark) .about-modal-actions :is(a,button):first-child:focus-visible{color:#c7ff42!important;border-color:var(--hair-purple)!important;background:var(--hair-purple)!important}.portfolio-shell.gesture-inverted .about-modal-actions :is(a,button):first-child:focus-visible{color:#c7ff42!important;border-color:var(--hair-purple)!important;background:var(--hair-purple)!important}.about-modal-actions :is(a,button):first-child:hover svg,.theme-dark .about-modal-actions :is(a,button):first-child:hover svg,.portfolio-shell.gesture-inverted .about-modal-actions :is(a,button):first-child:hover svg{color:#c7ff42!important;stroke:#c7ff42!important}.about-modal-actions :is(a,button):first-child:focus-visible svg{color:#c7ff42!important;stroke:#c7ff42!important}.theme-dark .about-modal-actions :is(a,button):first-child:focus-visible svg{color:#c7ff42!important;stroke:#c7ff42!important}.portfolio-shell.gesture-inverted .about-modal-actions :is(a,button):first-child:focus-visible svg{color:#c7ff42!important;stroke:#c7ff42!important}.about-modal-copy>.about-modal-art{background:0 0;border:0;min-height:clamp(190px,20vw,250px);margin-top:30px}.about-modal-copy>.about-modal-art img{width:min(270px,68%);max-height:225px}@media (max-width:760px){.gesture-theme-fill,.portfolio-shell.gesture-inverted .gesture-theme-fill{clip-path:circle(0 at 88%)}.portfolio-shell.gesture-inverted .gesture-theme-fill{clip-path:circle(180vmax at 88%)}.about-modal-copy>.about-modal-art{min-height:190px;margin-top:24px}}@media (prefers-reduced-motion:reduce){.gesture-theme-fill,.portfolio-shell.gesture-inverted .gesture-theme-fill{transition-duration:1ms}}.about-modal-copy>.about-modal-art:before{background:url(/hero-burst.svg?v=2) 50%/contain no-repeat;inset:-16% -12%;transform:translateY(14px)rotate(-5deg)scale(1.08)}@media (max-width:850px){.about-modal-copy>.about-modal-art{min-height:clamp(290px,44vw,380px);margin-left:0;margin-right:0}.about-modal-copy>.about-modal-art img{width:min(400px,86%);max-height:340px}}@media (max-width:560px){.about-modal-copy>.about-modal-art{min-height:275px;margin-top:28px;margin-bottom:-8px}.about-modal-copy>.about-modal-art:before{inset:-13% -17%}.about-modal-copy>.about-modal-art img{width:min(330px,88%);max-height:285px}}.gesture-theme-fill,.portfolio-shell.gesture-inverted .gesture-theme-fill{clip-path:none;opacity:0;transition:opacity .32s cubic-bezier(.65,0,.35,1)}.portfolio-shell.gesture-inverted .gesture-theme-fill{opacity:1;transition-delay:.88s}.gesture-theme-shape{opacity:0;transition:opacity .16s 1.04s,transform 1.2s cubic-bezier(.65,0,.35,1);transform:translate(50%,-50%)rotate(-4deg)scale(.04)}.portfolio-shell.gesture-inverted .gesture-theme-shape{opacity:1;transition:opacity .16s,transform 1.2s cubic-bezier(.65,0,.35,1);transform:translate(50%,-50%)rotate(-4deg)scale(18)}.hero-art:before{transition:opacity .28s,transform .28s}.portfolio-shell.gesture-inverted .hero-art:before{opacity:0}.portfolio-toast{top:auto;bottom:max(18px, env(safe-area-inset-bottom))}.about-modal-copy>.about-modal-art{min-height:clamp(300px,30vw,400px);margin:30px 0 -12px;overflow:visible}.about-modal-copy>.about-modal-art:before{content:none;display:none}.about-modal-copy>.about-modal-art img{width:min(410px,82%);max-height:360px;transform:translateY(-4px)rotate(-2deg)}.portfolio-shell.gesture-inverted .about-modal,.portfolio-shell.gesture-inverted .about-modal :is(.about-modal-header,.about-modal-close,.about-modal-facts,.about-modal-facts div,.about-modal-availability,.about-modal-actions a,.about-modal-actions button,.about-modal-details,.about-modal-section-heading>span,.about-education-list li,.about-skill-grid li,.about-chip-row span){border-color:var(--gesture-purple)!important}@supports (color:color-mix(in lab, red, red)){.portfolio-shell.gesture-inverted .about-modal,.portfolio-shell.gesture-inverted .about-modal :is(.about-modal-header,.about-modal-close,.about-modal-facts,.about-modal-facts div,.about-modal-availability,.about-modal-actions a,.about-modal-actions button,.about-modal-details,.about-modal-section-heading>span,.about-education-list li,.about-skill-grid li,.about-chip-row span){border-color:color-mix(in srgb, var(--gesture-purple) 64%, transparent)!important}}.portfolio-shell.gesture-inverted .about-modal-details{background:linear-gradient(#260a7026 1px, transparent 1px), linear-gradient(90deg, #260a7026 1px, transparent 1px), var(--gesture-green)!important}@supports (color:color-mix(in lab, red, red)){.portfolio-shell.gesture-inverted .about-modal-details{background:linear-gradient(#260a7026 1px, transparent 1px), linear-gradient(90deg, #260a7026 1px, transparent 1px), color-mix(in srgb, var(--gesture-green) 88%, white)!important}}.portfolio-shell.gesture-inverted .about-modal-details{background-size:26px 26px!important}.portfolio-shell.gesture-inverted .about-chip-row--languages span:before{border-color:var(--gesture-purple);box-shadow:0 0 0 2px #260a7024}@media (max-width:850px){.about-modal-copy>.about-modal-art{min-height:clamp(270px,42vw,360px);margin:26px 0 -8px}.about-modal-copy>.about-modal-art img{width:min(370px,80%);max-height:325px}}@media (max-width:760px){.portfolio-shell.gesture-inverted .gesture-theme-shape{transform:translate(50%,-50%)rotate(-4deg)scale(20)}.portfolio-toast{bottom:max(12px, env(safe-area-inset-bottom));text-align:center;max-width:calc(100vw - 32px)}}@media (max-width:560px){.about-modal-copy>.about-modal-art{min-height:250px;margin-top:22px;margin-bottom:-4px}.about-modal-copy>.about-modal-art img{width:min(310px,84%);max-height:270px}}@media (prefers-reduced-motion:reduce){.gesture-theme-shape,.portfolio-shell.gesture-inverted .gesture-theme-shape{transition-duration:1ms;transition-delay:0s}}.portfolio-shell.gesture-inverted:not(.gesture-palette-ready) :is(h1,h2,h3,h4,p,small,strong,em,i,time,li,label),.portfolio-shell.gesture-inverted:not(.gesture-palette-ready) .portfolio-brand,.portfolio-shell.gesture-inverted:not(.gesture-palette-ready) .portfolio-brand span,.portfolio-shell.gesture-inverted:not(.gesture-palette-ready) .work-index a,.portfolio-shell.gesture-inverted:not(.gesture-palette-ready) .hero-footer-bar :is(a,span),.portfolio-shell.gesture-inverted:not(.gesture-palette-ready) .drawing-dock :is(a,button,p,small,span,strong){color:#fff!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}.portfolio-shell.gesture-inverted:not(.gesture-palette-ready) :is(.drawing-dock,.drawing-dock *,.work-index a,.hero-footer-bar){border-color:#ffffffb8!important}.portfolio-shell.gesture-inverted.gesture-palette-ready :is(h1,h2,h3,h4,p,a,button,span,small,strong,em,i,time,li,label){color:var(--gesture-purple)!important;text-shadow:none!important}.portfolio-shell.gesture-inverted.gesture-palette-ready :is(.handwritten-title,.about-modal-handwritten,.work-modal-handwritten){color:var(--gesture-purple)!important;-webkit-text-fill-color:var(--gesture-purple)!important}.portfolio-shell.gesture-inverted.gesture-palette-ready :is(svg,.dock-hand-icon){color:var(--gesture-purple)!important;stroke:var(--gesture-purple)!important}.portfolio-shell.gesture-inverted.gesture-palette-ready :is(.portfolio-header nav,.header-tools,.drawing-dock,.drawing-dock *,.work-index a,.hero-footer-bar,.about-modal,.about-modal *,.work-modal,.work-modal *){border-color:var(--gesture-purple)!important}@supports (color:color-mix(in lab, red, red)){.portfolio-shell.gesture-inverted.gesture-palette-ready :is(.portfolio-header nav,.header-tools,.drawing-dock,.drawing-dock *,.work-index a,.hero-footer-bar,.about-modal,.about-modal *,.work-modal,.work-modal *){border-color:color-mix(in srgb, var(--gesture-purple) 64%, transparent)!important}}.portfolio-shell.gesture-inverted.gesture-palette-ready .work-project-card-cta,.portfolio-shell.gesture-inverted.gesture-palette-ready .about-modal-actions :is(a,button):first-child{color:var(--gesture-purple)!important;border-color:var(--gesture-purple)!important;background:0 0!important}.portfolio-shell.gesture-inverted.gesture-palette-ready .about-modal-actions :is(a,button):first-child svg{color:var(--gesture-purple)!important;stroke:var(--gesture-purple)!important}.portfolio-shell.gesture-inverted.gesture-palette-ready .work-project-card:hover .work-project-card-cta,.portfolio-shell.gesture-inverted.gesture-palette-ready .about-modal-actions :is(a,button):first-child:hover{color:var(--gesture-green)!important;border-color:var(--gesture-purple)!important;background:var(--gesture-purple)!important}.portfolio-shell.gesture-inverted.gesture-palette-ready .work-project-card:focus-visible .work-project-card-cta{color:var(--gesture-green)!important;border-color:var(--gesture-purple)!important;background:var(--gesture-purple)!important}.portfolio-shell.gesture-inverted.gesture-palette-ready .about-modal-actions :is(a,button):first-child:focus-visible{color:var(--gesture-green)!important;border-color:var(--gesture-purple)!important;background:var(--gesture-purple)!important}:is(.portfolio-shell.gesture-inverted.gesture-palette-ready .about-modal-actions :is(a,button):first-child:hover svg,.portfolio-shell.gesture-inverted.gesture-palette-ready .about-modal-actions :is(a,button):first-child:focus-visible svg){color:var(--gesture-green)!important;stroke:var(--gesture-green)!important}@media (prefers-reduced-motion:reduce){.gesture-theme-fill,.portfolio-shell.gesture-inverted .gesture-theme-fill{transition-duration:1ms;transition-delay:0s}.portfolio-shell.gesture-inverted:not(.gesture-palette-ready) :is(h1,h2,h3,h4,p,small,strong,em,i,time,li,label){color:var(--gesture-purple)!important}}@media (min-width:761px){.portfolio-hero{padding-top:clamp(42px,5.5vh,64px)}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{grid-template-columns:minmax(138px,.8fr) minmax(158px,1.1fr) auto;gap:8px 10px;width:min(520px,100%);min-height:58px;padding:10px 12px}.drawing-dock .dock-status{grid-template-columns:28px minmax(0,1fr);gap:7px}.drawing-dock .dock-hand-icon,.theme-dark .drawing-dock .dock-hand-icon{width:28px;height:28px}.drawing-dock .dock-live-dot{width:6px;height:6px;left:21px}.drawing-dock .dock-status strong,.theme-dark .drawing-dock .dock-status strong{font-size:10px}.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{font-size:9px;line-height:1.3}}@media (max-width:820px){.portfolio-shell{min-height:100dvh;overflow:clip visible}.portfolio-header{align-items:center;gap:10px;width:calc(100% - 28px);height:126px;min-height:126px;margin-inline:auto;padding:14px 0 54px;position:relative}.portfolio-brand{min-width:0;max-width:calc(100% - 116px)}.portfolio-brand span{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(15px,4.3vw,18px);line-height:1.1;display:block;overflow:hidden}.header-right{gap:8px;min-width:0;margin-left:auto}.portfolio-header nav,.theme-dark .portfolio-header nav,.portfolio-shell:not(.theme-dark) .portfolio-header nav{overscroll-behavior-x:contain;width:100%;min-width:0;min-height:42px;box-shadow:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #fff;border-radius:999px;justify-content:flex-start;gap:20px;padding:5px 14px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-x:auto;transform:none}.portfolio-header nav::-webkit-scrollbar{display:none}.portfolio-header nav a,.theme-dark .portfolio-header nav a,.portfolio-shell:not(.theme-dark) .portfolio-header nav a{white-space:nowrap;flex:none;font-size:10px;line-height:1}.portfolio-hero{width:calc(100% - 28px);min-height:0;margin-inline:auto;padding:34px 6px 24px}.hero-copy{width:100%;max-width:none}.hero-copy h1{max-width:100%;font-size:clamp(48px,14.5vw,78px);line-height:.86}.handwritten-title{overflow-wrap:anywhere;max-width:100%;min-height:1.05em;margin-top:12px;font-size:.6em}.hero-intro{max-width:100%;margin-top:24px;font-size:clamp(15px,4.2vw,17px);line-height:1.52}.work-index{width:100%;margin-top:34px}.work-index a,.work-index .work-more-row{grid-template-columns:minmax(88px,30%) minmax(0,1fr) 24px;column-gap:8px;width:100%;min-width:0}.work-index strong{overflow-wrap:anywhere;min-width:0}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{border-radius:22px;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;max-width:100%;min-height:0;margin:46px 0 0;padding:13px 14px;position:relative;inset:auto}.drawing-dock .dock-status{grid-area:1/1;min-width:0}.drawing-dock .dock-status>div,.drawing-dock .dock-status-heading{min-width:0}.drawing-dock .dock-status strong{white-space:normal}.drawing-dock .dock-controls{flex-wrap:wrap;grid-area:2/1;justify-content:flex-start;min-width:0}.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{border-top:1px solid;grid-area:3/1;margin:0;padding:12px 0 0}@supports (color:color-mix(in lab, red, red)){.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{border-top:1px solid color-mix(in srgb, currentColor 20%, transparent)}}.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{font-size:9.5px;line-height:1.45}.hero-art{aspect-ratio:1/.92;isolation:isolate;place-items:center;width:min(100%,460px);height:auto;margin:30px auto 0;display:grid;position:relative;inset:auto;transform:none}.hero-art:before{transform-origin:50%;background:url(/hero-burst.svg?v=2) 50%/contain no-repeat;inset:-10%;transform:translateY(14px)rotate(-4deg)}.hero-art img,.theme-dark .hero-art img,.portfolio-shell:not(.theme-dark) .hero-art img{object-fit:contain;width:100%;height:100%;transform:translateY(-28px)rotate(-2deg)scale(.68)}.hero-footer-bar{border:0;border-top:1px solid var(--line);white-space:normal;border-radius:0;flex-wrap:wrap;gap:8px 18px;width:100%;min-height:0;margin:0;padding:16px 0 0;display:flex;position:relative;inset:auto}.hero-footer-bar a{overflow-wrap:anywhere;max-width:100%}.gesture-theme-shape{width:min(100vw,460px);right:50%}.about-modal-backdrop,.work-modal-backdrop{padding:8px}.about-modal,.work-modal{border-radius:17px;width:100%;max-height:calc(100dvh - 16px)}.about-modal-header,.work-modal-header{gap:10px;min-width:0}.about-modal-header .about-modal-status,.work-modal-header .about-modal-status{flex:auto;min-width:0;overflow:hidden}.about-modal-header .about-modal-status small,.work-modal-header .about-modal-status small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.work-modal-header-actions{flex:none}.about-modal-grid,.work-modal-intro,.work-project-list{grid-template-columns:minmax(0,1fr)}.about-modal-copy,.work-modal-overview{padding-left:clamp(18px,5vw,28px);padding-right:clamp(18px,5vw,28px)}.about-modal-details{border-left:0;min-width:0;padding-left:clamp(18px,5vw,28px);padding-right:clamp(18px,5vw,28px)}.work-filters{scrollbar-width:thin;max-width:100%;padding-bottom:5px;overflow-x:auto}.work-modal-back,.theme-dark .work-modal-back{width:40px;min-width:40px;height:40px;color:var(--hair-purple);place-items:center;padding:0;font-size:0;line-height:1;display:grid;overflow:hidden}.work-modal-back:before{content:"←";color:currentColor;font-family:Arial,Helvetica,sans-serif;font-size:21px;font-weight:700;line-height:1}.work-project-card,.work-project-card-copy,.work-project-detail,.work-project-gallery{min-width:0;max-width:100%}.portfolio-shell.theme-dark .work-modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.portfolio-shell.theme-dark .work-modal{box-shadow:none!important}}.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:112px;gap:12px;width:min(560px,100%)}.portfolio-shell .drawing-dock .dock-status,.portfolio-shell.theme-dark .drawing-dock .dock-status,.portfolio-shell.gesture-inverted .drawing-dock .dock-status{grid-area:status;min-width:0}.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{flex-wrap:nowrap;place-content:center space-evenly;align-items:center;gap:10px}.dock-more{grid-area:more;min-width:124px;max-width:142px;padding:0}.hand-guide-grid article{overflow:hidden}.hand-guide-card-icon{width:56px;height:56px;color:var(--brand-green);justify-content:center;align-items:center;display:flex;position:absolute;top:24px;right:28px;transform:rotate(8deg)}.hand-guide-card-icon:after{content:"✦";color:var(--brand-green);font-size:13px;line-height:1;position:absolute;top:-8px;right:-4px}.hand-guide-card-icon svg{color:inherit;fill:var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.hand-guide-card-icon svg{fill:color-mix(in srgb, var(--brand-green) 28%, transparent)}}.hand-guide-card-icon svg{stroke:currentColor;stroke-width:1.8px}.hand-guide-card-icon--double{width:72px;transform:none}.hand-guide-card-icon--double svg:first-child{transform:rotate(-14deg)}.hand-guide-card-icon--double svg:last-child{margin-left:-10px;transform:rotate(14deg)scaleX(-1)}.portfolio-shell.gesture-inverted .hand-guide-card-icon,.portfolio-shell.gesture-inverted .hand-guide-card-icon:after{color:var(--gesture-purple)}.portfolio-shell.gesture-inverted .hand-guide-card-icon svg{fill:var(--gesture-purple)}@supports (color:color-mix(in lab, red, red)){.portfolio-shell.gesture-inverted .hand-guide-card-icon svg{fill:color-mix(in srgb, var(--gesture-purple) 22%, transparent)}}@media (max-width:820px) and (min-width:561px){.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:118px;gap:10px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row,.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{border-radius:999px;height:118px;min-height:118px;padding:18px 20px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"status more";gap:10px}.dock-more{min-width:104px;max-width:116px;font-size:7.5px}}@media (max-width:560px){.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{grid-template-columns:minmax(0,1fr);grid-auto-rows:112px;gap:10px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row,.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{border-radius:999px;height:112px;min-height:112px;padding:18px 24px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"status more";gap:12px}.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{flex-wrap:nowrap;justify-content:space-evenly}.dock-more{min-width:112px;max-width:122px;font-size:8px}.hand-guide-card-icon{top:20px;right:12px;transform:scale(.9)rotate(8deg)}.hand-guide-card-icon--left{transform:scale(.9)rotate(-8deg)scaleX(-1)}.hand-guide-card-icon--double{transform:scale(.9)}}@media (min-width:821px){.hero-art{width:min(44%,720px);right:1%;overflow:visible}.hero-art:before{--hero-shape-scale:.82;--hero-shape-expanded-scale:1.16;inset:0}.hero-art img,.theme-dark .hero-art img,.portfolio-shell:not(.theme-dark) .hero-art img{transform:translateY(0)rotate(-2deg)scale(.76)}}.mobile-menu-toggle{display:none}@media (min-width:1440px){.portfolio-header,.portfolio-hero{width:min(100% - 112px,1680px);margin-inline:auto}.portfolio-header{padding-left:0}.portfolio-hero{padding-left:0;padding-right:0}}@media (max-width:820px){.portfolio-header{width:calc(100% - 28px);height:74px;min-height:74px;padding:12px 0}.portfolio-brand{max-width:calc(100% - 158px)}.header-right{gap:0}.mobile-menu-toggle,.portfolio-shell .mobile-menu-toggle,.portfolio-shell.theme-dark .mobile-menu-toggle{place-items:center;width:40px;min-width:40px;display:grid}.portfolio-header nav,.theme-dark .portfolio-header nav,.portfolio-shell:not(.theme-dark) .portfolio-header nav,.portfolio-shell.gesture-inverted .portfolio-header nav{z-index:72;opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;border-radius:24px;grid-template-columns:minmax(0,1fr);gap:2px;width:100%;min-height:0;padding:10px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;inset:calc(100% + 8px) 0 auto;overflow:hidden;transform:translateY(-8px)scale(.98);background:#fff!important;border:1px solid #fff!important;box-shadow:0 18px 48px #260a7033!important}.portfolio-header nav.is-mobile-open,.theme-dark .portfolio-header nav.is-mobile-open,.portfolio-shell:not(.theme-dark) .portfolio-header nav.is-mobile-open,.portfolio-shell.gesture-inverted .portfolio-header nav.is-mobile-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.portfolio-header nav a,.theme-dark .portfolio-header nav a,.portfolio-shell:not(.theme-dark) .portfolio-header nav a,.portfolio-shell.gesture-inverted .portfolio-header nav a{letter-spacing:.1em;border-radius:15px;align-items:center;width:100%;min-height:44px;padding:0 14px;font-size:11px;display:flex;color:var(--hair-purple)!important}:is(.portfolio-header nav a:hover,.portfolio-header nav a:focus-visible,.portfolio-header nav a.is-active){background:var(--brand-green);color:var(--hair-purple)!important}@supports (color:color-mix(in lab, red, red)){:is(.portfolio-header nav a:hover,.portfolio-header nav a:focus-visible,.portfolio-header nav a.is-active){background:color-mix(in srgb, var(--brand-green) 30%, transparent)}}:is(.portfolio-header nav a:hover,.portfolio-header nav a:focus-visible,.portfolio-header nav a.is-active){font-weight:900}.portfolio-hero{padding-top:34px}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:24px;gap:13px;padding:16px;color:var(--hair-purple)!important;background:#fff!important;border:1px solid #fff!important}.drawing-dock .dock-status{border-bottom:1px solid var(--hair-purple);padding:0 0 13px}@supports (color:color-mix(in lab, red, red)){.drawing-dock .dock-status{border-bottom:1px solid color-mix(in srgb, var(--hair-purple) 16%, transparent)}}.drawing-dock .dock-status small,.drawing-dock .dock-status strong,.drawing-dock .dock-status-heading,.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-status small,.theme-dark .drawing-dock .dock-status strong,.theme-dark .drawing-dock .dock-instruction{color:var(--hair-purple)!important}.drawing-dock .dock-status small{font-size:9px}.drawing-dock .dock-status strong{font-size:12px;line-height:1.3}.drawing-dock .dock-hand-icon,.theme-dark .drawing-dock .dock-hand-icon,.portfolio-shell.gesture-inverted .drawing-dock .dock-hand-icon{border-color:var(--brand-green);width:34px;height:34px;color:var(--brand-green)!important;stroke:var(--brand-green)!important}@supports (color:color-mix(in lab, red, red)){.drawing-dock .dock-hand-icon,.theme-dark .drawing-dock .dock-hand-icon,.portfolio-shell.gesture-inverted .drawing-dock .dock-hand-icon{border-color:color-mix(in srgb, var(--brand-green) 72%, var(--hair-purple))}}.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{border:0;grid-row:2;padding:0;font-size:10px;line-height:1.5}.drawing-dock .dock-controls{border-top:1px solid var(--hair-purple);grid-row:3;padding-top:13px}@supports (color:color-mix(in lab, red, red)){.drawing-dock .dock-controls{border-top:1px solid color-mix(in srgb, var(--hair-purple) 16%, transparent)}}.drawing-dock .dock-controls{gap:8px}.drawing-dock .brush-size-value,.drawing-dock .dock-clear,.drawing-dock .dock-camera,.theme-dark .drawing-dock .brush-size-value,.theme-dark .drawing-dock .dock-clear,.theme-dark .drawing-dock .dock-camera{border-color:var(--hair-purple);color:var(--hair-purple)!important}@supports (color:color-mix(in lab, red, red)){.drawing-dock .brush-size-value,.drawing-dock .dock-clear,.drawing-dock .dock-camera,.theme-dark .drawing-dock .brush-size-value,.theme-dark .drawing-dock .dock-clear,.theme-dark .drawing-dock .dock-camera{border-color:color-mix(in srgb, var(--hair-purple) 25%, transparent)}}}@media (max-width:480px){.portfolio-header{width:calc(100% - 20px)}.portfolio-brand{max-width:calc(100% - 150px)}}.portfolio-shell .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{border-radius:999px;width:min(560px,100%);min-height:112px;padding:20px 40px}.dock-preference-tools{align-items:center;gap:8px;width:min(560px,100%);margin-top:10px;display:flex}.dock-preference-tool{color:#fff;width:82px;height:38px;box-shadow:none;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;transition:color .16s,background-color .16s,border-color .16s;display:inline-flex}:is(.dock-preference-tool:hover,.dock-preference-tool:focus-visible){color:var(--purple-dark);border-color:var(--brand-green);background:var(--brand-green);outline:none}.dock-preference-tool svg{color:currentColor;stroke:currentColor;flex:none}.portfolio-shell.gesture-inverted .dock-preference-tool{color:var(--gesture-purple);border-color:var(--gesture-purple)}:is(.portfolio-shell.gesture-inverted .dock-preference-tool:hover,.portfolio-shell.gesture-inverted .dock-preference-tool:focus-visible){color:var(--gesture-green);border-color:var(--gesture-purple);background:var(--gesture-purple)}@media (max-width:820px){.portfolio-shell .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{border-radius:38px;min-height:0;padding:22px 28px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"status""instruction";gap:12px}.portfolio-shell .drawing-dock .dock-status,.portfolio-shell.theme-dark .drawing-dock .dock-status,.portfolio-shell.gesture-inverted .drawing-dock .dock-status{grid-area:status}.portfolio-shell .drawing-dock .dock-instruction,.portfolio-shell.theme-dark .drawing-dock .dock-instruction,.portfolio-shell.gesture-inverted .drawing-dock .dock-instruction{border-top:1px solid;grid-area:instruction;padding-top:11px}.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{flex-wrap:wrap}.dock-preference-tools{width:100%;margin-top:10px}.dock-preference-tool{width:82px;min-height:40px}}@media (min-width:821px){.portfolio-hero{min-height:calc(100dvh - 76px)}.hero-copy{margin-top:50px}.hero-footer-bar{position:absolute;bottom:15px}.portfolio-shell:not(.gesture-inverted) .portfolio-header nav{-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;box-shadow:none!important;background:0 0!important;border:0!important}.portfolio-shell:not(.gesture-inverted) .portfolio-header nav a{color:#fff!important;background:0 0!important}:is(.portfolio-shell:not(.gesture-inverted) .portfolio-header nav a:hover,.portfolio-shell:not(.gesture-inverted) .portfolio-header nav a:focus-visible){color:var(--brand-green)!important;box-shadow:none!important;background:0 0!important}.portfolio-shell:not(.gesture-inverted) .portfolio-header nav a.is-active{color:#fff!important;box-shadow:none!important;background:0 0!important}.header-tools{transform:translate(32px)}}@media (min-width:1440px) and (max-width:1791px){.header-tools{transform:translate(44px)}}@media (min-width:1792px){.header-tools{transform:translate(min(100px,50vw - 852px))}}.hero-art:before{transform:translateY(var(--hero-shape-y,24px)) rotate(45deg)}@media (max-width:820px){.hero-art:before{--hero-shape-y:14px}}@media (max-width:480px){.portfolio-header{width:calc(100% - 20px)}.portfolio-brand span{font-size:15px}.portfolio-header nav,.theme-dark .portfolio-header nav,.portfolio-shell:not(.theme-dark) .portfolio-header nav{gap:17px;padding-inline:12px}.portfolio-hero{width:calc(100% - 20px);padding-left:2px;padding-right:2px}.work-index a,.work-index .work-more-row{grid-template-columns:minmax(82px,29%) minmax(0,1fr) 22px;min-height:58px}.work-index a>.work-index-tag,.work-index a:hover>.work-index-tag{white-space:normal;font-size:8px}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}.drawing-dock .dock-status,.drawing-dock .dock-controls,.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{grid-column:1}.drawing-dock .dock-status{grid-row:1}.drawing-dock .dock-controls{grid-row:2;justify-content:flex-start}.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{grid-row:3}.hero-art{width:min(106%,390px);margin-top:22px}.hero-art img,.theme-dark .hero-art img,.portfolio-shell:not(.theme-dark) .hero-art img{transform:translateY(-22px)rotate(-2deg)scale(.7)}.about-modal-copy h2,.work-modal-intro h2{font-size:clamp(50px,17vw,72px)}.about-modal-copy>.about-modal-art{min-height:430px}.about-modal-copy>.about-modal-art img{width:min(310px,88%);max-height:280px}.work-project-card{padding:9px 9px 16px}.camera-preview,.camera-preview.is-visible{width:116px;right:10px}}@media (max-width:820px){.hero-footer-bar{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:16px;display:grid}.hero-footer-bar>span{justify-self:start}.hero-footer-bar>a:first-of-type{text-align:right;justify-self:end}.hero-footer-bar>a:nth-of-type(2){display:none}}@media (max-width:480px){.portfolio-header nav,.theme-dark .portfolio-header nav,.portfolio-shell:not(.theme-dark) .portfolio-header nav,.portfolio-shell.gesture-inverted .portfolio-header nav{gap:2px;padding:10px}.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{grid-row:2}.drawing-dock .dock-controls{grid-row:3}}.drawing-dock .dock-controls{display:contents}.drawing-dock .dock-controls>.color-picker{grid-area:1/3;place-self:center end}.drawing-dock .dock-drawing-actions{border-top:1px solid;grid-area:2/1/auto/-1;justify-content:flex-end;align-items:center;gap:7px;min-width:0;padding-top:9px;display:flex}@supports (color:color-mix(in lab, red, red)){.drawing-dock .dock-drawing-actions{border-top:1px solid color-mix(in srgb, currentColor 18%, transparent)}}@media (max-width:820px){.drawing-dock .dock-controls>.color-picker{grid-area:3/1;justify-self:start}.drawing-dock .dock-drawing-actions{grid-area:4/1;justify-content:flex-start}}.hero-intro,.theme-dark .hero-intro,.portfolio-shell:not(.theme-dark) .hero-intro{margin-top:38px;font-weight:400}.work-index,.theme-dark .work-index{margin-top:32px}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{margin-top:52px}.work-index a>.work-index-tag,.work-index a:hover>.work-index-tag,.theme-dark .work-index a>.work-index-tag,.theme-dark .work-index a:hover>.work-index-tag,.portfolio-shell:not(.theme-dark) .work-index a>.work-index-tag,.portfolio-shell:not(.theme-dark) .work-index a:hover>.work-index-tag{font-weight:500}@media (min-width:1440px) and (min-height:900px){.hero-copy{transform:translateY(100px)}.hero-footer-bar{position:absolute;bottom:15px}}@media (max-width:820px){.hero-intro,.theme-dark .hero-intro,.portfolio-shell:not(.theme-dark) .hero-intro,.work-index,.theme-dark .work-index{margin-top:30px}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{margin-top:44px}}.portfolio-shell:before,.portfolio-shell:after{opacity:0!important}.hero-art:before{--hero-shape-scale:1.2;--hero-shape-expanded-scale:1.5;transform:translateY(var(--hero-shape-y,24px)) rotate(45deg) scale(var(--hero-shape-scale))}.drawing-dock .dock-drawing-actions{border:1px solid;justify-self:end;width:fit-content;margin-top:8px;padding:6px 8px}@supports (color:color-mix(in lab, red, red)){.drawing-dock .dock-drawing-actions{border:1px solid color-mix(in srgb, currentColor 42%, transparent)}}.drawing-dock .dock-drawing-actions{background:0 0;border-radius:999px}@media (max-width:820px){.hero-art:before{--hero-shape-scale:1.1;--hero-shape-expanded-scale:1.38}.drawing-dock .dock-drawing-actions{justify-self:start;margin-top:10px}}.portfolio-shell:not(.theme-dark):not(.gesture-inverted){background:var(--paper)}.portfolio-shell:before,.portfolio-shell:after{display:none}@media (min-width:821px){.hero-copy{transform:none}.hero-art:before{--hero-shape-y:68px;--hero-shape-scale:1.3;--hero-shape-expanded-scale:1.58}}.portfolio-shell:not(.gesture-inverted) .drawing-dock,.portfolio-shell:not(.gesture-inverted) .drawing-dock .dock-drawing-actions,.portfolio-shell:not(.gesture-inverted) .drawing-dock .dock-status,.portfolio-shell:not(.gesture-inverted) .drawing-dock .dock-instruction,.portfolio-shell:not(.gesture-inverted) .drawing-dock .brush-size-value,.portfolio-shell:not(.gesture-inverted) .drawing-dock .dock-clear,.portfolio-shell:not(.gesture-inverted) .drawing-dock .dock-camera,.portfolio-shell:not(.gesture-inverted) .drawing-dock .dock-hand-icon{border-color:#fff!important}.portfolio-shell:not(.gesture-inverted) .drawing-dock .dock-hand-icon,.portfolio-shell:not(.gesture-inverted) .drawing-dock .dock-clear,.portfolio-shell:not(.gesture-inverted) .drawing-dock .dock-camera,.portfolio-shell:not(.gesture-inverted) .drawing-dock .dock-clear svg,.portfolio-shell:not(.gesture-inverted) .drawing-dock .dock-camera svg{color:#fff!important;stroke:#fff!important}.portfolio-shell:not(.gesture-inverted) .drawing-dock--active .dock-camera{color:var(--purple-dark)!important;border-color:var(--brand-green)!important;background:var(--brand-green)!important}.portfolio-shell:not(.gesture-inverted) .drawing-dock--active .dock-camera svg{color:var(--purple-dark)!important;stroke:var(--purple-dark)!important}.portfolio-shell:not(.gesture-inverted) .drawing-dock--active .dock-live-dot{box-shadow:0 0 0 5px var(--brand-green), 0 0 18px var(--brand-green);background:var(--brand-green)!important}@supports (color:color-mix(in lab, red, red)){.portfolio-shell:not(.gesture-inverted) .drawing-dock--active .dock-live-dot{box-shadow:0 0 0 5px color-mix(in srgb, var(--brand-green) 18%, transparent), 0 0 18px color-mix(in srgb, var(--brand-green) 52%, transparent)}}.portfolio-shell:not(.gesture-inverted) .drawing-dock--active .dock-hand-icon{fill:none;color:var(--purple-dark)!important;stroke:var(--purple-dark)!important;background:var(--brand-green)!important;border-color:#fff!important}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{width:min(560px,100%);min-height:0;box-shadow:none;-webkit-backdrop-filter:blur(9px);border-radius:24px;grid-template-columns:minmax(0,1fr);gap:0;margin:36px 0 0;padding:12px 14px;display:grid;position:relative;inset:auto}.portfolio-shell:not(.gesture-inverted) .drawing-dock{background:var(--purple-dark)!important;border:1px solid #fff!important}@supports (color:color-mix(in lab, red, red)){.portfolio-shell:not(.gesture-inverted) .drawing-dock{background:color-mix(in srgb, var(--purple-dark) 8%, transparent)!important}}.drawing-dock .dock-top-row{grid-template-columns:minmax(145px,.88fr) minmax(185px,1.12fr) auto;align-items:center;gap:12px 14px;min-width:0;display:grid}.drawing-dock .dock-status{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:0;display:grid;position:relative;border:0!important}.drawing-dock .dock-status>div{min-width:0;margin:0}.drawing-dock .dock-live-dot{top:-1px;left:23px}.drawing-dock .dock-hand-icon,.theme-dark .drawing-dock .dock-hand-icon{width:30px;height:30px;position:static}.drawing-dock .dock-status-heading{gap:5px;min-width:0}.drawing-dock .dock-status small,.drawing-dock .dock-status strong,.drawing-dock .dock-instruction{text-overflow:ellipsis;overflow:hidden}.drawing-dock .dock-status small{white-space:nowrap;font-size:8px}.drawing-dock .dock-status strong{white-space:normal;font-size:10px;line-height:1.25}.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{border:0;min-width:0;margin:0;padding:0;font-size:9px;line-height:1.4}.drawing-dock .color-picker{place-self:center end}.drawing-dock .dock-drawing-actions{background:0 0;border:0;border-top:1px solid;border-radius:0;justify-content:flex-end;align-items:center;gap:7px;width:100%;min-width:0;margin:10px 0 0;padding:10px 0 0;display:flex}.portfolio-shell:not(.gesture-inverted) .drawing-dock :is(.dock-status small,.dock-status strong,.dock-instruction,.brush-size-value,.dock-clear,.dock-camera){color:#fff!important}.portfolio-shell:not(.gesture-inverted) .drawing-dock .dock-drawing-actions{border-top-color:#fff!important}@media (min-width:821px){.portfolio-hero{min-height:calc(100svh - 76px);padding-bottom:72px}.hero-copy{margin-top:clamp(24px,3vh,42px);transform:none}.hero-intro,.theme-dark .hero-intro,.portfolio-shell:not(.theme-dark) .hero-intro{margin-top:32px}.work-index,.theme-dark .work-index{margin-top:28px}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock{margin-top:36px}.hero-art{width:min(46%,760px);height:min(70svh,680px);position:absolute;top:50%;bottom:auto;right:0;overflow:clip;transform:translateY(-45%)}.hero-art:before{--hero-shape-y:34px;--hero-shape-scale:1.08;--hero-shape-expanded-scale:1.32;inset:-8%}.hero-art img,.theme-dark .hero-art img,.portfolio-shell:not(.theme-dark) .hero-art img{object-fit:contain;width:100%;height:100%;transform:translateY(0)rotate(-2deg)scale(.72)}.hero-footer-bar{position:absolute;bottom:15px}}@media (max-width:820px){.portfolio-shell{min-height:0;overflow:clip visible}.portfolio-hero{flex-direction:column;min-height:0;padding-bottom:12px;display:flex}.drawing-dock,.theme-dark .drawing-dock,.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{border-radius:22px;width:100%;margin-top:34px;padding:14px}.drawing-dock .dock-top-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"status colors""instruction instruction";gap:11px 12px}.drawing-dock .dock-status{grid-area:status}.drawing-dock .dock-instruction,.theme-dark .drawing-dock .dock-instruction{text-overflow:clip;border-top:1px solid;grid-area:instruction;padding-top:10px;font-size:10px;overflow:visible}.portfolio-shell:not(.gesture-inverted) .drawing-dock .dock-instruction{border-top-color:#fff!important}.drawing-dock .color-picker{grid-area:colors;justify-self:end}.drawing-dock .dock-drawing-actions{justify-content:flex-start;margin-top:11px;padding-top:11px}.hero-art{aspect-ratio:auto;width:min(100%,390px);height:clamp(250px,75vw,320px);margin:20px auto 0;position:relative;inset:auto;overflow:clip;transform:none}.hero-art:before{--hero-shape-y:14px;--hero-shape-scale:1.02;--hero-shape-expanded-scale:1.25;inset:-5%}.hero-art img,.theme-dark .hero-art img,.portfolio-shell:not(.theme-dark) .hero-art img{object-fit:contain;width:100%;height:100%;transform:translateY(-4px)rotate(-2deg)scale(.86)}.hero-footer-bar{width:100%;padding:14px 0 max(10px, env(safe-area-inset-bottom));margin:0;position:relative;inset:auto}}@media (min-width:821px){.portfolio-shell{--home-content-edge:98px}.portfolio-shell .portfolio-header,.portfolio-shell.theme-dark .portfolio-header,.portfolio-shell.gesture-inverted .portfolio-header{box-sizing:border-box;width:100%;max-width:none;padding-right:var(--home-content-edge);padding-left:var(--home-content-edge);margin-inline:0}.portfolio-shell .header-right,.portfolio-shell.theme-dark .header-right,.portfolio-shell.gesture-inverted .header-right{margin-left:auto}.portfolio-shell .header-tools,.portfolio-shell.theme-dark .header-tools,.portfolio-shell.gesture-inverted .header-tools{margin-right:0;transform:none!important}.portfolio-shell .hero-art,.portfolio-shell.theme-dark .hero-art,.portfolio-shell.gesture-inverted .hero-art{width:min(44%,600px);right:0;overflow:visible}.portfolio-shell .hero-art:before,.portfolio-shell.theme-dark .hero-art:before,.portfolio-shell.gesture-inverted .hero-art:before{--hero-shape-x:-14%;--hero-shape-y:34px;--hero-shape-scale:.9;--hero-shape-expanded-scale:1.16;transform:translate(var(--hero-shape-x), var(--hero-shape-y)) rotate(45deg) scale(var(--hero-shape-scale));transform-origin:50%;background-image:url(/hero-burst.svg?v=3);background-position:50%;background-repeat:no-repeat;background-size:contain;inset:0}.portfolio-shell .hero-art img,.portfolio-shell.theme-dark .hero-art img,.portfolio-shell.gesture-inverted .hero-art img{transform:translateY(0)rotate(-2deg)scale(.76)}}@media (min-width:1440px){.portfolio-shell{--home-content-edge:max(56px, calc((100vw - 1680px) / 2))}}@media (max-width:820px){.portfolio-shell .hero-art,.portfolio-shell.theme-dark .hero-art,.portfolio-shell.gesture-inverted .hero-art{overflow:visible}.portfolio-shell .hero-art:before,.portfolio-shell.theme-dark .hero-art:before,.portfolio-shell.gesture-inverted .hero-art:before{--hero-shape-x:0%;--hero-shape-scale:.9;--hero-shape-expanded-scale:1.12;transform:translate(var(--hero-shape-x), var(--hero-shape-y)) rotate(45deg) scale(var(--hero-shape-scale));transform-origin:50%;background-image:url(/hero-burst.svg?v=3);background-position:50%;background-repeat:no-repeat;background-size:contain;inset:0}}@media (min-width:821px){.portfolio-shell .hero-art:before,.portfolio-shell.theme-dark .hero-art:before,.portfolio-shell.gesture-inverted .hero-art:before{--hero-shape-x:0%;--hero-shape-y:18px;--hero-shape-rotation:180deg;--hero-shape-scale:1.97;--hero-shape-expanded-scale:2.25;transform:translate(var(--hero-shape-x), var(--hero-shape-y)) rotate(var(--hero-shape-rotation)) scale(var(--hero-shape-scale));transform-origin:50%}.portfolio-shell .hero-art img,.portfolio-shell.theme-dark .hero-art img,.portfolio-shell.gesture-inverted .hero-art img{transform:translateY(-63px)rotate(-2deg)scale(.821)}}@media (max-width:820px){.portfolio-shell .hero-art:before,.portfolio-shell.theme-dark .hero-art:before,.portfolio-shell.gesture-inverted .hero-art:before{--hero-shape-x:0%;--hero-shape-y:12px;--hero-shape-rotation:65deg;--hero-shape-scale:1.8;--hero-shape-expanded-scale:2.12;transform:translate(var(--hero-shape-x), var(--hero-shape-y)) rotate(var(--hero-shape-rotation)) scale(var(--hero-shape-scale));transform-origin:50%}.portfolio-shell .hero-art img,.portfolio-shell.theme-dark .hero-art img,.portfolio-shell.gesture-inverted .hero-art img{transform:translateY(-4px)rotate(-2deg)scale(.86)}}@media (min-width:821px){.portfolio-shell:not(.theme-dark) .hero-art img,.portfolio-shell.theme-dark .hero-art img,.portfolio-shell.gesture-inverted .hero-art img{transform:translateY(-63px)rotate(-2deg)scale(.821)}}@media (max-width:820px){.portfolio-shell,.portfolio-shell.theme-dark,.portfolio-shell.gesture-inverted{min-height:0;overflow:clip}.portfolio-shell .portfolio-header,.portfolio-shell.theme-dark .portfolio-header,.portfolio-shell.gesture-inverted .portfolio-header{width:calc(100% - 28px);height:74px;min-height:74px;margin-inline:auto;padding:12px 0}.portfolio-shell .portfolio-brand span,.portfolio-shell.theme-dark .portfolio-brand span,.portfolio-shell.gesture-inverted .portfolio-brand span{font-size:clamp(15px,4.3vw,18px);line-height:1.1}.portfolio-shell .portfolio-header nav a,.portfolio-shell.theme-dark .portfolio-header nav a,.portfolio-shell.gesture-inverted .portfolio-header nav a{letter-spacing:.1em;min-height:44px;font-size:11px;line-height:1}.portfolio-shell .portfolio-hero,.portfolio-shell.theme-dark .portfolio-hero,.portfolio-shell.gesture-inverted .portfolio-hero{width:calc(100% - 28px);min-height:0;margin-inline:auto;padding:34px 6px 0}.portfolio-shell .hero-copy,.portfolio-shell.theme-dark .hero-copy,.portfolio-shell.gesture-inverted .hero-copy{width:100%;max-width:none;margin-top:0;transform:none}.portfolio-shell .hero-copy h1,.portfolio-shell.theme-dark .hero-copy h1,.portfolio-shell.gesture-inverted .hero-copy h1{max-width:100%;font-size:clamp(48px,14.5vw,78px);line-height:.86}.portfolio-shell .handwritten-title,.portfolio-shell.theme-dark .handwritten-title,.portfolio-shell.gesture-inverted .handwritten-title{min-height:1.05em;margin-top:12px;font-size:.6em;line-height:1.05}.portfolio-shell .hero-intro,.portfolio-shell.theme-dark .hero-intro,.portfolio-shell.gesture-inverted .hero-intro{max-width:100%;margin-top:30px;font-size:clamp(15px,4.2vw,17px);font-weight:400;line-height:1.52}.portfolio-shell .work-index,.portfolio-shell.theme-dark .work-index,.portfolio-shell.gesture-inverted .work-index{width:100%;margin-top:30px}.portfolio-shell .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{border-radius:22px;gap:0;width:100%;max-width:100%;margin-top:34px;padding:14px}.portfolio-shell .hero-art,.portfolio-shell.theme-dark .hero-art,.portfolio-shell.gesture-inverted .hero-art{width:min(100%,390px);height:clamp(250px,75vw,320px);margin:20px auto 0}.portfolio-shell .hero-art img,.portfolio-shell.theme-dark .hero-art img,.portfolio-shell.gesture-inverted .hero-art img{transform:translateY(-4px)rotate(-2deg)scale(.86)}.portfolio-shell .hero-footer-bar,.portfolio-shell.theme-dark .hero-footer-bar,.portfolio-shell.gesture-inverted .hero-footer-bar{width:100%;min-height:0;padding:14px 0 max(10px, env(safe-area-inset-bottom));margin:0;position:relative;inset:auto}}@media (max-width:480px){.portfolio-shell .portfolio-header,.portfolio-shell.theme-dark .portfolio-header,.portfolio-shell.gesture-inverted .portfolio-header,.portfolio-shell .portfolio-hero,.portfolio-shell.theme-dark .portfolio-hero,.portfolio-shell.gesture-inverted .portfolio-hero{width:calc(100% - 20px)}.portfolio-shell .portfolio-hero,.portfolio-shell.theme-dark .portfolio-hero,.portfolio-shell.gesture-inverted .portfolio-hero{padding-left:2px;padding-right:2px}}.portfolio-shell .portfolio-header nav a,.portfolio-shell.theme-dark .portfolio-header nav a,.portfolio-shell:not(.theme-dark) .portfolio-header nav a,.portfolio-shell .portfolio-header nav a:hover,.portfolio-shell .portfolio-header nav a.is-active,.portfolio-shell.theme-dark .portfolio-header nav a:hover,.portfolio-shell.theme-dark .portfolio-header nav a.is-active,.portfolio-shell:not(.theme-dark) .portfolio-header nav a:hover,.portfolio-shell:not(.theme-dark) .portfolio-header nav a.is-active{-webkit-text-stroke:0!important;text-shadow:none!important;font-weight:600!important}.portfolio-shell .portfolio-header nav a:focus-visible{-webkit-text-stroke:0!important;text-shadow:none!important;font-weight:600!important}.portfolio-shell.theme-dark .portfolio-header nav a:focus-visible{-webkit-text-stroke:0!important;text-shadow:none!important;font-weight:600!important}.portfolio-shell:not(.theme-dark) .portfolio-header nav a:focus-visible{-webkit-text-stroke:0!important;text-shadow:none!important;font-weight:600!important}.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{border-radius:999px;width:min(560px,100%);min-height:112px;padding:20px 40px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{grid-template-columns:minmax(170px,.86fr) minmax(0,1.14fr);gap:16px}.portfolio-shell .drawing-dock :is(.dock-status small,.dock-status strong,.dock-instruction),.portfolio-shell.theme-dark .drawing-dock :is(.dock-status small,.dock-status strong,.dock-instruction),.portfolio-shell.gesture-inverted .drawing-dock :is(.dock-status small,.dock-status strong,.dock-instruction){text-overflow:clip;overflow:visible}.portfolio-shell .drawing-dock .dock-instruction,.portfolio-shell.theme-dark .drawing-dock .dock-instruction,.portfolio-shell.gesture-inverted .drawing-dock .dock-instruction{font-size:10px;line-height:1.45}.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{justify-content:flex-start;gap:8px}.portfolio-shell .drawing-dock .color-picker,.portfolio-shell.theme-dark .drawing-dock .color-picker,.portfolio-shell.gesture-inverted .drawing-dock .color-picker{flex:none;place-self:center;margin-right:2px}@media (max-width:820px){.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{border-radius:38px;min-height:0;padding:22px 28px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"status""instruction";gap:12px}.portfolio-shell .drawing-dock .dock-status,.portfolio-shell.theme-dark .drawing-dock .dock-status,.portfolio-shell.gesture-inverted .drawing-dock .dock-status{grid-area:status}.portfolio-shell .drawing-dock .dock-instruction,.portfolio-shell.theme-dark .drawing-dock .dock-instruction,.portfolio-shell.gesture-inverted .drawing-dock .dock-instruction{border-top:1px solid;grid-area:instruction;padding-top:11px}.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{flex-wrap:wrap}}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{grid-template-columns:minmax(190px,1fr) auto;min-height:92px}.drawing-dock .dock-status-heading .dock-camera-state{display:none}.portfolio-shell:not(.gesture-inverted) .drawing-dock .dock-hand-icon,.portfolio-shell.theme-dark .drawing-dock .dock-hand-icon{color:var(--brand-green)!important;stroke:var(--brand-green)!important;fill:var(--brand-green)!important;border-color:var(--brand-green)!important;background:0 0!important}.dock-more{color:#fff;cursor:pointer;letter-spacing:.08em;text-align:right;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:10px;min-width:154px;min-height:42px;padding:0 2px 0 14px;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:600;line-height:1.2;display:inline-flex}.dock-more svg{color:var(--brand-green);stroke:var(--brand-green);flex:none;transition:transform .16s}:is(.dock-more:hover,.dock-more:focus-visible){color:var(--brand-green);outline:none}:is(.dock-more:hover svg,.dock-more:focus-visible svg){transform:translate(3px,-3px)}.portfolio-shell.gesture-inverted .dock-more,.portfolio-shell.gesture-inverted .dock-more svg{color:var(--gesture-purple);stroke:var(--gesture-purple)}.hand-guide-modal{color:#fff;background:linear-gradient(#ffffff0e 1px, transparent 1px), linear-gradient(90deg, #ffffff0e 1px, transparent 1px), var(--paper);border-color:#ffffff5c;width:min(1020px,100%)}@supports (color:color-mix(in lab, red, red)){.hand-guide-modal{background:linear-gradient(#ffffff0e 1px, transparent 1px), linear-gradient(90deg, #ffffff0e 1px, transparent 1px), color-mix(in srgb, var(--paper) 96%, var(--purple-dark))}}.hand-guide-modal{box-shadow:none;background-size:28px 28px}.hand-guide-modal .about-modal-header{background:var(--paper);border-bottom-color:#ffffff3d}@supports (color:color-mix(in lab, red, red)){.hand-guide-modal .about-modal-header{background:color-mix(in srgb, var(--paper) 92%, transparent)}}.hand-guide-modal .about-modal-status small{color:#fff}.hand-guide-content{padding:clamp(30px,4vw,54px)}.hand-guide-heading{border-bottom:1px solid #ffffff52;grid-template-columns:minmax(0,.95fr) minmax(280px,1.05fr);align-items:end;gap:36px;padding-bottom:32px;display:grid}.hand-guide-heading h2{color:#fff;letter-spacing:.005em;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Narrow,sans-serif;font-size:clamp(62px,8vw,112px);font-weight:400;line-height:.82}.hand-guide-heading .work-modal-handwritten{width:fit-content;color:var(--brand-green);margin:16px 0 0;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:clamp(24px,3vw,38px);font-weight:700;line-height:1;transform:rotate(-1deg)}.hand-guide-heading>p{color:#fff;margin:0;font-size:clamp(15px,1.35vw,18px);font-weight:400;line-height:1.62}.hand-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hand-guide-grid article{border-bottom:1px solid #ffffff3d;min-height:176px;padding:28px 34px 28px 0;position:relative}.hand-guide-grid article:nth-child(2n){border-left:1px solid #ffffff3d;padding-left:34px}.hand-guide-grid article>span{color:var(--brand-green);font-size:18px;position:absolute;top:29px;right:28px}.hand-guide-grid article>small{color:var(--brand-green);letter-spacing:.12em;margin-bottom:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:700;display:block}.hand-guide-grid h3{color:#fff;margin:0;font-size:17px;font-weight:650}.hand-guide-grid p{color:#ffffffdb;max-width:390px;margin:10px 0 0;font-size:13px;line-height:1.55}.portfolio-shell.gesture-inverted .hand-guide-modal,.portfolio-shell.gesture-inverted .hand-guide-modal :is(h2,h3,p,small){color:var(--gesture-purple)}.portfolio-shell.gesture-inverted .hand-guide-modal{border-color:var(--gesture-purple)}@supports (color:color-mix(in lab, red, red)){.portfolio-shell.gesture-inverted .hand-guide-modal{border-color:color-mix(in srgb, var(--gesture-purple) 35%, transparent)}}.portfolio-shell.gesture-inverted .hand-guide-modal{background:linear-gradient(var(--gesture-purple) 1px, transparent 1px), linear-gradient(90deg, var(--gesture-purple) 1px, transparent 1px), var(--gesture-green)}@supports (color:color-mix(in lab, red, red)){.portfolio-shell.gesture-inverted .hand-guide-modal{background:linear-gradient(color-mix(in srgb, var(--gesture-purple) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--gesture-purple) 8%, transparent) 1px, transparent 1px), var(--gesture-green)}}.portfolio-shell.gesture-inverted .hand-guide-modal{background-size:28px 28px}@media (max-width:820px){.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"status more";align-items:center}.dock-more{grid-area:more;min-width:126px;padding-left:8px;font-size:8px}.hand-guide-backdrop{padding:10px}.hand-guide-modal{border-radius:20px;max-height:calc(100dvh - 20px)}.hand-guide-content{padding:26px 20px 34px}.hand-guide-heading{grid-template-columns:minmax(0,1fr);gap:24px}.hand-guide-heading h2{font-size:clamp(54px,17vw,78px)}.hand-guide-grid{grid-template-columns:minmax(0,1fr)}.hand-guide-grid article,.hand-guide-grid article:nth-child(2n){border-left:0;min-height:0;padding:24px 34px 24px 0}}.mobile-header-preference{display:none}@media (max-width:820px){.portfolio-shell .header-tools,.portfolio-shell.theme-dark .header-tools,.portfolio-shell.gesture-inverted .header-tools{align-items:center;gap:6px;display:flex}.portfolio-shell .mobile-header-preference,.portfolio-shell.theme-dark .mobile-header-preference,.portfolio-shell.gesture-inverted .mobile-header-preference{display:inline-flex}.portfolio-shell .dock-preference-tools,.portfolio-shell.theme-dark .dock-preference-tools,.portfolio-shell.gesture-inverted .dock-preference-tools{display:none}}.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{width:min(760px,100%);min-height:0;box-shadow:none;-webkit-backdrop-filter:none;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;padding:0;display:grid;background:0 0!important;border:0!important}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{background:var(--purple-dark);border:1px solid #fff;border-radius:999px;grid-template-columns:minmax(170px,.86fr) minmax(0,1.14fr);gap:18px;min-height:108px;padding:20px 30px}@supports (color:color-mix(in lab, red, red)){.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{background:color-mix(in srgb, var(--purple-dark) 8%, transparent)}}.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{background:var(--purple-dark);border-radius:999px;place-content:center;gap:8px;width:auto;min-height:108px;margin:0;padding:20px 26px;border:1px solid #fff!important}@supports (color:color-mix(in lab, red, red)){.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{background:color-mix(in srgb, var(--purple-dark) 8%, transparent)}}.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{background:var(--gesture-purple);border-color:var(--gesture-purple)!important}@supports (color:color-mix(in lab, red, red)){.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{background:color-mix(in srgb, var(--gesture-purple) 8%, transparent)}}.portfolio-shell .mobile-header-preference,.portfolio-shell.theme-dark .mobile-header-preference,.portfolio-shell.gesture-inverted .mobile-header-preference{display:inline-flex}@media (min-width:821px){.portfolio-shell .portfolio-header,.portfolio-shell.theme-dark .portfolio-header,.portfolio-shell.gesture-inverted .portfolio-header{padding-right:48px}.portfolio-shell .header-tools,.portfolio-shell.theme-dark .header-tools,.portfolio-shell.gesture-inverted .header-tools{align-items:center;gap:8px;margin-left:18px;display:flex}}@media (max-width:820px){.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{grid-template-columns:minmax(0,1fr);gap:10px;width:100%}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{border-radius:34px;grid-template-columns:minmax(0,1fr);grid-template-areas:"status""instruction";gap:12px;min-height:0;padding:20px 24px}.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{flex-wrap:wrap;justify-content:flex-start;width:100%;min-height:58px;padding:12px 18px}}.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{grid-template-rows:104px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:104px;align-items:stretch;gap:8px;width:min(455px,100%);flex-flow:row!important;display:flex!important}.portfolio-shell .drawing-dock>.dock-top-row,.portfolio-shell.theme-dark .drawing-dock>.dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock>.dock-top-row,.portfolio-shell .drawing-dock>.dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock>.dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock>.dock-drawing-actions{flex:1 1 0;width:0}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row,.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{border-radius:999px;width:100%;min-width:0;height:104px;min-height:104px;margin:0;padding:14px 12px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{grid-template-columns:minmax(0,1fr) minmax(86px,.7fr);grid-template-areas:"status more";align-items:center;gap:8px}.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;place-items:center;gap:0;display:grid}.dock-more{color:#fff;letter-spacing:.08em;text-align:left;text-transform:uppercase;border-left:1px solid #ffffff61;grid-area:more;justify-content:center;justify-self:stretch;gap:10px;width:100%;min-width:0;max-width:none;min-height:58px;margin:0;padding:0 0 0 9px;font-family:Arial,Helvetica,sans-serif;font-size:8px;font-weight:500;line-height:1.35;transform:none}:is(.dock-more:hover,.dock-more:focus-visible){color:var(--brand-green)}.dock-more-hand{color:var(--brand-green);fill:none;stroke:var(--brand-green);flex:none;transition:transform .18s}:is(.dock-more:hover .dock-more-hand,.dock-more:focus-visible .dock-more-hand){transform:rotate(-10deg)scale(1.08)}.portfolio-shell.gesture-inverted .dock-more,.portfolio-shell.gesture-inverted .dock-more:hover,.portfolio-shell.gesture-inverted .dock-more-hand{color:var(--gesture-purple);fill:none;stroke:var(--gesture-purple)}.portfolio-shell.gesture-inverted .dock-more:focus-visible{color:var(--gesture-purple);fill:none;stroke:var(--gesture-purple)}@supports (color:color-mix(in lab, red, red)){.portfolio-shell.gesture-inverted .dock-more{border-left-color:color-mix(in srgb, var(--gesture-purple) 46%, transparent)}}.portfolio-shell .drawing-dock .dock-drawing-actions>*,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions>*,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions>*{justify-self:center;min-width:0;margin-inline:0}@media (max-width:820px) and (min-width:561px){.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{grid-template-rows:106px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row,.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{border-radius:999px;height:106px;min-height:106px;padding:14px 12px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{grid-template-columns:minmax(0,1fr) minmax(88px,.72fr);grid-template-areas:"status more";gap:12px}.dock-more{gap:7px;min-height:56px;padding-left:12px;font-size:7px}}@media (max-width:560px){.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{grid-template-rows:104px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row,.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{border-radius:34px;height:104px;min-height:104px;padding:6px 8px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{grid-template:"status"minmax(0,1fr)"more"/minmax(0,1fr);gap:4px}.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{grid-template-rows:minmax(0,1fr);grid-template-columns:22px 22px 36px 34px 34px;place-content:center space-between;align-items:center;gap:0}.portfolio-shell .drawing-dock .dock-status,.portfolio-shell.theme-dark .drawing-dock .dock-status,.portfolio-shell.gesture-inverted .drawing-dock .dock-status{grid-template-columns:10px minmax(0,1fr);gap:7px}.portfolio-shell .drawing-dock .dock-live-dot,.portfolio-shell.theme-dark .drawing-dock .dock-live-dot,.portfolio-shell.gesture-inverted .drawing-dock .dock-live-dot{width:8px;height:8px;position:static}.portfolio-shell .drawing-dock .dock-status small,.portfolio-shell.theme-dark .drawing-dock .dock-status small,.portfolio-shell.gesture-inverted .drawing-dock .dock-status small{letter-spacing:.03em;font-size:11px;line-height:1.2}.portfolio-shell .drawing-dock .dock-status strong,.portfolio-shell.theme-dark .drawing-dock .dock-status strong,.portfolio-shell.gesture-inverted .drawing-dock .dock-status strong{font-size:12.5px;line-height:1.3}.portfolio-shell .drawing-dock .color-picker,.portfolio-shell.theme-dark .drawing-dock .color-picker,.portfolio-shell.gesture-inverted .drawing-dock .color-picker{display:contents!important}.portfolio-shell .drawing-dock .color-picker button,.portfolio-shell.theme-dark .drawing-dock .color-picker button,.portfolio-shell.gesture-inverted .drawing-dock .color-picker button{place-self:center;width:22px;min-width:22px;height:22px;min-height:22px}.portfolio-shell .drawing-dock .brush-size-value,.portfolio-shell .drawing-dock .dock-clear,.portfolio-shell .drawing-dock .dock-camera,.portfolio-shell.theme-dark .drawing-dock .brush-size-value,.portfolio-shell.theme-dark .drawing-dock .dock-clear,.portfolio-shell.theme-dark .drawing-dock .dock-camera,.portfolio-shell.gesture-inverted .drawing-dock .brush-size-value,.portfolio-shell.gesture-inverted .drawing-dock .dock-clear,.portfolio-shell.gesture-inverted .drawing-dock .dock-camera{border-radius:50%;place-items:center;gap:0;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;display:grid}.portfolio-shell .drawing-dock .brush-size-value,.portfolio-shell.theme-dark .drawing-dock .brush-size-value,.portfolio-shell.gesture-inverted .drawing-dock .brush-size-value{width:36px;min-width:36px;height:36px;min-height:36px;font-size:9.5px}.portfolio-shell .drawing-dock .dock-clear>span,.portfolio-shell.theme-dark .drawing-dock .dock-clear>span,.portfolio-shell.gesture-inverted .drawing-dock .dock-clear>span,.portfolio-shell .drawing-dock .dock-clear>b,.portfolio-shell.theme-dark .drawing-dock .dock-clear>b,.portfolio-shell.gesture-inverted .drawing-dock .dock-clear>b{display:none}.dock-more{border-top:1px solid #ffffff61;border-left:0;grid-area:more;justify-content:flex-start;min-height:34px;padding:4px 0 0;font-size:10px;line-height:1.3}.dock-more-hand{stroke-width:2.2px;width:25px;height:25px;fill:none!important}.portfolio-shell.gesture-inverted .dock-more{border-top-color:var(--gesture-purple)}@supports (color:color-mix(in lab, red, red)){.portfolio-shell.gesture-inverted .dock-more{border-top-color:color-mix(in srgb, var(--gesture-purple) 46%, transparent)}}}.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{align-items:stretch;gap:8px;width:min(455px,100%);height:88px;min-height:88px;flex-flow:row!important;display:flex!important}.portfolio-shell .drawing-dock>.dock-top-row,.portfolio-shell.theme-dark .drawing-dock>.dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock>.dock-top-row,.portfolio-shell .drawing-dock>.dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock>.dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock>.dock-drawing-actions{border-radius:999px;flex:1 1 0;width:0;min-width:0;height:88px;min-height:88px;margin:0;padding:10px 12px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{grid-template-columns:minmax(0,1fr) minmax(76px,.78fr);grid-template-areas:"status more";align-items:center;gap:8px;display:grid}.portfolio-shell .drawing-dock .dock-status,.portfolio-shell.theme-dark .drawing-dock .dock-status,.portfolio-shell.gesture-inverted .drawing-dock .dock-status{grid-area:status;grid-template-columns:9px minmax(0,1fr);gap:6px}.portfolio-shell .drawing-dock .dock-live-dot,.portfolio-shell.theme-dark .drawing-dock .dock-live-dot,.portfolio-shell.gesture-inverted .drawing-dock .dock-live-dot{width:8px;height:8px;position:static}.portfolio-shell .drawing-dock .dock-status small,.portfolio-shell.theme-dark .drawing-dock .dock-status small,.portfolio-shell.gesture-inverted .drawing-dock .dock-status small{letter-spacing:.025em;white-space:normal;text-overflow:clip;font-size:10px;line-height:1.12;overflow:visible}.portfolio-shell .drawing-dock .dock-status strong,.portfolio-shell.theme-dark .drawing-dock .dock-status strong,.portfolio-shell.gesture-inverted .drawing-dock .dock-status strong{white-space:normal;text-overflow:clip;font-size:12px;line-height:1.18;overflow:visible}.dock-more{color:#fff;letter-spacing:.06em;text-align:left;text-transform:uppercase;border-top:0;border-left:1px solid #ffffff61;grid-area:more;justify-content:center;gap:5px;width:100%;min-width:0;max-width:none;min-height:48px;margin:0;padding:0 0 0 8px;font-family:Arial,Helvetica,sans-serif;font-size:8.5px;font-weight:600;line-height:1.12}.dock-more-hand{stroke-width:2.15px;flex:none;width:21px;height:21px;fill:none!important}.portfolio-shell.gesture-inverted .dock-more{border-left-color:var(--gesture-purple)}@supports (color:color-mix(in lab, red, red)){.portfolio-shell.gesture-inverted .dock-more{border-left-color:color-mix(in srgb, var(--gesture-purple) 46%, transparent)}}.portfolio-shell.gesture-inverted .dock-more{border-top:0}.portfolio-shell .drawing-dock .dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock .dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock .dock-drawing-actions{grid-template-rows:1fr;grid-template-columns:20px 20px 36px 34px 34px;place-content:center space-between;place-items:center;gap:0;display:grid}.portfolio-shell .drawing-dock .color-picker,.portfolio-shell.theme-dark .drawing-dock .color-picker,.portfolio-shell.gesture-inverted .drawing-dock .color-picker{display:contents!important}.portfolio-shell .drawing-dock .color-picker button,.portfolio-shell.theme-dark .drawing-dock .color-picker button,.portfolio-shell.gesture-inverted .drawing-dock .color-picker button{place-self:center;width:20px;min-width:20px;height:20px;min-height:20px;margin:0}.portfolio-shell .drawing-dock .brush-size-value,.portfolio-shell.theme-dark .drawing-dock .brush-size-value,.portfolio-shell.gesture-inverted .drawing-dock .brush-size-value{border-radius:50%;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;font-size:9.5px;display:grid}.portfolio-shell .drawing-dock .dock-clear,.portfolio-shell .drawing-dock .dock-camera,.portfolio-shell.theme-dark .drawing-dock .dock-clear,.portfolio-shell.theme-dark .drawing-dock .dock-camera,.portfolio-shell.gesture-inverted .drawing-dock .dock-clear,.portfolio-shell.gesture-inverted .drawing-dock .dock-camera{border-radius:50%;place-items:center;gap:0;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;display:grid}.portfolio-shell .drawing-dock .dock-clear>span,.portfolio-shell.theme-dark .drawing-dock .dock-clear>span,.portfolio-shell.gesture-inverted .drawing-dock .dock-clear>span,.portfolio-shell .drawing-dock .dock-clear>b,.portfolio-shell.theme-dark .drawing-dock .dock-clear>b,.portfolio-shell.gesture-inverted .drawing-dock .dock-clear>b{display:none}@media (max-width:560px){.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{gap:7px;width:100%;height:88px;min-height:88px}.portfolio-shell .drawing-dock>.dock-top-row,.portfolio-shell.theme-dark .drawing-dock>.dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock>.dock-top-row,.portfolio-shell .drawing-dock>.dock-drawing-actions,.portfolio-shell.theme-dark .drawing-dock>.dock-drawing-actions,.portfolio-shell.gesture-inverted .drawing-dock>.dock-drawing-actions{border-radius:30px;height:88px;min-height:88px;padding:8px 7px}.portfolio-shell .drawing-dock .dock-top-row,.portfolio-shell.theme-dark .drawing-dock .dock-top-row,.portfolio-shell.gesture-inverted .drawing-dock .dock-top-row{grid-template:"status more"1fr/minmax(0,1fr) minmax(68px,.82fr);gap:6px}.portfolio-shell .drawing-dock .dock-status small,.portfolio-shell.theme-dark .drawing-dock .dock-status small,.portfolio-shell.gesture-inverted .drawing-dock .dock-status small{font-size:9px}.portfolio-shell .drawing-dock .dock-status strong,.portfolio-shell.theme-dark .drawing-dock .dock-status strong,.portfolio-shell.gesture-inverted .drawing-dock .dock-status strong{font-size:10.5px}.dock-more{border-top:0;justify-content:center;min-height:46px;padding:0 0 0 6px;font-size:8px}.portfolio-shell.gesture-inverted .dock-more{border-top:0}}.portfolio-shell:not(.gesture-inverted) .hand-guide-heading .work-modal-handwritten,.portfolio-shell.theme-dark .hand-guide-heading .work-modal-handwritten{color:var(--brand-green)!important}.portfolio-shell.gesture-inverted .hand-guide-heading .work-modal-handwritten{color:var(--gesture-purple)!important}.hand-guide-card-icon--left{transform:rotate(-8deg)}.hand-guide-card-icon--left svg{transform-origin:50%;transform:scaleX(-1)}.hand-guide-card-icon--double svg:first-child{transform-origin:50%;transform:rotate(-14deg)scaleX(1)}.hand-guide-card-icon--double svg:last-child{transform-origin:50%;transform:rotate(14deg)scaleX(-1)}@media (max-width:820px){.portfolio-shell:not(.theme-dark) .drawing-dock,.portfolio-shell.theme-dark .drawing-dock,.portfolio-shell.gesture-inverted .drawing-dock{width:100%;max-width:none}}.hand-guide-heading{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;gap:clamp(28px,4vw,56px)}.hand-guide-heading>div{align-items:flex-end;gap:clamp(16px,2vw,28px);min-width:0;display:flex}.hand-guide-heading h2{white-space:nowrap;flex:none;font-size:clamp(56px,6.6vw,94px)}.hand-guide-heading .work-modal-handwritten{white-space:nowrap;flex:0 auto;margin:0 0 5px;font-size:clamp(22px,2.3vw,34px)}.hand-guide-heading>p{max-width:430px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(17px,1.35vw,20px);font-weight:400;line-height:1.55}.hand-guide-grid h3{font-size:18px;transition:color .18s}.hand-guide-grid p{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.58}.hand-guide-grid article{transition:background-color .18s}.hand-guide-grid article:hover{background:var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.hand-guide-grid article:hover{background:color-mix(in srgb, var(--brand-green) 5%, transparent)}}.hand-guide-grid article:hover h3{color:var(--brand-green)}.portfolio-shell.gesture-inverted .hand-guide-grid article:hover{background:var(--gesture-purple)}@supports (color:color-mix(in lab, red, red)){.portfolio-shell.gesture-inverted .hand-guide-grid article:hover{background:color-mix(in srgb, var(--gesture-purple) 6%, transparent)}}.portfolio-shell.gesture-inverted .hand-guide-grid article:hover h3{color:var(--gesture-purple)}.hand-guide-card-icon{gap:2px;transform:none}.hand-guide-gesture{transform-origin:50%;flex:0 0 30px;width:30px;height:30px;display:block;position:relative}.hand-guide-gesture--right{transform:rotate(8deg)}.hand-guide-gesture--left{transform:rotate(-8deg)scaleX(-1)}.hand-guide-card-icon .hand-guide-gesture svg{transform-origin:bottom;width:30px;height:30px;position:absolute;inset:0;transform:none}.hand-guide-closed{opacity:0}@keyframes hand-guide-open-close-open{0%,38%,to{opacity:1;scale:1}48%,78%{opacity:0;scale:.78 1}}@keyframes hand-guide-open-close-fist{0%,38%,to{opacity:0;scale:.78 1}48%,78%{opacity:1;scale:1}}.hand-guide-grid article:hover .hand-guide-open{animation:1.15s ease-in-out infinite hand-guide-open-close-open}.hand-guide-grid article:hover .hand-guide-closed{animation:1.15s ease-in-out infinite hand-guide-open-close-fist}@media (max-width:820px){.hand-guide-heading{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px}.hand-guide-heading>div{flex-wrap:nowrap;align-items:baseline;gap:9px;width:100%}.hand-guide-heading h2{font-size:clamp(32px,9vw,42px)}.hand-guide-heading .work-modal-handwritten{min-width:0;margin:0;font-size:clamp(13px,3.7vw,18px)}.hand-guide-heading>p{max-width:100%;font-size:16px;line-height:1.55}.hand-guide-grid h3{padding-right:62px;font-size:17px}.hand-guide-grid p{font-size:14.5px}}@media (prefers-reduced-motion:reduce){.hand-guide-grid article:hover :is(.hand-guide-open,.hand-guide-closed){animation:none}.hand-guide-grid article:hover .hand-guide-open{opacity:1}.hand-guide-grid article:hover .hand-guide-closed{opacity:0}}.hand-guide-heading{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start}.hand-guide-heading>div{display:block}.hand-guide-heading h2{white-space:normal;font-size:clamp(64px,7vw,100px);line-height:.76}.hand-guide-heading h2 span{display:block}.hand-guide-heading .work-modal-handwritten{white-space:normal;margin:20px 0 0;font-size:clamp(24px,2.6vw,38px);display:block}.hand-guide-heading>p{max-width:460px;font-size:clamp(18px,1.45vw,21px);line-height:1.6}.hand-guide-grid article{transition:border-color .18s;background:0 0!important}.hand-guide-grid article:hover,.hand-guide-grid article:focus-within{border-bottom-color:var(--brand-green)!important;background:0 0!important}.hand-guide-grid h3{font-size:clamp(20px,1.65vw,24px);line-height:1.15}.hand-guide-grid p{font-size:clamp(16px,1.2vw,18px);line-height:1.58}.hand-guide-grid article:hover .hand-guide-card-icon,.hand-guide-grid article:focus-within .hand-guide-card-icon,.hand-guide-grid article:hover .hand-guide-card-icon svg,.hand-guide-grid article:focus-within .hand-guide-card-icon svg{color:var(--brand-green)!important;stroke:var(--brand-green)!important;fill:var(--brand-green)!important}@supports (color:color-mix(in lab, red, red)){.hand-guide-grid article:hover .hand-guide-card-icon,.hand-guide-grid article:focus-within .hand-guide-card-icon,.hand-guide-grid article:hover .hand-guide-card-icon svg,.hand-guide-grid article:focus-within .hand-guide-card-icon svg{fill:color-mix(in srgb, var(--brand-green) 30%, transparent)!important}}.portfolio-shell.gesture-inverted .hand-guide-grid article:hover,.portfolio-shell.gesture-inverted .hand-guide-grid article:focus-within{border-bottom-color:var(--gesture-purple)!important}.portfolio-shell.gesture-inverted .hand-guide-grid article:hover .hand-guide-card-icon,.portfolio-shell.gesture-inverted .hand-guide-grid article:focus-within .hand-guide-card-icon,.portfolio-shell.gesture-inverted .hand-guide-grid article:hover .hand-guide-card-icon svg,.portfolio-shell.gesture-inverted .hand-guide-grid article:focus-within .hand-guide-card-icon svg{color:var(--gesture-purple)!important;stroke:var(--gesture-purple)!important;fill:var(--gesture-purple)!important}@supports (color:color-mix(in lab, red, red)){.portfolio-shell.gesture-inverted .hand-guide-grid article:hover .hand-guide-card-icon,.portfolio-shell.gesture-inverted .hand-guide-grid article:focus-within .hand-guide-card-icon,.portfolio-shell.gesture-inverted .hand-guide-grid article:hover .hand-guide-card-icon svg,.portfolio-shell.gesture-inverted .hand-guide-grid article:focus-within .hand-guide-card-icon svg{fill:color-mix(in srgb, var(--gesture-purple) 28%, transparent)!important}}@media (max-width:820px){.hand-guide-heading{grid-template-columns:minmax(0,1fr);gap:22px}.hand-guide-heading>div{display:block}.hand-guide-heading h2{font-size:clamp(54px,16vw,76px);line-height:.78}.hand-guide-heading .work-modal-handwritten{margin-top:14px;font-size:clamp(21px,6vw,29px)}.hand-guide-heading>p{font-size:17px;line-height:1.58}.hand-guide-grid h3{padding-right:62px;font-size:20px}.hand-guide-grid p{font-size:16px}}.hand-guide-heading h2 span+span{margin-top:.12em}.hand-guide-card-icon--double{gap:12px;width:84px}.hand-guide-card-icon--double .hand-guide-gesture svg{margin-left:0!important}.hand-guide-card-icon--pinch{width:62px}.hand-guide-gesture--pinch{flex-basis:34px;width:34px;height:34px;transform:rotate(-8deg)scaleX(-1)}.hand-guide-card-icon .hand-guide-gesture--pinch .hand-guide-pinch-hand{width:34px;height:34px;color:var(--brand-green);fill:var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.hand-guide-card-icon .hand-guide-gesture--pinch .hand-guide-pinch-hand{fill:color-mix(in srgb, var(--brand-green) 18%, transparent)}}.hand-guide-card-icon .hand-guide-gesture--pinch .hand-guide-pinch-hand{stroke:var(--brand-green)}.hand-guide-pinch-point{z-index:2;border:1.5px solid var(--brand-green);background:var(--brand-green);width:6px;height:6px;box-shadow:0 0 0 2px var(--paper);border-radius:50%;display:block;position:absolute}@supports (color:color-mix(in lab, red, red)){.hand-guide-pinch-point{box-shadow:0 0 0 2px color-mix(in srgb, var(--paper) 72%, transparent)}}.hand-guide-pinch-point{transform-origin:50%}.hand-guide-pinch-index{top:0;left:10px}.hand-guide-pinch-thumb{top:18px;left:1px}@keyframes hand-guide-pinch-index-motion{0%,to{transform:translate(0)}46%,72%{transform:translate(-1px,4px)}}@keyframes hand-guide-pinch-thumb-motion{0%,to{transform:translate(0)}46%,72%{transform:translate(7px,-10px)}}.hand-guide-grid article:hover .hand-guide-pinch-index{animation:1.15s ease-in-out infinite hand-guide-pinch-index-motion}.hand-guide-grid article:hover .hand-guide-pinch-thumb{animation:1.15s ease-in-out infinite hand-guide-pinch-thumb-motion}.portfolio-shell.gesture-inverted .hand-guide-card-icon .hand-guide-gesture--pinch .hand-guide-pinch-hand,.portfolio-shell.gesture-inverted .hand-guide-pinch-point{color:var(--gesture-purple);border-color:var(--gesture-purple);background:var(--gesture-purple);stroke:var(--gesture-purple)}.hero-art--green-sweeping{isolation:isolate;z-index:500!important;overflow:visible!important}.hero-art--green-sweeping:before{z-index:0;will-change:transform;animation:2.8s cubic-bezier(.65,0,.35,1) both gesture-hero-shape-sweep!important}.hero-art--green-sweeping img{z-index:2}.gesture-green-sweep-timer{pointer-events:none;width:1px;height:1px;animation:2.8s linear both gesture-green-sweep-timer;position:absolute}@keyframes gesture-hero-shape-sweep{0%,to{transform:translate(var(--hero-shape-x,0%), var(--hero-shape-y,24px)) rotate(var(--hero-shape-rotation,15deg)) scale(var(--hero-shape-scale,1))}42%,58%{transform:translate(var(--hero-shape-x,0%), var(--hero-shape-y,24px)) rotate(var(--hero-shape-rotation,15deg)) scale(18)}}@keyframes gesture-green-sweep-timer{0%{opacity:1}to{opacity:.99}}@media (prefers-reduced-motion:reduce){.hero-art--green-sweeping:before,.gesture-green-sweep-timer{animation-duration:1.2s}.hand-guide-grid article:hover :is(.hand-guide-pinch-index,.hand-guide-pinch-thumb){animation:none}}@media (max-width:600px){.portfolio-shell .hero-art:before,.portfolio-shell.theme-dark .hero-art:before,.portfolio-shell.gesture-inverted .hero-art:before{--hero-shape-x:34%;--hero-shape-y:calc(-24% + 50px);--hero-shape-rotation:50deg;--hero-shape-scale:.9;--hero-shape-expanded-scale:1.16;transform:translate(var(--hero-shape-x), var(--hero-shape-y)) rotate(var(--hero-shape-rotation)) scale(var(--hero-shape-scale));transform-origin:50%;background:url(/hero-burst.svg?v=3) 50%/contain no-repeat;inset:0}.portfolio-shell .hero-art:after,.portfolio-shell.theme-dark .hero-art:after,.portfolio-shell.gesture-inverted .hero-art:after{content:"";z-index:0;transform-origin:50%;pointer-events:none;background:url(/hero-burst.svg?v=3) 50%/contain no-repeat;position:absolute;inset:0;transform:translate(-34%,calc(32% - 50px))rotate(-20deg)scale(.9)}.portfolio-shell.gesture-inverted .hero-art:after,.hero-art--green-sweeping:after{opacity:0}}.neon-mouse-cursor{display:none}@media (hover:hover) and (pointer:fine){html.has-neon-cursor,html.has-neon-cursor *{cursor:none!important}.neon-mouse-cursor{z-index:12000;opacity:0;pointer-events:none;will-change:transform;border-radius:50%;place-items:center;width:18px;height:18px;transition:width .15s,height .15s,opacity .1s;display:grid;position:fixed;top:0;left:0}.neon-mouse-cursor:before{content:"";border:1.5px solid var(--brand-green);border-radius:inherit;background:var(--brand-green);position:absolute;inset:1px}@supports (color:color-mix(in lab, red, red)){.neon-mouse-cursor:before{background:color-mix(in srgb, var(--brand-green) 9%, transparent)}}.neon-mouse-cursor:before{box-shadow:0 0 0 1px #ffffffd6, 0 0 7px 2px var(--brand-green), 0 0 18px 5px var(--brand-green)}@supports (color:color-mix(in lab, red, red)){.neon-mouse-cursor:before{box-shadow:0 0 0 1px #ffffffd6, 0 0 7px 2px color-mix(in srgb, var(--brand-green) 92%, transparent), 0 0 18px 5px color-mix(in srgb, var(--brand-green) 62%, transparent)}}.neon-mouse-cursor:after{content:"";background:var(--brand-green);border-radius:50%;width:11px;height:11px;position:absolute}@supports (color:color-mix(in lab, red, red)){.neon-mouse-cursor:after{background:color-mix(in srgb, var(--brand-green) 72%, transparent)}}.neon-mouse-cursor:after{filter:blur(8px)}.neon-mouse-cursor span{z-index:1;background:var(--brand-green);width:5px;height:5px;box-shadow:0 0 0 2px var(--hair-purple), 0 0 8px 3px var(--brand-green);border:1px solid #fff;border-radius:50%;position:relative}@supports (color:color-mix(in lab, red, red)){.neon-mouse-cursor span{box-shadow:0 0 0 2px var(--hair-purple), 0 0 8px 3px color-mix(in srgb, var(--brand-green) 88%, transparent)}}.neon-mouse-cursor span{transition:transform .12s,background .12s}.neon-mouse-cursor[data-visible=true]{opacity:1}.neon-mouse-cursor[data-interactive=true]{width:24px;height:24px}.neon-mouse-cursor[data-interactive=true] span{transform:scale(1.3)}.neon-mouse-cursor[data-pressed=true] span{background:#fff;transform:scale(.62)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
