:root{--color-bg:#050507;--color-text:#fff;--color-divider:#ffffff29;--color-accent:#c6d96a;--color-accent-100:#e3edb0;--color-accent-200:#d4e58c;--color-accent-300:#c6d96a;--color-accent-400:#b0c650;--color-accent-500:#9ab03e;--color-neutral-100:#fff;--color-neutral-200:#e4e4e7;--color-neutral-300:#d4d4d8;--color-neutral-400:#a1a1aa;--color-neutral-500:#71717a;--color-neutral-600:#52525b;--color-neutral-700:#3f3f46;--color-neutral-800:#27272a;--color-neutral-900:#1a1a1d;--color-cta-bg:#161b05;--color-cta-text:#b8b5e4;--color-cta-border-hover:#688113;--font-heading:"Nan SuperX", system-ui, sans-serif;--font-heading-weight:500;--font-body:"Inter Display", system-ui, sans-serif;--container-max:1440px;--space-1:3px;--space-2:6px;--space-3:8px;--space-4:10px;--space-6:16px;--space-8:22px;--radius-sm:5px;--radius-md:5px;--radius-lg:6px;--radius-pill:9999px;--shadow-sm:0 0 0 1px var(--color-neutral-800);--shadow-md:0 0 0 1px var(--color-neutral-700), 0 6px 18px #0000008c;--shadow-lg:0 16px 40px #000000a6;--sidebar-width-expanded:300px;--sidebar-width-collapsed:56px;--sidebar-width-min:220px;--sidebar-width-max:420px;--content-max-width:920px}@font-face{font-family:Inter Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-display/woff2/InterDisplay-Regular.woff2)format("woff2")}@font-face{font-family:Inter Display;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-display/woff2/InterDisplay-Medium.woff2)format("woff2")}@font-face{font-family:Inter Display;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-display/woff2/InterDisplay-SemiBold.woff2)format("woff2")}@font-face{font-family:Inter Display;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-display/woff2/InterDisplay-Bold.woff2)format("woff2")}@font-face{font-family:Inter Display;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-display/woff2/InterDisplay-ExtraBold.woff2)format("woff2")}@font-face{font-family:Nan SuperX;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/nan-superx-sans/woff2/NaNSuperXSansHeadline-VF.woff2)format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Space_Mono/SpaceMono-Regular.ttf)format("truetype")}@font-face{font-family:Space Mono;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/Space_Mono/SpaceMono-Italic.ttf)format("truetype")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Space_Mono/SpaceMono-Bold.ttf)format("truetype")}@font-face{font-family:Space Mono;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/Space_Mono/SpaceMono-BoldItalic.ttf)format("truetype")}@font-face{font-family:Phosphor;src:url(/fonts/phosphor/Phosphor.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Phosphor-Fill;src:url(/fonts/phosphor/Phosphor-Fill.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0 0 var(--space-2);line-height:1.12}p{margin:0 0 var(--space-3)}a{color:var(--color-accent-300);text-decoration:none}a:hover{color:var(--color-accent-200)}img{max-width:100%;display:block}button{font:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-neutral-700) 40%, transparent);border-radius:8px}::-webkit-scrollbar-track{background:0 0}.ph-arrow-right,.ph-arrow-square-out,.ph-arrow-up,.ph-arrow-up-right,.ph-arrow-down,.ph-arrows-clockwise,.ph-browser,.ph-caret-down,.ph-caret-left,.ph-caret-right,.ph-caret-up,.ph-chart-line-up,.ph-code,.ph-cursor-click,.ph-download-simple,.ph-envelope-simple,.ph-figma-logo,.ph-file-arrow-down,.ph-file-pdf,.ph-hand-pointing,.ph-house,.ph-linkedin-logo,.ph-magnifying-glass-plus,.ph-note-pencil,.ph-notion-logo,.ph-paint-brush,.ph-play-circle,.ph-sparkle,.ph-stack,.ph-trophy,.ph-user,.ph-x{speak:never;font-variant:normal;text-transform:none;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:Phosphor!important}.ph-fill-lightbulb-filament,.ph-fill-play{speak:never;font-variant:normal;text-transform:none;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:Phosphor-Fill!important}.ph-arrow-right:before{content:""}.ph-arrow-square-out:before{content:""}.ph-arrow-up:before{content:""}.ph-arrow-up-right:before{content:""}.ph-arrow-down:before{content:""}.ph-arrows-clockwise:before{content:""}.ph-browser:before{content:""}.ph-caret-down:before{content:""}.ph-caret-left:before{content:""}.ph-caret-right:before{content:""}.ph-caret-up:before{content:""}.ph-chart-line-up:before{content:""}.ph-code:before{content:""}.ph-cursor-click:before{content:""}.ph-download-simple:before{content:""}.ph-envelope-simple:before{content:""}.ph-figma-logo:before{content:""}.ph-file-arrow-down:before{content:""}.ph-file-pdf:before{content:""}.ph-hand-pointing:before{content:""}.ph-house:before{content:""}.ph-linkedin-logo:before{content:""}.ph-magnifying-glass-plus:before{content:""}.ph-note-pencil:before{content:""}.ph-notion-logo:before{content:""}.ph-paint-brush:before{content:""}.ph-play-circle:before{content:""}.ph-sparkle:before{content:""}.ph-stack:before{content:""}.ph-trophy:before{content:""}.ph-user:before{content:""}.ph-x:before{content:""}.ph-fill-lightbulb-filament:before{content:""}.ph-fill-play:before{content:""}.hr{height:1px;margin:var(--space-4) 0;background:linear-gradient(to right, transparent, var(--color-divider) 48px, var(--color-divider) calc(100% - 48px), transparent);border:0}.btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md);background:0 0;border:.6px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{border-color:var(--color-neutral-800);color:var(--color-neutral-200)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-cta{background:var(--color-cta-bg);color:var(--color-cta-text)}.btn-cta:hover{border-color:var(--color-cta-border-hover)}.btn-block{width:100%}.btn-icon{border-radius:var(--radius-sm);border-color:var(--color-neutral-800);width:28px;height:28px;color:var(--color-neutral-300);flex:none;padding:0}.btn-icon:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-icon-circle{border-radius:50%}.tag{letter-spacing:.02em;border-radius:var(--radius-pill);align-items:center;padding:3px 10px;font-size:11px;display:inline-flex}.tag-accent{background:color-mix(in oklch, var(--color-accent) 20%, var(--color-neutral-900));color:var(--color-accent-100)}.tag-neutral{background:var(--color-neutral-800);color:var(--color-neutral-200)}.tag-outline{border:1px solid var(--color-neutral-800);color:var(--color-neutral-400);background:0 0}.card{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-neutral-900);border:.6px solid var(--color-neutral-800);flex-direction:column;display:flex}#smooth-wrapper{z-index:1;position:relative}.section-shell{width:100%;max-width:var(--container-max);margin-inline:auto}.main-column{min-height:100vh;margin-left:var(--sidebar-width-expanded);transition:margin-left .2s}.sidebar{z-index:310;box-sizing:border-box;background:linear-gradient(180deg, var(--color-neutral-900), var(--color-bg));border-right:1px solid #0000;border-image:linear-gradient(180deg, transparent, var(--color-neutral-800) 15%, var(--color-neutral-800) 85%, transparent) 1;flex-direction:column;gap:13px;height:100vh;padding:12px 10px 10px;transition:width .2s;display:flex;position:fixed;top:0;left:0;overflow:hidden visible}.sidebar[data-collapsed=true]{width:var(--sidebar-width-collapsed);max-width:var(--sidebar-width-collapsed);overflow-y:hidden}.sidebar[data-collapsed=false]{width:var(--sidebar-width-expanded)}.sidebar-header{flex:none;align-items:center;display:flex}.sidebar-header[data-collapsed=true]{justify-content:center}.sidebar-header[data-collapsed=false]{justify-content:space-between}.sidebar-header-actions{align-items:center;gap:8px;display:flex}.sidebar[data-collapsed=true] .sidebar-collapsible{display:none!important}.sidebar-section{border-top:1px solid var(--color-neutral-900);flex:none;margin:0 -10px;padding:10px}.sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-500);margin-bottom:10px;font-size:10.5px}.sidebar-section-count{letter-spacing:0;text-transform:none;min-width:16px;height:16px;color:var(--color-neutral-400);background:var(--color-neutral-800);border-radius:var(--radius-pill);justify-content:center;align-items:center;padding:0 5px;font-size:9.5px;font-weight:500;display:inline-flex}.sidebar-scroll-region{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.sidebar-resize-handle{cursor:col-resize;z-index:10;width:6px;height:100%;position:absolute;top:0;right:-3px}.word{display:inline-block}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.reveal.in{opacity:1;transform:translateY(0)}.hotspot .hs-tip{opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;transform:translateY(4px)}.hotspot:hover .hs-tip,.hotspot:focus-visible .hs-tip{opacity:1;transform:translateY(0)}.hotspot:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes pinPulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklch, var(--color-accent) 55%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in oklch, var(--color-accent) 0%, transparent)}}.pattern-pin.pulsing{animation:1.6s ease-in-out infinite pinPulse}.link-row .link-arrow{opacity:0;transition:opacity .15s}.link-row:hover .link-arrow,.link-row:focus-visible .link-arrow{opacity:1}.step-list-bleed{width:100%;margin:0}.step-item{box-sizing:border-box;text-align:left;width:100%;color:var(--color-neutral-400);cursor:pointer;font-size:13px;font-weight:400;font-family:var(--font-body);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;transition:all .18s;display:flex}.step-item:hover{background:color-mix(in oklch, var(--color-accent) 8%, transparent)}.step-item.active{background:color-mix(in oklch, var(--color-accent) 10%, transparent);color:var(--color-accent);font-weight:500}.step-num{letter-spacing:.06em;color:var(--color-neutral-600);font-size:13px}.step-item.active .step-num{color:var(--color-accent)}.allwork-tab{border:1px solid var(--color-neutral-800);color:var(--color-neutral-400);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;font-size:12px;font-family:var(--font-body);background:0 0;padding:5px 12px}.allwork-tab.active{background:color-mix(in oklch, var(--color-accent) 16%, transparent);border-color:var(--color-accent);color:var(--color-accent-200)}.ph-rect{background:var(--color-neutral-900);border:1px dashed var(--color-neutral-700);width:100%;height:100%;color:var(--color-neutral-500);text-align:center;box-sizing:border-box;justify-content:center;align-items:center;padding:8px;font-size:12px;display:flex}.ph-rect[data-shape=circle]{border-radius:50%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes sheetIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sheetOut{0%{transform:translate(0)}to{transform:translate(100%)}}.overlay-backdrop{z-index:100;background:color-mix(in srgb, var(--color-bg) 82%, black);backdrop-filter:blur(8px);animation:.18s fadeIn;position:fixed;inset:0}.overlay-backdrop[data-closing=true]{animation:.3s forwards fadeOut}.bottom-bar{z-index:60;pointer-events:none;position:fixed;bottom:0;right:0}.bottom-bar-inner{pointer-events:none;background:color-mix(in srgb, var(--color-neutral-900) 94%, transparent);backdrop-filter:blur(12px);box-sizing:border-box;opacity:0;width:100%;padding:16px 48px;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s;transform:translateY(130%)}.bottom-bar-inner[data-open=true]{pointer-events:auto;opacity:1;transform:translateY(0)}.bottom-bar-detail{animation:.2s fadeIn}.all-work-sheet{background:var(--color-neutral-900);flex-direction:column;width:min(440px,92vw);height:100%;animation:.32s cubic-bezier(.22,1,.36,1) sheetIn;display:flex;position:absolute;top:0;right:0;box-shadow:-24px 0 48px #00000080}.all-work-sheet[data-closing=true]{animation:.3s cubic-bezier(.4,0,1,1) forwards sheetOut}#allwork-overlay{animation:.18s fadeIn}#allwork-overlay[data-closing=true]{animation:.3s forwards fadeOut}.drag-carousel{cursor:grab;user-select:none}.drag-carousel[data-dragging=true]{cursor:grabbing}@media (width<=620px){.sidebar{display:none}.main-column{margin-left:0!important}}