.portfolio{font-size:var(--body-font-size,15px);flex-direction:column;display:flex;background:var(--ink)!important;color:var(--text)!important;font-family:var(--site-font,Arial,Helvetica,sans-serif)!important}.portfolio .topbar{order:0;box-shadow:0 8px 28px #00000038;background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 97%,transparent),color-mix(in srgb,var(--ink) 85%,var(--purple)),color-mix(in srgb,var(--ink) 97%,transparent))!important}.portfolio .topbar nav{gap:var(--nav-gap,26px)!important}.portfolio .topbar nav a,.portfolio .topbar nav a:first-child{transition:color .18s,transform .18s;color:var(--nav-text-color,#d5d2d9)!important;font-size:var(--nav-font-size,14px)!important;border-bottom:2px solid #0000!important;padding:9px 0!important;font-weight:500!important}.portfolio .topbar nav a:hover{transform:translateY(-1px);color:var(--text)!important}.portfolio .wordmark,.portfolio .hero-new h1,.portfolio .roles,.portfolio .section-title-row h2,.portfolio .feature-card h2,.portfolio footer h2{font-family:var(--heading-font,Arial,Helvetica,sans-serif)!important;font-weight:var(--heading-weight,650)!important;font-style:var(--heading-style,normal)!important}.portfolio .wordmark,.portfolio .roles,.portfolio footer h2{color:var(--text)!important}.portfolio .hero-new h1{color:var(--hero-title-color,var(--text))!important;font-size:clamp(42px,var(--hero-title-size,82px),128px)!important}.portfolio .section-title-row h2,.portfolio .feature-card h2{color:var(--section-title-color,var(--text))!important;font-size:var(--section-title-size,22px)!important}.portfolio .wordmark span,.portfolio h2 span,.portfolio .hello,.portfolio .section-title-row>a,.portfolio .feature-card>a,.portfolio .project-links a,.portfolio .admin-account a{color:var(--purple)!important}.portfolio .hero-new h1 span{color:inherit!important;background:0 0!important}.portfolio .purple-button{background:var(--purple)!important;color:var(--ink)!important}.portfolio .outline-button,.portfolio .cv-button{border-color:var(--purple)!important}.portfolio .cv-button b,.portfolio .outline-button b,.portfolio .roles i,.portfolio .section-title-row b,.portfolio .feature-card>a b{color:var(--purple)!important}.portfolio .hero-desc,.portfolio .project-card>p,.portfolio .method-grid p,.portfolio footer p,.portfolio footer>a{color:var(--muted)!important}.portfolio .mini-tech span,.portfolio .tag-row span{color:var(--purple)!important}@media (min-width:651px){.portfolio .topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-content:normal!important;display:grid!important}.portfolio .wordmark{grid-column:1;justify-self:start}.portfolio .topbar nav{grid-column:2;justify-self:center}}
.portfolio .hero-new{background:radial-gradient(36% 62% at 72% 48%,#672db06b,#0000 64%);overflow:hidden}.portfolio .hero-person{isolation:auto;background:0 0;justify-self:end;width:500px;height:530px;overflow:hidden}.portfolio .hero-person:before{display:none}.portfolio .hero-person img{object-fit:cover;object-position:center top;filter:contrast(1.04)saturate(1.03);mix-blend-mode:normal;width:100%;max-width:none;height:100%;top:0;left:0;-webkit-mask-image:linear-gradient(#000 0% 68%,#000000f0 80%,#0000 100%);mask-image:linear-gradient(#000 0% 68%,#000000f0 80%,#0000 100%)}@media (max-width:900px){.portfolio .hero-person{width:370px}}@media (max-width:650px){.portfolio .hero-person{width:100%;height:410px}.portfolio .hero-person img{object-position:center top}}