:root{--ui-ink:#0f172a;--ui-dim:#52607a;--ui-line:#0f172a1f;--ui-line-hot:#2563eb52;--ui-glass:#ffffffc7;--ui-glass-2:#ffffffe6;--ui-accent:#2563eb;--ui-accent-2:#7c3aed;--ui-accent-3:#ec4899;--ui-grad:linear-gradient(120deg, #2563eb, #7c3aed 55%, #ec4899);--ui-glow:0 0 0 1px #2563eb14, 0 20px 50px -24px #2563eb33;--ui-shadow:0 20px 60px -28px #0f172a2e;--ui-r:16px;--ui-ease:cubic-bezier(.22, 1, .36, 1);--ui-mono:"JetBrains Mono", ui-monospace, monospace}[data-theme=dark]{--ui-ink:#e6edf7;--ui-dim:#8b9ab3;--ui-line:#ffffff14;--ui-line-hot:#22d3ee73;--ui-glass:#ffffff09;--ui-glass-2:#ffffff0f;--ui-accent:var(--cyan,#22d3ee);--ui-accent-2:var(--purple,#a78bfa);--ui-accent-3:var(--pink,#f472b6);--ui-grad:linear-gradient(120deg, var(--ui-accent), var(--ui-accent-2) 55%, var(--ui-accent-3));--ui-glow:0 0 0 1px #22d3ee2e, 0 18px 60px -24px #22d3ee8c;--ui-shadow:0 24px 70px -34px #000000f2}[data-reveal]{opacity:0;filter:blur(6px);transition:opacity .75s var(--ui-ease), transform .75s var(--ui-ease), filter .75s var(--ui-ease);transition-delay:calc(var(--d,0) * 70ms);will-change:opacity, transform;transform:translateY(26px)}[data-reveal].is-revealed{opacity:1;filter:none;transform:none}[data-reveal=left]{transform:translate(-34px)}[data-reveal=right]{transform:translate(34px)}[data-reveal=zoom]{transform:scale(.94)}@keyframes ui-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ui-pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-shimmer{0%{background-position:-220% 0}to{background-position:220% 0}}@keyframes ui-scan{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}@keyframes ui-grad-move{0%{background-position:0%}to{background-position:200%}}@keyframes ui-blink{0%,45%{opacity:1}50%,to{opacity:0}}.ui-aurora{pointer-events:none;z-index:0;filter:blur(8px);opacity:.9;background:radial-gradient(56vw 54vw at 12% -10%,#22d3ee1f,#0000 60%),radial-gradient(48vw 40vw at 92% 8%,#a78bfa1f,#0000 60%),radial-gradient(58vw 42vw at 50% 105%,#f472b614,#0000 62%);position:fixed;inset:0}.ui-grid-bg:before{content:"";z-index:0;pointer-events:none;background:0 0;position:fixed;inset:0}.ui-progress{z-index:90;background:0 0;height:2px;position:fixed;top:0;left:0;right:0}.ui-progress:after{content:"";transform-origin:0;width:100%;height:100%;transform:scaleX(var(--scroll-progress,0));background:var(--ui-grad);background-size:200% 100%;animation:6s linear infinite ui-grad-move;display:block;box-shadow:0 0 18px #22d3eeb3}.ui-chip{font-family:var(--ui-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ui-dim);border:1px solid var(--ui-line);background:var(--ui-glass);transition:.3s var(--ui-ease);border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .7rem;font-size:.68rem;display:inline-flex}.ui-chip:hover{color:var(--ui-ink);border-color:var(--ui-line-hot);transform:translateY(-2px)}.ui-gradient-text{background:var(--ui-grad);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:9s linear infinite ui-grad-move}.ui-magnetic{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(0);transition:transform .45s var(--ui-ease), box-shadow .45s var(--ui-ease), border-color .3s}.ui-spotlight{isolation:isolate;position:relative}.ui-spotlight:before{content:"";z-index:-1;opacity:0;border-radius:inherit;background:0 0;position:absolute;inset:0}.ui-spotlight:hover:before{opacity:0}.ap-back,.insights-back,.pp-back{color:var(--ui-dim)}.projects-cinema{z-index:1;position:relative}.cinema-eyebrow{padding-left:1.4rem;display:inline-block;position:relative}.cinema-eyebrow:before{content:"";background:var(--ui-accent);width:.5rem;height:.5rem;box-shadow:0 0 12px var(--ui-accent);border-radius:50%;animation:2.2s ease-in-out infinite ui-pulse;position:absolute;top:50%;left:0;transform:translateY(-50%)}.cinema-title{letter-spacing:-.02em}.cinema-title .acc,.cinema-title em{font-style:normal}.showcase{isolation:isolate;box-sizing:border-box;border:1px solid var(--ui-line);border-radius:calc(var(--ui-r) + 6px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;width:100%;transition:border-color .35s, box-shadow .5s var(--ui-ease);background:linear-gradient(#ffffff0b,#ffffff03);margin-bottom:1.8rem;padding:1.25rem 1.5rem;position:relative;overflow:hidden}.showcase:before{content:"";z-index:-1;opacity:0;transition:opacity .45s var(--ui-ease);background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #22d3ee24, transparent 60%);position:absolute;inset:0}.showcase:hover{border-color:var(--ui-line-hot);box-shadow:var(--ui-glow), var(--ui-shadow)}.showcase:hover:before{opacity:1}.showcase-meta{justify-content:space-between;align-items:center;display:flex}.showcase-num{font-family:var(--ui-mono);color:#0000;-webkit-text-stroke:1px #ffffff38;transition:.4s var(--ui-ease);font-size:1.8rem;font-weight:700;line-height:1}.showcase:hover .showcase-num{-webkit-text-stroke-color:var(--ui-accent);transform:translate(4px)}.showcase-status{font-family:var(--ui-mono);letter-spacing:.16em;border:1px solid var(--ui-line);background:#00000059;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .65rem;font-size:.66rem;display:inline-flex}.showcase-status .status-dot,.pp-status-dot{background:var(--green,#4ade80);border-radius:50%;width:.42rem;height:.42rem;animation:1.8s ease-in-out infinite ui-pulse;box-shadow:0 0 10px}.status-experimental .status-dot,.status-experimental .pp-status-dot{background:var(--ui-accent-2)}.status-archived .status-dot,.status-archived .pp-status-dot{background:var(--ui-dim);animation:none}.showcase-title{letter-spacing:-.02em;transition:.35s var(--ui-ease);margin:.75rem 0 .25rem;font-size:clamp(1.2rem,2.6vw,1.8rem)}.showcase:hover .showcase-title{background:var(--ui-grad);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.showcase-subtitle{color:var(--ui-dim)}.showcase-media{border-radius:var(--ui-r);border:1px solid var(--ui-line);aspect-ratio:16/9;background:#06070f;margin:.85rem 0;position:relative;overflow:hidden}.showcase-media img,.showcase-media video{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ui-ease), filter .6s;filter:saturate(.85)contrast(1.02);transform:scale(1.02)}.showcase:hover .showcase-media img,.showcase:hover .showcase-media video{filter:saturate(1.1);transform:scale(1.07)}.showcase-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#04050fcc);position:absolute;inset:0}.showcase-media-ph{height:100%;color:var(--ui-dim);background:repeating-linear-gradient(45deg,#ffffff08 0 10px,#0000 10px 20px);place-items:center;font-size:2rem;animation:5s ease-in-out infinite ui-float;display:grid}.showcase-stack{font-family:var(--ui-mono);flex-wrap:wrap;gap:.4rem;margin-top:.15rem;display:flex}.stack-tag{min-height:1.55rem;color:var(--ui-accent);letter-spacing:.04em;background:#22d3ee12;border:1px solid #22d3ee38;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.65rem;line-height:1.2;display:inline-flex}.showcase-stack .stack-tag{background:#22d3ee0f}.showcase-desc{color:var(--ui-dim);margin-top:.6rem;line-height:1.75}.showcase-links{flex-wrap:wrap;gap:1rem;margin-top:1.1rem;display:flex}.showcase-link,.cinema-view-all,.ap-project-link,.insight-read{font-family:var(--ui-mono);letter-spacing:.06em;color:var(--ui-ink);align-items:center;gap:.5rem;font-size:.76rem;transition:color .3s;display:inline-flex;position:relative}.showcase-link:after,.cinema-view-all:after,.ap-project-link:after,.insight-read:after{content:"";transform-origin:100%;background:var(--ui-grad);width:100%;height:1px;transition:transform .4s var(--ui-ease);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.showcase-link:hover,.cinema-view-all:hover,.ap-project-link:hover,.insight-read:hover{color:var(--ui-accent)}.showcase-link:hover:after,.cinema-view-all:hover:after,.ap-project-link:hover:after,.insight-read:hover:after{transform-origin:0;transform:scaleX(1)}.showcase-link i,.ap-project-link i{transition:transform .35s var(--ui-ease)}.showcase-link:hover i,.ap-project-link:hover i{transform:translate(3px,-3px)}.showcase-hero{border-color:#a78bfa47}@media (width>=1100px){.projects-cinema{max-width:none;padding-inline:10vw}.showcase{width:100%;height:76vh;min-height:0;max-height:820px;margin-inline:auto;padding:1.5rem 2rem}}@media (width<=600px){.showcase{padding-inline:1rem}}.all-projects{z-index:1;position:relative}.ap-hero{position:relative}.ap-hero-title{letter-spacing:-.04em;background:var(--ui-grad);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,8vw,5rem);line-height:.98;animation:10s linear infinite ui-grad-move}.ap-hero-sub{color:var(--ui-dim);max-width:46ch;margin-top:.8rem;line-height:1.7}.ap-hero-count{font-family:var(--ui-mono);letter-spacing:.22em;color:var(--ui-accent);margin-top:1.2rem;font-size:.7rem;display:inline-block}.ap-hero-count:after{content:"_";animation:1.1s step-end infinite ui-blink}.ap-back,.insights-back,.pp-back{font-family:var(--ui-mono);color:var(--ui-dim);transition:.3s var(--ui-ease);align-items:center;gap:.5rem;font-size:.74rem;display:inline-flex}.ap-back:hover,.insights-back:hover,.pp-back:hover{color:var(--ui-dim);transform:none}.ap-index{align-self:start;gap:.35rem;display:grid;position:sticky;top:90px}.ap-index-item{width:100%;color:var(--ui-dim);font-family:var(--ui-mono);cursor:pointer;transition:.3s var(--ui-ease);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.7rem;padding:.5rem .7rem;font-size:.74rem;display:flex}.ap-index-item:hover{color:var(--ui-ink);background:var(--ui-glass);transform:translate(3px)}.ap-index-item.is-active{color:#04050f;background:var(--ui-grad);background-size:200% 100%;font-weight:700;animation:8s linear infinite ui-grad-move;box-shadow:0 10px 30px -14px #22d3eecc}.ap-index-num{opacity:.7}.ap-category-title{font-family:var(--ui-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--ui-dim);border-bottom:1px solid var(--ui-line);margin-bottom:2.2rem;padding-bottom:.8rem;font-size:.78rem}.ap-project{isolation:isolate;border:1px solid var(--ui-line);border-radius:calc(var(--ui-r) + 4px);cursor:pointer;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s var(--ui-ease), border-color .35s, box-shadow .5s;background:linear-gradient(#ffffff0a,#ffffff03);align-items:center;gap:1.6rem;margin-bottom:2.6rem;padding:1.4rem;display:grid;position:relative;overflow:hidden}@media (width>=860px){.ap-project{grid-template-columns:1.15fr .85fr}.ap-project.is-reversed{grid-template-columns:.85fr 1.15fr}.ap-project.is-reversed .ap-project-media{order:2}}.ap-project:before{content:"";z-index:-1;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), color-mix(in oklab, var(--accent,#22d3ee) 22%, transparent), transparent 62%);transition:opacity .4s;position:absolute;inset:0}.ap-project:hover{border-color:color-mix(in oklab, var(--accent,#22d3ee) 55%, transparent);box-shadow:0 30px 80px -40px color-mix(in oklab, var(--accent,#22d3ee) 80%, transparent)}.ap-project:hover:before{opacity:1}.ap-project-media{border-radius:var(--ui-r);aspect-ratio:16/10;border:1px solid var(--ui-line);background:#06070f;position:relative;overflow:hidden}.ap-project-media img,.ap-project-media video{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ui-ease), filter .6s;filter:saturate(.8)}.ap-project:hover .ap-project-media img,.ap-project:hover .ap-project-media video{filter:saturate(1.15);transform:scale(1.06)}.ap-project-media-ph{background:radial-gradient(circle at 30% 30%, color-mix(in oklab, var(--accent,#22d3ee) 25%, transparent), transparent 60%), repeating-linear-gradient(45deg, #ffffff08 0 10px, transparent 10px 20px);height:100%}.ap-project-body{align-content:center;gap:.5rem;display:grid}.ap-project-num{font-family:var(--ui-mono);letter-spacing:.2em;color:var(--accent,var(--ui-accent));font-size:.72rem}.ap-project-title{letter-spacing:-.02em;font-size:clamp(1.25rem,2.6vw,1.9rem)}.ap-project-subtitle{color:var(--ui-dim);line-height:1.7}.ap-project-stack{font-family:var(--ui-mono);color:var(--accent,var(--ui-accent));opacity:.9;font-size:.72rem}.ap-project-link{width:fit-content;margin-top:.4rem}.ap-experiments{z-index:1;max-width:900px;margin:0 auto;padding:4rem 1.5rem;position:relative}.ap-experiments-title{letter-spacing:-.02em;font-size:1.5rem}.ap-experiments-sub{color:var(--ui-dim);margin-top:.4rem}.ap-terminal{border:1px solid var(--ui-line);border-radius:var(--ui-r);box-shadow:var(--ui-shadow);background:#02040cbf;margin-top:1.6rem;list-style:none;overflow:hidden}.ap-terminal:before{content:"● ● ●";letter-spacing:.3em;color:#ffffff40;border-bottom:1px solid var(--ui-line);background:#ffffff08;padding:.55rem .9rem;font-size:.6rem;display:block}.ap-terminal-line{font-family:var(--ui-mono);color:var(--ui-dim);transition:.25s var(--ui-ease);border-bottom:1px solid #ffffff0a;align-items:center;gap:.7rem;padding:.85rem 1rem;font-size:.8rem;display:flex}.ap-terminal-line:hover{color:var(--ui-ink);background:#22d3ee12;padding-left:1.4rem}.ap-terminal-line i{opacity:.5;margin-left:auto}.ap-evolution{z-index:1;max-width:900px;margin:0 auto;padding:4rem 1.5rem;position:relative}.ap-evolution-eyebrow{font-family:var(--ui-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--ui-dim);font-size:.7rem}.ap-evolution-line{gap:1.6rem;margin-top:2rem;padding-left:1.6rem;display:grid;position:relative}.ap-evolution-line:before{content:"";background:linear-gradient(180deg, var(--ui-accent), var(--ui-accent-2), transparent);width:2px;position:absolute;top:4px;bottom:4px;left:4px}.ap-evolution-step{align-items:flex-start;gap:.9rem;display:flex;position:relative}.ap-evolution-dot{background:var(--ui-accent);width:10px;height:10px;box-shadow:0 0 0 4px #22d3ee1f, 0 0 14px var(--ui-accent);border-radius:50%;transition:all .3s;animation:2.4s ease-in-out infinite ui-pulse;position:absolute;top:.35rem;left:-1.6rem}.ap-evolution-step:hover .ap-evolution-dot{transform:scale(1.35)}.ap-evolution-text{gap:.2rem;display:grid}.ap-closing{z-index:1;text-align:center;padding:5rem 1.5rem 7rem;position:relative}.ap-closing-count{letter-spacing:-.02em;font-size:clamp(1.3rem,3.5vw,2rem)}.ap-closing-note{color:var(--ui-dim);margin-top:.5rem}.ap-closing-cta{font-family:var(--ui-mono);color:#04050f;background:var(--ui-grad);transition:transform .35s var(--ui-ease), box-shadow .35s;background-size:220% 100%;border-radius:999px;align-items:center;gap:.6rem;margin-top:1.8rem;padding:.85rem 1.6rem;font-size:.78rem;font-weight:700;animation:8s linear infinite ui-grad-move;display:inline-flex}.ap-closing-cta:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 20px 50px -20px #22d3eecc}@media (width>=980px){.ap-body{grid-template-columns:210px minmax(0,1fr);gap:3rem;max-width:1180px;margin:0 auto;padding:0 1.5rem;display:grid}}.ap-hero{gap:.3rem;max-width:1180px;margin:0 auto;padding:6rem 1.5rem 3rem;display:grid}.pp{z-index:1;max-width:860px;margin:0 auto;padding:5rem 1.5rem 6rem;position:relative}.pp-section,.pp-features,.pp-cta,.pp-footer{padding:3rem 0;position:relative}.pp-section+.pp-section{border-top:1px solid var(--ui-line)}.pp-section-label{font-family:var(--ui-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--ui-accent);align-items:center;gap:.8rem;margin-bottom:1.4rem;font-size:.72rem;display:flex}.pp-section-label:after{content:"";background:linear-gradient(90deg, var(--ui-line-hot), transparent);flex:1;height:1px}.pp-title{letter-spacing:-.04em;background:var(--ui-grad);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;margin:1rem 0 .6rem;font-size:clamp(2.2rem,7vw,4rem);line-height:1.02;animation:10s linear infinite ui-grad-move}.pp-subtitle{color:var(--ui-dim);font-size:1.05rem;line-height:1.7}.pp-description{color:var(--ui-ink);margin-top:1rem;line-height:1.85}.pp-stack{font-family:var(--ui-mono);letter-spacing:.08em;color:var(--ui-accent);margin-top:1rem;font-size:.74rem}.pp-status{font-family:var(--ui-mono);letter-spacing:.18em;border:1px solid var(--ui-line);background:#ffffff08;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.66rem;display:inline-flex}[data-theme=light] .pp-status{color:#1d4ed8;background:#2563eb0d;border-color:#2563eb29}.pp-hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.8rem;display:flex}.pp-btn{font-family:var(--ui-mono);letter-spacing:.05em;transition:transform .35s var(--ui-ease), box-shadow .35s, background .3s, color .3s;border-radius:999px;align-items:center;gap:.5rem;padding:.8rem 1.4rem;font-size:.76rem;display:inline-flex}.pp-btn-primary{color:#04050f;background:var(--ui-grad);background-size:220% 100%;font-weight:700;animation:8s linear infinite ui-grad-move}.pp-btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 44px -18px #22d3eed9}.pp-btn-ghost{border:1px solid var(--ui-line);color:var(--ui-ink)}.pp-btn-ghost:hover{border-color:var(--ui-line-hot);color:var(--ui-accent);transform:translateY(-3px)}.pp-hero-media{border-radius:calc(var(--ui-r) + 6px);border:1px solid var(--ui-line);aspect-ratio:16/9;box-shadow:var(--ui-shadow);background:#06070f;margin-top:2.4rem;overflow:hidden}[data-theme=light] .pp-hero-media,[data-theme=light] .pp-feature-media,[data-theme=light] .pp-flow-box,[data-theme=light] .pp-arch-box,[data-theme=light] .pp-challenge,[data-theme=light] .pp-decision,[data-theme=light] .pp-results-grid>div{box-shadow:none;background:#fffffff5;border-color:#0f172a1f}[data-theme=light] .pp-hero-media{background:#f8fafc}.pp-hero-media img,.pp-hero-media video{object-fit:cover;width:100%;height:100%}.pp-hero-media-ph{background:radial-gradient(circle at 30% 20%,#22d3ee33,#0000 60%),repeating-linear-gradient(45deg,#ffffff08 0 10px,#0000 10px 20px);height:100%}.pp-section-nav{z-index:40;gap:.7rem;display:grid;position:fixed;top:50%;right:1.2rem;transform:translateY(-50%)}.pp-section-nav a{place-items:center;width:16px;height:16px;display:grid;position:relative}.pp-section-nav a span{width:7px;height:7px;transition:.35s var(--ui-ease);background:#ffffff38;border-radius:50%}[data-theme=light] .pp-section-nav a span{background:#0f172a47}.pp-section-nav a:hover span{background:var(--ui-accent);transform:scale(1.4)}.pp-section-nav a.is-active span{background:var(--ui-accent);box-shadow:0 0 0 4px #22d3ee29, 0 0 12px var(--ui-accent);transform:scale(1.4)}.pp-section-nav a:after{content:attr(data-label);white-space:nowrap;font-family:var(--ui-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ui-ink);border:1px solid var(--ui-line);opacity:0;pointer-events:none;transition:.3s var(--ui-ease);background:#04050feb;border-radius:6px;padding:.22rem .5rem;font-size:.64rem;position:absolute;right:22px;transform:translate(6px)}.pp-section-nav a:hover:after{opacity:1;transform:none}@media (width<=900px){.pp-section-nav{display:none}}.pp-point-list{gap:.7rem;margin-top:1rem;list-style:none;display:grid}[data-theme=light] .pp-prose,[data-theme=light] .pp-point-list li,[data-theme=light] .pp-feature-body .pp-prose,[data-theme=light] .pp-challenge-solution,[data-theme=light] .pp-flow-desc,[data-theme=light] .pp-arch-note,[data-theme=light] .pp-markdown-quote,[data-theme=light] .pp-results-grid span,[data-theme=light] .pp-checklist li,[data-theme=light] .pp-nav-link,[data-theme=light] .pp-footer-tagline{color:#475569}.pp-point-list li{color:var(--ui-dim);padding-left:1.5rem;line-height:1.75;transition:all .3s;position:relative}.pp-point-list li:before{content:"▸";color:var(--ui-accent);transition:transform .3s var(--ui-ease);position:absolute;left:0}.pp-point-list li:hover{color:var(--ui-ink)}.pp-point-list li:hover:before{transform:translate(3px)}.pp-flow{gap:.3rem;margin-top:1.4rem;display:grid}.pp-flow-box{border:1px solid var(--ui-line);border-left:2px solid var(--ui-accent);background:var(--ui-glass);transition:.35s var(--ui-ease);border-radius:12px;padding:1rem 1.15rem}.pp-flow-box:hover{border-color:var(--ui-line-hot);background:var(--ui-glass-2);transform:translate(6px)}.pp-flow-title{font-weight:600}.pp-flow-box small{color:var(--ui-dim);margin-top:.35rem;display:block}.pp-flow-arrow{text-align:center;color:var(--ui-accent);opacity:.6;font-size:1.75rem;line-height:1;animation:2s ease-in-out infinite ui-pulse}.pp-feature{align-items:center;gap:1.6rem;padding:2rem 0;display:grid}@media (width>=860px){.pp-feature{grid-template-columns:1.15fr .85fr}.pp-feature.is-reversed .pp-feature-media{order:2}}.pp-feature-media{border-radius:var(--ui-r);border:1px solid var(--ui-line);aspect-ratio:16/9;width:100%;max-width:820px;transition:transform .5s var(--ui-ease), box-shadow .5s;background:#06070f;justify-self:center;overflow:hidden}.pp-feature-media:hover{box-shadow:var(--ui-glow);transform:translateY(-6px)scale(1.01)}.pp-v2 .pp-feature-media img,.pp-v2 .pp-feature-media video{object-fit:cover;width:100%;height:100%}.pp-feature-media-ph{background:repeating-linear-gradient(45deg,#ffffff08 0 10px,#0000 10px 20px);height:100%}.pp-feature-title{letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.25rem}.pp-arch{gap:.9rem;display:grid}.pp-arch-box{font-family:var(--ui-mono);transition:.3s var(--ui-ease);background:#22d3ee0d;border:1px dashed #22d3ee59;border-radius:12px;padding:.9rem 1.1rem;font-size:.82rem}.pp-arch-box:hover{border-style:solid;transform:translateY(-3px)}.pp-arch-note{color:var(--ui-dim);margin-top:.4rem;font-size:.9rem}.pp-challenge{border:1px solid var(--ui-line);border-radius:var(--ui-r);background:var(--ui-glass);transition:.4s var(--ui-ease);margin-bottom:1.2rem;padding:1.4rem 1.4rem 1.4rem 3.4rem;position:relative}.pp-challenge:hover{border-color:var(--ui-line-hot);background:var(--ui-glass-2);transform:translateY(-4px)}.pp-challenge-num{font-family:var(--ui-mono);color:#0000;-webkit-text-stroke:1px var(--ui-accent);font-size:.95rem;position:absolute;top:1.2rem;left:1rem}.pp-challenge-situation{font-weight:600}.pp-challenge-arrow{color:var(--ui-accent);opacity:.7;margin:.5rem 0;display:block}.pp-challenge-tag{font-family:var(--ui-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--green,#4ade80);margin-bottom:.35rem;font-size:.62rem;display:inline-block}.pp-challenge-solution{color:var(--ui-dim);line-height:1.75}.pp-decisions{gap:1rem;display:grid}@media (width>=760px){.pp-decisions{grid-template-columns:1fr 1fr}}.pp-decision{border:1px solid var(--ui-line);border-radius:var(--ui-r);transition:.4s var(--ui-ease);background:linear-gradient(#ffffff0b,#ffffff03);padding:1.2rem}.pp-decision:hover{border-color:var(--ui-line-hot);box-shadow:var(--ui-glow);transform:translateY(-5px)}.pp-decision-q{margin-bottom:.5rem;font-weight:600}.pp-decision-a{color:var(--ui-accent);font-family:var(--ui-mono);font-size:.85rem}.pp-results-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1.2rem;display:grid}.pp-results-grid>div{border-radius:var(--ui-r);border:1px solid var(--ui-line);background:var(--ui-glass);text-align:center;transition:.35s var(--ui-ease);padding:1.2rem}.pp-results-grid>div:hover{border-color:var(--ui-line-hot);transform:translateY(-5px)scale(1.02)}.pp-results-grid strong{letter-spacing:-.02em;background:var(--ui-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.9rem;display:block}.pp-results-grid span{font-family:var(--ui-mono);letter-spacing:.12em;color:var(--ui-dim);text-transform:uppercase;font-size:.68rem}.pp-checklist{gap:.6rem;margin-top:1.2rem;list-style:none;display:grid}.pp-checklist li{color:var(--ui-dim);align-items:baseline;gap:.7rem;display:flex}.pp-checklist li i{color:var(--ui-dim)}.pp-checklist li.is-done i{color:var(--green,#4ade80)}.pp-next-label{font-family:var(--ui-mono);letter-spacing:.2em;color:var(--ui-accent);text-transform:uppercase;margin-top:1.6rem;font-size:.68rem}.pp-cta{text-align:center}.pp-cta .pp-section-label{justify-content:center}.pp-cta .pp-section-label:after{display:none}.pp-cta-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.2rem;display:flex}.pp-footer{text-align:center;border-top:1px solid var(--ui-line);margin-top:2rem}.pp-footer-tagline{color:var(--ui-dim);font-family:var(--ui-mono);letter-spacing:.1em;font-size:.74rem}.pp-footer-title{letter-spacing:-.03em;margin:.6rem 0 1.2rem;font-size:clamp(1.6rem,4vw,2.4rem)}.pp-nav{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;display:flex}.pp-nav-link{font-family:var(--ui-mono);color:var(--ui-dim);border:1px solid var(--ui-line);transition:.35s var(--ui-ease);border-radius:999px;padding:.7rem 1rem;font-size:.76rem}.pp-nav-link:hover{color:var(--ui-accent);border-color:var(--ui-line-hot);transform:translateY(-3px)}.insight-page.ui-grid-bg{max-width:1320px;padding-left:3rem;padding-right:3rem}.insights-heading{gap:.8rem;margin:0 0 2rem;display:grid}.insights-kicker{font-family:var(--ui-mono);letter-spacing:.22em;color:#22d3eee6;text-transform:uppercase;font-size:.66rem}.insights-heading h1{letter-spacing:-.04em;background:var(--ui-grad);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.1rem,7vw,4.2rem);line-height:.96;animation:10s linear infinite ui-grad-move}.insights-heading p{color:var(--ui-dim);max-width:52ch;line-height:1.6}.insights-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem;display:grid}.insight-card{isolation:isolate;border-radius:calc(var(--ui-r) + 2px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffffe6,#ffffffb8);border:1px solid #94a3b838;gap:.7rem;padding:1.4rem 1.35rem 1.25rem;transition:none;display:grid;position:relative;overflow:hidden;transform:none}.insight-card:before{content:"";z-index:-1;opacity:0;background:0 0;position:absolute;inset:0}.insight-card:after{content:"";background:0 0;width:100%;height:0;position:absolute;top:0;left:0;transform:none}.insight-card:hover{box-shadow:none;border-color:#94a3b838}.insight-card:hover:before{opacity:0}.insight-card:hover:after{transform:none}[data-theme=dark] .insight-card{background:linear-gradient(#ffffff14,#ffffff05);border-color:#94a3b82e}[data-theme=dark] .insight-card:hover{box-shadow:none;border-color:#94a3b82e}.insight-card-meta{font-family:var(--ui-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ui-dim);justify-content:space-between;align-items:flex-start;gap:1rem;font-size:.66rem;display:flex}.insight-card-tags{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.insight-card-tags .insight-tag{min-height:1.35rem;padding:.15rem .45rem;font-size:.58rem}.insight-card h2{color:var(--ref-ink,#18181b);letter-spacing:-.01em;font-size:1.15rem;line-height:1.35;transition:none}.insight-card:hover h2{color:var(--ref-ink,#18181b)}[data-theme=dark] .insight-card h2,[data-theme=dark] .insight-card:hover h2{color:#f8fafc}.insight-card p{color:var(--ui-dim);font-size:.92rem;line-height:1.7}.insight-read{width:fit-content;margin-top:.3rem}.insights-empty{color:var(--ui-dim);font-family:var(--ui-mono);font-size:.85rem}.insight-page .insights-back{margin-bottom:1.5rem}.insight-page .insight-header{gap:.45rem;margin:.8rem 0 1.2rem;display:grid}.insight-tags{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.insight-tag{min-height:1.55rem;color:var(--ui-accent);font-family:var(--ui-mono);letter-spacing:.04em;background:#22d3ee14;border:1px solid #22d3ee3d;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.66rem;line-height:1.2;display:inline-flex}.insight-page .insight-header h1{letter-spacing:-.035em;font-size:clamp(1.8rem,4.8vw,3.6rem);line-height:1.06}.insight-date{font-family:var(--ui-mono);color:var(--ui-dim);letter-spacing:.1em;font-size:.72rem}.insight-page .insight-layout{grid-template-columns:1fr;gap:2.4rem;display:grid}.insight-nav{align-self:start}.insight-nav-label{color:var(--ui-dim);font:.65rem var(--ui-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.8rem;display:block}.insight-nav nav{border-left:1px solid var(--ui-line);gap:.2rem;display:grid}.insight-nav a{color:var(--ui-dim);font:.7rem var(--ui-mono);white-space:nowrap;padding:.3rem 0 .3rem .8rem;line-height:1.35;transition:color .2s,border-color .2s}.insight-nav a.is-active,.insight-nav a:hover{color:var(--ui-accent);border-left:2px solid var(--ui-accent);margin-left:-1px}@media (width>=980px){.insight-page .insight-layout{grid-template-columns:260px minmax(0,1fr);align-items:start}.insight-page .insight-layout.has-media{grid-template-columns:260px minmax(0,1fr) 280px}.insight-nav{position:sticky;top:6rem}.insight-page .insight-header{margin-left:calc(260px + 2.4rem)}}@media (width<=979px){.insight-nav nav{border-left:0;border-bottom:1px solid var(--ui-line);gap:.7rem;padding-bottom:.6rem;display:flex;overflow-x:auto}.insight-nav a{flex:none;padding:.25rem 0}}@media (width<=700px){.insight-page .insight-layout{grid-template-columns:1.1rem minmax(0,1fr);align-items:start;gap:1rem}.insight-nav{grid-area:1/1}.insight-nav-label{display:none}.insight-page .insight-nav nav{border-bottom:0;border-left:0;gap:.55rem;padding-top:.15rem;display:grid}.insight-nav a{width:1.1rem;color:var(--ui-dim);text-align:center;padding:.2rem 0;font-size:0;overflow:hidden}.insight-nav a:before{content:"—";font:.8rem var(--ui-mono)}.insight-page .insight-layout>div{grid-area:1/2;min-width:0}.insight-page .insight-media{grid-area:2/1/auto/-1}}[data-theme=light] .insight-page,[data-theme=light] .insight-content,[data-theme=light] .insight-media,[data-theme=light] .insight-nav nav{background:0 0}[data-theme=light] .insight-page .insights-back,[data-theme=light] .insight-page .insight-date,[data-theme=light] .insight-nav-label,[data-theme=light] .insight-nav a,[data-theme=light] .insight-media figcaption{color:#475569}[data-theme=light] .insight-tag{color:#1d4ed8;background:#2563eb14;border-color:#2563eb2e}[data-theme=light] .insight-content{color:#1f2937;font-size:1.12rem;line-height:1.9}[data-theme=light] .insight-content p,[data-theme=light] .insight-content li,[data-theme=light] .insight-content span,[data-theme=light] .insight-content div,[data-theme=light] .insight-content strong,[data-theme=light] .insight-content em,[data-theme=light] .insight-content small{color:#1f2937}[data-theme=light] .insight-content h2,[data-theme=light] .insight-content h3{color:#0f172a}[data-theme=light] .insight-content h2{border-left-color:#2563eb}[data-theme=light] .insight-content a{color:#2563eb;border-bottom-color:#2563eb47}[data-theme=light] .insight-content pre{color:#0f172a;font-family:var(--ui-mono);background:#f8fafc;border:1px solid #0f172a1f;border-radius:12px;padding:1.1rem;font-size:.84rem;overflow:auto}[data-theme=light] .insight-content code{color:#0f172a}[data-theme=light] .insight-content blockquote{color:#475569;background:#7c3aed0f;border-left:2px solid #7c3aed;border-radius:0 12px 12px 0;margin:1.4rem 0;padding:.9rem 1.2rem}[data-theme=light] .insight-mermaid{border-radius:var(--ui-r);background:#fff;border:1px solid #0f172a1f;margin:1.6rem 0;padding:1.2rem;transition:border-color .3s;overflow:auto}[data-theme=light] .insight-mermaid:hover{border-color:#2563eb47}[data-theme=light] .insight-mermaid.is-error{color:#475569;font-family:var(--ui-mono);font-size:.8rem}[data-theme=light] .insight-media{gap:1rem;display:grid;position:sticky;top:92px}[data-theme=light] .insight-media figure{background:#fff;border:1px solid #0f172a1f}[data-theme=light] .insight-media figure:hover{border-color:#2563eb47}[data-theme=light] .insight-nav nav{border-left-color:#0f172a1f}[data-theme=light] .insight-nav a.is-active,[data-theme=light] .insight-nav a:hover{color:#2563eb;border-left-color:#2563eb}.insight-media figure{border:1px solid var(--ui-line);border-radius:var(--ui-r);background:var(--ui-glass);transition:transform .45s var(--ui-ease), border-color .3s;overflow:hidden}.insight-media figure:hover{border-color:var(--ui-line-hot);transform:translateY(-5px)}.insight-media img,.insight-media video{width:100%;display:block}.insight-media figcaption{font-family:var(--ui-mono);color:var(--ui-dim);padding:.6rem .8rem;font-size:.68rem}.pm-form,.insight-admin-form,.insight-admin-item,.pm-advanced{border:1px solid var(--ui-line);border-radius:var(--ui-r);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff0a,#ffffff03)}.pm-form,.insight-admin-form{gap:1rem;padding:1.5rem;display:grid}.pm-form-header{gap:.3rem;margin-bottom:.5rem;display:grid}.pm-eyebrow,.pm-section-title,.pm-field-label,.pm-step{font-family:var(--ui-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ui-accent);font-size:.68rem}.pm-heading,.insight-admin h2{letter-spacing:-.02em;font-size:1.35rem}.pm-subheading,.pm-help{color:var(--ui-dim);font-size:.85rem}.finput{border:1px solid var(--ui-line);width:100%;color:var(--ui-ink);background:#02040c99;border-radius:10px;padding:.8rem .95rem;font-family:inherit;font-size:.92rem;transition:border-color .25s,box-shadow .25s,background .25s}.finput:focus{border-color:var(--ui-line-hot);background:#02040cd9;outline:none;box-shadow:0 0 0 3px #22d3ee1f}textarea.finput{resize:vertical;line-height:1.7}.insight-content-input,.pm-brief-input{font-family:var(--ui-mono);font-size:.84rem}.pm-json-grid,.pm-link-grid,.pm-media-grid,.insight-admin-fields{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;display:grid}.pm-actions,.pm-brief-tools{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.pm-advanced{padding:1rem 1.2rem}.pm-advanced-body{animation:ui-fade-in .35s var(--ui-ease);gap:.9rem;margin-top:.9rem;display:grid}@keyframes ui-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.pm-mode{border:1px solid var(--ui-line);background:#02040c99;border-radius:999px;gap:.3rem;padding:.25rem;display:inline-flex}.pm-file-button,.cancel-btn,.pm-apply-brief{font-family:var(--ui-mono);letter-spacing:.05em;border:1px solid var(--ui-line);color:var(--ui-ink);cursor:pointer;transition:.3s var(--ui-ease);background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-size:.74rem;display:inline-flex}.pm-file-button:hover,.pm-apply-brief:hover{border-color:var(--ui-line-hot);color:var(--ui-accent);transform:translateY(-2px)}.cancel-btn:hover{color:#f87171;border-color:#f8717180;transform:translateY(-2px)}.pm-preview,.pm-video-preview{border:1px solid var(--ui-line);border-radius:12px;max-width:260px;overflow:hidden}.pm-preview img,.pm-video-preview video{width:100%;display:block}.insight-admin{gap:1.6rem;display:grid}.insight-published{font-family:var(--ui-mono);color:var(--ui-dim);align-items:center;gap:.5rem;font-size:.74rem;display:inline-flex}.insight-admin-item{transition:.3s var(--ui-ease);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:.9rem 1.1rem;display:flex}.insight-admin-item:hover{border-color:var(--ui-line-hot);transform:translate(4px)}.insight-admin-item strong{display:block}.insight-admin-item small{color:var(--ui-dim);font-family:var(--ui-mono);letter-spacing:.08em;font-size:.68rem}.insight-admin-item>div:last-child{gap:.5rem;display:flex}.ui-loader{place-items:center;gap:1rem;padding:5rem 1rem;display:grid}.ui-loader-ring{border:2px solid #ffffff1a;border-top-color:var(--ui-accent);border-right-color:var(--ui-accent-2);border-radius:50%;width:46px;height:46px;animation:.9s linear infinite ui-spin}.ui-loader-text{font-family:var(--ui-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--ui-dim);font-size:.7rem;animation:1.6s ease-in-out infinite ui-pulse}.error-message{border-radius:var(--ui-r);color:#fca5a5;max-width:520px;font-family:var(--ui-mono);text-align:center;background:#f8717112;border:1px solid #f8717159;margin:6rem auto;padding:1.2rem 1.4rem;font-size:.85rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.pcard{isolation:isolate;border:1px solid var(--border,#ffffff12);border-radius:var(--r,12px);background:var(--glass,#ffffff0a);cursor:pointer;flex:0 0 320px;max-width:100%;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.pcard:hover{border-color:#22d3ee40;box-shadow:0 20px 60px #0000004d,0 0 40px #22d3ee12}.pcard:focus-visible{outline:2px solid var(--cyan,#22d3ee);outline-offset:3px}.pcard-img{aspect-ratio:16/10;background:#0f172a;position:relative;overflow:hidden}.pcard-img img{object-fit:contain;filter:brightness(.8);background:#0f172a;width:100%;height:100%;transition:filter .5s}.pcard:hover .pcard-img img{filter:brightness()}.pcard-img-ph{height:100%;color:var(--muted,#64748b);background:repeating-linear-gradient(135deg,#ffffff08 0 12px,#0000 12px 24px);place-items:center;gap:.5rem;display:grid}.pcard-img-ph i{font-size:1.6rem;animation:4s ease-in-out infinite ui-float}.pcard-scan{inset-inline:0;pointer-events:none;opacity:0;background:linear-gradient(#0000,#22d3ee2e,#0000);height:28%;position:absolute;top:0}.pcard:hover .pcard-scan{opacity:0}.pcat{letter-spacing:.14em;text-transform:uppercase;color:#04050f;background:var(--grad,linear-gradient(135deg, #22d3ee, #a78bfa));background-size:200% 100%;border-radius:999px;padding:.3rem .6rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.62rem;font-weight:700;animation:7s linear infinite ui-grad-move;position:absolute;top:.75rem;left:.75rem}.pcard-body{gap:.4rem;padding:.8rem 1rem 1rem;display:grid}.pcard-body h4{letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:700;transition:color .3s}.pcard:hover .pcard-body h4{color:var(--cyan,#22d3ee)}.pstack{flex-wrap:wrap;gap:.3rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.6rem;display:flex}.pstack .stack-tag{color:var(--cyan,#22d3ee);background:#22d3ee0f;border:1px solid #22d3ee38;border-radius:999px;padding:.15rem .45rem;font-size:.6rem}.plinks{flex-wrap:wrap;gap:.6rem;margin-top:.3rem;display:flex}.plinks a{color:var(--muted,#64748b);border-bottom:1px solid #0000;padding:4px 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.65rem;text-decoration:none;transition:color .25s,border-color .25s}.plinks a:hover{color:var(--cyan,#22d3ee);border-color:currentColor}.plink-project{color:var(--text,#e2e8f0)!important}.plink-live,.plink-code{background:#22d3ee17;border:1px solid #22d3ee47;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .7rem;font-size:.65rem;transition:background .25s,border-color .25s,transform .25s;display:inline-flex;color:var(--cyan,#22d3ee)!important}.plink-live:hover,.plink-code:hover{background:#22d3ee29;border-color:#22d3eea6;transform:translateY(-1px)}@media (width<=768px){.pcard{flex:0 0 100%}.pcard-body{padding:.6rem .8rem .8rem}.pcard-body h4{font-size:.9rem}.pstack .stack-tag{padding:.1rem .35rem;font-size:.55rem}.plinks a{padding:3px 8px;font-size:.6rem}}.showcase{margin-inline:auto!important;flex-direction:column!important;width:min(88%,980px)!important;height:auto!important;min-height:clamp(420px,62vh,540px)!important;max-height:540px!important;margin-bottom:.9rem!important;padding:.35rem .8rem .55rem!important;transition:max-height .45s,transform .3s,box-shadow .3s!important;display:flex!important;overflow:hidden!important}.showcase:hover{transform:translateY(-2px);max-height:1000px!important}.showcase-media{aspect-ratio:16/10!important;border-radius:10px!important;width:100%!important;margin:.32rem 0 .7rem!important;overflow:hidden!important}.showcase-media img,.showcase-media video,.showcase-live-preview{object-fit:contain!important;background:#06070f!important;width:100%!important;height:100%!important;transition:transform .5s!important;transform:scale(1)!important}.showcase-live-preview-media{min-height:320px;aspect-ratio:16/9!important}.projects-cinema .showcase-live-preview-media{aspect-ratio:16/9!important;min-height:0!important}.project-showcase-layout.has-live-preview{grid-template-columns:3rem minmax(0,1.2fr) minmax(18rem,1.1fr)}.showcase-live-preview-viewport{width:100%;height:100%;position:relative;overflow:hidden}.showcase-live-preview-frame{transform-origin:0 0;position:absolute;top:0;left:0}.showcase-live-preview{border:0;width:100%;height:100%;display:block}.project-showcase-copy .showcase-subtitle{font-style:italic;line-height:1.4;color:#71717a!important;font-size:.72rem!important}.showcase-read-more{color:inherit!important;background:0 0!important}.showcase:hover .showcase-media img,.showcase:hover .showcase-media video{transform:scale(1.02)!important}.showcase:hover .extension-toolbar-dot img{filter:none!important;transition:none!important;transform:none!important}.showcase-meta{margin-bottom:.2rem!important}.showcase-num{font-size:1.2rem!important}.showcase.extension-showcase{width:90vw!important;max-width:90vw!important;height:90vh!important;min-height:90vh!important;max-height:none!important}.showcase.extension-showcase:hover{max-height:none!important}.extension-showcase-media{aspect-ratio:auto!important;height:90vh!important;margin-top:.25rem!important}.extension-showcase-number{color:#3131314b;font-family:var(--ui-mono,"JetBrains Mono", monospace);letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;margin:0 0 .8rem;font-size:.7rem;font-weight:700;line-height:1}@media (width>=1100px){.showcase{padding:.45rem .9rem .6rem!important}.showcase-media{width:100%!important;margin:.3rem 0 .65rem!important}}@media (width<=600px){.showcase{width:100%!important;padding:.4rem .6rem!important}.showcase-title{font-size:.9rem!important}.showcase-desc{-webkit-line-clamp:unset!important}}.pp.pp-v2{width:90vw;max-width:90vw;padding-top:7rem}.ppnav{z-index:80;border-bottom:1px solid var(--ui-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04050fd6;position:fixed;top:0;left:0;right:0}[data-theme=light] .ppnav{background:#ffffffd1;border-bottom-color:#0f172a1f;box-shadow:0 1px #0f172a0a}.ppnav-inner{align-items:center;gap:1.25rem;max-width:1220px;min-height:64px;margin:0 auto;padding:0 1.25rem;display:flex}.ppnav-back,.ppnav-link,.ppnav-toggle{font-family:var(--ui-mono)}.ppnav-back{border:1px solid var(--ui-line);color:var(--ui-dim);white-space:nowrap;background:#ffffff05;border-radius:999px;align-items:center;gap:.45rem;padding:.48rem .8rem;font-size:.72rem;transition:color .2s,border-color .2s,background .2s,transform .2s;display:inline-flex}.ppnav-back:hover{color:var(--ui-accent);border-color:var(--ui-line-hot);background:#22d3ee0f;transform:translateY(-1px)}.ppnav-id{align-items:center;gap:.55rem;min-width:0;display:flex}.ppnav-dot,.ppnav-dot:after{border-radius:50%;width:7px;height:7px;display:block}.ppnav-dot{background:var(--ui-accent);flex:none;box-shadow:0 0 12px}.ppnav-dot:after{content:"";background:currentColor;animation:2s ease-in-out infinite ui-pulse}.ppnav-name{max-width:170px;color:var(--ui-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.ppnav-scroll{scrollbar-width:none;align-items:center;gap:.25rem;min-width:0;display:flex;overflow-x:auto}.ppnav-scroll::-webkit-scrollbar{display:none}.ppnav-link{color:var(--ui-dim);flex:none;align-items:center;gap:.42rem;padding:.55rem .62rem;font-size:.67rem;transition:color .2s,background .2s;display:inline-flex}.ppnav-link em{color:#ffffff52;font-size:.58rem;font-style:normal}.ppnav-link:hover,.ppnav-link.is-active{color:var(--ui-accent);background:var(--ui-glass-2)}.ppnav-link.is-active em{color:var(--ui-accent)}[data-theme=dark] .ppnav-count{color:var(--ui-dim);background:#04050fbf}[data-theme=light] .ppnav-back,[data-theme=light] .ppnav-link,[data-theme=light] .ppnav-name,[data-theme=light] .ppnav-count,[data-theme=light] .ppnav-link em{color:#475569}[data-theme=light] .ppnav-back{background:#ffffffe6;border-color:#0f172a1f;box-shadow:0 1px #0f172a0a}[data-theme=light] .ppnav-count{background:#ffffffe6;border:1px solid #0f172a1f;box-shadow:0 1px #0f172a0a}[data-theme=light] .ppnav-link:hover,[data-theme=light] .ppnav-link.is-active{color:#2563eb;background:#2563eb0f}[data-theme=light] .ppnav-link.is-active em,[data-theme=light] .ppnav-back:hover{color:#2563eb}.ppnav-toggle{cursor:pointer;background:0 0;border:0;display:none}.ppnav-toggle span{background:var(--ui-ink);width:22px;height:1px;margin:4px;display:block}.ppnav-progress{width:100%;height:2px;position:absolute;bottom:-1px;left:0}.ppnav-progress i{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--scroll-progress,0));background:var(--ui-grad);display:block;box-shadow:0 0 14px #22d3eeb3}.ppnav-count{color:var(--ui-dim);font:.62rem var(--ui-mono);background:#04050fbf;padding:.35rem .5rem;position:absolute;top:100%;right:1rem}.pp-v2 .pp-hero{padding-top:2rem}.pp-v2 .pp-hero-copy{min-width:0}.pp-v2 #hero .pp-hero-media{margin-top:0}.pp-v2 .pp-title{max-width:900px}.pp-v2 #solution>.pp-prose{max-width:none}.pp-v2 #context>.pp-prose,.pp-v2 #context>.pp-point-list .pp-prose,.pp-v2 #context>.pp-callout,.pp-v2 #problem>.pp-prose,.pp-v2 #problem>.pp-point-list .pp-prose{width:100%;max-width:none}.pp-v2 #challenges .pp-challenge{width:min(100%,980px);margin-left:auto;margin-right:auto;padding:1.5rem 2rem 1.5rem 4rem}.pp-v2 #challenges .pp-challenge-solution .pp-prose,.pp-v2 #challenges .pp-challenge-solution .pp-prose p{width:100%;max-width:none}.pp-v2 #decisions .pp-decision,.pp-v2 #highlights .pp-decision,.pp-v2 #learnings .pp-decision{width:min(100%,980px);margin-left:auto;margin-right:auto;padding:1.5rem 2rem 1.5rem 4rem}.pp-v2 #decisions .pp-decision .pp-prose,.pp-v2 #highlights .pp-decision .pp-prose,.pp-v2 #learnings .pp-decision .pp-prose,.pp-v2 #results>.pp-prose,.pp-v2 #results>.pp-point-list .pp-prose,.pp-v2 #notes>.pp-prose,.pp-v2 .pp-diagram>.pp-prose{width:100%;max-width:none}.pp-v2 .pp-diagram-figure{width:100%;margin-left:auto;margin-right:auto}.pp-v2 .pp-arch{align-items:center}.pp-v2 .pp-arch-row{width:100%}.pp-stack-chips{flex-wrap:wrap;gap:.45rem;margin-top:1.1rem;list-style:none;display:flex}.pp-stack-chips li{border:1px solid var(--ui-line);color:var(--ui-dim);font:.65rem var(--ui-mono);letter-spacing:.04em;padding:.38rem .65rem}.pp-media-frame{border:1px solid var(--ui-line-hot);pointer-events:none;position:absolute;inset:.55rem -.55rem -.55rem .55rem}.pp-hero-media,.pp-feature-media{z-index:0;position:relative}.pp-hero-media>img,.pp-hero-media>video,.pp-feature-media>img,.pp-feature-media>video{z-index:1;position:relative}.pp-section-wide{max-width:100%}.pp-flow-box{align-items:flex-start;gap:1rem;display:flex}.pp-flow-index,.pp-feature-index{color:var(--ui-accent);font:.7rem var(--ui-mono);letter-spacing:.1em;flex:none}.pp-flow-copy{min-width:0}.pp-flow-title{margin:0}.pp-flow-desc{color:var(--ui-dim);margin-top:.4rem}.pp-feature-index{margin-bottom:.8rem;display:block}.pp-feature-body .pp-prose{color:var(--ui-dim);line-height:1.75}.pp-md-inline>:first-child{margin-top:0}.pp-md-inline>:last-child{margin-bottom:0}.pp-callout{border-left:2px solid var(--ui-accent);background:var(--ui-glass);padding:.8rem 1rem}.pp-prose h3,.pp-prose h4{color:var(--ui-ink);margin:1.2rem 0 .45rem}.pp-prose p{margin:0 0 .85rem}.pp-prose ul,.pp-prose ol{margin:.6rem 0 .9rem 1.25rem}.pp-markdown-table{border:1px solid var(--ui-line);margin:1rem 0;overflow-x:auto}.pp-markdown-table table{border-collapse:collapse;width:100%;min-width:460px}.pp-markdown-table th,.pp-markdown-table td{border-bottom:1px solid var(--ui-line);text-align:left;padding:.7rem .8rem}.pp-markdown-table th{color:var(--ui-accent);font:.68rem var(--ui-mono);text-transform:uppercase}.pp-markdown-quote{border-left:2px solid var(--ui-accent-2);color:var(--ui-dim);background:var(--ui-glass);margin:1rem 0;padding:.8rem 1rem}.pp-mermaid-shell{border:1px solid var(--ui-line);background:#0000001f;justify-content:center;min-height:100px;display:flex;position:relative;overflow:auto}.pp-mermaid{text-align:center;justify-content:center;align-items:flex-start;width:100%;min-width:520px;padding:1rem;display:flex}.pp-mermaid svg{width:100%;margin:0 auto;display:block}.pp-mermaid-loading{color:var(--ui-dim);font:.7rem var(--ui-mono);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.pp-mermaid.is-loading{min-height:140px}.pp-mermaid-zoom{z-index:2;border:1px solid var(--ui-line);color:var(--ui-dim);font:.62rem var(--ui-mono);cursor:pointer;background:#04050fbf;padding:.38rem .55rem;position:absolute;top:.65rem;right:.65rem}.pp-mermaid-zoom:hover{border-color:var(--ui-line-hot);color:var(--ui-accent)}.pp-diagram-figure.is-zoomed{z-index:100;box-shadow:0 0 0 1px var(--ui-line-hot), var(--ui-shadow);background:#04050ff5;padding:1rem;position:fixed;inset:5vh 5vw}.pp-diagram-figure.is-zoomed .pp-mermaid-shell{height:calc(90vh - 3rem)}.pp-mermaid-fallback{color:var(--ui-dim);font:.72rem var(--ui-mono);margin-top:.7rem}.pp-results-grid>div{position:relative}.pp-nav-link{gap:.35rem;min-width:min(280px,45%);display:grid}.pp-nav-link span{color:var(--ui-accent);font:.62rem var(--ui-mono);letter-spacing:.15em;text-transform:uppercase}.pp-nav-link strong{color:inherit;font-weight:500}@media (width<=900px){.ppnav-inner{gap:.75rem}.ppnav-id{flex:1;order:2}.ppnav-back{order:1}.ppnav-scroll{border-bottom:1px solid var(--ui-line);background:#04050ff5;padding:.5rem .8rem;display:none;position:absolute;top:100%;left:0;right:0}.ppnav[data-open=true] .ppnav-scroll{flex-wrap:wrap;display:flex}.ppnav-toggle{order:3;display:block}.ppnav-count{display:none}.pp-v2{padding-top:6rem}}@media (width<=620px){.pp-v2{padding-left:1rem;padding-right:1rem}.ppnav-name{max-width:125px}.pp-hero-media{margin-left:.55rem;margin-right:.55rem}.pp-diagram-figure.is-zoomed{inset:2vh 2vw}.pp-nav-link{min-width:100%}}@media (prefers-reduced-motion:reduce){.ppnav-link,.pp-mermaid-zoom{transition:none}}*{box-sizing:border-box;margin:0;padding:0}section,header{scroll-margin-top:80px}body{color:#0f172a;background:#f8fafc;font-family:Sora,sans-serif;overflow-x:hidden}[data-theme=dark] body{color:#e2e8f0;background:#04050f}:root{--projects-page-bg:#f5f5f5;--projects-page-surface:#fff;--projects-page-surface-strong:#f8f8f8;--projects-page-text:#171717;--projects-page-muted:#52525b;--projects-page-subtle:#71717a;--projects-page-border:#e4e4e7;--projects-page-accent:#171717;--projects-page-accent-text:#fff;--projects-page-chip-bg:#fff;--projects-page-chip-hover:#f4f4f5}[data-theme=dark]{--projects-page-bg:#0f172a;--projects-page-surface:#111827;--projects-page-surface-strong:#172033;--projects-page-text:#f8fafc;--projects-page-muted:#cbd5e1;--projects-page-subtle:#94a3b8;--projects-page-border:#334155;--projects-page-accent:#f8fafc;--projects-page-accent-text:#0f172a;--projects-page-chip-bg:#0f172ab3;--projects-page-chip-hover:#1e293be6}.projects-cinema{background:var(--projects-page-bg);width:100%;max-width:none;color:var(--projects-page-text);margin:0;padding:7rem 6%}.projects-filter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 2rem;display:flex}.projects-filter-btn{border:1px solid var(--projects-page-border);background:var(--projects-page-chip-bg);color:var(--projects-page-muted);letter-spacing:.01em;cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.42rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.projects-filter-btn small{opacity:.8;justify-content:center;align-items:center;min-width:1.35rem;font-size:.68rem;font-weight:500;display:inline-flex}.projects-filter-btn:hover,.projects-filter-btn:focus-visible{border-color:var(--projects-page-subtle);background:var(--projects-page-chip-hover);color:var(--projects-page-text);transform:translateY(-1px);box-shadow:0 0 0 1px #18181b05}.projects-filter-btn.is-active{background:var(--projects-page-accent);border-color:var(--projects-page-accent);color:var(--projects-page-accent-text);box-shadow:0 10px 24px #17171729}.projects-filter-btn.is-active small{opacity:1;color:inherit}.projects-filter-count{color:var(--projects-page-subtle);letter-spacing:.08em;text-transform:lowercase;margin-left:auto;font-size:.72rem}.cinema-header{text-align:left;width:100%;margin-bottom:3rem}.cinema-header .stag{margin-bottom:.75rem}.cinema-title{color:#e2e8f0;margin-top:.75rem;margin-bottom:0;font-weight:500}.cinema-header .stitle.cinema-title{width:100%;max-width:100%;margin:0;line-height:1.08}.cinema-footer{text-align:center;margin-top:2rem}.cinema-view-all{color:var(--cyan);letter-spacing:.05em;background:#22d3ee14;border:1px solid #22d3ee59;border-radius:6px;align-items:center;gap:.6rem;padding:.75rem 1.15rem;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:color .2s,background .2s,border-color .2s,transform .2s;display:inline-flex}.cinema-view-all:hover{color:#f8fafc;background:#22d3ee26;border-color:currentColor;transform:translateY(-2px)}.cinema-list{flex-direction:column;display:flex}.showcase{cursor:pointer;border-top:1px solid #ffffff14;padding:4rem 0}.showcase:first-child{border-top:none}.showcase-hero .showcase-title{font-size:clamp(2.25rem,5vw,3.25rem)}.showcase-hero .showcase-media{aspect-ratio:16/8}.showcase-meta{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;font-size:.8rem;display:flex}.showcase-status{letter-spacing:.1em;align-items:center;gap:6px;display:inline-flex}.status-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;display:inline-block}.status-experimental .status-dot{background:#fbbf24}.status-archived .status-dot{background:#64748b}.showcase-title{color:#f8fafc;letter-spacing:-.01em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.showcase-subtitle{color:#94a3b8;margin-top:.25rem;margin-bottom:2rem}.showcase-media{aspect-ratio:16/9;background:#0f172a;border:1px solid #ffffff14;border-radius:12px;width:100%;margin-bottom:1.5rem;overflow:hidden}.showcase-media video,.showcase-media img{object-fit:cover;width:100%;height:100%}.showcase-stack{color:var(--cyan);margin-bottom:.75rem;font-family:JetBrains Mono,monospace;font-size:.8rem}.showcase-desc{color:#cbd5e1;max-width:60ch;margin-bottom:1.5rem}.showcase-links{flex-wrap:wrap;gap:2rem;display:flex}.showcase-link{letter-spacing:.05em;color:#e2e8f0;border-bottom:1px solid #0000;font-family:JetBrains Mono,monospace;font-size:.8rem;text-decoration:none;transition:all .2s}.showcase-link:hover{color:var(--cyan);border-color:var(--cyan)}.all-projects{color:#18181b;background:#fff}.ap-hero{text-align:center;padding:8rem 1.5rem 4rem}.ap-back{color:#64748b;margin-bottom:2rem;font-family:JetBrains Mono,monospace;font-size:.85rem;display:inline-block}.ap-back:hover{color:#18181b}.ap-hero-title{letter-spacing:-.02em;color:#18181b;margin:0;font-size:clamp(2.5rem,7vw,5rem);font-weight:700}.ap-hero-sub{color:#64748b;max-width:32ch;margin:1rem auto 0}.ap-hero-count{letter-spacing:.2em;color:#64748b;margin-top:2.5rem;font-family:JetBrains Mono,monospace;font-size:.8rem;display:inline-block}.ap-body{grid-template-columns:180px 1fr;gap:3rem;max-width:1200px;margin:0 auto;padding:0 1.5rem 6rem;display:grid}.ap-index{flex-direction:column;align-self:start;gap:1rem;display:flex;position:sticky;top:6rem}.ap-index-item{text-align:left;color:#5a5a5a;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:.2rem;padding:0;font-family:JetBrains Mono,monospace;display:flex}.ap-index-num{font-size:.7rem}.ap-index-label{font-size:.85rem}.ap-index-item.is-active{color:#f5f5f5}.ap-index-item.is-active .ap-index-num{color:var(--index-accent,#4ade80)}.ap-category{margin-bottom:6rem;scroll-margin-top:6rem}.ap-category-title{letter-spacing:.15em;color:#64748b;border-bottom:1px solid #e4e4e7;margin-bottom:3rem;padding-bottom:1rem;font-size:.85rem}.ap-project{cursor:pointer;align-items:center;gap:3rem;margin-bottom:5rem;display:flex}.ap-project.is-reversed{flex-direction:row-reverse}.ap-project-media{aspect-ratio:16/10;background:#f8fafc;border:1px solid #e4e4e7;border-radius:10px;flex:1.3;transition:box-shadow .3s;overflow:hidden;box-shadow:0 0 0 1px #0000}.ap-project:hover .ap-project-media{box-shadow:0 0 0 1px var(--accent,#22d3ee)}.ap-project-media video,.ap-project-media img{object-fit:cover;width:100%;height:100%}.ap-project-body{flex:1}.ap-project-num{color:#64748b;font-family:JetBrains Mono,monospace;font-size:.75rem}.ap-project-title{color:#18181b;margin:.5rem 0 .2rem;font-size:1.9rem;font-weight:700}.ap-project-subtitle{color:#64748b;margin:0 0 1rem}.ap-project-stack{color:#64748b;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.ap-project-link{color:#18181b;border-bottom:1px solid #0000;font-family:JetBrains Mono,monospace;font-size:.8rem;text-decoration:none}.ap-project-link:hover{color:var(--accent,#22d3ee);border-color:var(--accent,#22d3ee)}@media (width<=900px){.ap-body{grid-template-columns:1fr}.ap-index{flex-flow:wrap;gap:1.5rem;position:static}.ap-project,.ap-project.is-reversed{flex-direction:column}}.ap-experiments{border-top:1px solid #242424;max-width:900px;margin:0 auto;padding:4rem 1.5rem}.ap-experiments-title{margin:0 0 .3rem;font-size:1.5rem}.ap-experiments-sub{color:#8a8a8a;margin:0 0 2rem}.ap-terminal{margin:0;padding:0;font-family:JetBrains Mono,monospace;list-style:none}.ap-terminal-line{color:#8a8a8a;border-bottom:1px solid #1a1a1a;align-items:center;gap:.6rem;padding:.85rem 0;font-size:.85rem;text-decoration:none;display:flex}.ap-terminal-prompt{color:#4ade80}.ap-terminal-name,.ap-terminal-line:hover{color:#f5f5f5}.ap-evolution{max-width:900px;margin:0 auto;padding:5rem 1.5rem}.ap-evolution-eyebrow{letter-spacing:.15em;color:#5a5a5a;font-size:.8rem}.ap-evolution-line{flex-direction:column;margin-top:2rem;display:flex}.ap-evolution-step{border-left:1px solid #242424;align-items:flex-start;gap:1rem;margin-left:.3rem;padding:1.2rem 0 1.2rem 1.5rem;display:flex}.ap-evolution-dot{background:#f5f5f5;border-radius:50%;width:8px;height:8px;margin-top:.3rem;margin-left:-1.8rem}.ap-evolution-text{flex-direction:column;gap:.2rem;display:flex}.ap-evolution-text strong{font-size:1.1rem}.ap-evolution-text span{color:#8a8a8a;font-size:.85rem}.ap-closing{text-align:center;padding:6rem 1.5rem 8rem}.ap-closing-count{margin:0;font-size:1.3rem}.ap-closing-note{color:#8a8a8a;margin:.5rem 0 2.5rem}.ap-closing-cta{color:#f5f5f5;border-bottom:2px solid #4ade80;font-size:1.5rem;font-weight:600;text-decoration:none}.pp{color:var(--ui-ink);background:0 0;max-width:820px;margin:0 auto;padding:3rem 1.5rem 6rem}.pp-section-nav{z-index:20;flex-direction:column;gap:0;display:flex;position:fixed;top:50%;left:max(1.25rem,50% - 510px);transform:translateY(-50%)}.pp-section-nav:before{content:"";background:var(--ui-line);width:1px;position:absolute;top:.35rem;bottom:.35rem;left:.25rem}.pp-section-nav a{width:.6rem;height:1.35rem;color:var(--ui-dim);display:block;position:relative}.pp-section-nav a span{z-index:1;border:1px solid var(--ui-line-hot);background:var(--ui-glass-2);border-radius:50%;width:.45rem;height:.45rem;transition:transform .2s,background .2s,border-color .2s;position:absolute;top:.5rem;left:.05rem}.pp-section-nav a:hover span,.pp-section-nav a.is-active span{border-color:var(--ui-accent);background:var(--ui-accent);transform:scale(1.45);box-shadow:0 0 12px #22d3ee66}.pp-section-nav a:after{content:attr(data-label);border:1px solid var(--ui-line);background:var(--ui-glass-2);color:var(--ui-ink);white-space:nowrap;opacity:0;pointer-events:none;padding:.3rem .45rem;font:.65rem JetBrains Mono,monospace;transition:opacity .2s,transform .2s;position:absolute;top:.15rem;left:1.15rem;transform:translate(-.3rem)}.pp-section-nav a:hover:after,.pp-section-nav a.is-active:after{opacity:1;transform:translate(0)}.pp-back{color:var(--ui-dim);font-family:JetBrains Mono,monospace;font-size:.85rem;text-decoration:none}.pp-back:hover{color:var(--ui-accent)}.pp-hero{padding:3rem 0 5rem}.pp-status{letter-spacing:.1em;color:var(--ui-dim);align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:.75rem;display:inline-flex}.pp-status-dot{background:var(--ui-accent);border-radius:50%;width:6px;height:6px}.status-experimental .pp-status-dot{background:var(--ui-accent-2)}.status-archived .pp-status-dot{background:var(--ui-dim)}.pp-title{letter-spacing:-.02em;color:var(--ui-ink);margin:.75rem 0 .3rem;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700}.pp-subtitle{color:var(--ui-dim);margin:0 0 1rem;font-size:1.15rem}.pp-description{color:var(--ui-dim);max-width:60ch;margin:0 0 1.25rem;line-height:1.6}.pp-stack{color:var(--ui-accent);margin:0 0 2rem;font-family:JetBrains Mono,monospace;font-size:.8rem}.pp-hero-actions{gap:1rem;margin-bottom:2.5rem;display:flex}.pp-btn{border-radius:999px;padding:.75rem 1.5rem;font-family:JetBrains Mono,monospace;font-size:.85rem;text-decoration:none}.pp-btn-primary{background:var(--ui-grad);color:#04050f;font-weight:700}.pp-btn-ghost{border:1px solid var(--ui-line);color:var(--ui-ink);background:0 0}.pp-btn-primary:hover{opacity:.95}.pp-btn-ghost:hover{border-color:var(--ui-line-hot);color:var(--ui-accent)}.pp-hero-media{aspect-ratio:16/9;background:var(--ui-glass);border:1px solid var(--ui-line);border-radius:12px;overflow:hidden}.pp-hero-media video,.pp-hero-media img{object-fit:cover;width:100%;height:100%}.pp-section{border-top:1px solid var(--ui-line);padding:4rem 0}.pp-section-label{letter-spacing:.15em;color:var(--ui-dim);margin:0 0 1.5rem;font-size:.8rem}.pp-prose{color:var(--ui-dim);max-width:60ch;line-height:1.7}.pp-point-list{color:var(--ui-dim);padding-left:1.2rem;line-height:1.9}.pp-flow,.pp-flow-step{flex-direction:column;align-items:center;display:flex}.pp-flow-box{border:1px solid var(--ui-line);background:var(--ui-glass);border-radius:8px;padding:.9rem 1.75rem;font-family:JetBrains Mono,monospace;font-size:.85rem}.pp-flow-arrow{color:var(--ui-dim);padding:.4rem 0}.pp-flow-box strong,.pp-flow-box small{display:block}.pp-flow-box small{color:var(--ui-dim);margin-top:.35rem;font-family:Sora,sans-serif}.pp-diagram{width:100%}.pp-diagram-title{color:var(--ui-ink);margin-bottom:.75rem;font-size:1.1rem}.pp-mermaid{border:1px solid var(--ui-line);background:var(--ui-glass);min-height:180px;color:var(--ui-ink);border-radius:8px;justify-content:center;align-items:center;padding:1.25rem;display:flex;overflow:auto}.pp-mermaid svg{width:100%;min-width:480px;height:auto;max-height:620px;display:block}.pp-mermaid.is-error{color:var(--ui-accent-3);justify-content:flex-start;font:.8rem JetBrains Mono,monospace}.pp-results-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin:2rem 0;display:grid}.pp-results-grid div{border:1px solid var(--ui-line);background:var(--ui-glass);padding:1rem}.pp-results-grid strong,.pp-results-grid span{display:block}.pp-results-grid strong{color:var(--ui-accent);font-size:1.4rem}.pp-results-grid span{color:var(--ui-dim);margin-top:.35rem;font-size:.8rem}.pp-notes{white-space:pre-wrap}.insights-page,.insight-page{z-index:1;max-width:1160px;margin:0 auto;padding:24px 6% 80px;position:relative}.insights-back{color:var(--cyan);margin-bottom:5rem;font:.8rem JetBrains Mono,monospace;display:inline-block}.insights-heading{max-width:700px;margin:0 0 2rem}.insights-kicker{color:var(--green);letter-spacing:.14em;text-transform:uppercase;font:.72rem JetBrains Mono,monospace}.insights-heading h1,.insight-header h1{letter-spacing:-.04em;margin:1rem 0 1.5rem;font-size:clamp(2.8rem,7vw,6.4rem);line-height:.95}.insights-heading p{color:var(--muted);max-width:48ch;font-size:1.1rem;line-height:1.7}.insights-grid{background:0 0;border:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.insight-card{background:var(--ui-glass);border:1px solid #94a3b838;border-radius:18px;flex-direction:column;min-height:280px;padding:2rem;transition:background .25s;display:flex}.insight-card:hover{background:var(--ui-glass-2)}.insight-card-meta{color:#64748b;text-transform:uppercase;justify-content:space-between;gap:1rem;font:.7rem JetBrains Mono,monospace;display:flex}.insight-card h2{color:#18181b;margin:3rem 0 1rem;font-size:1.8rem;line-height:1.1}.insight-card h2 a:hover{color:#18181b}.insight-card p{color:#475569;line-height:1.7}.insight-read{color:#18181b;margin-top:auto;padding-top:2rem;font:.78rem JetBrains Mono,monospace}.insight-read span{margin-left:.4rem;font-size:1.1rem}.insights-empty{color:var(--muted);padding:2rem}.insight-header{max-width:850px;margin-bottom:5rem}.insight-date{color:var(--muted);font:.78rem JetBrains Mono,monospace}.insight-layout{grid-template-columns:minmax(0,760px) 280px;align-items:start;gap:5rem;display:grid}.insight-content{color:var(--ui-ink,#0f172a);line-height:1.8}.insight-content .pp-prose{max-width:none;margin-bottom:2rem}.insight-content .pp-prose h3,.insight-content .pp-prose h4{color:var(--text);margin-top:2.5rem}.insight-mermaid{background:var(--ui-glass-2,#f8fafc);border:1px solid var(--ui-line,#0f172a1f);border-radius:8px;min-height:120px;margin:2.5rem 0;padding:1.5rem;overflow:auto}.insight-mermaid svg{min-width:480px;max-width:100%;height:auto}.insight-mermaid.is-error{color:#f87171;font:.8rem JetBrains Mono,monospace}.insight-media{flex-direction:column;gap:2rem;display:flex;position:sticky;top:100px}.insight-media figure{margin:0}.insight-media img,.insight-media video{border:1px solid var(--border);width:100%;height:auto;display:block}.insight-media figcaption{color:var(--muted);padding-top:.6rem;font-size:.75rem;line-height:1.5}.insight-admin h2{color:var(--cyan);margin-bottom:1.5rem}.insight-admin-form{background:#0f172a;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.insight-admin-fields{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.insight-admin-form>.finput{width:100%;margin-bottom:1rem}.insight-content-input{font-family:JetBrains Mono,monospace;line-height:1.5}.insight-published{color:#94a3b8;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.insight-admin-list{gap:.75rem;display:grid}.insight-admin-item{background:#0f172a;border:1px solid #1e293b;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.insight-admin-item small{color:#64748b;margin-top:.35rem;display:block}.insight-admin-item button{margin-left:.5rem}@media (width<=700px){.insights-page,.insight-page{padding:100px 5% 50px}.insights-back{margin-bottom:3rem}.insights-grid,.insight-layout{grid-template-columns:1fr}.insights-heading,.insight-header{margin-bottom:1.2rem}.insight-layout{gap:2rem}.insight-nav nav{border-left:0;border-bottom:1px solid var(--ui-line);gap:.7rem;padding-bottom:.6rem;display:flex;overflow-x:auto}.insight-nav a{flex:none;padding:.25rem 0}.insight-media{order:-1;position:static}.insight-admin-fields{grid-template-columns:1fr}.insight-admin-item{flex-direction:column;align-items:flex-start}}.pp-features{padding:2rem 0}.pp-feature{border-top:1px solid #1a1a1a;align-items:center;gap:3rem;padding:3.5rem 0;display:flex}.pp-feature.is-reversed{flex-direction:row-reverse}.pp-feature-media{aspect-ratio:16/10;background:#111;border:1px solid #242424;border-radius:10px;flex:1.2;overflow:hidden}.pp-feature-media video,.pp-feature-media img{object-fit:cover;width:100%;height:100%}.pp-feature-body{flex:1}.pp-feature-title{margin:0 0 .75rem;font-size:1.4rem}@media (width<=700px){.pp-feature,.pp-feature.is-reversed{flex-direction:column}}@media (width<=1100px){.pp-section-nav{left:1rem}}@media (width<=700px){.pp-section-nav{flex-direction:row;justify-content:space-between;padding:0 .2rem;inset:auto 1rem 1rem;transform:none}.pp-section-nav:before{width:auto;height:1px;inset:.65rem .2rem auto}.pp-section-nav a{height:1.35rem}.pp-section-nav a:after{top:-1.7rem;left:auto;right:50%;transform:translate(50%)}.pp-section-nav a:hover:after,.pp-section-nav a.is-active:after{transform:translate(50%)}}.pp-arch{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.pp-arch-row{align-items:center;gap:1rem;display:flex}.pp-arch-box{border:1px solid #333;border-radius:6px;padding:.6rem 1.2rem;font-family:JetBrains Mono,monospace;font-size:.8rem}.pp-arch-note{color:#6a6a6a;font-size:.8rem}.pp-challenge{border-top:1px solid #1a1a1a;padding:1.5rem 0}.pp-challenge-num{color:#4ade80;font-family:JetBrains Mono,monospace;font-size:.8rem}.pp-challenge-situation{max-width:60ch;margin:.5rem 0;font-size:1.1rem}.pp-challenge-arrow{color:#5a5a5a}.pp-challenge-solution{margin-top:.5rem}.pp-challenge-tag{letter-spacing:.1em;color:#8a8a8a;font-family:JetBrains Mono,monospace;font-size:.7rem}.pp-challenge-solution p{color:#cbd5e1;max-width:60ch;margin-top:.3rem}.pp-decisions{flex-direction:column;gap:1.5rem;display:flex}.pp-decision-q{color:#8a8a8a;margin:0;font-size:.9rem}.pp-decision-a{margin:.25rem 0 0;font-size:1.05rem}.pp-cta{text-align:center;border-top:1px solid var(--ui-line);padding:4rem 0}.pp-cta-actions{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.pp-checklist{flex-direction:column;gap:.6rem;margin:1.25rem 0;padding:0;list-style:none;display:flex}.pp-checklist li{color:#5a5a5a;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.pp-checklist li.is-done{color:#f5f5f5}.pp-checklist li i{color:#4ade80;font-size:.75rem}.pp-next-label{letter-spacing:.1em;color:#8a8a8a;margin-top:1.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.pp-footer{text-align:center;border-top:1px solid #1a1a1a;padding:6rem 0 2rem}.pp-footer-tagline{color:#8a8a8a;margin:0}.pp-footer-title{margin:.5rem 0 2rem;font-size:1.8rem}.pp-nav{justify-content:space-between;margin-top:4rem;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex}.pp-nav-link{color:#8a8a8a;text-decoration:none}.pp-nav-link:hover{color:#f5f5f5}.archive-page{color:#18181b;background:#fff;min-height:100vh;overflow:hidden}.archive-hero{border-bottom:1px solid #e4e4e7;flex-direction:column;justify-content:space-between;min-height:72vh;padding:2rem 5vw 3rem;display:flex}.archive-topline{color:#6b7280;letter-spacing:.12em;justify-content:space-between;font:.72rem JetBrains Mono,monospace;display:flex}.archive-back{color:#18181b}.archive-hero-copy{max-width:760px;margin:auto 0}.archive-kicker,.archive-section-heading>span{color:#4ade80;letter-spacing:.18em;font:.72rem JetBrains Mono,monospace}.archive-hero h1{letter-spacing:-.04em;margin:1rem 0;font-size:clamp(3rem,8vw,6.5rem);font-weight:700;line-height:.95}.archive-hero-copy p{color:#8a8a8a;max-width:34rem;font-size:.95rem;line-height:1.6}.archive-hero-copy strong{margin-top:2rem;font:1.25rem JetBrains Mono,monospace;display:block}.archive-hero-copy strong span{color:#666;letter-spacing:.2em;font-size:.7rem}.archive-scroll{color:#666;letter-spacing:.14em;align-self:flex-end;font:.7rem JetBrains Mono,monospace}.archive-scroll i{color:#4ade80;margin-left:.5rem}.archive-universe,.archive-index-section,.archive-work,.archive-constellation,.archive-experiments,.archive-evolution{max-width:1180px;margin:0 auto;padding:4.5rem 5vw}.archive-section-heading h2{letter-spacing:-.03em;max-width:32rem;margin:.75rem 0 0;font-size:clamp(2rem,4vw,4rem);line-height:1}.archive-section-heading p{color:#777}.archive-filters{flex-wrap:wrap;gap:.65rem;margin-top:2rem;display:flex}.archive-filters button{color:#888;cursor:pointer;background:#111;border:1px solid #333;border-radius:4px;padding:.7rem 1rem;font:.72rem JetBrains Mono,monospace;transition:all .25s}.archive-filters button span{color:#555;margin-left:.5rem}.archive-filters button:hover,.archive-filters button.is-active{color:#f5f5f5;background:#4ade8014;border-color:#4ade80}.archive-filters button.is-active span{color:#4ade80}.archive-index-section{border-top:1px solid #242424;grid-template-columns:1fr 1fr;gap:5rem;display:grid}.archive-index{flex-direction:column;display:flex}.archive-index button{color:#666;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #242424;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:1rem;padding:1.2rem 0;font:.85rem JetBrains Mono,monospace;display:grid}.archive-index button small{color:#444}.archive-index button i{opacity:0;transition:all .2s;transform:translate(-8px)}.archive-index button:hover,.archive-index button.is-active{color:#f5f5f5}.archive-index button.is-active small{color:#4ade80}.archive-index button:hover i,.archive-index button.is-active i{opacity:1;transform:translate(0)}.archive-work{padding-top:3rem}.archive-work-heading{margin-bottom:3rem}.archive-work-heading p{margin-top:1rem;font:.75rem JetBrains Mono,monospace}.archive-project{cursor:pointer;border-top:1px solid #e4e4e7;grid-template-columns:60px minmax(220px,.8fr) 1.5fr;align-items:center;gap:1.5rem;min-height:300px;padding:2.5rem 0;display:grid;position:relative}.archive-project.extension-project{width:90vw;max-width:90vw;min-height:90vh;margin-left:50%;display:block;transform:translate(-50%)}.archive-project.extension-project .archive-project-media{aspect-ratio:auto;width:100%;height:90vh}.archive-project.extension-project .extension-project-number{margin-bottom:1rem}.archive-project.is-reversed{grid-template-columns:80px 1.5fr minmax(220px,.8fr)}.archive-project.is-reversed .archive-project-copy{grid-area:1/3}.archive-project.is-reversed .archive-project-media{grid-area:1/2}.archive-project-number{color:var(--project-accent);align-self:start;font:.8rem JetBrains Mono,monospace}.archive-project-status{color:#64748b;letter-spacing:.12em;font:.68rem JetBrains Mono,monospace}.archive-project-status i{background:var(--project-accent);border-radius:50%;width:6px;height:6px;margin-right:.4rem;display:inline-block}.archive-project-copy h3{letter-spacing:-.025em;overflow-wrap:anywhere;color:#18181b;margin:.7rem 0 .5rem;font-size:clamp(1.35rem,3vw,2.5rem);line-height:1.05}.archive-project-subtitle{color:#64748b;font-size:.9rem;line-height:1.5}.archive-project-stack{color:#64748b;margin:1.25rem 0;font:.68rem/1.7 JetBrains Mono,monospace}.archive-project-actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.8rem;display:flex}.archive-project-link{color:#4ade80;border-bottom:1px solid #4ade80;padding-bottom:.35rem;font:.75rem JetBrains Mono,monospace}.archive-project-action{color:#aaa;border:1px solid #333;align-items:center;gap:.35rem;padding:.55rem .75rem;font:.7rem JetBrains Mono,monospace;transition:all .25s;display:inline-flex}.archive-project-action:hover{color:#f5f5f5;background:#4ade8014;border-color:#4ade80;transform:translateY(-2px)}.archive-project-media{aspect-ratio:16/10;background:#f8fafc;border:1px solid #e4e4e7;width:100%;position:relative;overflow:hidden}.archive-project-preview{position:absolute;inset:0;overflow:hidden}.archive-project-preview-frame{transform-origin:0 0}.archive-project-preview iframe{background:#111;border:0;width:1440px;height:900px;display:block}.extension-preview-shell{width:100%;height:100%;position:relative}.extension-browser{color:#f5f5f5;background:#101218;flex-direction:column;height:100%;font-family:JetBrains Mono,monospace;display:flex;position:relative}.extension-browser.is-locked:after{content:"";z-index:2;-webkit-backdrop-filter:blur(8px);pointer-events:none;background:#04050f1a;position:absolute;inset:0}.extension-browser-topbar{color:#777;letter-spacing:.08em;background:#171a22;justify-content:space-between;align-items:center;padding:.35rem .65rem;font-size:.58rem;display:flex}.extension-browser-controls{color:#555;letter-spacing:.16em;font-size:.62rem}.extension-browser-toolbar{color:#9aa4b5;background:#20242d;border-bottom:1px solid #2b2f38;align-items:center;gap:.5rem;min-height:3.7rem;padding:.45rem .65rem;font-size:.62rem;display:flex}.extension-browser-address{color:#c3ccda;white-space:nowrap;text-overflow:ellipsis;border:1px solid #465064;border-radius:5px;flex:1;min-height:1.65rem;padding:.35rem .55rem;font-size:.62rem;overflow:hidden}.extension-toolbar-dot{width:32px;height:32px;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 32px;padding:0}.extension-toolbar-dot img{object-fit:cover;filter:none;background:0 0;border-radius:50%;width:100%;height:100%;transition:none;display:block;transform:none}.showcase:hover .extension-toolbar-dot img,.archive-project:hover .extension-toolbar-dot img{filter:none!important;transition:none!important;transform:none!important}.extension-toolbar-dot.is-active{outline-offset:3px;outline:2px solid #60a5fabf}.extension-toolbar-dot:disabled{cursor:default}.extension-browser-page{background:linear-gradient(135deg,#202633,#11151d 65%);flex:1;min-height:0;padding:1.2rem;display:flex;position:relative;overflow:hidden}.extension-tour-trigger{z-index:3;color:#fff;cursor:pointer;background:#0f0f12d6;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:.65rem;padding:.85rem 1.25rem;font:600 .78rem Sora,sans-serif;transition:background .25s,border-color .25s,transform .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.extension-tour-trigger:hover{background:#19191ef5;border-color:#ffffff4d;transform:translate(-50%,calc(-50% - 2px))}.extension-tour-icon{font-size:.55rem}.extension-explore-guide{z-index:4;color:#60a5fa;pointer-events:none;animation:1.4s ease-in-out infinite extension-explore-guide;position:absolute;top:calc(50% + 2.5rem);left:calc(50% + 3.5rem);transform:translate(-50%)}.extension-explore-guide strong{text-shadow:0 0 14px #60a5fab3;font:3.2rem/.8 JetBrains Mono,monospace;display:block}@keyframes extension-explore-guide{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,4px)}}.extension-page-copy{color:#9da7b8;align-self:center;max-width:52%}.extension-page-kicker,.extension-panel-label{color:#60a5fa;letter-spacing:.16em;font-size:.52rem;display:block}.extension-page-copy h3{color:#f5f5f5;margin:.45rem 0 .65rem;font-family:Sora,sans-serif;font-size:clamp(1.25rem,2.8vw,2.15rem);line-height:1.05}.extension-page-copy strong{color:#f5f5f5;margin:.4rem 0;font-size:clamp(.85rem,1.6vw,1.15rem);display:block}.extension-page-copy p{margin:0;font-family:Sora,sans-serif;font-size:clamp(.55rem,1vw,.7rem);line-height:1.5}.extension-project-stack{flex-wrap:wrap;gap:.35rem;margin-top:.8rem;display:flex}.extension-project-stack span{color:#93c5fd;border:1px solid #60a5fa59;border-radius:999px;padding:.4rem .6rem;font-size:.62rem}.extension-project-actions{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.extension-project-actions a{color:#dbeafe;background:#2563eb33;border:1px solid #3b82f6;border-radius:4px;padding:.55rem .75rem;font-size:.68rem;text-decoration:none;transition:all .2s}.extension-project-actions a:hover{color:#fff;background:#2563eb;transform:translateY(-2px)}.extension-panel{opacity:0;visibility:hidden;background:#0a0d16;border:1px solid #60a5fa73;border-radius:8px;width:min(58%,340px);min-width:320px;padding:.8rem;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s,visibility 0s linear .35s;position:absolute;top:.45rem;bottom:.45rem;right:.45rem;overflow:hidden;transform:translate(100%);box-shadow:0 12px 28px #00000059}.extension-panel.is-open{opacity:1;visibility:visible;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s;transform:translate(0)}.extension-tour{z-index:4;background:#0b0f18f5;border:1px solid #60a5fa73;border-radius:6px;padding:.7rem;position:absolute;bottom:.55rem;left:.55rem;right:.55rem;box-shadow:0 8px 24px #00000059}.extension-tour-step{gap:.35rem;display:grid}.extension-tour-counter{color:#60a5fa;letter-spacing:.1em;font:.5rem JetBrains Mono,monospace}.extension-tour h4{color:#f5f5f5;margin:0;font:600 .72rem Sora,sans-serif}.extension-tour p{color:#aab5c7;margin:0;font:.58rem/1.45 Sora,sans-serif}.extension-tour-actions{justify-content:flex-end;gap:.35rem;margin-top:.25rem;display:flex}.extension-tour-actions button{color:#dbeafe;cursor:pointer;background:#2563eb33;border:1px solid #3b82f6;border-radius:4px;width:auto;margin:0;padding:.35rem .55rem;font:.52rem JetBrains Mono,monospace}.extension-tour-actions button:hover{color:#fff;background:#2563eb}.extension-panel h4{color:#f5f5f5;margin:.3rem 0 .75rem;font-family:Sora,sans-serif;font-size:clamp(.68rem,1.35vw,.95rem);line-height:1.2}.extension-panel label{color:#9da7b8;margin-bottom:.3rem;font-size:.55rem;display:block}.extension-panel input{color:#cbd5e1;background:#171b25;border:1px solid #343944;border-radius:4px;width:100%;padding:.45rem;font:.55rem JetBrains Mono,monospace}.extension-panel-frame{background:0 0;border:0;border-radius:4px;width:100%;height:100%;display:block;overflow:hidden}.extension-result{background:#182333;border-left:2px solid #60a5fa;margin-top:.7rem;padding:.55rem}.extension-result span{color:#60a5fa;letter-spacing:.1em;font-size:.5rem}.extension-result p{color:#aab5c7;margin:.35rem 0 0;font-family:Sora,sans-serif;font-size:.55rem;line-height:1.4}.extension-panel button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #60a5fa;border-radius:4px;width:100%;margin-top:.75rem;padding:.45rem;font:600 .58rem JetBrains Mono,monospace}.archive-project-media img,.archive-project-media video{object-fit:cover;width:100%;height:100%;transition:transform .6s}.archive-project:hover .archive-project-media img,.archive-project:hover .archive-project-media video{transform:scale(1.04)}.archive-media-placeholder{color:#444;place-items:center;height:100%;font-size:2rem;display:grid}.archive-constellation,.archive-experiments,.archive-evolution{border-top:1px solid #242424}.technology-cloud{flex-wrap:wrap;gap:.65rem;max-width:850px;margin-top:2rem;display:flex}.technology-cloud span{color:#aaa;animation:.6s both archive-rise;animation-delay:var(--tech-delay);border:1px solid #333;padding:.7rem 1rem;font:.75rem JetBrains Mono,monospace;transition:all .25s}.technology-cloud span:hover{color:#f5f5f5;border-color:#4ade80;transform:translateY(-4px)}.terminal-list{border-top:1px solid #242424;margin-top:2rem}.terminal-row{color:#777;border-bottom:1px solid #242424;grid-template-columns:100px 1fr auto;gap:1rem;padding:1.2rem 0;font:.8rem JetBrains Mono,monospace;display:grid}.terminal-row span{color:#4ade80}.terminal-row strong{color:#f5f5f5;font-weight:400}.terminal-row:hover{color:#f5f5f5}.evolution-track{margin-top:5rem;display:flex}.evolution-step{border-top:1px solid #444;flex:1;min-height:150px;padding:1.5rem 1rem 0 0;position:relative}.evolution-line{background:#f5f5f5;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:0}.evolution-step small{color:#4ade80;font:.7rem JetBrains Mono,monospace}.evolution-step strong{margin-top:1.5rem;font-size:1.1rem;display:block}.evolution-step p{color:#777;font-size:.8rem;line-height:1.5}.archive-closing{text-align:center;border-top:1px solid #242424;padding:6rem 5vw 8rem}.archive-closing>span{color:#4ade80;letter-spacing:.15em;font:.7rem JetBrains Mono,monospace}.archive-closing h2{letter-spacing:-.05em;margin:1rem 0;font-size:clamp(3rem,10vw,8rem)}.archive-closing p{color:#777}.archive-closing a{color:#f5f5f5;border-bottom:1px solid #4ade80;margin-top:2.5rem;padding-bottom:.5rem;font:.8rem JetBrains Mono,monospace;display:inline-block}@keyframes archive-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.archive-topline{font-size:.6rem}.archive-hero{min-height:78vh}.archive-index-section{display:block}.archive-index{margin-top:3rem}.archive-project,.archive-project.is-reversed{flex-direction:column;align-items:stretch;gap:1.5rem;min-height:0;padding:2.5rem 0;display:flex}.archive-project-number{order:0}.archive-project-media,.archive-project.is-reversed .archive-project-media{order:1}.archive-project-copy,.archive-project.is-reversed .archive-project-copy{order:2}.evolution-track{display:block}.evolution-step{border-top:0;border-left:1px solid #444;margin-left:.4rem;padding-left:1.5rem}.evolution-line{top:1.5rem;left:-4px}}:root{--bg:#f5f6f8;--cyan:#22d3ee;--purple:#a78bfa;--pink:#f472b6;--green:#4ade80;--text:#18181b;--muted:#64748b;--glass:#ffffff0a;--glass-h:#ffffff14;--border:#ffffff12;--border-h:#22d3ee4d;--card:#ffffff0a;--card-h:#ffffff14;--grad:linear-gradient(135deg, #22d3ee 0%, #a78bfa 100%);--r:12px;--toastify-color-success:#4ade80;--toastify-color-error:#f87171}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}section,header[id]{scroll-margin-top:-20px}body{background:var(--bg);color:var(--text);font-family:Sora,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}body:before{content:"";pointer-events:none;z-index:0;background:0 0;position:fixed;inset:0}#nav{z-index:100;justify-content:space-between;align-items:center;height:70px;padding:0 6%;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}#nav.s{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#04050fcc}.logo{background:linear-gradient(135deg, var(--cyan), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}.nav-ul a{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.85rem;transition:all .2s;position:relative}.nav-ul a:hover{color:var(--cyan)}.nav-ul a:after{content:"";background:var(--cyan);height:1px;transition:right .3s;position:absolute;bottom:-3px;left:0;right:100%}.nav-ul a:hover:after{right:0}.nav-resume{letter-spacing:.08em;color:var(--cyan);border:1px solid #22d3ee59;border-radius:6px;padding:8px 22px;font-family:JetBrains Mono,monospace;font-size:.85rem;transition:all .2s}.nav-resume:hover{background:#22d3ee1a;box-shadow:0 0 20px #22d3ee26}#hero{z-index:1;background-color:#fbfcfd;grid-template-columns:minmax(0,1fr) 17rem;align-items:center;gap:4rem;min-height:30rem;padding:3.5rem clamp(1.5rem,6vw,5rem) 2rem;display:grid;position:relative}.hero-left{max-width:36rem}.hero-eyebrow{color:#166534;letter-spacing:.16em;text-transform:uppercase;background:#ffffffb8;border:1px solid #d4dbe6;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:1.7rem;padding:.5rem .8rem;font-family:JetBrains Mono,monospace;font-size:.66rem;display:inline-flex}.blink{background:#16a34a;border-radius:50%;width:.55rem;height:.55rem;animation:1.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.gbtn{letter-spacing:0;border-radius:.9rem;align-items:center;gap:8px;padding:.9rem 1.2rem;font-family:Sora,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex}.gbtn-fill{color:#fff;background:#0f172a;border:1px solid #0f172a;font-weight:700}.socials{gap:.75rem;display:flex}.social-ic{border:1px solid var(--border);width:40px;height:40px;color:var(--muted);background:var(--glass);border-radius:10px;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.social-ic:hover{color:var(--cyan);border-color:var(--border-h);box-shadow:0 0 16px #22d3ee26}.hero-photo-wrap{justify-content:center;display:flex;position:relative}.photo-glow{filter:blur(30px);background:radial-gradient(circle,#22d3ee1f 0%,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-ring{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;border:1px solid #22d3ee33;border-radius:24px;width:320px;height:400px;position:relative;overflow:hidden}.photo-ring img{object-fit:cover;object-position:top;filter:brightness(.9);width:100%;height:100%;display:block}.photo-placeholder{width:100%;height:100%;color:var(--muted);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.photo-placeholder i{color:#22d3ee33;font-size:4rem}.photo-placeholder p{letter-spacing:.1em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.7rem}.chip{letter-spacing:.05em;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;z-index:2;background:#04050fcc;border-radius:999px;padding:7px 14px;font-family:JetBrains Mono,monospace;font-size:.65rem;position:absolute}.chip i{margin-right:5px}.chip-1{color:var(--cyan);border-color:#22d3ee40;animation:3s ease-in-out infinite fl;top:10%;right:-50px}.chip-2{color:var(--green);border-color:#4ade8040;animation:3.5s ease-in-out .8s infinite fl;bottom:30%;left:-60px}.chip-3{color:var(--purple);border-color:#a78bfa40;animation:2.8s ease-in-out 1.5s infinite fl;bottom:10%;right:-40px}.chip-4{color:#facc15;border-color:#facc1540;animation:3.2s ease-in-out .4s infinite fl;top:28%;left:-78px}.chip-5{color:#f97316;border-color:#f9731640;animation:3.1s ease-in-out 1.1s infinite fl;bottom:8%;left:-58px}.chip-6{color:#c084fc;border-color:#c084fc40;animation:2.9s ease-in-out 1.8s infinite fl;top:46%;right:-72px}@keyframes fl{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}section{z-index:1;padding:7rem 6%;position:relative}.stag{letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:8px;margin-bottom:.8rem;font-family:JetBrains Mono,monospace;font-size:.67rem;display:inline-flex}.stag:before{content:"";background:var(--cyan);width:20px;height:1px}h2.stitle{letter-spacing:-.02em;margin-bottom:4rem;font-size:clamp(2rem,4vw,3.2rem);font-weight:800}.about-section{padding-top:4rem;padding-bottom:4rem}.about-kicker{color:#2d6cdf;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.7rem;margin-bottom:1.3rem;font-size:.72rem;font-weight:700;display:inline-flex}.about-kicker:before{content:"";background:#2d6cdf;border-radius:999px;width:1.5rem;height:2px;display:inline-block}.about-layout{grid-template-columns:minmax(0,1.5fr) minmax(18rem,.7fr);justify-content:end;align-items:start;gap:2.5rem 6rem;display:grid}.about-copy{justify-self:start;max-width:48rem}.about-copy p{color:#3c4757;margin:0 0 1.45rem;font-size:1.02rem;line-height:1.75}.about-copy p:last-child{margin-bottom:0}.about-copy strong{color:#18181b;font-weight:700}.quick-stats{place-self:start end;width:100%;margin-top:0}.quick-stats-title{color:#1d2330;letter-spacing:-.04em;margin:0 0 .9rem;font-size:1.05rem;font-weight:800}.quick-stats-shell{background:#ffffff38;border:1px solid #94a3b859;border-radius:.85rem;width:min(100%,18.2rem);padding:.5rem}.quick-stats-grid{background:0 0;border:0;border-radius:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid;overflow:visible}.quick-stat{text-align:center;background:#ffffff38;border:1px solid #94a3b833;border-radius:.7rem;flex-direction:column;justify-content:center;align-items:center;gap:.18rem;min-height:5.1rem;padding:.7rem .5rem .65rem;display:flex}.quick-stat:first-child{background:#cee5fa85}.quick-stat:nth-child(2){background:#eedbf87a}.quick-stat:nth-child(3){background:#ceeee285}.quick-stat:nth-child(4){background:#f7dfc67a}.quick-stat .stat-num{color:#18181b;letter-spacing:-.06em;font-size:clamp(1.45rem,1.9vw,2rem);font-weight:800;line-height:1;display:block}.quick-stat .stat-lbl{color:#5c697d;letter-spacing:.08em;text-transform:uppercase;font-size:.5rem;font-weight:700}@media (width<=900px){.quick-stats-grid{max-width:42rem}}@media (width<=560px){.about-section{padding-top:3.1rem;padding-bottom:3.1rem}.about-copy p{font-size:.97rem}.quick-stats-grid{grid-template-columns:1fr 1fr}}.skills-two-columns{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem;display:grid}.skill-category h3{letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);border-bottom:1px solid var(--border);background:0 0;margin-bottom:1.5rem;padding-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700}.skill-card-grid{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.skill-card-item{background:var(--card);border-bottom:1px solid var(--border);padding:1.2rem 1.5rem;transition:all .2s}.skill-card-item:last-child{border-bottom:none}.skill-card-item:hover{background:var(--card-h);transform:translate(4px)}.skill-top-row{justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.skill-name{letter-spacing:.02em;color:var(--text);align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex}.skill-name i{color:var(--cyan);width:20px;font-size:1.1rem}.skill-percent{color:#22d3ee80;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;transition:color .2s}.skill-card-item:hover .skill-percent{color:var(--cyan)}.skill-bar{background:#ffffff0f;border-radius:3px;height:3px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg, var(--cyan), var(--purple));border-radius:3px;width:0;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.skill-bar-fill.go{width:var(--w)}.tools-section{text-align:center;margin-top:2rem}.tools-section h3{letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:1.2rem;display:inline-block}.tools-grid{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:700px;margin:0 auto;display:flex}.tool-card{background:var(--card);border:1px solid var(--border);cursor:default;border-radius:40px;align-items:center;gap:8px;padding:.6rem 1.4rem;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:all .2s;display:inline-flex}.tool-card i{color:var(--cyan);font-size:.9rem}.tool-card:hover{background:var(--card-h);border-color:var(--border-h);transform:translateY(-2px)}.exp-list{border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:0;display:flex;overflow:hidden}.exp-item{border-bottom:1px solid var(--border);background:var(--glass);grid-template-columns:200px 1fr;padding:2.5rem;transition:all .2s;display:grid;position:relative;overflow:hidden}.exp-item:last-child{border-bottom:none}.exp-item:hover{background:var(--glass-h)}.exp-item:before{content:"";background:linear-gradient(180deg, var(--cyan), var(--purple));transform-origin:top;width:3px;transition:all .4s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.exp-item:hover:before{transform:scaleY(1)}.exp-date{color:var(--muted);letter-spacing:.06em;padding-top:.2rem;font-family:JetBrains Mono,monospace;font-size:.8rem}.exp-date span{color:var(--cyan);border:1px solid #22d3ee33;border-radius:4px;width:fit-content;margin:4px 0;padding:3px 8px;font-size:.7rem;display:block}.exp-body h4{margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.exp-body .company{color:var(--cyan);letter-spacing:.05em;margin-bottom:.8rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.exp-body p{color:#94a3b8;margin-bottom:1rem;font-size:.9rem;line-height:1.75}.exp-tags{flex-wrap:wrap;gap:.5rem;display:flex}.etag{letter-spacing:.08em;color:var(--cyan);background:#22d3ee14;border:1px solid #22d3ee26;border-radius:5px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.7rem}.proj-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:0 auto;display:flex}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.cleft h3{color:#71717a;-webkit-text-fill-color:currentColor;background:0 0;-webkit-background-clip:border-box;background-clip:border-box;margin-bottom:1rem;font-size:1.6rem;font-weight:800}.cleft p{color:#94a3b8;margin-bottom:2rem;font-size:.95rem;line-height:1.8}.cinfo-item{color:var(--muted);align-items:center;gap:12px;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.78rem;display:flex}.cicon{color:#4b5563;background:#fffc;border:1px solid #71717a33;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;display:flex;box-shadow:inset 0 1px #ffffffb3}.cicon i{justify-content:center;align-items:center;display:inline-flex}.cicon .fa-envelope{color:#ea4335}.cicon .fa-location-dot{color:#4b5563}.cicon .fa-linkedin{color:#0a66c2}.cform{flex-direction:column;gap:1.25rem;display:flex}.cform form{flex-direction:column;gap:1.1rem;margin:0;padding:0;display:flex}.crow{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.flabel{letter-spacing:.12em;text-transform:uppercase;color:#52525b;margin:0 0 .5rem;font-size:.7rem;font-weight:600;display:block}.finput{color:#18181b;background:#ffffffb8;border:1px solid #e4e4e7;border-radius:10px;outline:none;width:100%;min-height:46px;padding:.85rem .95rem;font-family:Sora,sans-serif;font-size:1rem;line-height:1.5;transition:border-color .2s,box-shadow .2s,background .2s}.finput:focus{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #60a5fa1f}.finput::placeholder{color:#a1a1aa}textarea.finput{resize:vertical;min-height:130px;line-height:1.7}.finput.error{box-shadow:0 0 0 1px #f8717133;background-color:#f871710d!important;border-color:#f87171!important}.form-error{color:#f87171;letter-spacing:.02em;margin-top:5px;font-family:JetBrains Mono,monospace;font-size:.7rem}.error-text{color:#f472b6;margin-top:6px;font-family:JetBrains Mono,monospace;font-size:.7rem;display:block}:root{--toastify-color-success:#4ade80;--toastify-color-error:#f87171}.sbtn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:.9rem 1.25rem;font-family:Sora,sans-serif;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.sbtn:hover{background:#1f2937;transform:translateY(-1px);box-shadow:0 10px 24px #1118271f}.pm-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.pm-heading h2{color:var(--text);margin-top:.35rem;font-size:1.6rem}.pm-heading p,.pm-form-header p{color:var(--muted);margin-top:.35rem;font-size:.8rem}.pm-eyebrow,.pm-mode,.pm-section-title,.pm-step{letter-spacing:.12em;text-transform:uppercase;font-family:JetBrains Mono,monospace}.pm-eyebrow{color:var(--cyan);font-size:.65rem}.pm-mode{color:var(--green);font-size:.65rem}.pm-form{border:1px solid var(--border);background:linear-gradient(145deg,#0f172afa,#09101ff0);border-radius:16px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 18px 55px #00000038}.pm-form-header{border-bottom:1px solid var(--border);align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.pm-form-header strong{color:#f8fafc;font-size:1.05rem}.pm-step{width:38px;height:38px;color:var(--cyan);border:1px solid #22d3ee59;border-radius:10px;place-items:center;font-size:.7rem;display:grid}.pm-section-title{color:#cbd5e1;align-items:center;gap:.65rem;margin:.25rem 0 1rem;font-size:.68rem;display:flex}.pm-section-title>span{color:var(--cyan);font-size:.65rem}.pm-subheading{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;margin:1.25rem 0 .65rem;font:.68rem JetBrains Mono,monospace;display:flex}.pm-subheading i{color:var(--cyan);width:1rem}.pm-field-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font:.65rem JetBrains Mono,monospace;display:block}.pm-brief-tools{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.5rem;display:flex}.pm-help{color:var(--muted);font-size:.78rem;line-height:1.5}.pm-help code{color:#c4b5fd;font-family:JetBrains Mono,monospace}.pm-file-button{color:var(--cyan);cursor:pointer;border:1px solid #22d3ee4d;border-radius:6px;flex-shrink:0;align-items:center;gap:.45rem;padding:.6rem .8rem;font:.7rem JetBrains Mono,monospace;display:inline-flex}.pm-file-button input{display:none}.pm-brief-input{min-height:280px;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.65}.pm-apply-brief{color:#c4b5fd;cursor:pointer;background:#a78bfa14;border:1px solid #a78bfa59;border-radius:6px;margin-top:.6rem;padding:.55rem .8rem;font:.7rem JetBrains Mono,monospace}.pm-apply-brief:hover,.pm-file-button:hover{background:#22d3ee14}.pm-link-grid,.pm-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:.5rem;display:grid}.pm-preview{border:1px solid var(--border);background:#04050f8c;border-radius:10px;margin:0 .75rem 1rem 0;padding:.5rem;display:inline-flex}.pm-preview img,.pm-preview video{display:block}.pm-advanced{border-top:1px solid var(--border);margin-top:1.5rem}.pm-advanced summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.pm-advanced summary::-webkit-details-marker{display:none}.pm-advanced summary>i{color:var(--muted);transition:transform .2s}.pm-advanced[open] summary>i{transform:rotate(180deg)}.pm-advanced-body{padding-top:.25rem}.pm-json-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.pm-actions{border-top:1px solid var(--border);align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.pm-actions .cancel-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px}@media (width<=700px){.pm-heading{flex-direction:column;align-items:flex-start}.pm-form{padding:1rem}.pm-brief-tools{flex-direction:column;align-items:flex-start}.pm-file-button{justify-content:center;width:100%}.pm-form>div[style*=grid-template-columns]{grid-template-columns:1fr!important}.pm-json-grid,.pm-link-grid,.pm-media-grid{grid-template-columns:1fr}}footer{z-index:1;background:var(--bg);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2.5rem 6%;display:flex;position:relative}.fcopy{letter-spacing:.08em;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.65rem}.fsoc{gap:1rem;display:flex}.fsoc a{color:var(--muted);font-size:1rem;transition:all .2s}.fsoc a:hover{color:var(--cyan)}.rev{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.rev.v{opacity:1;transform:none}.cancel-btn{border:1px solid var(--border);color:var(--muted);letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:all .2s}.cancel-btn:hover{border-color:var(--border-h);color:var(--cyan);background:#22d3ee0d;transform:translateY(-2px)}@media (width<=1024px){section{padding:5rem 5%}h2.stitle{margin-bottom:2.5rem}.about-grid{gap:2rem}}@media (width<=960px){#hero{text-align:center;grid-template-columns:1fr;gap:2rem;padding:100px 5% 60px}.hero-left{flex-direction:column;align-items:center;display:flex}.hero-desc{max-width:100%}.hero-btns,.socials{justify-content:center}.hero-photo-wrap{order:-1;margin-top:2rem}.photo-ring{width:260px;height:320px;margin:0 auto}.chip{display:none}.about-grid{grid-template-columns:1fr}.skills-two-columns,.contact-grid{grid-template-columns:1fr;gap:2rem}.exp-item{grid-template-columns:1fr;padding:1.8rem}.exp-date{margin-bottom:1rem}section{padding:4rem 5%}}@media (width<=768px){.nav-ul{display:none}.nav-resume{padding:6px 16px;font-size:.75rem}.logo{font-size:1.2rem}section{padding:3rem 5%}.stag{font-size:.6rem}h2.stitle{margin-bottom:2rem;font-size:1.8rem}.hero-desc{font-size:.9rem}.gbtn{padding:10px 20px;font-size:.7rem}.social-ic{width:36px;height:36px}.about-stat{padding:1.2rem}.stat-num{font-size:1.5rem}.skill-card-item{padding:.8rem 1rem}.skill-name{font-size:.75rem}.skill-percent{font-size:.85rem}.tool-card{padding:.4rem 1rem;font-size:.7rem}.exp-item{padding:1.2rem}.exp-body h4{font-size:.95rem}.exp-body p{font-size:.85rem}.etag{padding:3px 8px;font-size:.6rem}.crow{grid-template-columns:1fr;gap:.75rem}.cform{gap:.75rem}.flabel{margin:.3rem 0}.finput{padding:10px 14px}.sbtn{padding:10px 24px;font-size:.7rem}footer{text-align:center;flex-direction:column;gap:.8rem;padding:1.5rem 5%}footer .logo{font-size:1rem}.fcopy{font-size:.6rem}}@media (width<=480px){#hero{padding:80px 4% 40px}h1.name{font-size:2.5rem}.hero-role{font-size:.8rem}.hero-desc{font-size:.85rem}.hero-btns{flex-direction:column;align-items:stretch;gap:.8rem;width:100%}.gbtn{justify-content:center}.photo-ring{width:220px;height:280px}.about-stat{padding:1rem}.stat-num{font-size:1.3rem}.stat-lbl{font-size:.55rem}.skill-card-item{padding:.6rem .8rem}.skill-name{gap:6px;font-size:.7rem}.skill-name i{font-size:.9rem}.skill-percent{font-size:.75rem}.exp-date{font-size:.7rem}.exp-date span{font-size:.6rem}.exp-body h4{font-size:.9rem}.exp-body .company{font-size:.7rem}.cleft h3{font-size:1.3rem}.cinfo-item{font-size:.7rem}.cicon{width:32px;height:32px}}:root{--ref-bg:#fff;--ref-surface:#fff;--ref-ink:#18181b;--ref-muted:#71717a;--ref-line:#e4e4e7;--ref-accent:#2563eb;--ref-accent-soft:#dbeafe}body{background:var(--ref-bg);color:var(--ref-ink);font-family:Sora,Segoe UI,sans-serif}body:before{display:none}.theme-toggle{z-index:60;border:1px solid var(--ref-line);background:var(--ref-surface);width:2.6rem;height:2.6rem;color:var(--ref-ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;top:1rem;right:1rem;box-shadow:0 2px 8px #18181b1f}.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 16px #18181b24}.theme-toggle svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.theme-toggle .moon-icon,.theme-toggle .sun-icon{display:block}[data-theme=dark]{--ref-bg:#0f172a;--ref-surface:#111827;--ref-ink:#f8fafc;--ref-muted:#94a3b8;--ref-line:#263244;--ref-accent-soft:#172554}[data-theme=dark] body{background:var(--ref-bg);color:var(--ref-ink)}[data-theme=dark] .about-kicker{color:#7dd3fc}[data-theme=dark] .about-kicker:before{background:#7dd3fc}[data-theme=dark] .about-copy p{color:#dfe7f3}[data-theme=dark] .about-copy strong,[data-theme=dark] .quick-stats-title{color:#f8fafc}[data-theme=dark] .quick-stats-shell{background:#0f172a59;border-color:#94a3b84d}[data-theme=dark] .quick-stat{background:#94a3b814;border-color:#94a3b838}[data-theme=dark] .quick-stat:first-child{background:#7dd3fc1f}[data-theme=dark] .quick-stat:nth-child(2){background:#d8b4fe1f}[data-theme=dark] .quick-stat:nth-child(3){background:#86efac1f}[data-theme=dark] .quick-stat:nth-child(4){background:#fdba741f}[data-theme=dark] .quick-stat .stat-num{color:#f8fafc}[data-theme=dark] .quick-stat .stat-lbl{color:#b7c4d6}[data-theme=dark] .portfolio-content{background:var(--ref-surface);border-color:var(--ref-line)}[data-theme=dark] #nav,[data-theme=dark] #nav.s{border-color:var(--ref-line);background:#111827}[data-theme=dark] .nav-ul a.is-active,[data-theme=dark] .nav-ul a:hover{color:var(--ref-ink);background:#1f2937}[data-theme=dark] .nav-resume,[data-theme=dark] .about-stat,[data-theme=dark] .skill-card-item,[data-theme=dark] .tool-card{color:var(--ref-ink);border-color:var(--ref-line);background:#172033}[data-theme=dark] .showcase,[data-theme=dark] .education-item,[data-theme=dark] .exp-item{border-color:var(--ref-line);background:#0f172ab8}[data-theme=dark] .projects-cinema{background:#0f172a}[data-theme=dark] .showcase-media{border-color:var(--ref-line);background:#111827}[data-theme=dark] .showcase-title,[data-theme=dark] .projects-page-title,[data-theme=dark] .skills-page-title,[data-theme=dark] .work-education-header h1,[data-theme=dark] .education-item h3{color:var(--ref-ink)}[data-theme=dark] .showcase-subtitle,[data-theme=dark] .showcase-desc,[data-theme=dark] .hero-desc,[data-theme=dark] .about-text p,[data-theme=dark] .education-location,[data-theme=dark] .education-qualification{color:var(--ref-muted)}[data-theme=dark] .project-showcase-copy .showcase-link.showcase-read-more{color:#e2e8f0;background:#0f172ae6;border-color:#94a3b838}[data-theme=dark] .project-showcase-copy .showcase-link.showcase-read-more:hover{color:#f8fafc;background:#111827;border-color:#94a3b85c}[data-theme=dark] .project-showcase-copy .showcase-link.showcase-read-more i,[data-theme=dark] .project-showcase-copy .showcase-link.showcase-read-more .live-demo-arrow{color:#e2e8f0!important}.portfolio-shell{min-height:100vh;display:flex}.portfolio-content{border:1px solid var(--ref-line);background:#fff;border-radius:1rem 0 0 1rem;flex-direction:column;flex:1;min-width:0;min-height:calc(100vh - 1rem);margin:.5rem;display:flex;overflow:hidden}#nav{border:0;border-right:1px solid var(--ref-line);z-index:20;background:#f0f1f3;flex-direction:column;flex:0 0 206px;justify-content:space-between;width:206px;height:100vh;padding:2.5rem 1.25rem 1.25rem;display:flex;position:sticky;top:0;left:auto}#nav.s{border-right:1px solid var(--ref-line);-webkit-backdrop-filter:none;backdrop-filter:none;background:#f0f1f3;border-bottom:0}.sidebar-profile{align-items:center;gap:.7rem;display:flex}.sidebar-avatar-wrap{flex:none;position:relative}.sidebar-avatar{object-fit:cover;object-position:top;border:2px solid #fff;border-radius:50%;width:2.5rem;height:2.5rem;box-shadow:0 2px 8px #18181b1f}.sidebar-status{background:#22c55e;border:2px solid #f0f1f3;border-radius:50%;width:.65rem;height:.65rem;position:absolute;bottom:.1rem;right:0}.sidebar-profile strong,.sidebar-profile span{display:block}.sidebar-profile strong{font-size:.85rem}.sidebar-profile span{color:var(--ref-accent);margin-top:.2rem;font-size:.67rem;font-weight:600}.sidebar-scroll{flex:1;margin-top:2rem;overflow-y:auto}.nav-ul{gap:.125rem;list-style:none;display:grid}.nav-ul a{color:var(--ref-muted);letter-spacing:0;text-transform:none;border-radius:.55rem;align-items:center;gap:.7rem;padding:.5rem .75rem;font-family:inherit;font-size:.8rem;transition:all .2s;display:flex}.nav-ul a:hover,.nav-ul a:focus-visible{color:var(--ref-ink);background:#fff;box-shadow:0 2px 8px #18181b12}.nav-ul a.is-active{color:var(--ref-ink);background:#fff;font-weight:600;box-shadow:0 2px 8px #18181b12}.nav-ul a i{color:#a1a1aa;width:1rem;font-size:.8rem}.nav-ul a:hover i,.nav-ul a.is-active i{color:var(--ref-accent)}.nav-ul a:after{display:none}.nav-ul a.is-active:after{background:var(--ref-accent);content:"";border-radius:50%;flex:none;width:.35rem;height:.35rem;margin-left:auto;display:block;position:static}.sidebar-label{color:#a1a1aa;letter-spacing:.15em;text-transform:uppercase;margin:1.5rem .75rem .35rem;font-size:.6rem;font-weight:700}.sidebar-socials{gap:.35rem;margin-top:.35rem;display:grid}.sidebar-socials a{color:var(--ref-muted);border:1px solid #0000;border-radius:.7rem;align-items:center;gap:.7rem;padding:.6rem .8rem;font-size:.8rem;transition:all .2s;display:flex}.sidebar-socials a i{color:#a1a1aa;width:1.2rem;font-size:.95rem;line-height:1}.sidebar-socials a:hover{color:var(--ref-ink);background:#ffffffa6;border-color:#e4e4e7cc;box-shadow:0 4px 12px #18181b0a}.sidebar-socials a:hover i{transform:translateY(-1px)}.sidebar-socials a[href*=linkedin] i{color:#0a66c2}.sidebar-socials a[href*=github] i{color:#24292f}.sidebar-socials a[href*=mail] i,.sidebar-socials a[href*=gmail] i{color:#ea4335}.nav-resume{border:1px solid var(--ref-line);width:auto;color:var(--ref-ink);background:#fff;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;gap:.55rem;padding:.55rem .85rem;font-size:.68rem;font-weight:600;display:inline-flex;box-shadow:0 2px 5px #18181b14}.nav-resume i{color:var(--ref-muted);font-size:.55rem}.nav-resume:hover{background:var(--ref-accent-soft);color:var(--ref-accent);border-color:#93c5fd}.sidebar-toggle{display:none}.sidebar-toggle .hamburger{flex-direction:column;justify-content:space-between;width:1.15rem;height:.95rem;display:flex;position:relative}.sidebar-toggle .hamburger span{background:currentColor;border-radius:999px;width:100%;height:2px;transition:transform .25s,opacity .2s;display:block}.sidebar-toggle .hamburger.is-open span:first-child{transform:translateY(.38rem)rotate(45deg)}.sidebar-toggle .hamburger.is-open span:nth-child(2){opacity:0}.sidebar-toggle .hamburger.is-open span:nth-child(3){transform:translateY(-.38rem)rotate(-45deg)}#hero{background-color:#fbfcfd;grid-template-columns:minmax(0,1fr) 17rem;align-items:center;gap:4rem;min-height:30rem;padding:3.5rem clamp(1.5rem,6vw,5rem) 2rem;display:grid}.hero-eyebrow{color:#14bd55;letter-spacing:.16em;text-transform:uppercase;background:#16a34a14;border:1.5px solid #1ed86259;width:fit-content;margin-bottom:1.7rem;padding:.55rem .9rem;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700}.blink{width:.55rem;height:.55rem}h1.name{letter-spacing:-.06em;white-space:nowrap;margin-bottom:.4rem;font-size:clamp(2.4rem,4.3vw,4rem);font-weight:900;line-height:.98}h1.name .l1,h1.name .l2{color:var(--ref-ink);-webkit-text-stroke:0;-webkit-text-fill-color:initial;background:0 0;display:inline}h1.name .l2{color:#111827;-webkit-text-fill-color:initial;background:0 0}.hero-role{color:#76797e;letter-spacing:.02em;margin-bottom:1.4rem;font-family:Sora,Segoe UI,sans-serif;font-size:clamp(1.4rem,2.2vw,2.4rem);font-weight:600}.hero-desc{color:#46617f;width:100%;max-width:none;margin-bottom:1.8rem;font-size:.9rem;line-height:1.8}.hero-btns{gap:.9rem;margin-bottom:1.25rem;display:flex}.gbtn{letter-spacing:0;border-radius:.9rem;align-items:center;gap:8px;padding:.9rem 1.2rem;font-family:Sora,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;display:inline-flex}.gbtn-fill{color:#fff;background:#0f172a;border:1px solid #0f172a}.gbtn-fill:hover{box-shadow:none;background:#111827}.gbtn-ghost{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:.9rem}.gbtn-ghost:hover{color:#111827;background:#fff;transform:none}.socials{gap:.5rem}.social-ic{border-color:var(--ref-line);width:2rem;height:2rem;color:var(--ref-muted);background:#fff;border-radius:.5rem;font-size:.8rem}.social-ic:hover{color:var(--ref-accent);box-shadow:none;border-color:#93c5fd}.hero-photo-wrap{padding:1rem 0}.photo-glow{background:radial-gradient(circle,#2563eb29,#0000 70%);width:20rem;height:20rem}.photo-ring{background:#fff;border:2px solid #fffc;border-radius:1.5rem;width:17rem;height:23rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.photo-ring img{filter:none;height:100%}.chip-rail{pointer-events:none;align-items:center;gap:1rem;display:flex;position:absolute;bottom:-.25rem;left:clamp(1.5rem,6vw,5rem)}.chip{color:#46617f;white-space:nowrap;background:0 0;border:1px solid #d4dbe6;border-radius:999px;justify-content:center;align-items:center;height:2.2rem;padding:.55rem .9rem;font:700 .72rem JetBrains Mono,monospace;display:inline-flex;position:static}.chip i{margin-right:.45rem;font-size:.9rem}section{padding:3.5rem clamp(1.5rem,6vw,5rem)}.stag{color:var(--ref-accent);letter-spacing:.08em;font-family:inherit;font-size:.65rem}.stag:before{background:#93c5fd;width:1rem}h2.stitle{color:var(--ref-ink);letter-spacing:-.045em;margin-bottom:2rem;font-size:clamp(1.7rem,3vw,2.4rem)}.acc{color:var(--ref-accent)}.about-grid{grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);align-items:start;gap:3rem}.about-text p{color:var(--ref-muted);font-size:.88rem;line-height:1.85}.about-text p strong{color:var(--ref-ink);font-weight:700}.about-cards{border-color:var(--ref-line);background:#ffffff8c;border-radius:.8rem;gap:0;overflow:hidden}.about-stat{border-color:var(--ref-line);background:#ffffff73;min-height:8.5rem;padding:1.5rem .8rem}.stat-num{color:var(--ref-ink);-webkit-text-fill-color:initial;background:0 0;font-family:inherit;font-size:1.8rem}.stat-lbl{color:var(--ref-muted);letter-spacing:.14em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.58rem}.skills-page-title{color:var(--ref-ink);letter-spacing:-.05em;margin:0 0 2rem;font-size:clamp(2rem,4vw,3rem);font-weight:900}.work-education-section{padding-top:3rem}.work-education-header{max-width:58rem;margin:0 auto 2rem}.work-education-header h1{color:var(--ref-ink);letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:900}.work-education-header p{max-width:42rem;color:var(--ref-muted);margin:.2rem 0 0;font-size:.85rem;line-height:1.7}.work-education-section .exp-list{border:1px solid var(--ref-line);background:#fafafa;border-radius:0}.work-education-section .exp-item{border-bottom:1px solid var(--ref-line);background:#ffffffb8;grid-template-columns:14rem minmax(0,1fr);gap:1rem;min-height:11rem;padding:1.6rem 1.5rem}.work-education-section .exp-item:hover{background:#fff}.work-education-section .exp-item:before{display:none}.timeline-list{gap:1.5rem;display:grid;position:relative}.timeline-list:before{content:"";background:linear-gradient(var(--ref-line), transparent);width:1px;position:absolute;top:1.2rem;bottom:1.2rem;left:1.25rem}.timeline-entry{grid-template-columns:2.5rem minmax(0,1fr);align-items:start;gap:1rem;display:grid;position:relative}.timeline-marker{z-index:1;width:2.5rem;height:2.5rem;color:var(--ref-accent);background:#eff6ff;border:2px solid #93c5fd;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:relative;box-shadow:0 2px 6px #18181b14}.education-marker{background:#eff6ff;border-color:#bfdbfe}.timeline-entry .exp-item{min-width:0}.work-education-section .exp-date{color:#46617f;letter-spacing:.04em;padding-top:.15rem;font-family:JetBrains Mono,monospace;font-size:.72rem}.work-education-section .exp-date span{display:none}.work-education-section .exp-body h4{color:var(--ref-ink);margin-bottom:.2rem;font-size:1.05rem}.work-education-section .exp-body .company{color:var(--ref-muted);letter-spacing:0;margin-bottom:.9rem;font-family:inherit;font-size:.78rem}.work-education-section .exp-body p{color:var(--ref-muted);margin-bottom:.9rem;font-size:.82rem;line-height:1.7}.work-education-section .exp-tags{gap:.5rem}.work-education-section .etag{color:#2563eb;letter-spacing:.03em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:.3rem .5rem;font-size:.62rem}.education-section{padding:0 clamp(1.5rem,6vw,5rem) 3.5rem}.education-item{border:1px solid var(--ref-line);background:#ffffffb8;grid-template-columns:14rem minmax(0,1fr);gap:1rem;min-height:8rem;padding:1.6rem 1.5rem;display:grid}.education-period{color:#46617f;letter-spacing:.04em;padding-top:.15rem;font:.72rem JetBrains Mono,monospace}.education-item h3{color:var(--ref-ink);margin:0 0 .2rem;font-size:1.05rem}.education-location{color:var(--ref-muted);margin:0 0 .8rem;font-size:.78rem}.education-qualification{color:var(--ref-muted);margin:0;font-size:.82rem;line-height:1.7}.skills-two-columns{gap:1rem}.skill-category h3{color:var(--ref-ink);border-color:var(--ref-line);letter-spacing:0;text-transform:none;font-family:inherit;font-size:.95rem}.tools-section h3{color:var(--ref-ink)}.skill-card-grid,.tools-grid{border-color:var(--ref-line);border-radius:.7rem}.skill-card-item,.tool-card{border-color:var(--ref-line);background:#fff}.skill-card-item:hover,.tool-card:hover{background:#fafafa;transform:translate(2px)}.skill-name,.tools-grid{font-family:inherit}.skill-name{color:var(--ref-ink)}.skill-name i{color:var(--ref-accent)}.skill-card-item[data-skill=html] .skill-name i{color:#e34f26}.skill-card-item[data-skill=css] .skill-name i{color:#1572b6}.skill-card-item[data-skill=javascript] .skill-name i{color:#d6b600}.skill-card-item[data-skill=react\.js] .skill-name i{color:#149eca}.skill-card-item[data-skill=node\.js] .skill-name i{color:#393}.skill-card-item[data-skill=express\.js] .skill-name i{color:#222}.skill-card-item[data-skill=sql] .skill-name i{color:#4479a1}.skill-card-item[data-skill=mongodb] .skill-name i{color:#47a248}.tool-card[data-skill=git] i{color:#f05032}.tool-card[data-skill=github] i{color:#181717}.tool-card[data-skill=figma] i{color:#f24e1e}.tool-card[data-skill=vs\ code] i{color:#007acc}.tool-card[data-skill=gemini] i{color:#4285f4}.tool-card[data-skill=postman] i{color:#ff6c37}.tool-card[data-skill="vercel / netlify / render"] i{color:#111827}.projects-cinema{background:0 0;padding:3.5rem clamp(1rem,2vw,2.5rem)}.projects-page-heading{align-items:baseline;display:flex}.projects-page-title{color:var(--ref-ink);letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:900}.projects-page-subtitle{color:var(--ref-muted);border-bottom:0;margin:.45rem 0 .5rem;padding-bottom:0;font-size:.85rem}.showcase{border-color:var(--ref-line);padding:2.25rem 0}.showcase-title{color:var(--ref-ink);font-size:clamp(1.5rem,3vw,2.25rem)}.showcase-subtitle,.showcase-desc{color:var(--ref-muted)}.showcase-media{border-color:var(--ref-line);background:#f4f4f5;border-radius:.8rem}.showcase-stack,.showcase-link{color:var(--ref-accent);font-family:inherit}.cinema-view-all{background:var(--ref-accent-soft);color:var(--ref-accent);border-color:#93c5fd;border-radius:.55rem;font-family:inherit}.project-showcase-layout{grid-template-columns:3rem minmax(0,1.3fr) minmax(16rem,1fr);align-items:start;gap:1rem;display:grid}.project-row-number{color:#94a3b8;padding-top:.2rem;font:.75rem JetBrains Mono,monospace}.project-showcase-copy{min-width:0}.project-title-row{align-items:center;gap:.65rem;display:flex}.project-showcase-copy .showcase-num{color:#94a3b8;font:.75rem JetBrains Mono,monospace}.project-showcase-copy .showcase-title{margin:0;font-size:1.25rem}.project-showcase-copy .showcase-subtitle{margin:.35rem 0 1rem}.project-showcase-copy .showcase-desc{max-width:none;margin:0 0 1rem;font-size:.95rem;line-height:1.6}.project-showcase-copy .showcase-stack{color:inherit;flex-wrap:wrap;gap:.45rem;margin:0 0 1.3rem;display:flex}.project-showcase-copy .stack-tag{color:#1d4ed8;letter-spacing:.02em;background:#bfdbfe47;border:1px solid #93c5fd80;border-radius:999px;align-items:center;gap:.4rem;padding:.22rem .7rem;font:.62rem JetBrains Mono,monospace;display:inline-flex}.project-showcase-copy .stack-tag i{justify-content:center;align-items:center;font-size:.6rem;line-height:1;display:inline-flex}.project-showcase-copy .showcase-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.7rem;margin-top:.8rem;display:flex}.project-showcase-copy .showcase-link{border:1px solid var(--project-button-border,#0f172a14);border-radius:.5rem;align-items:center;gap:.5rem;margin:0;padding:.5rem .8rem;font-family:inherit;font-size:.72rem;font-weight:700;line-height:1;transition:all .5s;display:inline-flex}.project-showcase-copy .showcase-link:hover{transform:translateY(-1px)}.project-showcase-copy .showcase-link:active{transform:translateY(0)}.project-showcase-copy .showcase-link i{border-radius:.25rem;justify-content:center;align-items:center;min-width:1.1rem;min-height:1.1rem;padding:.12rem .38rem;font-size:.68rem;display:inline-flex}.project-showcase-copy .showcase-link:not(.showcase-external):not(.showcase-read-more){background:var(--project-button-secondary-bg,#0b1220);color:var(--project-button-secondary-text,#fff);border-color:var(--project-button-secondary-border,#94a3b840);box-shadow:inset 0 0 0 1px #ffffff08}[data-theme=dark] .project-showcase-copy .showcase-link:not(.showcase-external):not(.showcase-read-more){color:#e2e8f0;background:#0f172a;border-color:#94a3b840}.project-showcase-copy .showcase-link:not(.showcase-external):not(.showcase-read-more):hover{background:var(--project-button-secondary-hover,#111827)}.project-showcase-copy .showcase-link:not(.showcase-external):not(.showcase-read-more) i{color:var(--project-button-secondary-text,#fff);box-shadow:none;background:#ffffff14}.project-showcase-copy .showcase-link.showcase-read-more{color:#0f172a;box-shadow:none;background:#fff;border:1px solid #0f172ae6}.project-showcase-copy .showcase-link.showcase-read-more:hover{color:#0f172a;background:#f8fafc;border-color:#0f172a}.project-showcase-copy .showcase-link.showcase-read-more i,.project-showcase-copy .showcase-link.showcase-read-more .live-demo-arrow{color:#0f172a!important}.project-showcase-copy .showcase-link.showcase-read-more i{background:0 0}.project-showcase-copy .showcase-link.showcase-external{background:var(--project-button-live-bg,linear-gradient(180deg, #1f5afe, #0f4cf5));color:var(--project-button-live-text,#fff);border-color:var(--project-button-live-border,#60a5fa73);box-shadow:var(--project-button-live-shadow,inset 0 -2px 0 #0e4cf533)}.project-showcase-copy .showcase-link.showcase-external:hover{background:var(--project-button-live-hover,linear-gradient(180deg, #2d67ff, #114df0));border-color:var(--project-button-live-border-strong,#60a5fab3)}.project-showcase-copy .showcase-link.showcase-external:active{box-shadow:inset 0 0 0 1px #0f172a0f}.project-showcase-copy .showcase-link.showcase-external .live-demo-arrow{color:inherit;justify-content:center;align-items:center;font-size:.82rem;line-height:1;display:inline-flex;transform:translateY(-1px)}.project-showcase-visual{display:block}.project-showcase-visual .showcase-media{aspect-ratio:16/10;border-radius:.65rem;width:100%;max-width:30rem;margin:0}.project-showcase-visual .showcase-media img,.project-showcase-visual .showcase-media video{object-fit:cover;width:100%;height:100%}.projects-cinema .project-showcase-visual{display:block}.projects-cinema .showcase{background:0 0;border-radius:0;border:0!important;border-top:1px solid var(--ref-line)!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;margin:0!important;padding:2rem 0!important;transition:none!important;overflow:visible!important;transform:none!important}.projects-cinema .showcase:first-child{border-top:0}.projects-cinema .showcase:before,.projects-cinema .showcase:after{content:none!important;display:none!important}.projects-cinema .showcase:hover{border-color:var(--ref-line);background:0 0;box-shadow:none!important;transform:none!important}.projects-cinema .showcase-title,.projects-cinema .showcase-num{color:var(--ref-ink);-webkit-text-stroke:0;background:0 0!important;transition:none!important;transform:none!important}.projects-cinema .showcase:hover .showcase-title{color:var(--ref-ink)!important;-webkit-text-fill-color:var(--ref-ink)!important;background:0 0!important}.projects-cinema .showcase-stack,.projects-cinema .showcase-desc{opacity:1!important;max-height:none!important;transition:none!important;overflow:visible!important;transform:none!important}.projects-cinema .showcase-media{aspect-ratio:16/10;border:1px solid var(--ref-line);background:#f4f4f5;border-radius:.65rem;width:100%;margin:0}.projects-cinema .showcase-media img,.projects-cinema .showcase-media video{object-fit:cover;filter:none!important;transition:none!important;transform:none!important}.projects-cinema .showcase:hover .showcase-media img,.projects-cinema .showcase:hover .showcase-media video{filter:none!important;transform:none!important}.projects-cinema .cinema-header{margin-bottom:1rem}.projects-cinema .showcase-status{color:#16a34a;letter-spacing:.08em;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:.2rem .5rem;font:.6rem JetBrains Mono,monospace}.projects-cinema .showcase-status .status-dot{width:.35rem;height:.35rem;box-shadow:none;animation:none}.projects-cinema .showcase-link.showcase-external{color:#fff;background:linear-gradient(#1f5afe,#0f4cf5);border:1px solid #60a5fa73;border-radius:.5rem;padding:.55rem .82rem;transition:all .5s;transform:none;box-shadow:inset 0 -2px #0e4cf533}.projects-cinema .showcase-link.showcase-external:hover{color:#fff;background:linear-gradient(#2d67ff,#114df0);border-color:#60a5fab3;transform:translateY(-1px)}.projects-cinema .showcase-link{transition:all .5s}.projects-cinema .showcase-link:after{display:none!important}#contact{background:var(--ref-bg)}.contact-page-title{color:var(--ref-ink);letter-spacing:-.05em;margin:0 0 2rem;font-size:clamp(2rem,4vw,3rem);font-weight:900}.cleft h3,.cleft p,.cinfo-item{color:var(--ref-muted)}.cinfo-item{align-items:center;gap:.8rem;display:flex}.cicon{color:#71717a;background:#71717a14;border:1px solid #71717a40;border-radius:.7rem;width:2.2rem;height:2.2rem}.cform{background:0 0;border-color:#0000;border-radius:0}.flabel{color:var(--ref-muted);font-family:inherit}.finput{border-color:var(--ref-line);background:var(--ref-surface);color:var(--ref-ink);border-radius:.5rem}.finput::placeholder{color:var(--ref-muted);opacity:.7}.finput:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb1a}.sbtn{background:var(--ref-ink);color:var(--ref-surface);border-radius:.5rem}.sbtn:hover{background:var(--ref-accent)}.portfolio-content footer{border-top:1px solid var(--ref-line);background:var(--ref-surface);color:var(--ref-muted);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:.75rem;margin:auto 0 0;padding:1rem 1.5rem;position:relative;display:grid!important}.portfolio-content footer>.logo{color:var(--ref-ink);-webkit-text-fill-color:initial;background:0 0;order:1;font-size:.85rem;font-weight:700}.portfolio-content footer>div:nth-child(2){letter-spacing:0;order:2;justify-self:center;color:var(--ref-muted)!important;font-family:inherit!important;font-size:.7rem!important}.portfolio-content footer>div:nth-child(2) .eye-animation{color:var(--ref-accent)!important}.portfolio-content footer>.fsoc{order:3;justify-self:end;gap:.75rem;display:flex}.portfolio-content footer>.fsoc a{color:var(--ref-muted);font-size:.75rem}.portfolio-content footer>.fsoc a:hover{color:var(--ref-ink)}@media (width<=899px){.portfolio-content{border:0;border-radius:0;margin:0}#nav{flex-basis:13rem;width:13rem;transition:left .25s;position:fixed;left:-14rem;box-shadow:12px 0 30px #18181b1a}#nav.is-open{left:0}#nav{padding-top:1rem;position:fixed;left:-14rem;overflow:visible}#nav .sidebar-toggle{border:1px solid var(--ref-line);width:2.5rem;height:2.5rem;color:var(--ref-ink);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1rem;left:calc(100% + 1.1rem);box-shadow:0 5px 16px #18181b1f}#nav.is-open .sidebar-toggle{left:calc(100% - 2.5rem)}.sidebar-toggle:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}#hero{grid-template-columns:1fr;gap:2rem;padding-top:3rem}h1.name{white-space:normal;font-size:clamp(2.35rem,11vw,3.5rem)}.hero-photo-wrap{order:-1;justify-content:flex-start}.photo-ring{width:12rem;height:16rem}.chip-rail{display:none}.about-grid,.skills-two-columns{grid-template-columns:1fr}.project-showcase-layout{grid-template-columns:2rem minmax(0,1fr);gap:.7rem}.work-education-section .exp-item{grid-template-columns:1fr;gap:.7rem}.timeline-entry{grid-template-columns:2rem minmax(0,1fr);gap:.7rem}.timeline-marker{width:2rem;height:2rem;font-size:.7rem}.timeline-list:before{left:1rem}.education-item{grid-template-columns:1fr;gap:.7rem}.portfolio-content footer{text-align:center;grid-template-columns:1fr;justify-items:center}.portfolio-content footer>div:nth-child(2),.portfolio-content footer>.fsoc{justify-self:center}}[data-theme=dark]{--project-button-border:#94a3b833;--project-button-secondary-bg:#0f172a;--project-button-secondary-text:#e2e8f0;--project-button-secondary-border:#94a3b840;--project-button-secondary-hover:#1e293b;--project-button-live-bg:linear-gradient(180deg, #1f5afe, #0f4cf5);--project-button-live-text:#fff;--project-button-live-border:#60a5fa73;--project-button-live-border-strong:#60a5fab3;--project-button-live-shadow:inset 0 -2px 0 #0e4cf533}[data-theme=dark] #hero{background-color:#0f172a}[data-theme=dark] .hero-left{color:#f8fafc}[data-theme=dark] .hero-eyebrow{color:#86efac;background:#22c55e1f;border-color:#86efac66}[data-theme=dark] h1.name .l1,[data-theme=dark] h1.name .l2{color:#f8fafc}[data-theme=dark] .hero-role{color:#cbd5e1}[data-theme=dark] .hero-desc{color:#a8b6ca}[data-theme=dark] .gbtn-fill{color:#0f172a;background:#f8fafc;border-color:#f8fafc}[data-theme=dark] .gbtn-ghost{color:#e2e8f0;background:0 0;border-color:#334155}[data-theme=dark] .gbtn-ghost:hover{color:#f8fafc;background:#94a3b814}[data-theme=dark] .photo-ring{background:#172033;border-color:#475569}[data-theme=dark] .chip{color:#bfdbfe;background:#0f172a80;border-color:#334155}[data-theme=dark] .about-cards,[data-theme=dark] .about-stat{background:#172033}[data-theme=dark] .timeline-marker,[data-theme=dark] .education-marker{background:#172554;border-color:#60a5fa}[data-theme=dark] .work-education-section .exp-item,[data-theme=dark] .education-item{background:#172033}[data-theme=dark] .work-education-section .exp-item:hover{background:#1e293b}[data-theme=dark] .work-education-section .etag{color:#bfdbfe;background:#172554;border-color:#1e40af}[data-theme=dark] .skill-card-item,[data-theme=dark] .tool-card{background:#172033}[data-theme=dark] .skill-card-item:hover,[data-theme=dark] .tool-card:hover{background:#1e293b;transform:none}[data-theme=dark] .skill-card-item[data-skill=express\.js] .skill-name i,[data-theme=dark] .tool-card[data-skill=github] i{color:#f8fafc}[data-theme=dark] .project-showcase-copy .stack-tag{color:#bfdbfe;background:#172033;border-color:#334155}[data-theme=dark] .projects-cinema .showcase-status{color:#86efac;background:#052e16;border-color:#166534}[data-theme=dark] .projects-cinema .showcase-link.showcase-external{border-color:var(--project-button-live-border)!important;background:var(--project-button-live-bg)!important;color:var(--project-button-live-text)!important;box-shadow:var(--project-button-live-shadow)!important}[data-theme=dark] #contact{background:#111827}[data-theme=dark] .contact-page-title,[data-theme=dark] .cleft h3,[data-theme=dark] .cinfo-item,[data-theme=dark] .cleft p,[data-theme=dark] .flabel{color:var(--ref-ink)}[data-theme=dark] .cicon{color:#a1a1aa;background:#71717a14;border-color:#71717a40}[data-theme=dark] .cform{background:0 0;border-color:#0000}[data-theme=dark] .finput{color:#f8fafc;background:#0f172a;border-color:#334155}[data-theme=dark] .finput::placeholder{color:#94a3b8}[data-theme=dark] .sbtn{color:#0f172a;background:#f8fafc}[data-theme=dark] .sbtn:hover{background:#bfdbfe}[data-theme=dark] .portfolio-content footer{background:#111827}