:root{color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:#fff;color:#0b0b0c;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{isolation:isolate}.portfolio{--bg: #ffffff;--bg-2: #f3f4f6;--ink: #0b0b0c;--muted: #6b6f76;--line: rgba(11, 11, 12, .14);--grid: rgba(11, 11, 12, .035);--accent: #1f46ff;--pixel: "Pixelify Sans", monospace;--sans: "Space Grotesk", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace;position:relative;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}.portfolio *,.portfolio *:before,.portfolio *:after{box-sizing:border-box}.portfolio ::selection{background:var(--accent);color:#fff}.portfolio .matrix-drift{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;contain:layout paint}.portfolio .matrix-grid{position:absolute;top:-64px;right:-64px;bottom:-64px;left:-64px;--mx: 0px;--my: 0px;--ms: 1;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px;transform:translate3d(var(--mx),var(--my),0) scale(var(--ms));transform-origin:center;will-change:transform;backface-visibility:hidden}@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.portfolio .matrix-grid{transform:none;will-change:auto}}html:has(.portfolio){scroll-behavior:smooth}@keyframes marz-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.portfolio canvas[data-pixel-portrait]{image-rendering:pixelated}@media(prefers-reduced-motion:reduce){.portfolio [data-marquee-track]{animation:none!important}.portfolio .init-detail{animation:none}.portfolio .logo-marquee{overflow:visible;-webkit-mask-image:none;mask-image:none}.portfolio .logo-seq{flex-wrap:wrap}.portfolio .logo-dup{display:none}.portfolio .stack-logo{margin-bottom:10px}}.portfolio .nav-link{transition:color .25s}.portfolio .nav-link:hover{color:var(--ink)}.portfolio .btn-dark{transition:background .25s,transform .25s}.portfolio .btn-dark:hover{background:var(--accent);transform:translateY(-2px)}.portfolio .btn-ghost{transition:background .25s,color .25s}.portfolio .btn-ghost:hover{background:var(--ink)!important;color:var(--bg)!important}.portfolio .btn-accent{transition:background .25s,transform .25s}.portfolio .btn-accent:hover{background:var(--ink);transform:translateY(-2px)}.portfolio .init-tabs{display:flex;flex-wrap:wrap;gap:12px}.portfolio .init-tab{flex:1 1 160px;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--line);background:var(--bg);text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.portfolio .init-tab.is-active{border-color:var(--ink);background:var(--bg-2);transform:translateY(-2px);box-shadow:6px 6px #1f46ff29}.portfolio .init-tab-index{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted)}.portfolio .init-tab.is-active .init-tab-index{color:var(--accent)}.portfolio .init-tab-name{font-family:var(--pixel);font-weight:600;font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1;color:var(--muted)}.portfolio .init-tab.is-active .init-tab-name{color:var(--ink)}.portfolio .init-tab-sub{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--muted)}.portfolio .init-detail{margin-top:clamp(20px,3vh,32px);animation:init-drop .42s ease both}@keyframes init-drop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.portfolio .init-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}.portfolio .init-shot{will-change:transform}@media(max-width:720px){.portfolio .init-tab{flex-basis:120px}}.portfolio .init-toggle{display:flex;width:fit-content;margin-top:clamp(20px,3vh,32px);border:1px solid var(--line)}.portfolio .init-toggle-btn{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:8px 16px;background:var(--bg);color:var(--muted);border:none;cursor:pointer;transition:background .2s ease,color .2s ease}.portfolio .init-toggle-btn+.init-toggle-btn{border-left:1px solid var(--line)}.portfolio .init-toggle-btn.is-active{background:var(--ink);color:var(--bg)}.portfolio .arch-wrap{margin-top:clamp(20px,3vh,32px);overflow-x:auto}.portfolio .arch-svg{display:block;width:100%;min-width:560px;height:auto;border:1px solid var(--ink);background:var(--bg)}.portfolio .arch-node rect{fill:var(--bg);stroke:var(--ink);stroke-width:1.5}.portfolio .arch-node-be rect{stroke:var(--accent);stroke-width:2}.portfolio .arch-node-auth rect{stroke:var(--accent)}.portfolio .arch-node-data rect{fill:var(--bg-2);stroke:var(--muted)}.portfolio .arch-node-ext rect{fill:var(--bg-2);stroke:var(--muted);stroke-dasharray:4 4}.portfolio .arch-node-label{font-family:var(--mono);font-weight:700;font-size:12px;fill:var(--ink)}.portfolio .arch-node-sub{font-family:var(--mono);font-size:9px;fill:var(--muted)}.portfolio .arch-edge-label{font-family:var(--mono);font-size:9px;fill:var(--ink)}.portfolio .arch-edge-label-bg{fill:var(--bg);opacity:.88}.portfolio .arch-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-family:var(--mono);font-size:11px;color:var(--muted)}.portfolio .arch-leg{display:inline-flex;align-items:center;gap:6px}.portfolio .arch-leg i{display:inline-block;width:18px;height:0}.portfolio .arch-leg-ink{border-top:2px solid var(--ink)}.portfolio .arch-leg-accent{border-top:2px solid var(--accent)}.portfolio .arch-leg-muted{border-top:2px solid var(--muted)}.portfolio .arch-leg-dash{border-top-style:dashed}.portfolio .arch-note{margin:12px 0 0;max-width:70ch;font-family:var(--mono);font-size:11px;line-height:1.5;color:var(--muted)}.portfolio .algo-wrap{margin-top:clamp(20px,3vh,32px)}.portfolio .algo-title{margin:0;font-family:var(--pixel);font-weight:600;font-size:clamp(1.1rem,1.7vw,1.4rem);letter-spacing:.01em}.portfolio .algo-summary{margin:8px 0 0;max-width:72ch;font-family:var(--mono);font-size:12px;line-height:1.55;color:var(--muted)}.portfolio .algo-sub{margin-bottom:12px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.portfolio .algo-head+.arch-wrap{margin-top:clamp(18px,2.5vh,28px)}.portfolio .algo-factors{margin-top:clamp(22px,3.5vh,36px);max-width:580px}.portfolio .algo-bar-row{display:grid;grid-template-columns:116px 1fr 38px;align-items:center;gap:10px;margin-bottom:8px;font-family:var(--mono);font-size:12px}.portfolio .algo-bar-label{color:var(--ink)}.portfolio .algo-bar{display:block;height:10px;background:var(--bg-2);border:1px solid var(--line)}.portfolio .algo-bar i{display:block;height:100%;background:var(--accent)}.portfolio .algo-bar-val{color:var(--muted);text-align:right}.portfolio .algo-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:22px;margin-top:clamp(24px,4vh,40px)}.portfolio .algo-group ul{margin:0;padding-left:16px}.portfolio .algo-group li{font-family:var(--mono);font-size:11.5px;line-height:1.65;color:var(--muted)}.portfolio .algo-note{margin:clamp(22px,3.5vh,34px) 0 0;max-width:82ch;font-family:var(--mono);font-size:11px;line-height:1.6;color:var(--muted)}.portfolio .algo-example{margin-top:clamp(26px,4vh,44px);padding-top:clamp(22px,3.5vh,34px);border-top:1px solid var(--line)}.portfolio .algo-story{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.portfolio .algo-step-wrap{display:flex;align-items:center;gap:8px}.portfolio .algo-step{display:flex;flex-direction:column;gap:6px;width:168px;padding:12px;border:1px solid var(--line);background:var(--bg)}.portfolio .algo-step-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--ink);color:var(--accent)}.portfolio .algo-step-title{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--ink);line-height:1.3}.portfolio .algo-step-detail{font-family:var(--mono);font-size:10.5px;line-height:1.5;color:var(--muted)}.portfolio .algo-arrow{color:var(--muted);flex:none}.portfolio .algo-feed-title{margin:clamp(20px,3vh,30px) 0 12px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.portfolio .algo-feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px}.portfolio .algo-tile{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--line);background:var(--bg)}.portfolio .algo-tile.is-boosted{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.portfolio .algo-tile-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.portfolio .algo-tile-name{font-family:var(--mono);font-size:12.5px;font-weight:700;color:var(--ink)}.portfolio .algo-tile-tag{flex:none;padding:2px 7px;border:1px solid var(--accent);font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.portfolio .algo-tile-reason{font-family:var(--mono);font-size:10.5px;line-height:1.5;color:var(--muted)}.portfolio .stack-logo{display:inline-flex;align-items:center;gap:9px;flex:none;margin-right:10px;padding:9px 13px;border:1px solid var(--line);background:var(--bg);font-family:var(--mono);font-size:12.5px;color:var(--ink);white-space:nowrap;transition:color .2s ease,border-color .2s ease}.portfolio .stack-logo:hover{color:var(--accent);border-color:var(--accent)}.portfolio .stack-search{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);background:var(--bg);color:var(--muted);transition:border-color .2s ease,color .2s ease}.portfolio .stack-search:focus-within{border-color:var(--accent);color:var(--accent)}.portfolio .stack-search input{border:none;outline:none;background:transparent;font-family:var(--mono);font-size:12.5px;color:var(--ink);width:clamp(140px,22vw,200px)}.portfolio .stack-search input::placeholder{color:var(--muted)}.portfolio .stack-results{display:flex;flex-wrap:wrap;gap:10px}.portfolio .stack-results .stack-logo{margin-right:0}.portfolio .logo-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.portfolio .logo-marquee+.logo-marquee{margin-top:10px}.portfolio .logo-track{display:flex;width:max-content;animation-name:marz-marquee;animation-timing-function:linear;animation-iteration-count:infinite}.portfolio .logo-seq{display:flex;flex:none}.portfolio .work-panel{transition:border-color .2s ease}.portfolio .work-panel:hover{border-color:var(--accent)}.portfolio .work-panel-expand{transition:opacity .2s ease}.portfolio .work-panel:hover .work-panel-expand,.portfolio .work-panel:focus-visible .work-panel-expand{opacity:1!important}.portfolio .work-panel-soon{background:repeating-linear-gradient(-45deg,#f6c945 0,#f6c945 10px,#1b1b14 10px,#1b1b14 20px)}.portfolio .work-panel-soon:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:0;background:var(--bg-2)}.portfolio .btn-ghost:disabled,.portfolio .btn-ghost:disabled:hover{background:none!important;color:var(--ink)!important;cursor:not-allowed}.portfolio a:focus-visible,.portfolio .btn-dark:focus-visible,.portfolio .btn-ghost:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.portfolio [data-reveal]{opacity:1}.portfolio .skip-link{position:absolute;left:8px;top:8px;z-index:100;padding:10px 16px;background:var(--ink);color:var(--bg);font-family:var(--mono);font-size:13px;text-decoration:none;transform:translateY(-160%);transition:transform .16s ease}.portfolio .skip-link:focus{transform:translateY(0)}@media(max-width:768px){.portfolio .hero-grid{grid-template-columns:1fr!important;gap:28px!important;min-height:0!important}.portfolio .hero-wordmark{margin-left:0!important}.portfolio .work-slot{align-self:stretch!important;width:100%!important;margin-top:0!important}.portfolio .work-slot+.work-slot{margin-top:28px!important}.portfolio .stack-col{margin-top:0!important}.portfolio .about-lede{max-width:100%!important}.portfolio .about-aside{max-width:100%!important;margin-left:0!important;text-align:left!important}.portfolio .section-num{font-size:clamp(5rem,20vw,10rem)!important}}@media(max-width:480px){.portfolio .nav-links{gap:14px!important}.portfolio .nav-available,.portfolio .section-num{display:none!important}}.portfolio .tl-timeline{--tl-gutter: 168px;--tl-node: 14px;position:relative;width:min(100%,940px);margin:0 auto;padding:4px 0 8px;display:flex;flex-direction:column}.portfolio .tl-spine,.portfolio .tl-draw{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;pointer-events:none;z-index:0}.portfolio .tl-spine{background:var(--line)}.portfolio .tl-draw{background:var(--accent);transform-origin:top center;transform:scaleY(1);opacity:.9}.portfolio .tl-row{display:grid;grid-template-columns:1fr var(--tl-gutter) 1fr;align-items:center;column-gap:clamp(14px,2.4vw,34px)}.portfolio .tl-row+.tl-row{margin-top:clamp(26px,5vh,56px)}.portfolio .tl-node{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;z-index:2}.portfolio .tl-dot{width:var(--tl-node);height:var(--tl-node);background:var(--ink);border:1px solid var(--ink);box-shadow:0 0 0 5px var(--bg-2);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.portfolio .tl-badge{display:inline-block;padding:5px 10px;border:1px solid var(--ink);background:var(--bg);font-family:var(--mono);font-size:13px;letter-spacing:.04em;white-space:nowrap;transition:border-color .3s ease,box-shadow .3s ease}.portfolio .tl-card{grid-column:1;grid-row:1;min-width:0;max-width:100%;transition:transform .28s ease,box-shadow .28s ease}.portfolio .tl-row--right .tl-card{grid-column:3}.portfolio .tl-tick{grid-row:1;grid-column:1;align-self:center;justify-self:end;width:clamp(14px,2.4vw,34px);height:2px;margin-right:calc(clamp(14px,2.4vw,34px)*-1);background:var(--line);pointer-events:none;z-index:1}.portfolio .tl-row--right .tl-tick{grid-column:3;justify-self:start;margin-right:0;margin-left:calc(clamp(14px,2.4vw,34px)*-1)}.portfolio .tl-card:hover{transform:translate(-4px,-4px);box-shadow:16px 16px #1f46ff2e!important}.portfolio .tl-row--right .tl-card:hover{transform:translate(4px,-4px)}.portfolio .tl-link{transition:background .2s ease,color .2s ease,border-color .2s ease}.portfolio .tl-link:hover,.portfolio .tl-link:focus-visible{background:var(--accent)!important;color:var(--bg)!important;border-color:var(--accent)!important}.portfolio .tl-row--current .tl-card{border-color:var(--accent)!important;box-shadow:8px 8px #1f46ff24!important}.portfolio .tl-row--current .tl-tick{background:var(--accent)}.portfolio .tl-row--current .tl-dot{background:var(--accent);border-color:var(--accent)}.portfolio .tl-node.is-lit .tl-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 5px var(--bg-2),0 0 0 7px #1f46ff2e}.portfolio .tl-node.is-lit .tl-badge{border-color:var(--accent);box-shadow:3px 3px #1f46ff29}@media(max-width:768px){.portfolio .tl-timeline{width:100%!important;padding-left:6px!important}.portfolio .tl-spine,.portfolio .tl-draw{left:8px!important;margin-left:0!important}.portfolio .tl-row,.portfolio .tl-row--right{grid-template-columns:auto minmax(0,1fr)!important;column-gap:18px!important;align-items:start!important}.portfolio .tl-row+.tl-row{margin-top:22px!important}.portfolio .tl-node{grid-column:1!important;align-items:flex-start!important}.portfolio .tl-dot{margin-left:0!important}.portfolio .tl-card,.portfolio .tl-row--right .tl-card{grid-column:2!important;min-width:0!important;transform:none!important}.portfolio .tl-tick,.portfolio .tl-row--right .tl-tick{grid-column:1!important;justify-self:end!important;align-self:start!important;width:14px!important;margin:22px -14px 0 0!important}.portfolio .tl-row--right .tl-tick{margin-left:0!important}.portfolio .tl-badge{display:none!important}.portfolio .tl-card:hover,.portfolio .tl-row--right .tl-card:hover{transform:translate(-3px,-3px)!important}}