/*! tailwindcss v4.3.3 | 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,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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]){appearance:button}::file-selector-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{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.shrink{flex-shrink:1}.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}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.grayscale{--tw-grayscale:grayscale(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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--paper:#fff;--ink:#0a0a0a;--muted:#737373;--faint:#b5b5b5;--line:#e9e9e9;--zebra:#f6f6f6;--signal:#ff922b;--pop-pink:#ff4d6d;--pop-blue:#4dabf7;--pop-orange:#ff922b;--pop-green:#51cf66;--pop-purple:#9775fa;--warm-1:#fff4e3;--warm-2:#ffd9b3;--font-display:"Inter Tight", -apple-system, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, "Segoe UI", sans-serif;--font-mono:"Fragment Mono", ui-monospace, SFMono-Regular, monospace;--pad:clamp(20px, 4vw, 56px);--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}::selection{background:var(--ink);color:var(--paper)}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}@keyframes pulse{50%{opacity:.5}}@keyframes bounce-arrow{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@keyframes pill-pop{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.07)rotate(-1.5deg)}75%{transform:scale(1.03)rotate(.5deg)}to{transform:scale(1)rotate(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes gradient-sweep{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin-morph{0%{border-radius:0;transform:rotate(0)scale(1)}25%{border-radius:50%;transform:rotate(90deg)scale(.8)}50%{border-radius:0;transform:rotate(180deg)scale(1)}75%{border-radius:50%;transform:rotate(270deg)scale(.8)}to{border-radius:0;transform:rotate(360deg)scale(1)}}@keyframes border-breathe{0%,to{border-color:#2e2e2e}50%{border-color:#555}}.nav{z-index:60;padding:18px var(--pad);color:#fff;mix-blend-mode:difference;background:0 0;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.nav :focus-visible{outline-color:#fff}.nav-name{font-family:var(--font-display);letter-spacing:-.02em;color:inherit;transition:opacity .3s var(--ease);font-size:16px;font-weight:800;text-decoration:none}.nav-name:hover{opacity:.6}.nav-name sup{font-size:.6em;font-weight:600}.nav-clock{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:11px}.nav-links{gap:26px;display:flex}.nav-links a{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:inherit;opacity:.75;transition:opacity .3s var(--ease);padding:2px 0;font-size:11px;text-decoration:none;position:relative}.nav-links a:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform .35s var(--ease);background:currentColor;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-links a:hover{opacity:1}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-links a.active{opacity:1}.nav-links a.active:after{transform:scaleX(1)}.nav-menu-btn{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:inherit;cursor:pointer;transition:opacity .25s var(--ease);background:0 0;border:1px solid;border-radius:99px;padding:10px 18px;font-size:11px;font-weight:600}.nav-menu-btn:hover{opacity:.6}@media (width>=769px){.mobile-only{display:none!important}}@media (width<=768px){.desktop-only{display:none!important}}.mnav{z-index:100;background:var(--paper);color:var(--ink);padding:18px var(--pad) 26px;opacity:0;visibility:hidden;flex-direction:column;transition:opacity .35s,visibility 0s linear .35s;display:flex;position:fixed;inset:0}.mnav.open{opacity:1;visibility:visible;transition:opacity .35s}.mnav-top{justify-content:space-between;align-items:center;display:flex}.mnav-clock{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:11px}.mnav-close{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:opacity .25s var(--ease), transform .25s var(--ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex}.mnav-close:hover{opacity:.65;transform:rotate(90deg)}.mnav-links{flex-direction:column;flex:1;justify-content:center;gap:2px;display:flex}.mnav-link{color:var(--ink);opacity:0;transition:opacity .45s,transform .6s cubic-bezier(.2,.75,.25,1);transition-delay:calc(var(--i,0) * 70ms);align-items:baseline;gap:18px;padding:12px 0;text-decoration:none;display:flex;transform:translateY(32px)}.mnav.open .mnav-link{opacity:1;transform:translateY(0)}.mnav:not(.open) .mnav-link{transition-delay:0s}.mnav-num{font-family:var(--font-mono);letter-spacing:.08em;color:var(--signal);font-size:12px}.mnav-label{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(42px,12vw,68px);font-weight:800;line-height:1.05}.mnav-link.active .mnav-label{color:var(--pop-pink)}.mnav-foot{border-top:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;font-size:11px;display:flex}.mnav-status{opacity:.85;align-items:center;gap:10px;display:inline-flex}.mnav-status .dot{background:var(--signal);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite pulse}:focus-visible,.svc-index-row:focus-visible,.roach:focus-visible,.nodes-mockup .node:focus-visible,.tl-chip:focus-visible,.tl-sample-btn:focus-visible,.run-btn:focus-visible{outline:2px solid var(--pop-pink);outline-offset:4px}@media (prefers-reduced-motion:reduce){.mnav,.mnav-link,.mnav-close,.nav-name,.nav-menu-btn,.nav-links a,.nav-links a:after{transition:none}.mnav-link{opacity:1;transform:none}.mnav-status .dot{animation:none}}.hero-reel{background:var(--paper);isolation:isolate;flex-direction:column;height:100svh;min-height:560px;display:flex;position:relative;overflow:hidden}.hero-reel:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.55;background-size:76px 76px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(95% 85% at 50% 45%,#000 25%,#0000 78%);mask-image:radial-gradient(95% 85% at 50% 45%,#000 25%,#0000 78%)}.hero-reel:after{content:"";z-index:0;pointer-events:none;aspect-ratio:1;background:radial-gradient(circle,#f59e0b21,#0000 62%);width:min(680px,90vw);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.reel-top{padding:22px var(--pad) 0;color:var(--ink);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;z-index:3;justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex;position:relative}.reel-kicker{flex-wrap:wrap;align-items:center;gap:10px;margin:0;display:flex}.reel-kicker .dot{background:var(--signal);border-radius:50%;flex:none;width:8px;height:8px;animation:2.4s ease-in-out infinite pulse}.reel-kicker .sep{opacity:.5}.role-ticker{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink);align-items:center;gap:8px;margin:0;font-size:11px;display:flex}.tick-bracket{opacity:.55;font-weight:700}.tick-word{min-width:92px;font-weight:600;animation:.45s cubic-bezier(.2,.8,.3,1) tick-in;display:inline-block}@keyframes tick-in{0%{opacity:0;transform:translateY(10px)}}.reel-center{min-height:0;padding:clamp(10px, 2vh, 20px) var(--pad);padding-bottom:calc(clamp(10px, 2vh, 20px) + var(--nav-h,60px));z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(12px,2.2vh,24px);display:flex;position:relative}.reel-hi-mask{z-index:3;flex-shrink:0;margin:-14px -24px -20px;padding:14px 24px 20px;position:relative;overflow:hidden}.reel-hi{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);text-align:center;white-space:nowrap;margin:0;font-size:clamp(40px,6.4vw,96px);font-weight:800;line-height:1}.par-card{position:relative}.par-card:after{content:"";box-shadow:0 38px 90px #00000047, 0 0 0 2px var(--signal);opacity:0;transition:opacity .5s var(--ease);pointer-events:none;border-radius:20px;position:absolute;inset:0}@media (hover:hover){.par-card:hover:after{opacity:1}}.reel-card{aspect-ratio:3/4;border:1px solid var(--line);background:#101010;border-radius:20px;width:min(350px,74vw);margin:0;position:relative;overflow:hidden;box-shadow:0 30px 70px #0000002e}.reel-card .card-photo{object-fit:cover;object-position:50% 20%;width:100%;height:100%;display:block;position:absolute;inset:0}.reel-card .photo-gray{filter:grayscale()contrast(1.03)}.reel-bottom-row{width:min(350px,74vw);color:var(--ink);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex}.reel-cap{opacity:.6;margin:0}.reel-scroll{color:var(--ink);white-space:nowrap;transition:transform .3s var(--ease);cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.reel-scroll:hover{transform:translateY(2px)}.reel-scroll .arrow{color:var(--signal);animation:1.8s ease-in-out infinite cue-bob;display:inline-block}@keyframes cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.hi-select{display:inline-block;position:relative}.hi-box{pointer-events:none;border:1.5px solid #0d99ff;border-radius:3px;position:absolute;inset:-10px -18px}.hi-handle{background:#fff;border:1.5px solid #0d99ff;border-radius:1.5px;width:8px;height:8px;position:absolute}.hi-handle.h-nw{top:-5px;left:-5px}.hi-handle.h-n{top:-5px;left:calc(50% - 4px)}.hi-handle.h-ne{top:-5px;right:-5px}.hi-handle.h-w{top:calc(50% - 4px);left:-5px}.hi-handle.h-e{top:calc(50% - 4px);right:-5px}.hi-handle.h-sw{bottom:-5px;left:-5px}.hi-handle.h-s{bottom:-5px;left:calc(50% - 4px)}.hi-handle.h-se{bottom:-5px;right:-5px}.hi-cursor{pointer-events:none;filter:drop-shadow(0 2px 4px #0a0a0a40);position:absolute;top:52%;left:-6px}.reel-stickers{z-index:3;pointer-events:none;position:absolute;inset:0}.sticker{display:block;position:absolute}.sticker:hover{z-index:10}.sticker-par{display:block}.doodle{flex-direction:column;align-items:center;gap:8px;display:flex;transform:translate(-50%,-50%)}.doodle-svg{width:auto;height:76px;display:block}.doodle-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);white-space:nowrap;font-size:10px;font-weight:600}.doodle-pill{background:var(--ink);color:var(--paper);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:11px;font-weight:600;display:inline-flex;transform:translate(-50%,-50%)}.doodle-pill .sdot{background:var(--signal);border-radius:50%;flex:none;width:8px;height:8px;animation:2.2s ease-in-out infinite dot-pulse}.reel-floaters{z-index:3;pointer-events:none;position:absolute;inset:0}.cursor-float{display:block;position:absolute}.cursor-par{display:block}.cursor-inner{align-items:flex-start;animation:3.4s ease-in-out infinite cursor-bob;display:flex;transform:translate(-50%,-50%)}.cursor-mini{background:var(--ink);color:#fff;font-family:var(--font-mono);letter-spacing:.08em;white-space:nowrap;border-radius:999px;flex:none;order:-1;margin:32px 8px 0 0;padding:7px 11px;font-size:10px;font-weight:700}.cursor-arrow{filter:drop-shadow(0 3px 6px #0a0a0a40);flex:none}.cursor-pill-tag{color:#fff;font-family:var(--font-display);letter-spacing:.05em;border:2.5px solid var(--ink);white-space:nowrap;transform:rotate(var(--pill-rot,-8deg));border-radius:999px;flex:none;margin:18px 0 0 -4px;padding:11px 18px;font-size:14px;font-weight:800;box-shadow:0 8px 20px #0a0a0a2e}@keyframes cursor-bob{0%,to{transform:translate(-50%,-50%)translateY(-6px)}50%{transform:translate(-50%,-50%)translateY(6px)}}@media (width<=768px){.reel-floaters{display:none}}@media (prefers-reduced-motion:reduce){.cursor-inner{animation:none}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.5)}}.reel-edge{writing-mode:vertical-rl;font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--muted);z-index:1;pointer-events:none;white-space:nowrap;font-size:10px;position:absolute;top:50%;translate:0 -50%}.reel-edge-l{left:26px;rotate:180deg}.reel-edge-r{right:26px}.reel-corner{font-family:var(--font-mono);color:var(--muted);z-index:1;pointer-events:none;font-size:14px;font-weight:400;line-height:1;position:absolute}.rc-tl{top:78px;left:22px}.rc-tr{top:78px;right:22px}.rc-bl{bottom:44px;left:22px}.rc-br{bottom:44px;right:22px}@media (width<=768px){.reel-edge,.reel-corner{display:none}}.reel-ruler{z-index:4;background:var(--paper);border-top:1px solid var(--line);pointer-events:none;height:46px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ruler-track{background-image:repeating-linear-gradient(90deg, var(--faint) 0 1px, transparent 1px 10px), repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px 100px);will-change:transform;background-position:0 100%,0 100%;background-repeat:repeat-x;background-size:100% 16px,100% 28px;width:max-content;height:100%;display:flex}.ruler-copy{display:flex}.rnum{width:100px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);-webkit-user-select:none;user-select:none;flex:none;padding:6px 0 0 6px;font-size:12px}@media (prefers-reduced-motion:reduce){.reel-card .photo-gray{display:none}.tick-word,.reel-kicker .dot,.doodle-pill .sdot,.reel-scroll .arrow{animation:none}.hi-cursor{display:none}.ruler-track{will-change:auto}}@media (width<=768px){.reel-top{padding:18px var(--pad) 0;flex-direction:column;align-items:flex-start;gap:6px}.hero-reel{height:auto;min-height:100svh}.reel-hi-mask{margin:6px -24px -20px}.reel-center{gap:clamp(20px,3.4vh,34px)}.reel-kicker .sep,.reel-kicker span:nth-child(n+4){display:none}.reel-hi{font-size:clamp(36px,10.5vw,60px)}.reel-bottom-row{width:min(350px,74vw)}.hero-reel:before{background-size:52px 52px}.reel-stickers{z-index:3;pointer-events:none;position:absolute;inset:0}.sticker{position:absolute!important}.doodle,.doodle-pill{transform:translate(-50%,-50%)}.doodle-svg{height:52px}.doodle-label{letter-spacing:.06em;color:var(--paper);text-shadow:0 1px 8px #000000a6;font-size:8px}.doodle-pill{padding:8px 14px;font-size:10px}.reel-stickers .sticker:first-child{top:30%!important;left:14%!important}.reel-stickers .sticker:nth-child(2){top:62%!important;left:12%!important}.reel-stickers .sticker:nth-child(3){top:29%!important;left:60%!important}.reel-stickers .sticker:nth-child(4){top:31%!important;left:87%!important}.reel-stickers .sticker:nth-child(5){top:58%!important;left:88%!important}.reel-stickers .sticker:nth-child(6){top:74%!important;left:50%!important}.reel-ruler{height:34px}.rnum{padding-top:4px;font-size:10px}.ruler-track{background-size:100% 11px,100% 19px}.hi-box{inset:-7px -12px}.hi-cursor{width:18px;height:18px}}.statement{background:var(--paper);color:var(--ink);padding:clamp(72px, 12vh, 140px) var(--pad);position:relative;overflow:clip}.statement:before{content:"";background:linear-gradient(to bottom, #fff0 0%, #ffffff4d 20%, var(--paper) 100%);pointer-events:none;z-index:2;height:120px;position:absolute;top:-2px;left:0;right:0}.st-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);z-index:3;margin:0 0 clamp(20px,3vh,36px);font-size:12px;position:relative}.st-headline{font-family:var(--font-display);letter-spacing:-.035em;z-index:3;max-width:20ch;margin:0;font-size:clamp(40px,6.4vw,104px);font-weight:750;line-height:1.04;position:relative}.st-line{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:hidden}.st-line-inner{display:block}.st-chip{aspect-ratio:16/10;object-fit:cover;vertical-align:-.06em;height:.68em;transition:transform .4s var(--ease);cursor:pointer;border-radius:999px;margin:0 .08em;display:inline-block}.st-chip:hover{transform:scale(1.2)rotate(3deg)}.st-line:first-child .st-chip{object-position:50% 16%}.st-line:nth-child(3) .st-chip{object-position:50% 88%}.st-pills{z-index:3;flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:clamp(28px,5vh,56px);display:flex;position:relative}.st-pill{font-family:var(--font-display);letter-spacing:-.02em;transition:transform .35s var(--ease);cursor:pointer;border-radius:4px;align-items:center;padding:.55em 1em;font-size:clamp(20px,2.6vw,34px);font-weight:650;line-height:1.1;display:inline-flex;position:relative;overflow:hidden}.st-pill:hover{transform:translateY(-3px)scale(1.03)}.st-pill.tone-pink{background:var(--pop-pink);color:#fff}.st-pill.tone-blue{background:var(--pop-blue);color:#fff}.st-pill.tone-green{background:var(--pop-green);color:var(--ink)}.st-pill.tone-purple{background:var(--pop-purple);color:#fff}.st-pill.tone-ink{background:var(--ink);color:var(--paper)}.st-pill.tone-amber{background:var(--signal);color:var(--ink)}@media (width<=768px){.st-headline{font-size:clamp(34px,10.5vw,56px)}.st-pill{font-size:clamp(18px,5.4vw,26px)}.statement:before{height:80px}}section.block{padding:clamp(72px, 11vh, 132px) var(--pad)}.sec-fit{margin:0 calc(var(--pad) * -1) clamp(10px, 2vh, 20px);padding:0 var(--pad)}.sec-sub{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:6px;padding-bottom:16px;font-size:11px;display:flex}.proj{border-top:1px solid var(--line)}.proj:last-of-type{border-bottom:1px solid var(--line)}.proj-head{cursor:pointer;text-align:left;width:100%;color:var(--ink);font:inherit;background:0 0;border:0;grid-template-columns:56px 1fr auto 44px;align-items:center;gap:16px;padding:28px 0;display:grid}.proj-idx{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);transition:color .35s var(--ease);font-size:11px}#work>article:first-of-type .proj-idx{color:var(--pop-pink)}#work>article:nth-of-type(2) .proj-idx{color:var(--pop-blue)}#work>article:nth-of-type(3) .proj-idx{color:var(--pop-green)}#work>article:nth-of-type(4) .proj-idx{color:var(--pop-purple)}.proj-head:hover .proj-idx{color:var(--signal)}.proj-title{font-family:var(--font-display);letter-spacing:-.03em;transition:transform .45s var(--ease), font-style .3s;font-size:clamp(30px,5.2vw,68px);font-weight:700;line-height:1}.proj-head:hover .proj-title{font-style:italic;transform:translate(14px)}.proj-year{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;text-align:right;font-size:11px}.proj-plus{justify-self:end;width:20px;height:20px;position:relative}.proj-plus:before,.proj-plus:after{content:"";background:var(--ink);transition:transform .45s var(--ease);position:absolute}.proj-plus:before{width:20px;height:2px;top:9px;left:0}.proj-plus:after{width:2px;height:20px;top:0;left:9px}.proj-head[aria-expanded=true] .proj-plus:after{transform:rotate(90deg)}.proj-head[aria-expanded=true] .proj-plus:before{transform:rotate(180deg)}.proj-body{transition:grid-template-rows .6s var(--ease);grid-template-rows:0fr;display:grid}.proj-head[aria-expanded=true]+.proj-body{grid-template-rows:1fr}.proj-inner{min-width:0;overflow:hidden}.proj-desc{color:#3d3d3d;max-width:62ch;padding:6px 0 6px 72px;font-size:clamp(15px,1.7vw,19px)}.proj-desc strong{color:var(--ink);font-weight:500}.proj-desc em{font-style:italic}.proj-meta{font-family:var(--font-mono);letter-spacing:.06em;flex-wrap:wrap;gap:8px;padding:18px 0 18px 72px;font-size:11px;display:flex}.proj-meta-pill{border:1.5px solid var(--ink);white-space:nowrap;border-radius:999px;padding:7px 14px}.proj-meta-pill b{font-weight:700}.proj-meta-pill.mp-0{background:var(--pop-pink);border-color:var(--pop-pink);color:#fff}.proj-meta-pill.mp-1{background:var(--pop-blue);border-color:var(--pop-blue);color:#fff}.proj-meta-pill.mp-2{background:var(--pop-green);border-color:var(--pop-green);color:var(--ink)}.proj-meta-pill.mp-3{background:var(--pop-purple);border-color:var(--pop-purple);color:#fff}.proj-meta .sep{color:var(--faint)}.density{flex-wrap:wrap;align-items:center;gap:6px;padding:18px 0 18px 72px;display:flex}.density .mono{color:var(--muted);margin-right:10px}.density button{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);cursor:pointer;color:var(--muted);transition:background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);background:0 0;border-radius:999px;padding:8px 16px;font-size:11px}.density button:hover{border-color:var(--ink);color:var(--ink)}.density button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.gallery{background:var(--line);border:1px solid var(--line);gap:1px;margin:0 0 36px 72px;display:grid}.gallery[data-density=featured]{grid-template-columns:1.4fr 1fr}.gallery[data-density=uniform]{grid-template-columns:1fr 1fr}.gallery[data-density=dense]{grid-template-columns:repeat(4,minmax(0,1fr))}.tile{background:var(--ink);align-items:stretch;min-width:0;min-height:230px;padding:0;display:flex;position:relative;overflow:hidden}.tile img{object-fit:cover;filter:grayscale()contrast(1.04);width:100%;height:100%;transition:transform .9s var(--ease);position:absolute;inset:0}.tile:hover img{transform:scale(1.045)}.tile-overlay{width:100%;color:var(--paper);background:linear-gradient(#05050500,#050505cc);flex-direction:column;justify-content:flex-end;gap:10px;margin-top:auto;padding:clamp(18px,2.6vw,30px);display:flex;position:relative}.gallery[data-density=featured] .tile:first-child{grid-row:span 2;min-height:440px}.gallery[data-density=featured] .tile:first-child .tile-big{font-size:clamp(26px,3vw,44px)}.gallery[data-density=dense] .tile{min-height:150px}.gallery[data-density=dense] .tile-big{display:none}.gallery[data-density=dense] .tile-overlay{padding:14px 16px}.tile-big{font-family:var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere;color:var(--paper);font-size:clamp(19px,2vw,27px);font-weight:600;line-height:1.1}.tile-cap{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffffa6;font-size:11px}.theme-dark{background:var(--ink);color:var(--paper)}.theme-dark ::selection{background:var(--paper);color:var(--ink)}.about-statement{font-family:var(--font-display);letter-spacing:-.035em;max-width:22ch;margin:clamp(24px,4vh,44px) 0 clamp(36px,6vh,72px);font-size:clamp(42px,7.2vw,110px);font-weight:700;line-height:1.04}.about-statement .dim{color:#5c5c5c}.about-statement .cw-pink{color:var(--pop-pink)}.about-statement .cw-blue{color:var(--pop-blue)}.about-statement .cw-green{color:var(--pop-green)}.about-grid{grid-template-columns:1fr 1fr;gap:48px;margin-bottom:clamp(48px,8vh,96px);display:grid}.about-grid p{color:#d4d4d4;max-width:56ch;font-size:clamp(15px,1.6vw,18px)}.about-grid p+p{margin-top:1.2em}.about-grid strong{color:var(--paper);font-weight:500}.about-stack-wrap{margin-top:24px}.stack-heading{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:12px;font-size:11px;display:block}.stack-pills{flex-wrap:wrap;gap:10px;display:flex}.stack-pill{font-family:var(--font-mono);color:#e5e5e5;transition:background-color .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:99px;padding:6px 14px;font-size:12px;display:inline-block}.stack-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}.stack-pill.sp-0{background:var(--pop-pink);border-color:var(--pop-pink);color:#fff}.stack-pill.sp-1{background:var(--pop-blue);border-color:var(--pop-blue);color:#fff}.stack-pill.sp-2{background:var(--pop-green);border-color:var(--pop-green);color:#06130a}.stack-pill.sp-3{background:var(--pop-purple);border-color:var(--pop-purple);color:#fff}.status-strip{border-top:1px solid #2e2e2e;border-bottom:1px solid #2e2e2e;flex-wrap:wrap;align-items:center;gap:18px;margin:0 0 clamp(44px,7vh,84px);padding:22px 0;display:flex}.hover-glow-text{transition:color .3s var(--ease), text-shadow .3s var(--ease)}.hover-glow-text:hover{color:var(--signal);text-shadow:0 0 16px #f59e0b66}.ss-dot{background:var(--signal);border-radius:50%;flex:none;width:10px;height:10px}.ss-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#8a8a8a;font-size:11px}.ss-text{font-family:var(--font-display);letter-spacing:-.02em;color:var(--paper);font-size:clamp(18px,2.4vw,30px);font-weight:600}.resume-block{border-top:1px solid #2e2e2e;grid-template-columns:220px minmax(0,1fr);gap:32px;padding:32px 0;display:grid}.resume-block:last-child{border-bottom:1px solid #2e2e2e}.resume-label{align-self:start;position:sticky;top:96px}.resume-label .mono{color:#8a8a8a}.resume-row{border-top:1px solid #242424;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px 24px;padding:16px 0;display:grid}.resume-row:first-of-type{border-top:0}.r-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(18px,2.1vw,24px);font-weight:600}.r-sub{color:#8a8a8a;margin-top:2px;font-size:14px}.r-date{font-family:var(--font-mono);letter-spacing:.06em;color:#8a8a8a;text-transform:uppercase;white-space:nowrap;font-size:11px}.svc-index-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch;gap:clamp(32px,5vw,88px);margin-top:clamp(28px,5vh,54px);display:grid}.svc-index-list{flex-direction:column;display:flex;position:relative}.svc-index-list:before{content:"";background:var(--line);width:1px;position:absolute;top:30px;bottom:30px;left:14px}.svc-rail-progress{background:var(--rail-color,var(--pop-pink));transform-origin:top;will-change:transform;width:1px;transition:background-color .4s var(--ease);position:absolute;top:30px;bottom:30px;left:14px;transform:scaleY(0)}.svc-index-row{text-align:left;cursor:pointer;width:100%;color:var(--ink);font:inherit;background:0 0;border:none;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:18px;padding:clamp(84px,15vh,140px) 0;display:grid}.svc-node{align-self:stretch;position:relative}.svc-node:after{content:"";border:1.5px solid var(--muted);background:var(--paper);width:13px;height:13px;transition:background-color .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease), transform .3s var(--ease);border-radius:50%;position:absolute;top:8px;left:50%;transform:translate(-50%)}.svc-index-row.active .svc-node:after{background:var(--signal);border-color:var(--signal);box-shadow:0 0 0 6px var(--signal);transform:translate(-50%)scale(1.15)}@supports (color:color-mix(in lab, red, red)){.svc-index-row.active .svc-node:after{box-shadow:0 0 0 6px color-mix(in srgb, var(--signal) 18%, transparent)}}.svc-index-list>button:first-of-type.active .svc-node:after{background:var(--pop-pink);border-color:var(--pop-pink);box-shadow:0 0 0 6px var(--pop-pink)}@supports (color:color-mix(in lab, red, red)){.svc-index-list>button:first-of-type.active .svc-node:after{box-shadow:0 0 0 6px color-mix(in srgb, var(--pop-pink) 20%, transparent)}}.svc-index-list>button:first-of-type.active .svc-index-num{color:var(--pop-pink)}.svc-index-list>button:nth-of-type(2).active .svc-node:after{background:var(--pop-blue);border-color:var(--pop-blue);box-shadow:0 0 0 6px var(--pop-blue)}@supports (color:color-mix(in lab, red, red)){.svc-index-list>button:nth-of-type(2).active .svc-node:after{box-shadow:0 0 0 6px color-mix(in srgb, var(--pop-blue) 20%, transparent)}}.svc-index-list>button:nth-of-type(2).active .svc-index-num{color:var(--pop-blue)}.svc-index-list>button:nth-of-type(3).active .svc-node:after{background:var(--pop-green);border-color:var(--pop-green);box-shadow:0 0 0 6px var(--pop-green)}@supports (color:color-mix(in lab, red, red)){.svc-index-list>button:nth-of-type(3).active .svc-node:after{box-shadow:0 0 0 6px color-mix(in srgb, var(--pop-green) 20%, transparent)}}.svc-index-list>button:nth-of-type(3).active .svc-index-num{color:var(--pop-green)}.svc-index-list>button:nth-of-type(4).active .svc-node:after{background:var(--pop-purple);border-color:var(--pop-purple);box-shadow:0 0 0 6px var(--pop-purple)}@supports (color:color-mix(in lab, red, red)){.svc-index-list>button:nth-of-type(4).active .svc-node:after{box-shadow:0 0 0 6px color-mix(in srgb, var(--pop-purple) 22%, transparent)}}.svc-index-list>button:nth-of-type(4).active .svc-index-num{color:var(--pop-purple)}.svc-index-num{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);transition:color .3s var(--ease);margin-bottom:10px;font-size:12px;display:block}.svc-index-name{font-family:var(--font-display);letter-spacing:-.02em;transition:transform .35s var(--ease);font-size:clamp(26px,2.6vw,40px);font-weight:700;line-height:1.05;display:block}.svc-index-tags{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-top:10px;font-size:11px;display:block}.svc-index-desc{opacity:0;max-height:0;color:var(--muted-ink,#555);transition:max-height .45s var(--ease), opacity .35s var(--ease), margin-top .45s var(--ease);margin-top:0;font-size:15px;line-height:1.6;display:block;overflow:hidden}.svc-index-row:hover .svc-index-name{transform:translate(6px)}.svc-index-row.active .svc-index-num{color:var(--signal);font-weight:700}.svc-index-row.active .svc-index-name{transform:translate(6px)}.svc-index-row.active .svc-index-desc{opacity:1;max-height:120px;margin-top:12px}.svc-stage-col{position:relative}.svc-stage-sticky{position:sticky;top:110px}.svc-stage-frame{border:1px solid var(--line);background:#0f0f0f;border-radius:20px;height:clamp(380px,55vh,540px);position:relative;overflow:hidden;box-shadow:0 24px 60px #0000001f}.svc-stage-panel{opacity:0;visibility:hidden;position:absolute;inset:0}.svc-stage-panel.active{opacity:1;visibility:visible}.svc-stage-caption{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:14px 0 0;font-size:11px;display:flex}@media (prefers-reduced-motion:reduce){.svc-stage-panel,.svc-stage-panel.active,.svc-index-desc,.svc-index-name,.svc-node:after{transition:none}}.cm-body{flex:1;min-height:0;position:relative}.cm-svg{width:100%;height:100%;position:absolute;inset:0}.cm-link{stroke:#3a3a3a;stroke-width:1.5px}.cm-node{transform-box:fill-box}.cm-node circle{fill:#1e1e1e;stroke:#4a4a4a;stroke-width:1.5px}.cm-node.cm-center .cm-person,.cm-node .cm-person{fill:#0a0a0a}.cm-node text{fill:#f5f5f5;font-family:var(--font-mono);text-anchor:middle;dominant-baseline:central;-webkit-user-select:none;user-select:none;font-size:13px}.cm-node.cm-center .cm-core{fill:var(--signal);stroke:var(--signal)}.cm-node.cm-center .cm-orbit{fill:none;stroke:var(--signal);stroke-width:1.5px;stroke-dasharray:4 7;opacity:.65;transform-box:fill-box;transform-origin:50%;animation:14s linear infinite cm-spin}@keyframes cm-spin{to{transform:rotate(360deg)}}.cm-shock{fill:none;stroke:var(--signal);stroke-width:2.5px;opacity:0}.cm-ambient{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cm-dot{opacity:.5;border-radius:50%;width:7px;height:7px;animation:7s ease-in-out infinite cm-drift;position:absolute}.cm-dot.d0{background:var(--pop-pink);top:22%;left:12%}.cm-dot.d1{background:var(--pop-blue);animation-delay:-2s;top:18%;left:88%}.cm-dot.d2{background:var(--pop-green);animation-delay:-4s;top:68%;left:8%}.cm-dot.d3{background:var(--pop-purple);animation-delay:-1s;top:72%;left:92%}.cm-dot.d4{background:var(--pop-orange);animation-delay:-5s;top:8%;left:50%}.cm-dot.d5{background:var(--pop-pink);animation-delay:-3s;top:90%;left:50%}@keyframes cm-drift{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.7;transform:translateY(-16px)}}@media (prefers-reduced-motion:reduce){.cm-node.cm-center .cm-orbit,.cm-dot{animation:none}}.svc-stage-panel:not(.active) .cm-orbit,.svc-stage-panel:not(.active) .cm-dot{animation-play-state:paused}.cm-node.cm-center text{fill:#0a0a0a;font-size:15px;font-weight:700}.cm-pulse{fill:var(--signal);opacity:0}.cm-bubble-pos{pointer-events:none;position:absolute;transform:translate(-50%,-140%)}.cm-bubble{background:var(--paper);color:var(--ink);font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;border-radius:11px;padding:6px 11px;font-size:11px;display:inline-block;box-shadow:0 4px 16px #0006}.cm-counter{text-align:center;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#8a8a8a;font-size:11px;position:absolute;bottom:14px;left:0;right:0}.cm-count{color:var(--signal);font-weight:700}.sv-stage{color:#e6e6e6;width:100%;height:100%;font-family:var(--font-mono);background:#0f0f0f;flex-direction:column;display:flex;overflow:hidden}.sv-stage-bar{letter-spacing:.1em;text-transform:uppercase;color:#6f6f6f;border-bottom:1px solid #1e1e1e;flex:none;align-items:center;gap:8px;padding:7px 18px;font-size:10px;display:flex}.sv-stage-bar .bar-right{color:#8a8a8a;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.sv-stage-body{flex:1;align-items:stretch;min-height:0;display:flex;position:relative}.sv-pane-label{letter-spacing:.12em;text-transform:uppercase;color:#555;margin-bottom:10px;font-size:9px}@media (prefers-reduced-motion:reduce){.sv-stage .sv-design-cursor,.sv-stage .demo-cursor{display:none}}.sv-codeflow{gap:14px;width:100%;display:flex}.sv-codeflow .sv-pane{flex:1;min-width:0}.sv-code{font-family:var(--font-mono);background:#ffffff08;border:1px solid #2a2a2a;border-radius:10px;min-height:148px;padding:14px 14px 18px;font-size:12.5px;line-height:1.9}.sv-code-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sv-code-rest{color:#bdbdbd}.sv-caret{background:var(--signal);vertical-align:-2px;width:8px;height:15px;margin-left:2px;display:inline-block}.sv-preview{background:#fff;border-radius:10px;flex-direction:column;min-height:148px;display:flex;overflow:hidden}.pv-nav{border-bottom:1px solid #eee;align-items:center;gap:8px;padding:10px 12px;display:flex}.pv-logo{background:var(--ink);border-radius:6px;width:22px;height:22px}.pv-link{background:#e4e4e4;border-radius:4px;width:44px;height:8px}.pv-blocks{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:10px;padding:12px;display:grid}.pv-block{border-radius:8px;height:34px}.pv-block.b2,.pv-block.b3{height:26px}.sv-pane{flex-direction:column;justify-content:center;min-width:0;padding:12px 18px;display:flex;position:relative}.sv-pane+.sv-pane{border-left:1px solid #1e1e1e}.pt-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;padding:14px 18px 18px;display:grid;position:relative}.pt-box{background:#232323;border:1px dashed #4a4a4a;border-radius:6px;height:64px;position:relative;overflow:hidden}.pt-box.hero{grid-column:1/-1;height:84px}.pt-fill{transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.pt-label{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffffbf;text-transform:uppercase;font-size:10px;position:absolute;bottom:8px;left:10px}.sv-paint-cursor{pointer-events:none;filter:drop-shadow(0 2px 5px #00000073);z-index:2;position:absolute;top:0;left:0}.sv-paint-cursor svg{display:block}.pt-dot{opacity:0;border-radius:50%;width:10px;height:10px;position:absolute;top:14px;left:14px}.pl-body{justify-content:center;align-items:center;width:100%;padding:18px;display:flex}.pl-track{justify-content:space-between;align-items:flex-start;width:100%;padding:26px 8px 10px;display:flex;position:relative}.pl-line{background:#2e2e2e;border-radius:2px;height:2px;position:absolute;top:38px;left:24px;right:24px}.pl-gate{z-index:1;transition:transform .3s var(--ease);flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.pl-gate.lit{transform:translateY(-4px)}.pl-gate-dot{background:#2a2a2a;border:2px solid #4a4a4a;border-radius:50%;width:22px;height:22px;transition:background .25s,border-color .25s,box-shadow .25s}.pl-gate.lit .pl-gate-dot{background:var(--signal);border-color:var(--signal);box-shadow:0 0 14px 3px #ff922ba6}.pl-gate-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#cfcfcf;font-size:11px}.pl-gate-sub{font-family:var(--font-mono);letter-spacing:.04em;color:#6a6a6a;font-size:9px}.pl-packet{opacity:0;z-index:2;pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:38px;left:0;box-shadow:0 0 12px 3px #ffffffb3}.pl-ok{font-family:var(--font-mono);letter-spacing:.08em;color:#0a0a0a;opacity:0;white-space:nowrap;background:#51cf66;border-radius:999px;padding:5px 12px;font-size:10px;font-weight:700;position:absolute;top:0;left:8px}.sv-stats{grid-template-columns:repeat(3,1fr);align-items:stretch;width:100%;display:grid}@media (width<=640px){.sv-codeflow{flex-direction:column}.sv-codeflow .sv-pane:last-child{display:none}.sv-pane{padding:8px 14px}}.sv-dot{border-radius:50%;width:8px;height:8px}.sv-dot.red{background:#ff5f56}.sv-dot.yellow{background:var(--pop-orange)}.sv-dot.green{background:#27c93f}.sv-live-badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#27c93f;align-items:center;gap:6px;margin-left:auto;font-size:10px;display:inline-flex}.sv-live-dot{background:#27c93f;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite pulse}.sv-live-body{padding:14px 16px;position:relative}.demo-nav{align-items:center;gap:8px;margin-bottom:12px;display:flex}.demo-logo{background:var(--signal);border-radius:6px;flex:none;width:22px;height:22px}.demo-link{background:#2c2c2c;border-radius:4px;width:34px;height:8px}.demo-hero{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.demo-bar{background:#2c2c2c;border-radius:5px;width:88%;height:10px;display:block}.demo-bar.bar-title{background:#3d3d3d;width:64%;height:14px}.demo-bar.bar-short{width:52%}.demo-bar.bar-tiny{width:110px;height:8px}.demo-actions{align-items:center;gap:12px;display:flex;position:relative}.demo-cta{background:var(--signal);color:#141414;font-family:var(--font-mono);letter-spacing:.02em;border-radius:8px;padding:7px 16px;font-size:12px;font-weight:700;display:inline-block}.demo-cursor{filter:drop-shadow(0 2px 5px #00000073);pointer-events:none;margin-top:-9px;position:absolute;top:50%;left:42px}.demo-toast{text-align:center;pointer-events:none;position:absolute;bottom:14px;left:0;right:0}.demo-toast-pill{color:#e8e8e8;font-family:var(--font-mono);background:#1c1c1c;border:1px solid #333;border-radius:999px;padding:7px 14px;font-size:11px;display:inline-block;box-shadow:0 6px 18px #00000059}@media (prefers-reduced-motion:reduce){.demo-cursor,.demo-toast,.sv-live-dot{display:none}}.gv-1{background:radial-gradient(130% 130% at 18% 12%,#fff 0%,#e9e9e9 42%,#c6c6c6 100%)}.gv-2{background:linear-gradient(115deg,#f7f7f7 0 55%,#c2c2c2 55% 100%)}.gv-3{background:conic-gradient(from 210deg at 65% 35%,#f2f2f2,#d3d3d3,#efefef,#cdcdcd,#f2f2f2)}.gv-4{background:linear-gradient(135deg,#191919 0%,#333 58%,#0e0e0e 100%)}.svc-card-body{flex-direction:column;flex:1;gap:16px;padding:clamp(30px,4.5vw,56px) clamp(26px,4vw,52px) clamp(34px,5vw,60px);display:flex;position:relative;overflow:hidden}.svc-name{z-index:1;font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.04em;margin:0;font-size:clamp(44px,7.4vw,120px);font-weight:800;line-height:.9;position:relative}.svc-desc{z-index:1;color:#333;max-width:46ch;margin:4px 0 0;font-size:clamp(16px,1.7vw,20px);line-height:1.55;position:relative}.svc-tags{z-index:1;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);margin:auto 0 0;padding-top:22px;font-size:11px;position:relative}.svc-ghost{z-index:0;font-family:var(--font-display);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1.5px #d9d9d9;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(170px,26vw,400px);font-weight:800;line-height:1;position:absolute;bottom:-.24em;right:-.06em}.contact{background:var(--paper);color:var(--ink);padding:clamp(110px, 17vh, 210px) var(--pad);position:relative;overflow:hidden}.contact-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 clamp(22px,4vh,44px);font-size:12px}.contact-kicker .brk{color:var(--pop-pink)}.contact-email{color:var(--ink);margin-top:clamp(18px,3.5vh,36px);text-decoration:none;display:block}.contact-email .fit{font-family:var(--font-display);letter-spacing:-.03em;transition:transform .4s cubic-bezier(.34, 1.56, .64, 1), color .4s var(--ease);color:var(--ink);font-weight:800;line-height:1;display:inline-block}.contact-email:hover .fit{color:var(--pop-pink);transform:rotate(-3deg)scale(1.02)}.contact-sub{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:clamp(26px,5vh,52px) 0 0;font-size:12px}.contact-stickers{pointer-events:none;z-index:1;position:absolute;inset:0}.contact-sticker{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--ink);color:#fff;white-space:nowrap;border-radius:999px;padding:8px 15px;font-size:11px;font-weight:700;position:absolute;box-shadow:0 6px 16px #0a0a0a1f}.contact-sticker.cs-1{background:var(--pop-pink);top:16%;left:5%;transform:rotate(-8deg)}.contact-sticker.cs-2{background:var(--pop-blue);bottom:20%;right:7%;transform:rotate(6deg)}.contact-sticker.cs-3{background:var(--pop-green);color:var(--ink);bottom:18%;left:10%;transform:rotate(5deg)}.contact-cursor{z-index:2;pointer-events:none;align-items:flex-start;animation:3.2s ease-in-out infinite contact-bob;display:flex;position:absolute;top:clamp(70px,12vh,150px);right:clamp(20px,7vw,110px)}.contact-arrow{transform:rotate(128deg)}.contact-pill{background:var(--pop-pink);color:#fff;font-family:var(--font-display);letter-spacing:.05em;border:2.5px solid var(--ink);white-space:nowrap;border-radius:999px;flex:none;margin:22px 0 0 -8px;padding:11px 18px;font-size:14px;font-weight:800;transform:rotate(7deg);box-shadow:0 8px 24px #0a0a0a2e}@keyframes contact-bob{0%,to{transform:translateY(-7px)}50%{transform:translateY(7px)}}@media (width<=768px){.contact-cursor,.contact-stickers{display:none}}@media (prefers-reduced-motion:reduce){.contact-cursor{animation:none}}footer.site{background:var(--ink);color:var(--paper);padding:0 0 28px;overflow:hidden}.foot-else{padding:clamp(44px, 8vh, 88px) var(--pad) 0}.foot-else .mono{color:#8a8a8a}.foot-nav{border-top:1px solid #ffffff2e;margin-top:clamp(28px,5vh,56px)}.foot-row-wrap{position:relative}.foot-row{padding:clamp(18px, 3.4vh, 34px) var(--pad);color:var(--paper);isolation:isolate;border-bottom:1px solid #ffffff2e;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;text-decoration:none;display:grid;position:relative;overflow:hidden}.foot-row:before{content:"";z-index:-1;transform-origin:bottom;transition:transform .38s var(--ease);position:absolute;inset:0;transform:scaleY(0)}.foot-row.pink:before{background:var(--pop-pink)}.foot-row.orange:before{background:var(--pop-orange)}.foot-row.blue:before{background:var(--pop-blue)}.foot-row.purple:before{background:var(--pop-purple)}.foot-row:hover:before,.foot-row:focus-visible:before{transform:scaleY(1)}.foot-row:hover,.foot-row:focus-visible{color:var(--ink)}.foot-row.pink:hover,.foot-row.pink:focus-visible,.foot-row.blue:hover,.foot-row.blue:focus-visible,.foot-row.purple:hover,.foot-row.purple:focus-visible{color:#fff}.foot-row-idx{font-family:var(--font-mono);letter-spacing:.1em;opacity:.5;font-size:12px}.foot-row-label{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;transition:transform .38s var(--ease);font-size:clamp(40px,7.5vw,110px);font-weight:800;line-height:1}.foot-row:hover .foot-row-label{transform:translate(14px)}.foot-row-arrow{transition:transform .38s var(--ease);font-size:clamp(28px,4vw,54px);line-height:1}.foot-row:hover .foot-row-arrow{transform:translate(8px,-8px)rotate(8deg)}.foot-row:focus-visible{outline:2px solid var(--paper);outline-offset:-2px}.colophon{padding:22px var(--pad) 0;margin:54px var(--pad) 0;font-family:var(--font-mono);letter-spacing:.06em;color:#ffffff73;text-transform:uppercase;border-top:1px solid #ffffff38;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;font-size:11px;display:flex}.foot-top{background:var(--pop-orange);color:var(--ink);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .3s var(--ease);border:none;border-radius:999px;padding:11px 22px;font-size:12px;font-weight:700}.foot-top:hover{transform:translateY(-3px)scale(1.05)}.foot-top:focus-visible{outline:2px solid var(--paper);outline-offset:4px}@media (prefers-reduced-motion:reduce){.foot-row:before,.foot-row-label,.foot-row-arrow,.foot-top{transition:none}}.cursor-pill{z-index:80;pointer-events:none;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--pop-pink);color:#fff;opacity:0;white-space:nowrap;transition:opacity .25s var(--ease);will-change:transform;border-radius:999px;padding:10px 18px;font-size:11px;position:fixed;top:0;left:0}.cursor-pill.show{opacity:1}.rv{opacity:0;transform:translateY(30px)}.rv.rv-left{opacity:0;transform:translate(-40px)}.rv.rv-right{opacity:0;transform:translate(40px)}@media (width<=900px){.nav-clock{display:none}.nav-links{gap:18px}.proj-head{grid-template-columns:minmax(0,1fr) auto 36px;padding:24px 0}.proj-idx,.proj-year{display:none}.proj-desc,.proj-meta,.density{padding-left:0}.gallery{margin-left:0;grid-template-columns:minmax(0,1fr)!important}.gallery[data-density=featured] .tile:first-child{grid-row:auto;min-height:210px}.about-grid{grid-template-columns:minmax(0,1fr)}.resume-block{grid-template-columns:minmax(0,1fr);gap:16px}.resume-label{position:static}.resume-row{grid-template-columns:minmax(0,1fr)}.svc-index-grid{grid-template-columns:minmax(0,1fr);gap:28px}.svc-stage-col{z-index:5;background:var(--paper);order:-1;padding-bottom:10px;position:sticky;top:68px}.svc-stage-sticky{position:static}.svc-stage-frame{aspect-ratio:16/10;height:auto;position:relative;top:0}.svc-index-row{padding:48px 0}.cursor-pill{display:none}}@media (width<=760px){:root{--pad:20px}.nav{gap:12px}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:12px}.nav-links a:last-child{border:1px solid var(--line);border-radius:999px;padding:9px 18px;font-size:12px}.sec-sub{flex-wrap:wrap;gap:6px 16px}.proj-title{font-size:clamp(30px,9vw,44px)}.svc-name{font-size:clamp(34px,10vw,54px)}.about-statement{font-size:clamp(30px,8.5vw,46px)}.foot-row{grid-template-columns:44px minmax(0,1fr) auto;gap:12px}.colophon{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}html{scroll-behavior:auto}.rv{opacity:1;transform:none}.cursor-pill{display:none}}.bento-section{padding:clamp(60px, 10vh, 120px) var(--pad)}.bento-header{margin-bottom:clamp(40px,8vh,80px)}.bento-desc{font-family:var(--font-display);color:var(--muted);margin-top:16px;font-size:clamp(20px,2vw,32px)}.bento-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.bento-card.span-7{grid-column:span 7}.bento-card.span-5{grid-column:span 5}.bento-card.span-4{grid-column:span 4}.bento-card.span-3{grid-column:span 3}.bento-card.tall{grid-row:span 2}.bento-card{background:var(--paper);border:1px solid var(--line);min-height:340px;transition:box-shadow .4s var(--ease);transform-style:preserve-3d;border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.bento-card:hover{box-shadow:0 16px 48px #00000014}.bento-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#0000000a;border-radius:99px;margin-bottom:12px;padding:4px 10px;font-size:10px;display:inline-block}.bento-card:first-of-type .bento-badge{background:var(--pop-pink);color:#fff}.bento-card:nth-of-type(2) .bento-badge{background:var(--pop-blue);color:#fff}.bento-card:nth-of-type(3) .bento-badge{background:var(--pop-green);color:var(--ink)}.bento-card:nth-of-type(4) .bento-badge{background:var(--pop-purple);color:#fff}.bento-card:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(800px circle at var(--mx,50%) var(--my,50%), #f59e0b24, transparent 40%);opacity:0;transition:opacity .4s var(--ease);position:absolute;inset:0}.bento-card:hover:before{opacity:1}.bento-content{z-index:2;flex-direction:column;height:100%;padding:32px;display:flex;position:relative}.bc-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 10px;font-size:26px;font-weight:700}.bc-desc{color:var(--muted);max-width:90%;font-size:15px;line-height:1.5}.bc-visual{justify-content:flex-end;align-items:flex-end;min-height:140px;margin-top:auto;padding-top:24px;display:flex;position:relative}.nodes-mockup{width:100%;height:120px;position:relative}.nodes-mockup .node{background:var(--ink);width:14px;height:14px;transition:transform .3s var(--ease), background .3s var(--ease);cursor:pointer;border-radius:50%;position:absolute}.nodes-mockup .node:after{content:attr(data-label);font-family:var(--font-mono);white-space:nowrap;color:var(--muted);opacity:.7;font-size:10px;transition:opacity .3s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-4px)}.node.n1{background:var(--pop-pink);top:62%;left:15%;transform:translate(-50%,-50%)}.node.n2{background:var(--signal);width:18px;height:18px;top:24%;left:50%;transform:translate(-50%,-50%)}.node.n3{background:var(--pop-blue);top:62%;left:85%;transform:translate(-50%,-50%)}.node.n4{background:var(--pop-green);top:86%;left:36%;transform:translate(-50%,-50%)}.node.n5{background:var(--pop-purple);top:86%;left:64%;transform:translate(-50%,-50%)}.node:hover{background:var(--signal)!important;transform:translate(-50%,-50%)scale(1.5)!important}.node:hover:after{opacity:1;color:var(--ink);font-weight:700}.node-ping{border:1px solid var(--signal);border-radius:50%;animation:2s ease-in-out infinite ping-pulse;position:absolute;inset:-6px}.node-person{fill:#ffffffeb;pointer-events:none;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;inset:2px}.node.n2 .node-person{fill:#0a0a0a}@keyframes ping-pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2)}}.animated-path{stroke:var(--signal);stroke-width:2px;stroke-dasharray:6 6;animation:1.5s linear infinite stroke-flow}.animated-path.delay{animation-delay:.75s}@keyframes stroke-flow{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.code-card{background:#0d0d0d;border:1px solid #222;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 8px 30px #0000001f}.code-header{background:#161616;border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.code-dots{gap:6px;display:flex}.c-dot{border-radius:50%;width:10px;height:10px}.c-dot.red{background:#ff5f56}.c-dot.yellow{background:var(--pop-orange)}.c-dot.green{background:#27c93f}.run-btn{color:#fff;font-family:var(--font-mono);cursor:pointer;transition:background-color .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);background:#252525;border:1px solid #333;border-radius:6px;padding:4px 10px;font-size:11px}.run-btn:hover{background:var(--signal);color:#000;border-color:var(--signal);transform:translateY(-1px)}.code-mockup{color:#f0f0f0;font-family:var(--font-mono);background:0 0;margin:0;padding:18px 20px;font-size:13px;line-height:1.6}.code-mockup .kw{color:#ff7b72;font-weight:600}.code-mockup .fn{color:#d2a8ff}.code-mockup .str{color:#a5d6ff}.code-output{font-family:var(--font-mono);background:#141414;border-top:1px dashed #2a2a2a;padding:10px 20px;font-size:12px}.code-output .compiling-text{color:#e5b452;animation:1s infinite pulse}.code-output .success-text{color:#4ac26b}.code-output .val{color:#79c0ff}@media (width<=900px){.bento-grid{grid-template-columns:1fr}.bento-card.span-7,.bento-card.span-5,.bento-card.span-4,.bento-card.span-3{grid-column:span 1}.bento-card.tall{grid-row:auto;min-height:480px}}.bento-card.theme-lab{padding:0}.tl-theme{background:var(--tl-bg);color:var(--tl-fg);transition:background-color .4s;position:absolute;inset:0}.tl-theme .bento-content{z-index:2;height:100%;position:relative}.theme-lab .bento-badge{border:1px solid var(--tl-fg);color:var(--tl-fg);background:0 0}.theme-lab .bc-desc{color:var(--tl-muted)}.theme-wipe{z-index:5;opacity:0;pointer-events:none;position:absolute;inset:0;transform:scaleX(0)}.tl-visual{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:18px}.tl-chips{gap:12px;display:flex}.tl-chip{cursor:pointer;border:2px solid #80808059;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;padding:0;transition:border-color .25s,box-shadow .25s;display:flex}.tl-chip:hover{box-shadow:0 6px 18px #0000002e}.tl-chip.active{border-color:var(--tl-fg)}.tl-check{color:var(--tl-fg);mix-blend-mode:difference;font-size:16px;font-weight:800}.tl-specimen{align-items:center;gap:18px;width:100%;display:flex}.tl-aa{font-family:var(--font-display);letter-spacing:-.04em;font-size:72px;font-weight:800;line-height:1}.tl-meta{font-family:var(--font-mono);flex-direction:column;gap:2px;display:flex}.tl-name{font-size:14px;font-weight:700}.tl-hex{color:var(--tl-muted);font-size:12px}.tl-sample-btn{font-family:var(--font-display);white-space:nowrap;cursor:pointer;border:none;border-radius:999px;margin-left:auto;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.tl-sample-btn:hover{transform:scale(1.06)rotate(-1.5deg)}.tl-visual{position:relative}.tl-confetti{pointer-events:none;z-index:5;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute}.bento-card.tall .bc-visual{flex:1}.roach-visual{justify-content:stretch;align-items:stretch}.roach-arena{border:1px dashed var(--line);background:#00000006;border-radius:18px;width:100%;height:100%;min-height:380px;position:relative;overflow:hidden}.roach-finger{pointer-events:none;z-index:10;opacity:0;will-change:transform;width:44px;height:62px;position:absolute;top:0;left:0}.roach-finger svg{filter:drop-shadow(0 3px 4px #00000040);width:100%;height:100%;display:block;overflow:visible}@media (hover:hover) and (pointer:fine){.roach-arena,.roach-arena .roach{cursor:none}}.roach{width:54px;height:52px;transform:translate(-50%, -50%) rotate(var(--rr,0deg));cursor:pointer;will-change:transform;background:0 0;border:none;padding:0;animation:.45s ease-in-out infinite roach-wiggle;position:absolute}.roach svg{filter:drop-shadow(0 4px 6px #00000038);width:100%;height:100%;display:block;overflow:visible}.roach:hover svg{filter:drop-shadow(0 4px 8px #ff4d6d8c)}.roach:focus-visible{border-radius:12px}@keyframes roach-wiggle{0%,to{transform:translate(-50%, -50%) rotate(calc(var(--rr,0deg) - 9deg))}50%{transform:translate(-50%, -50%) rotate(calc(var(--rr,0deg) + 9deg))}}.squish-pop{font-family:var(--font-display);color:var(--pop-pink);pointer-events:none;font-size:22px;font-weight:800;animation:.85s ease-out forwards squish-float;position:absolute;transform:translate(-50%,-50%)}@keyframes squish-float{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-160%)scale(1.25)}}@media (prefers-reduced-motion:reduce){.roach{animation:none}.squish-pop{opacity:0;animation:none}}.pg-ball{background:var(--signal);pointer-events:none;z-index:2;border-radius:50%;width:28px;height:28px;position:absolute;top:0;left:0;box-shadow:0 0 18px #f59e0b8c}.pg-counter{pointer-events:none;z-index:2;align-items:baseline;gap:8px;display:flex;position:absolute;top:14px;left:18px}.pg-count-pop{font-family:var(--font-display);letter-spacing:-.04em;font-size:52px;font-weight:800;line-height:1;animation:.4s cubic-bezier(.34,1.56,.64,1) count-pop;display:inline-block}.pg-count-lbl{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px}@keyframes count-pop{0%{transform:scale(1.55)}to{transform:scale(1)}}.burst{pointer-events:none;z-index:3;width:0;height:0;position:absolute}.bp{background:var(--signal);border-radius:2px;width:9px;height:9px;position:absolute;top:-4px;left:-4px}.bp:nth-child(3n){background:var(--ink);border-radius:50%}.bp:nth-child(3n+1){width:6px;height:6px}.pg-hint{text-align:center;font-family:var(--font-mono);color:var(--muted);pointer-events:none;font-size:11px;position:absolute;bottom:14px;left:0;right:0}.net-visual{flex-direction:column;justify-content:flex-end;align-items:stretch}.nodes-mockup .node{font:inherit;border:none;padding:0}.node.ping{animation:.5s cubic-bezier(.34,1.56,.64,1) node-thunk}@keyframes node-thunk{0%{transform:translate(-50%,-50%)scale(1)}40%{transform:translate(-50%,-50%)scale(1.8)}to{transform:translate(-50%,-50%)scale(1)}}.animated-path{transition:stroke-width .3s}.animated-path.flash{stroke-width:4px}.net-counter{font-family:var(--font-mono);color:var(--muted);text-align:center;margin-top:14px;font-size:11px}.net-pop{color:var(--ink);font-weight:700;animation:.4s cubic-bezier(.34,1.56,.64,1) count-pop;display:inline-block}.code-line{border-radius:6px;margin:0 -10px;padding:2px 10px;transition:background-color .25s}.code-line.exec{background:#f59e0b29}.code-output .cmd{color:#8b949e}.code-output .ok{color:#4ac26b}.out-line{animation:out-in .35s var(--ease)}@keyframes out-in{0%{opacity:0;transform:translateY(6px)}}.caret:after{content:"▍";color:var(--signal);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.run-btn:disabled{opacity:.65;cursor:wait;transform:none}.svc-depth{z-index:6;opacity:0;border-radius:inherit;pointer-events:none;background:#000;position:absolute;inset:0}.scroll-progress{background:linear-gradient(90deg, var(--pop-pink), var(--pop-orange), var(--pop-green), var(--pop-blue), var(--pop-purple));transform-origin:0;z-index:100;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.scroll-progress{display:none}}.charge-ring{border:2px solid var(--signal);opacity:.9;pointer-events:none;z-index:3;border-radius:50%;width:120px;height:120px;animation:.9s ease-out forwards charge-grow;position:absolute;transform:translate(-50%,-50%)scale(.25)}@keyframes charge-grow{to{opacity:.35;transform:translate(-50%,-50%)scale(1.15)}}@keyframes trail-fade{to{opacity:0;transform:scale(.35)}}.pg-combo{font-family:var(--font-display);color:var(--signal);margin-left:4px;font-size:22px;font-weight:800;animation:.35s cubic-bezier(.34,1.56,.64,1) count-pop;display:inline-block}.signal-dot{background:var(--signal);opacity:0;pointer-events:none;z-index:4;border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:0;box-shadow:0 0 12px #f59e0bcc}.nodes-mockup .node:before{content:"";position:absolute;inset:-15px}.nodes-mockup .node:active{transform:translate(-50%,-50%)scale(.88)}.nodes-mockup.anims-paused .node-ping,.nodes-mockup.anims-paused .animated-path{animation-play-state:paused}@media (width<=400px){.reel-bottom-row{letter-spacing:.08em;white-space:nowrap;gap:10px;font-size:10px}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}