[data-portfolio-theme=flow] .portfolio-page{padding-block:var(--flow-page-space);padding-inline:var(--flow-space-4)}[data-portfolio-theme=flow] .portfolio-page-heading{margin-bottom:var(--flow-space-5)}[data-portfolio-theme=flow] .portfolio-page-heading>p:not(.portfolio-eyebrow,.portfolio-meta),[data-portfolio-theme=flow] .flow-page-heading>p:last-child{font-size:var(--flow-text-lead);line-height:var(--flow-leading-body)}[data-portfolio-theme=flow] .portfolio-eyebrow{font-family:inherit;font-size:var(--flow-text-label);font-weight:var(--flow-weight-control);letter-spacing:.09em;line-height:1.5}[data-portfolio-theme=flow] .portfolio-card-title{font-size:var(--flow-text-card)}[data-portfolio-theme=flow] .portfolio-section-title{font-size:var(--flow-text-section)}[data-portfolio-theme=flow] .portfolio-profile-copy{max-width:65ch}[data-portfolio-theme=flow] .portfolio-profile-copy p{font-size:var(--flow-text-body);line-height:var(--flow-leading-body)}[data-portfolio-theme=flow] .portfolio-profile-copy .portfolio-profile-headline{font-size:var(--flow-text-lead)}[data-portfolio-theme=flow] .portfolio-page-heading>p.portfolio-meta{font-size:var(--flow-text-small);line-height:1.5}[data-portfolio-theme=flow] .portfolio-experience p{line-height:var(--flow-leading-body)}[data-portfolio-theme=flow] :is(.portfolio-post-card,.portfolio-detail-panel,.portfolio-experience,.portfolio-contact-details,.portfolio-empty){border-radius:var(--flow-radius-card);background:var(--flow-surface);border:0}[data-portfolio-theme=flow] :is(.portfolio-detail-panel,.portfolio-experience,.portfolio-contact-details,.portfolio-empty,.portfolio-card-copy){padding:var(--flow-space-4)}[data-portfolio-theme=flow] .portfolio-experience+.portfolio-experience{margin-top:var(--flow-space-4)}[data-portfolio-theme=flow] .portfolio-experience{gap:var(--flow-space-4)}[data-portfolio-theme=flow] .portfolio-post-card .portfolio-post-cover{margin:var(--flow-space-2) var(--flow-space-2) 0;border-radius:var(--flow-radius-media)}[data-portfolio-theme=flow] .portfolio-post-card p{font-size:var(--flow-text-small);line-height:var(--flow-leading-body)}[data-portfolio-theme=flow] :is(.portfolio-media-frame,.portfolio-media-image){border-radius:var(--flow-radius-media);background:0 0;border:0;padding:0}[data-portfolio-theme=flow] .portfolio-media-frame>div,[data-portfolio-theme=flow] .portfolio-media-frame img{border-radius:var(--flow-radius-media);overflow:hidden}[data-portfolio-theme=flow] :is(.portfolio-panel-divider,.portfolio-gallery){border:0}[data-portfolio-theme=flow] .portfolio-taxonomy{border-radius:var(--flow-radius-control);padding:.375rem var(--flow-space-2);background:var(--flow-surface);font-size:var(--flow-text-label);font-weight:var(--flow-weight-control);border:0}[data-portfolio-theme=flow] .portfolio-detail-panel .portfolio-taxonomy{background:var(--background)}[data-portfolio-theme=flow] :is(.portfolio-secondary-action,.portfolio-related-project){justify-content:space-between;align-items:center;gap:var(--flow-space-3);border-radius:var(--flow-radius-control);background:var(--flow-surface);min-height:2.75rem;color:var(--foreground);font-size:var(--flow-text-small);font-weight:var(--flow-weight-control);border:0;padding:.625rem 1.25rem;display:inline-flex}[data-portfolio-theme=flow] :is(.portfolio-secondary-action,.portfolio-related-project,.flow-button-secondary,.flow-filters a:not([aria-current=page]),.flow-project-card,.flow-note):hover{background:var(--flow-surface-hover)}[data-portfolio-theme=flow] :is(.flow-section-heading a,.flow-back a,.flow-footer nav a,.portfolio-contact-details a){min-height:2.75rem;font-size:var(--flow-text-small);font-weight:var(--flow-weight-control);align-items:center;display:inline-flex}[data-portfolio-theme=flow] .portfolio-navigation-link{font-size:var(--flow-text-label);font-weight:var(--flow-weight-control);letter-spacing:.06em;text-transform:uppercase}[data-portfolio-theme=flow] .portfolio-navigation-link[aria-current=page]{font-weight:var(--flow-weight-active)}[data-portfolio-theme=flow] .flow-footer p,[data-portfolio-theme=flow] .flow-footer nav{font-size:var(--flow-text-small)}[data-portfolio-theme=flow] .portfolio-mode-selector button{font-weight:var(--flow-weight-control);box-shadow:none}[data-portfolio-theme=flow] .flow-content-page .portfolio-grid{background:var(--flow-surface-inset)}[data-portfolio-theme=flow] .portfolio-document{max-width:70ch;font-size:var(--flow-text-body);font-weight:var(--flow-weight-body);line-height:var(--flow-leading-body)}[data-portfolio-theme=flow] .portfolio-post-detail .portfolio-document{max-width:none}[data-portfolio-theme=flow] .portfolio-document :is(pre,blockquote){border-radius:var(--flow-radius-card);background:var(--flow-surface);border:0}[data-portfolio-theme=flow] .portfolio-document blockquote{padding:var(--flow-space-3)}[data-portfolio-theme=flow] .portfolio-document h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}[data-portfolio-theme=flow] .portfolio-document h3{font-size:var(--flow-text-card)}[data-portfolio-theme=flow] .portfolio-document h4{font-size:1.125rem}[data-portfolio-theme=flow] :is(.flow-project-card,.flow-note,.flow-filters a,.portfolio-secondary-action,.portfolio-related-project,.flow-contact-link){transition:background-color .16s,color .16s}@media (prefers-reduced-motion:reduce){[data-portfolio-theme=flow] :is(.flow-project-card,.flow-note,.flow-filters a,.portfolio-secondary-action,.portfolio-related-project,.flow-contact-link){transition:none}}
[data-portfolio-theme=flow].portfolio-surface{--ring:var(--foreground);--portfolio-header-clearance:5.5rem;--flow-navbar-padding:.4rem}.portfolio-surface[data-portfolio-theme=flow]>.portfolio-header{pointer-events:none;background:0 0;padding:.75rem 1.5rem 0;position:fixed;inset-inline:0}[data-portfolio-theme=flow][data-portfolio-preview]>.portfolio-header{height:0;padding-block:0;position:sticky}[data-portfolio-theme=flow][data-portfolio-preview] .flow-navbar{position:relative;top:.75rem}[data-portfolio-theme=flow]>.portfolio-body{padding-block-start:var(--portfolio-header-clearance)}[data-portfolio-theme=flow] .flow-home{margin-block-start:calc(-1 * var(--portfolio-header-clearance))}[data-portfolio-theme=flow] .flow-navbar{border-radius:var(--flow-radius-control);background:var(--flow-navbar-surface);background:color-mix(in srgb, var(--flow-navbar-surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;border:0;max-width:72rem;margin-inline:auto}[data-portfolio-theme=flow] .portfolio-navbar-inner{min-height:0;padding:var(--flow-navbar-padding)}[data-portfolio-theme=flow] .flow-brand{font-weight:var(--flow-weight-control);letter-spacing:-.04em;align-items:center;gap:.625rem;margin-inline-start:var(--flow-navbar-padding);display:inline-flex}[data-portfolio-theme=flow] .flow-mark{background:var(--primary);width:2rem;height:2rem;color:var(--primary-foreground);border-radius:50%;place-items:center;font-size:1.25rem;display:grid}[data-portfolio-theme=flow] .portfolio-menu-toggle{width:2.75rem;height:2.75rem;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}[data-portfolio-theme=flow] .portfolio-menu-toggle:hover,[data-portfolio-theme=flow] .portfolio-menu-toggle:active{background:color-mix(in srgb, var(--foreground) 8%, transparent);color:var(--foreground)}[data-portfolio-theme=flow] .portfolio-navbar-actions{gap:.5rem}[data-portfolio-theme=flow] .portfolio-navbar-action{display:none}[data-portfolio-theme=flow] .portfolio-menu-toggle:focus-visible{outline:2px solid var(--foreground);outline-offset:3px;box-shadow:none}[data-portfolio-theme=flow] .portfolio-navigation-panel{border:0}[data-portfolio-theme=flow] .portfolio-navigation-mobile-action{padding:.5rem 1rem 1rem}[data-portfolio-theme=flow] .flow-contact-link{min-height:2.75rem;padding:var(--flow-navbar-padding) 1.25rem;border-radius:var(--flow-radius-control);background:var(--primary);color:var(--primary-foreground);font-size:var(--flow-text-small);font-weight:var(--flow-weight-control);justify-content:center;align-items:center;gap:1rem;display:inline-flex}[data-portfolio-theme=flow] .flow-contact-link:hover{background:color-mix(in srgb, var(--primary), var(--primary-foreground) 8%)}[data-portfolio-theme=flow] .flow-contact-link[aria-disabled=true]{opacity:.6;cursor:default}[data-portfolio-theme=flow] .portfolio-navigation-mobile-action .flow-contact-link{justify-content:space-between;width:100%}[data-portfolio-theme=flow] .flow-footer{--flow-footer-gutter:clamp(1rem, 3vw, 2rem);--flow-footer-padding:clamp(2rem, 4vw, 3.5rem);width:calc(100% - 2 * var(--flow-footer-gutter));max-width:none;margin:var(--flow-space-5) auto var(--flow-footer-gutter);border-radius:var(--flow-radius-card);--background:var(--flow-contrast-background);--foreground:var(--flow-contrast-foreground);--muted:color-mix(in srgb, var(--flow-contrast-background), var(--flow-contrast-foreground) 9%);--muted-foreground:var(--flow-contrast-muted);--primary:var(--flow-contrast-action);--primary-foreground:var(--flow-contrast-action-foreground);--ring:var(--flow-contrast-foreground);background:var(--background);color:var(--foreground);border:0}[data-portfolio-theme=flow] .flow-footer .flow-footer-inner{justify-content:space-between;align-items:center;gap:var(--flow-space-5);width:100%;padding:var(--flow-footer-padding);flex-wrap:wrap;display:flex}[data-portfolio-theme=flow] .flow-footer p,[data-portfolio-theme=flow] .flow-footer nav{color:var(--muted-foreground);font-size:.8125rem}[data-portfolio-theme=flow] .flow-footer nav{flex-wrap:wrap;gap:1.25rem;display:flex}[data-portfolio-theme=flow] .flow-footer nav a:hover{color:var(--foreground);text-decoration:underline}[data-portfolio-theme=flow] .flow-footer .portfolio-mode-selector button{padding-inline:var(--flow-space-2)}[data-portfolio-theme=flow] .flow-footer-dots{height:round(up,clamp(12rem,26vw,20rem),20px);margin-inline:var(--flow-footer-padding);border-radius:var(--flow-radius-media);background-image:radial-gradient(circle, color-mix(in srgb, var(--foreground) 28%, transparent) var(--flow-dot-radius), transparent var(--flow-dot-radius));background-position:top;background-size:20px 20px;position:relative;overflow:hidden}[data-portfolio-theme=flow] .flow-footer-hover{border-radius:inherit;pointer-events:none;width:100%;height:100%;color:var(--foreground);position:absolute;inset:0}[data-portfolio-theme=flow] .flow-footer .flow-footer-copyright{padding:var(--flow-space-5);text-align:center;font-size:var(--flow-text-label);margin:0}[data-portfolio-theme=flow] .flow-container{width:min(100%,72rem);padding-inline:var(--flow-space-4);margin-inline:auto}[data-portfolio-theme=flow] .flow-hero{--flow-dot-size:6px;--flow-dot-glow:8px;isolation:isolate;min-height:100svh;padding:calc(var(--portfolio-header-clearance) + 2rem) var(--flow-space-4) clamp(5rem, 10vw, 8rem);text-align:center;align-items:center;display:grid;position:relative;container-type:inline-size}[data-portfolio-theme=flow] .flow-hero[data-dots=true]:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle, color-mix(in srgb, var(--foreground), transparent 88%) var(--flow-dot-radius), transparent var(--flow-dot-radius));background-size:20px 20px;background-position:left calc(var(--flow-grid-origin-y,0px) - 10px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 8% 92%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}[data-portfolio-theme=flow] .flow-hero-hover{--flow-hover-opacity:.75;z-index:-1;pointer-events:none;width:100%;height:100%;color:color-mix(in srgb, var(--primary) 65%, var(--foreground));position:absolute;inset:0}.dark [data-portfolio-theme=flow]:not([data-portfolio-scheme=light]) .flow-hero-hover,[data-portfolio-theme=flow][data-portfolio-scheme=dark] .flow-hero-hover{--flow-hover-opacity:.5}@media (prefers-reduced-motion:reduce){[data-portfolio-theme=flow] .flow-hero-hover{display:none}}[data-portfolio-theme=flow] .flow-hero-content{flex-direction:column;align-items:center;gap:20px;max-width:58rem;margin-inline:auto;display:flex}[data-portfolio-theme=flow] .flow-eyebrow{font-size:var(--flow-text-label);font-weight:var(--flow-weight-control);letter-spacing:.09em;text-transform:uppercase}[data-portfolio-theme=flow] .flow-dot{background:var(--foreground);border-radius:50%;width:.5rem;height:.5rem;margin-inline-end:.5rem;display:inline-block}[data-portfolio-theme=flow] .flow-introduction{color:var(--muted-foreground);margin:0;font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:20px}[data-portfolio-theme=flow] .flow-hero h1{max-width:46rem;font-size:var(--flow-text-display);font-weight:var(--flow-weight-heading);line-height:round(up, calc(var(--flow-text-display) * var(--flow-leading-heading)), 20px);letter-spacing:var(--flow-tracking-display);text-wrap:balance;margin:0}[data-portfolio-theme=flow] .flow-hero-description{max-width:38rem;color:var(--muted-foreground);font-size:var(--flow-text-lead);text-wrap:pretty;margin:0;padding-block:10px;line-height:40px}[data-portfolio-theme=flow] .flow-hero-actions{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:0;display:flex}[data-portfolio-theme=flow] .flow-hero-actions .flow-button{min-height:60px;font-size:var(--flow-text-small);font-weight:var(--flow-weight-control);gap:1rem;padding-block:20px;line-height:20px}[data-portfolio-theme=flow] .flow-button{border-radius:var(--flow-radius-control);background:var(--primary);min-height:3rem;color:var(--primary-foreground);font-size:var(--flow-text-small);font-weight:var(--flow-weight-control);border:0;justify-content:center;align-items:center;gap:1.25rem;padding:.75rem 1.5rem;display:inline-flex}[data-portfolio-theme=flow] .flow-button:hover{filter:brightness(.96)}[data-portfolio-theme=flow] .flow-button-secondary{background:var(--flow-surface);color:var(--foreground)}[data-portfolio-theme=flow] .flow-location{color:var(--muted-foreground);font-size:var(--flow-text-small);margin-top:1.5rem}[data-portfolio-theme=flow] .flow-section{padding-block:var(--flow-section-space)}[data-portfolio-theme=flow] .flow-section-heading{margin-bottom:var(--flow-space-5);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}[data-portfolio-theme=flow] .flow-section-heading h2{font-size:var(--flow-text-section);letter-spacing:var(--flow-tracking-heading);font-weight:var(--flow-weight-heading)}[data-portfolio-theme=flow] .flow-section-heading a{gap:.5rem;font-size:.875rem}[data-portfolio-theme=flow] .flow-section-heading a:hover{background-image:linear-gradient(currentColor,currentColor);background-position:0 calc(50% + .85em);background-repeat:no-repeat;background-size:100% 1px;text-decoration:none}[data-portfolio-theme=flow] .flow-projects{gap:var(--flow-space-4);display:grid}[data-portfolio-theme=flow] .flow-project-card{border-radius:var(--flow-radius-card);background:var(--flow-surface);border:0;min-width:0;display:block}[data-portfolio-theme=flow] .flow-project-image{aspect-ratio:2;border-radius:var(--flow-radius-card) var(--flow-radius-card) 0 0;background:color-mix(in srgb, var(--primary), var(--background) 55%);margin:0;position:relative;overflow:hidden}[data-portfolio-theme=flow] .flow-project-placeholder{height:100%;font-size:4rem;font-weight:var(--flow-weight-heading);letter-spacing:-.07em;place-items:center;display:grid}[data-portfolio-theme=flow] .flow-project-copy{padding:var(--flow-space-4)}[data-portfolio-theme=flow] .flow-project-meta{font-size:var(--flow-text-label);color:var(--muted-foreground);justify-content:space-between;gap:1rem;display:flex}[data-portfolio-theme=flow] .flow-project-copy h3{font-size:var(--flow-text-card);font-weight:var(--flow-weight-heading);letter-spacing:var(--flow-tracking-heading);margin-top:.75rem}[data-portfolio-theme=flow] .flow-project-card:hover h3{text-underline-offset:.2em;text-decoration:underline}[data-portfolio-theme=flow] .flow-project-copy p{color:var(--muted-foreground);font-size:var(--flow-text-small);line-height:var(--flow-leading-body);margin-top:.75rem}[data-portfolio-theme=flow] .flow-project-copy ul{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;padding:0;list-style:none;display:flex}[data-portfolio-theme=flow] .flow-project-copy li{border-radius:var(--flow-radius-control);font-size:var(--flow-text-label);background:var(--background);border:0;padding:.3rem .65rem}[data-portfolio-theme=flow] .flow-story{border-radius:var(--flow-radius-card);background:var(--flow-surface);color:var(--foreground);margin-block:2rem;padding:clamp(2rem,6vw,5rem)}[data-portfolio-theme=flow] .flow-story h2{font-size:var(--flow-text-section);font-weight:var(--flow-weight-heading);line-height:var(--flow-leading-heading);letter-spacing:var(--flow-tracking-heading);margin-block:1.5rem}[data-portfolio-theme=flow] .flow-story>p:not(.flow-eyebrow){max-width:30rem;color:var(--muted-foreground);line-height:var(--flow-leading-body)}[data-portfolio-theme=flow] .flow-story .flow-button{margin-top:2rem}[data-portfolio-theme=flow] .flow-notes{gap:1rem;display:grid}[data-portfolio-theme=flow] .flow-note{min-width:0;padding:var(--flow-space-4);border-radius:var(--flow-radius-card);background:var(--flow-surface);border:0}[data-portfolio-theme=flow] .flow-note h3{font-size:var(--flow-text-card);font-weight:var(--flow-weight-heading)}[data-portfolio-theme=flow] .flow-note p{color:var(--muted-foreground);line-height:var(--flow-leading-body);font-size:var(--flow-text-small);margin-block:1rem}[data-portfolio-theme=flow] .flow-empty{padding:var(--flow-space-5);border-radius:var(--flow-radius-card);color:var(--muted-foreground);background:var(--flow-surface);border:0}[data-portfolio-theme=flow] .flow-page{padding-block:var(--flow-page-space)}[data-portfolio-theme=flow] .flow-page-heading{max-width:46rem;margin-bottom:3rem}[data-portfolio-theme=flow] :is(.flow-page-heading,.flow-overview-page .portfolio-page-heading){isolation:isolate;position:relative}[data-portfolio-theme=flow] :is(.flow-page-heading,.flow-overview-page .portfolio-page-heading):before{content:"";display:var(--flow-heading-dots-display,block);z-index:-1;pointer-events:none;background-image:radial-gradient(circle, color-mix(in srgb, var(--foreground), transparent 88%) var(--flow-dot-radius), transparent var(--flow-dot-radius));background-position:0 0;background-size:20px 20px;width:round(down,100% + 2rem,20px);height:round(up,100% + 1.5rem,20px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-portfolio-theme=flow] .flow-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}[data-portfolio-theme=flow] .flow-filters a{border-radius:var(--flow-radius-control);font-size:var(--flow-text-small);background:var(--flow-surface);min-height:2.75rem;font-weight:var(--flow-weight-control);border:0;align-items:center;gap:.75rem;padding:.65rem 1rem;display:inline-flex}[data-portfolio-theme=flow] .flow-filters a[aria-current=page]{background:var(--primary);color:var(--primary-foreground)}[data-portfolio-theme=flow] .flow-filter-count{background:var(--background);min-width:1.5rem;height:1.5rem;color:var(--muted-foreground);font-size:var(--flow-text-label);font-variant-numeric:tabular-nums;border-radius:9999px;justify-content:center;align-items:center;padding-inline:.375rem;line-height:1;display:inline-flex}[data-portfolio-theme=flow] .flow-filters a[aria-current=page] .flow-filter-count{background:color-mix(in srgb, var(--primary-foreground) 15%, transparent);color:var(--primary-foreground)}[data-portfolio-theme=flow] .flow-content-page h1{font-weight:var(--flow-weight-heading);letter-spacing:var(--flow-tracking-display);text-wrap:balance}[data-portfolio-theme=flow] .flow-content-page article{border-radius:var(--flow-radius-card)}[data-portfolio-theme=flow] .flow-back{padding-top:2rem;font-size:.875rem}[data-portfolio-theme=flow] .flow-back a{align-items:center;gap:.5rem;display:inline-flex}[data-portfolio-theme=flow] .portfolio-menu-toggle .portfolio-icon{font-size:20px}[data-portfolio-theme=flow] .flow-post-back{max-width:56rem;margin-inline:auto;padding-inline:1.5rem}@media (min-width:48rem){[data-portfolio-theme=flow] .flow-post-back{padding-inline:2rem}}[data-portfolio-theme=flow] a:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}@media (min-width:40rem){[data-portfolio-theme=flow] .flow-projects[data-project-layout=grid]{grid-template-columns:repeat(2,minmax(0,1fr))}[data-portfolio-theme=flow] .flow-projects[data-project-layout=list] article{grid-template-columns:280px minmax(0,1fr);align-items:center;display:grid}[data-portfolio-theme=flow] .flow-projects[data-project-layout=list] .flow-project-image{border-radius:var(--flow-radius-card) 0 0 0;align-self:start}[data-portfolio-theme=flow] .flow-notes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){[data-portfolio-theme=flow] .portfolio-navigation-mobile-action{display:none}[data-portfolio-theme=flow] .portfolio-navigation-link{padding-block:var(--flow-navbar-padding);font-weight:var(--flow-weight-control);background:0 0}[data-portfolio-theme=flow] .portfolio-navigation-link:hover{color:var(--foreground);background:0 0}[data-portfolio-theme=flow] .portfolio-navigation-link[aria-current=page]{color:var(--foreground);font-weight:var(--flow-weight-active);background:0 0}[data-portfolio-theme=flow] .portfolio-menu-toggle{display:none}[data-portfolio-theme=flow] .portfolio-navbar-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}[data-portfolio-theme=flow] .portfolio-navbar-actions{display:contents}[data-portfolio-theme=flow] .portfolio-navbar-navigation{grid-column:2}[data-portfolio-theme=flow] .portfolio-navbar-action{grid-column:3;justify-self:end;display:block}[data-portfolio-theme=flow] .portfolio-navigation-panel{background:0 0}[data-portfolio-theme=flow] .portfolio-navigation-list{border:0;padding:0}}@media (max-width:25rem){.portfolio-surface[data-portfolio-theme=flow]>.portfolio-header{padding-inline:.75rem}[data-portfolio-theme=flow] .portfolio-navbar-inner{gap:.5rem}[data-portfolio-theme=flow] .flow-brand>span:last-child{display:none}}[data-portfolio-theme=flow] .flow-journey-sidebar{display:contents}[data-portfolio-theme=flow] :is(.flow-page-heading,.flow-overview-page .portfolio-page-heading) h1{margin-block:.75rem 1rem}[data-portfolio-theme=flow] :is(.flow-page-heading,.flow-overview-page .portfolio-page-heading) h1,[data-portfolio-theme=flow] .flow-home :is(.flow-section-heading h2,.flow-story h2){letter-spacing:-.035em;font-size:clamp(2rem,3vw,2.5rem);font-weight:500;line-height:1.15}[data-portfolio-theme=flow] :is(.flow-page-heading,.flow-overview-page .portfolio-page-heading)>p:not(.flow-eyebrow,.portfolio-eyebrow),[data-portfolio-theme=flow] .flow-home .flow-story>p:not(.flow-eyebrow){color:var(--muted-foreground);font-size:1rem;line-height:1.6}[data-portfolio-theme=flow] :is(.flow-page-heading,.flow-overview-page .portfolio-page-heading) :is(.flow-eyebrow,.portfolio-eyebrow),[data-portfolio-theme=flow] .flow-home .flow-eyebrow{color:var(--muted-foreground);letter-spacing:.06em}[data-portfolio-theme=flow] .flow-journey .flow-journey-role{letter-spacing:-.02em;font-size:1.25rem;font-weight:500;line-height:1.4}[data-portfolio-theme=flow] .flow-journey .flow-journey-meta-content{gap:.375rem;font-size:.875rem;line-height:1.5}@media (min-width:64rem) and (min-height:40rem){[data-portfolio-theme=flow] .flow-journey[data-layout=split]{--journey-top:var(--portfolio-header-clearance)}[data-portfolio-theme=flow] .flow-journey[data-layout=split] .flow-journey-sidebar{top:calc(var(--portfolio-header-clearance) - var(--journey-exit,0px));height:var(--journey-height);display:block;position:sticky}[data-portfolio-theme=flow] .flow-journey[data-layout=split] .flow-experience-heading{margin-block-end:clamp(2rem,6vh,4rem)}}[data-portfolio-theme=flow] .flow-journey{--journey-top:calc(var(--portfolio-header-clearance) + 6rem);--journey-height:calc(100svh - var(--journey-top) - 1.5rem)}[data-portfolio-theme=flow] .flow-journey-steps{display:none}[data-portfolio-theme=flow] .flow-journey-detail{scroll-margin-block-start:var(--journey-top)}[data-portfolio-theme=flow] .flow-journey-detail+.flow-journey-detail{margin-block-start:var(--flow-space-4)}.flow-journey[data-ready=false]{visibility:hidden}@media (min-width:64rem) and (min-height:40rem){[data-portfolio-theme=flow] .flow-journey[data-enhanced=false]{align-items:start;gap:var(--flow-space-5);min-height:var(--journey-length,0px);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);display:grid}[data-portfolio-theme=flow] .flow-journey[data-enhanced=false] .flow-journey-steps{top:var(--journey-top);margin:0;padding:0;list-style:none;display:block;position:sticky}[data-portfolio-theme=flow] .flow-journey[data-enhanced=false] .flow-journey-steps li:not(:first-child){display:none}[data-portfolio-theme=flow] .flow-journey[data-enhanced=false] .flow-journey-details{top:var(--journey-top);height:var(--journey-height);border-radius:var(--flow-radius-card);background:var(--flow-surface);position:sticky;overflow:auto}[data-portfolio-theme=flow] .flow-journey[data-enhanced=false] .portfolio-experience{background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr)}}[data-portfolio-theme=flow] .flow-journey[data-enhanced][data-animate=false] :is(.flow-journey-meta,.flow-journey-item){transition:none}[data-portfolio-theme=flow] .flow-journey[data-enhanced=true]{align-items:start;gap:var(--flow-space-5);min-height:var(--journey-length);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);display:grid}[data-portfolio-theme=flow] .flow-journey[data-enhanced=true] .flow-journey-steps{top:calc(var(--journey-top) - var(--journey-exit,0px));height:var(--journey-height);clip-path:inset(0 -4px calc(var(--journey-height) - var(--journey-entry-height)) -4px);margin:0;padding:0;list-style:none;display:block;position:sticky}[data-portfolio-theme=flow] .flow-journey[data-enhanced=true] .flow-journey-steps li{display:contents}[data-portfolio-theme=flow] .flow-journey[data-enhanced=true] .flow-journey-row{inset-inline:0;top:var(--journey-stack-offset,0px);transform:translateY(var(--journey-step-offset,0px));z-index:1;background:var(--background);position:absolute}[data-portfolio-theme=flow] .flow-journey[data-enhanced=true] .flow-journey-meta{inset-inline:0;opacity:0;background:var(--background);grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),opacity .2s,transform .28s;display:grid;position:absolute;top:100%;transform:translateY(4px)}[data-portfolio-theme=flow] .flow-journey[data-enhanced=true] li[data-active=true] .flow-journey-meta{opacity:1;grid-template-rows:1fr;transform:translateY(0)}[data-portfolio-theme=flow] .flow-journey-item{align-items:start;gap:var(--flow-space-3);border:0;border-block-start:1px solid var(--border);width:100%;color:var(--muted-foreground);font:inherit;text-align:start;overflow-wrap:anywhere;cursor:pointer;background:0 0;border-radius:0;flex-direction:column;padding:1rem 0;transition:color .28s;display:flex}[data-portfolio-theme=flow] .flow-journey-item[aria-current=step]{color:var(--foreground)}[data-portfolio-theme=flow] .flow-journey-item:focus-visible{outline:2px solid var(--ring);outline-offset:-4px}[data-portfolio-theme=flow] .flow-journey-role{font-size:var(--flow-text-card);font-weight:var(--flow-weight-heading);line-height:var(--flow-leading-heading)}[data-portfolio-theme=flow] .flow-journey-meta-content{min-height:0;color:var(--muted-foreground);font-size:var(--flow-text-small);flex-direction:column;gap:.5rem;display:flex;overflow:hidden}[data-portfolio-theme=flow] .flow-journey[data-enhanced=true] .flow-journey-details{top:calc(var(--journey-top) - var(--journey-exit,0px));height:var(--journey-height);border-radius:var(--flow-radius-card);background:var(--flow-surface);isolation:isolate;position:sticky;overflow:clip}[data-portfolio-theme=flow] .flow-journey[data-enhanced=true] .flow-journey-detail{visibility:hidden;opacity:0;pointer-events:none;min-width:0;margin:0;position:absolute;inset:0}[data-portfolio-theme=flow] .flow-journey[data-enhanced=true] .flow-journey-detail[data-active=true]{visibility:visible;opacity:1;pointer-events:auto}[data-portfolio-theme=flow] .flow-journey[data-enhanced=true] .flow-journey-detail-body{padding-block-end:var(--journey-reading-space,0px);transform:translateY(0)}[data-portfolio-theme=flow] .flow-journey[data-enhanced=true] .portfolio-experience{background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr)}@media (prefers-reduced-motion:reduce){[data-portfolio-theme=flow] .flow-journey[data-enhanced=true] .flow-journey-row{transform:none}[data-portfolio-theme=flow] .flow-journey[data-enhanced=true] .flow-journey-meta{transition:opacity .1s linear;transform:none}[data-portfolio-theme=flow] .flow-journey-item{transition-duration:.1s}}@media (min-width:64rem) and (min-height:40rem){[data-portfolio-theme=flow] .flow-experience-section>.flow-experience-heading{top:calc(var(--portfolio-header-clearance) - var(--journey-exit,0px));z-index:5;background:var(--background);margin-block-end:var(--flow-space-5);padding-block:.75rem;position:sticky;transform:translateZ(0)}[data-portfolio-theme=flow] .flow-experience-section>.flow-section-heading{grid-template-columns:minmax(0,1fr) auto;display:grid}[data-portfolio-theme=flow] .flow-experience-section>.flow-experience-heading>*{position:relative;transform:translateZ(0)}}[data-portfolio-theme=flow] .flow-journey .portfolio-experience-summary{color:var(--foreground)}@media (min-width:64rem) and (min-height:40rem){[data-portfolio-theme=flow] .flow-journey[data-layout=split][data-enhanced] .flow-journey-steps{height:calc(var(--journey-height) - var(--journey-heading-height,0px));clip-path:inset(0 -4px calc(var(--journey-height) - var(--journey-heading-height,0px) - var(--journey-entry-height)) -4px);position:relative;top:0}}
[data-portfolio-theme=flow].portfolio-surface{--portfolio-icon-fallback-display:none;--portfolio-icon-lucide-display:inline-block;--flow-dot-radius:1.6px;--flow-weight-body:400;--flow-weight-heading:500;--flow-weight-control:500;--flow-weight-active:600;--flow-text-display:clamp(2.25rem, 1.5rem + 3vw, 4rem);--flow-text-section:clamp(1.75rem, 1.2rem + 1.8vw, 2.5rem);--flow-text-card:clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--flow-text-body:1rem;--flow-text-lead:clamp(1.0625rem, .98rem + .35vw, 1.25rem);--flow-text-small:.875rem;--flow-text-label:.75rem;--flow-leading-heading:1.2;--flow-leading-body:1.7;--flow-tracking-display:-.035em;--flow-tracking-heading:-.025em;--flow-radius-card:1.5rem;--flow-radius-media:1rem;--flow-radius-control:9999px;--flow-space-1:.5rem;--flow-space-2:.75rem;--flow-space-3:1rem;--flow-space-4:1.5rem;--flow-space-5:2rem;--flow-section-space:clamp(2.5rem, 5vw, 4rem);--flow-page-space:clamp(3rem, 6vw, 5rem);--flow-navbar-surface:#f1f1f1;--flow-surface:#ebebeb;--flow-surface-hover:#e4e4e4;--flow-surface-inset:#f0f0f0;--flow-contrast-background:#26222b;--flow-contrast-foreground:#faf4f8;--flow-contrast-muted:#d8cdd5;--flow-contrast-action:var(--portfolio-light-primary);--flow-contrast-action-foreground:var(--portfolio-light-primary-foreground);font-size:var(--flow-text-body);font-weight:var(--flow-weight-body);line-height:var(--flow-leading-body)}.dark [data-portfolio-theme=flow].portfolio-surface:not([data-portfolio-scheme=light]),[data-portfolio-theme=flow].portfolio-surface[data-portfolio-scheme=dark]{--flow-navbar-surface:#303030;--flow-surface:#252525;--flow-surface-hover:#2c2c2c;--flow-surface-inset:#202020;--flow-contrast-background:#d8becb;--flow-contrast-foreground:#30212a;--flow-contrast-muted:#58434f;--flow-contrast-action:#30212a;--flow-contrast-action-foreground:#faf4f8}[data-portfolio-theme=flow] :is(h1,h2,h3,h4,h5,h6){font-weight:var(--flow-weight-heading);line-height:var(--flow-leading-heading);letter-spacing:var(--flow-tracking-heading)}[data-portfolio-theme=flow] h1{font-size:var(--flow-text-display);letter-spacing:var(--flow-tracking-display);text-wrap:balance}