.portfolio-background{background-color:var(--color-surface);background-image:linear-gradient(hsl(var(--color-muted-channel) / .04) 2px, transparent 2px), linear-gradient(to right, hsl(var(--color-muted-channel) / .04) 2px, transparent 2px);background-size:32px 32px;background-attachment:fixed}.portfolio-shell{--font-sans:var(--font-portfolio);--font-serif:var(--font-portfolio);--font-mono:var(--font-portfolio);--font-serif-body:var(--font-portfolio);--type-font-sans:var(--font-portfolio), sans-serif;--type-font-serif:var(--font-portfolio), sans-serif;--type-font-mono:var(--font-portfolio), sans-serif;--type-font-serif-body:var(--font-portfolio), sans-serif;--type-font-portfolio:var(--font-portfolio), sans-serif;min-height:var(--shell-min-height);font-family:var(--type-font-portfolio)}.portfolio-shell .ui-page-title,.portfolio-shell .ui-section-title{font-weight:var(--type-weight-semibold)}.image--portfolio .image{border-radius:var(--border-radius-medium);box-shadow:0 0 var(--blur-light) var(--color-dark-muted)}.signature-image-frame{margin-top:var(--space-6);justify-content:center;align-items:center;display:flex}.signature-image{opacity:.4;border:none}:where(:root[data-theme=dark]) .signature-image{opacity:1;filter:contrast(.1)}.portfolio-header{width:100%;height:10vh;padding-block:var(--space-2);padding-inline:var(--space-4);background-color:var(--color-surface);text-transform:uppercase;font-size:var(--type-size-ui-sm);font-weight:var(--type-weight-semibold);color:var(--type-color-muted);border-bottom:2px solid var(--color-muted)}.portfolio-header-inner{justify-content:space-between;width:100%;height:100%;display:flex}.portfolio-header-meta-data{align-items:start;gap:var(--space-6);flex-direction:row;display:flex}.portfolio-header-meta-data-separator{border-left:2px solid var(--color-muted);width:80px;height:100%}@media (max-width:480px){.portfolio-header-meta-data-separator{display:none}}.portfolio-container{grid-template-columns:1fr min(var(--max-width-page), 100%) 1fr;display:grid}.portfolio-page-container{padding-top:var(--portfolio-main-content-top-offset);padding-bottom:var(--page-bottom-offset);max-width:var(--max-width-page);padding-inline:var(--page-inline-padding);gap:var(--space-1);flex-direction:column;display:flex}.portfolio-aside-container{padding-top:var(--page-top-offset);padding-bottom:var(--page-bottom-offset);padding-inline:var(--space-6);gap:var(--space-1);flex-direction:column;display:flex;position:relative}.portfolio-personal-title-card{gap:var(--space-1);flex-direction:column;display:flex}.portfolio-personal-title-card .ui-section-title:nth-child(2){color:var(--type-color-accent)}.portfolio-nav{text-align:right;align-items:end;gap:var(--space-1);top:var(--space-8);background:0 0;flex-direction:column;display:flex;position:sticky}.portfolio-mobile-nav{display:none}.portfolio-aside-container .ui-page-title,.portfolio-aside-container .ui-section-title{color:var(--type-color-dark-muted)}.portfolio-nav .portfolio-link{margin-bottom:var(--space-2)}.portfolio-aside-container[data-variant=left]{align-items:start}.portfolio-aside-container[data-variant=right]{align-items:end}@media (max-width:1200px){.portfolio-aside-container[data-variant=left]{display:none}.portfolio-container{grid-template-columns:1fr 2fr}}@media (max-width:700px){.portfolio-container{grid-template-columns:1fr}.portfolio-aside-container{display:none}.portfolio-page-container{padding-top:var(--space-2)}.portfolio-nav{display:none}.portfolio-mobile-nav{color:var(--type-color-dark-muted);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.portfolio-mobile-nav .ui-page-title,.portfolio-mobile-nav .ui-section-title,.portfolio-mobile-nav .portfolio-back-button{margin:0}.portfolio-mobile-nav .portfolio-page-title-with-subtitle{align-items:start}.portfolio-mobile-nav .ui-page-title{font-size:clamp(var(--type-size-ui-lg), var(--type-size-ui-xl), 5vw)}}.portfolio-index{--center:calc((var(--count) - 1) / 2);--base-anchor:0%;--group-gap:5.5rem;--sub-step:1.5rem;aspect-ratio:1;width:100%;max-width:500px;position:relative;overflow:hidden}.portfolio-index-row{display:contents}.portfolio-index-row:first-child,.portfolio-index-row:last-child{--group-gap:5.75rem;--sub-step:2.5rem}.portfolio-index-cell{offset-path:circle(50% at -20% 47.5%);offset-rotate:0deg;offset-anchor:left center;--target:calc(var(--base-anchor) + ((var(--i) - var(--center)) * var(--group-gap)) + (var(--j) * var(--sub-step)));offset-distance:-25%;opacity:0;animation:1.8s ease-in-out forwards portfolio-index-slide-clockwise;display:inline-block;position:absolute}@keyframes portfolio-index-slide-clockwise{0%{offset-distance:-25%;opacity:0}to{offset-distance:var(--target);opacity:1}}.portfolio-index-cell .ui-section-title,.portfolio-index-cell .ui-item-title{margin:0}.portfolio-index-cell .ui-section-title{color:var(--type-color-accent);white-space:nowrap}.portfolio-index-cell .ui-item-title{color:var(--type-color-muted)}.portfolio-index-cell:last-child .ui-item-title{color:var(--type-color-dark-muted)}.portfolio-index-cell--order{--j:-1}.portfolio-index-cell--title{--j:0}.portfolio-index-cell--year{--j:1}@media (max-width:700px){.portfolio-index{--group-gap:3rem;--sub-step:1.5rem;width:100%;max-width:480px}.portfolio-index-row:first-child,.portfolio-index-row:last-child{--group-gap:3.25rem;--sub-step:1.75rem}.portfolio-index-cell{offset-path:circle(50% at -33% 40%)}.portfolio-index-cell--order{display:none}}.portfolio-back-button{appearance:none;font:inherit;text-align:inherit;margin-top:var(--space-4);color:var(--type-color-dark-muted);outline:4px solid var(--color-dark-muted);transition:color var(--duration-normal) ease, background-color var(--duration-normal) ease, outline-color var(--duration-normal) ease, border-image var(--duration-normal) ease;background:0 0;border:4px solid #0000;border-radius:4px;padding-inline:4px}.portfolio-back-button [class^=ui-],.portfolio-back-button [class*=\ ui-]{color:inherit;margin:0}@media (hover:hover){.portfolio-back-button:hover,.portfolio-back-button:focus{color:var(--type-color-text);background-color:var(--color-surface);outline-color:var(--color-text);border-image:linear-gradient(to top, var(--color-muted), var(--color-surface)) 1}.portfolio-back-button:active{color:var(--color-accent);background-color:var(--color-surface);outline-color:var(--color-accent);border-image:linear-gradient(to top, var(--color-dark-muted), var(--color-surface)) 1}}@media (hover:none){.portfolio-back-button{transition:none}.portfolio-back-button:active{color:var(--color-text);background-color:var(--color-surface);outline-color:var(--color-text);border-image:linear-gradient(to top, var(--color-muted), var(--color-surface)) 1}}:where(:root[data-theme=dark]) .portfolio-back-button{color:var(--type-color-text);background-color:#0000}@media (hover:hover){:where(:root[data-theme=dark]) .portfolio-back-button:hover,:where(:root[data-theme=dark]) .portfolio-back-button:focus{color:var(--type-color-text);background-color:hsl(var(--color-text-channel) / .1);outline-color:var(--color-text);border-image:linear-gradient(to top, hsl(var(--color-background-channel) / .8), hsl(var(--color-text-channel) / .38)) 1}:where(:root[data-theme=dark]) .portfolio-back-button:active{color:var(--type-color-accent);background-color:hsl(var(--color-accent-channel) / .08);outline-color:var(--color-accent);border-image:linear-gradient(to bottom, hsl(var(--color-background-channel) / .8), hsl(var(--color-accent-channel) / .38)) 1}}:where(:root[data-theme=dark]) .portfolio-back-button:focus-visible{color:var(--type-color-accent);background-color:hsl(var(--color-accent-channel) / .08);outline-color:var(--color-accent);border-image:linear-gradient(to top, hsl(var(--color-background-channel) / .8), hsl(var(--color-accent-channel) / .38)) 1}.portfolio-back-button:disabled{color:var(--color-muted);outline-color:var(--color-muted);border-color:#0000;border-image:;background-color:#0000}.portfolio-page-title-with-subtitle{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.portfolio-page-title-with-subtitle .ui-page-title,.portfolio-page-title-with-subtitle .ui-subtitle{margin:0}.portfolio-page-title-with-subtitle .ui-page-title{color:var(--type-color-accent)}
@font-face{font-family:portfolioFont;src:url(../media/Aileron_Regular-s.p.0fn14jed9dkf_.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:portfolioFont;src:url(../media/Aileron_Italic-s.p.334-69qf8whnu.woff2)format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:portfolioFont;src:url(../media/Aileron_SemiBold-s.p.20xlv9b9qndpq.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:portfolioFont;src:url(../media/Aileron_SemiBoldItalic-s.p.11m-9ve3tb1-a.woff2)format("woff2");font-display:swap;font-weight:600;font-style:italic}@font-face{font-family:portfolioFont;src:url(../media/Aileron_Bold-s.p.3jk1p19yu1v5d.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:portfolioFont;src:url(../media/Aileron_BoldItalic-s.p.0n4grsdt0_umq.woff2)format("woff2");font-display:swap;font-weight:700;font-style:italic}@font-face{font-family:portfolioFont Fallback;src:local(Arial);ascent-override:96.09%;descent-override:22.78%;line-gap-override:0.0%;size-adjust:100.95%}.portfoliofont_b5c89315-module__TLbNRq__className{font-family:portfolioFont,portfolioFont Fallback}.portfoliofont_b5c89315-module__TLbNRq__variable{--font-portfolio:"portfolioFont", "portfolioFont Fallback"}
