:root{--bg:#f1ede3;--surface:#e9e4d8;--surface-raised:#f8f4ea;--ink:#11110f;--muted:#646259;--rule:#11110f29;--rule-strong:#11110f61;--accent:#c8ff2e;--accent-ink:#568000;--lilac:#bda8ff;--danger:#b42318}.dark{--bg:#090a08;--surface:#11130f;--surface-raised:#171914;--ink:#f1ede3;--muted:#aaa99f;--rule:#f1ede326;--rule-strong:#f1ede35c;--accent:#c8ff2e;--accent-ink:#c8ff2e;--lilac:#bda8ff;--danger:#ff8a80}.portfolio-shell{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg);color:var(--ink);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;isolation:isolate}.dark .portfolio-shell{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.portfolio-shell ::selection{background:var(--accent);color:#11110f}.portfolio-noise{z-index:80;pointer-events:none;opacity:.025;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;position:fixed;inset:0}.dark .portfolio-noise{opacity:.04;filter:invert();mix-blend-mode:screen}.portfolio-grid{background-image:linear-gradient(to right, var(--rule) 1px, transparent 1px), linear-gradient(to bottom, var(--rule) 1px, transparent 1px);background-position:top;background-size:min(12.5vw,10rem) min(12.5vw,10rem)}.portfolio-menu summary::-webkit-details-marker{display:none}.portfolio-menu[open] .menu-icon{transform:rotate(45deg)}.portfolio-menu[open] nav{animation:.18s ease-out both portfolio-menu-in}.text-outline{color:#0000;-webkit-text-stroke:1px var(--rule-strong)}.project-markdown{color:var(--muted);font-size:clamp(.9rem,.95vw,1rem);line-height:1.75}.project-markdown>*+*{margin-top:1.5rem}.project-markdown h2,.project-markdown h3,.project-markdown h4{color:var(--ink);letter-spacing:-.035em;text-wrap:balance;font-weight:550;line-height:1.05}.project-markdown h2{margin-top:3.5rem;font-size:clamp(1.65rem,3vw,2.75rem)}.project-markdown h3{margin-top:2.5rem;font-size:clamp(1.25rem,2vw,1.75rem)}.project-markdown ul,.project-markdown ol{padding-left:1.25rem}.project-markdown ul{list-style:square}.project-markdown ol{list-style:decimal-leading-zero}.project-markdown li{padding-left:.5rem}.project-markdown li+li{margin-top:.6rem}.project-markdown strong{color:var(--ink);font-weight:600}.project-markdown a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.22em;text-decoration-thickness:2px}.project-markdown a:hover{color:var(--accent-ink)}.project-markdown blockquote{border-left:3px solid var(--accent);color:var(--ink);padding:.5rem 0 .5rem 1.5rem;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.4}.project-markdown pre{border:1px solid var(--rule);background:var(--surface);padding:1.25rem;font-size:.86rem;line-height:1.65;overflow-x:auto}.project-markdown :not(pre)>code{border:1px solid var(--rule);background:var(--surface);color:var(--ink);padding:.1em .35em;font-size:.88em}.portfolio-skeleton{background:var(--surface);position:relative;overflow:hidden}.portfolio-skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--ink) 8%, transparent), transparent);animation:1.6s infinite portfolio-shimmer;position:absolute;inset:0;transform:translate(-100%)}::view-transition-group(.project-morph){animation-duration:.42s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-image-pair(.project-morph){isolation:isolate}::view-transition-old(.skeleton-exit){animation:.16s ease-in both portfolio-fade-out}::view-transition-old(.nav-forward){--portfolio-slide:-40px;animation:.15s ease-in both portfolio-fade-out,.36s cubic-bezier(.22,1,.36,1) both portfolio-slide-out}::view-transition-new(.nav-forward){--portfolio-slide:40px;animation:.22s ease-out 90ms both portfolio-fade-in,.36s cubic-bezier(.22,1,.36,1) both portfolio-slide-in}::view-transition-old(.nav-back){--portfolio-slide:40px;animation:.15s ease-in both portfolio-fade-out,.36s cubic-bezier(.22,1,.36,1) both portfolio-slide-out}::view-transition-new(.nav-back){--portfolio-slide:-40px;animation:.22s ease-out 90ms both portfolio-fade-in,.36s cubic-bezier(.22,1,.36,1) both portfolio-slide-in}::view-transition-group(site-header){z-index:100;animation:none}::view-transition-old(site-header){display:none}::view-transition-new(site-header){animation:none}@keyframes portfolio-menu-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes portfolio-shimmer{to{transform:translate(100%)}}@keyframes portfolio-fade-in{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur()}}@keyframes portfolio-fade-out{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(3px)}}@keyframes portfolio-slide-in{0%{translate:var(--portfolio-slide) 0}to{translate:0}}@keyframes portfolio-slide-out{0%{translate:0}to{translate:var(--portfolio-slide) 0}}@media (prefers-reduced-motion:reduce){.portfolio-shell *,.portfolio-shell :before,.portfolio-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}