.portfolio-surface{--portfolio-header-clearance:6rem;--background:var(--portfolio-light-background);--portfolio-muted-text:var(--portfolio-light-muted-foreground);--foreground:var(--portfolio-light-foreground);--primary:var(--portfolio-light-primary);--primary-foreground:var(--portfolio-light-primary-foreground)}.dark .portfolio-surface,.portfolio-surface[data-portfolio-scheme=dark]{--background:var(--portfolio-dark-background);--portfolio-muted-text:var(--portfolio-dark-muted-foreground);--foreground:var(--portfolio-dark-foreground);--primary:var(--portfolio-dark-primary);--primary-foreground:var(--portfolio-dark-primary-foreground)}.portfolio-surface[data-portfolio-scheme=light]{--background:var(--portfolio-light-background);--portfolio-muted-text:var(--portfolio-light-muted-foreground);--foreground:var(--portfolio-light-foreground);--primary:var(--portfolio-light-primary);--primary-foreground:var(--portfolio-light-primary-foreground)}.portfolio-surface{--card:var(--background);--card-foreground:var(--foreground);--popover:var(--background);--popover-foreground:var(--foreground);--muted:color-mix(in srgb, var(--background), var(--foreground) 5%);--muted-foreground:var(--portfolio-muted-text);--secondary:var(--muted);--secondary-foreground:var(--foreground);--accent:var(--muted);--accent-foreground:var(--foreground);--border:color-mix(in srgb, var(--background), var(--foreground) 16%);--input:var(--border);--ring:var(--primary);color:var(--foreground);background:var(--background);font-family:var(--portfolio-font);overflow-wrap:anywhere;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark .portfolio-surface,.portfolio-surface[data-portfolio-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.portfolio-surface[data-portfolio-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.portfolio-surface>.portfolio-header{z-index:40;background:var(--background);flex-shrink:0;position:sticky;inset-block-start:0}.portfolio-surface [id]{scroll-margin-block-start:var(--portfolio-header-clearance)}.portfolio-navbar{border-block-end:1px solid var(--border);background:var(--background)}.portfolio-navbar-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:72rem;min-height:5rem;margin-inline:auto;padding:1rem 1.5rem;display:flex}.portfolio-navbar-brand{min-width:0}.portfolio-navbar-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.portfolio-navbar-navigation{order:2}.portfolio-navbar-theme-control{order:1}.portfolio-navbar-theme-control:empty{display:none}.portfolio-navigation{position:relative}.portfolio-menu-toggle{border:1px solid var(--border);border-radius:var(--radius);width:2.75rem;height:2.75rem;color:var(--foreground);background:var(--background);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.portfolio-menu-toggle:hover{background:var(--muted)}.portfolio-menu-toggle:focus-visible,.portfolio-navigation-link:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.portfolio-navigation-panel{z-index:50;border:1px solid var(--border);border-radius:calc(var(--radius) * 1.4);background:var(--background);width:min(22rem,100vw - 3rem);max-height:calc(100dvh - 7rem);box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--foreground), transparent 88%);display:none;position:absolute;inset-block-start:calc(100% + 1.125rem);inset-inline-end:0;overflow-y:auto}.portfolio-navigation[data-expanded=true] .portfolio-navigation-panel{display:block}.portfolio-navigation-list{flex-direction:column;gap:.25rem;margin:0;padding:.5rem;list-style:none;display:flex}.portfolio-navigation-link{border-radius:var(--radius);min-height:2.75rem;color:var(--muted-foreground);white-space:nowrap;align-items:center;padding:.75rem 1rem;font-size:.875rem;display:flex}.portfolio-navigation-link:hover{color:var(--foreground);background:var(--muted)}.portfolio-navigation-link[aria-current=page]{color:var(--primary-foreground);background:var(--primary)}@media (min-width:64rem){.portfolio-navbar-navigation{order:0}.portfolio-menu-toggle{display:none}.portfolio-navigation-panel{width:auto;max-height:none;box-shadow:none;border:0;border-radius:0;display:block;position:static;overflow:visible}.portfolio-navigation-list{border:1px solid var(--border);border-radius:9999px;flex-direction:row;gap:.125rem;padding:.25rem}.portfolio-navigation-link{border-radius:9999px;min-height:2.25rem;padding:.5rem 1rem}}.portfolio-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:40px 40px}.portfolio-image-state{isolation:isolate}.portfolio-image-placeholder{border-radius:inherit}.portfolio-gallery-track{--gallery-height:min(17.5rem, 60dvh)}@media (min-width:48rem){.portfolio-gallery-track{--gallery-height:min(30rem, 65dvh)}}