.portfolio{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--type-caption: .75rem;--type-small: .875rem;--type-body: 1rem;--type-lead: clamp(1.125rem, 1.6vw, 1.375rem);--type-subheading: clamp(1.25rem, 2.3vw, 1.75rem);--type-section: clamp(1.75rem, 3vw, 2.5rem);--type-title: clamp(2.25rem, 5vw, 4rem);--type-display: clamp(2.75rem, 7.5vw, 6rem);--content-width: 75rem;--reading-width: 68ch;--page-gutter: clamp(1.25rem, 4.5vw, 4rem);--section-gap: clamp(3rem, 7vw, 6rem);--control-size: 2.75rem;--radius: .75rem;--rule: 1px solid rgb(var(--color-border) / .65);--interaction-time: .16s;min-height:100dvh;font-size:var(--type-body);line-height:1.65}.portfolio :is(h1,h2,h3,p){margin:0}.portfolio :is(h1,h2,h3){text-wrap:balance;font-weight:500}.portfolio h1{font-size:var(--type-title);line-height:1.1;letter-spacing:-.035em}.portfolio h2{font-size:var(--type-section);line-height:1.2;letter-spacing:-.025em}.portfolio h3{font-size:var(--type-subheading);line-height:1.25;letter-spacing:-.02em}.portfolio p{max-width:var(--reading-width)}.portfolio a{text-underline-offset:.25em}.portfolio a:hover{color:rgb(var(--color-accent))}.portfolio :is(a,button,summary):focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:4px}.portfolio :is(a,button,summary):active{opacity:.8}.portfolio svg{flex-shrink:0}.portfolio .muted{color:rgb(var(--color-muted))}.portfolio .small{font-size:var(--type-small)}.portfolio .lead{font-size:var(--type-lead);color:rgb(var(--color-muted))}.portfolio .container{width:min(var(--content-width),calc(100% - var(--page-gutter) * 2));margin-inline:auto}.portfolio .site-header{display:flex;align-items:center;gap:var(--space-8);padding-block:var(--space-6);border-bottom:var(--rule)}.portfolio .wordmark{display:inline-flex;align-items:center;gap:var(--space-3);margin-right:auto;min-height:var(--control-size);color:rgb(var(--color-fg));text-decoration:none;font-weight:600;white-space:nowrap}.portfolio .wordmark svg{color:rgb(var(--color-accent))}.portfolio .site-nav{display:flex;flex-wrap:wrap;gap:var(--space-4)}.portfolio .site-nav a{display:flex;align-items:center;min-height:var(--control-size);font-size:var(--type-small);color:rgb(var(--color-muted));text-decoration:none}.portfolio .site-nav a:hover,.portfolio .site-nav [aria-current=page]{color:rgb(var(--color-fg));text-decoration:underline}.portfolio .header-tools{display:flex;align-items:center;gap:var(--space-2)}.portfolio .search-trigger{display:inline-flex;align-items:center;justify-content:center;width:var(--control-size);height:var(--control-size);border:var(--rule);border-radius:var(--radius);color:rgb(var(--color-fg));background:rgb(var(--color-bg-elev));cursor:pointer}.portfolio .skip-link{position:fixed;top:var(--space-4);left:var(--space-4);z-index:100;padding:var(--space-3) var(--space-4);background:rgb(var(--color-accent));color:rgb(var(--color-on-accent));transform:translateY(-200%)}.portfolio .skip-link:focus{transform:translateY(0)}.portfolio .page-heading{padding-block:var(--section-gap) var(--space-12)}.portfolio .page-heading p{margin-top:var(--space-6)}.portfolio .hero{padding-block:var(--section-gap)}.portfolio .hero h1{font-size:var(--type-display);max-width:11ch;line-height:1.04}.portfolio .hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-16);align-items:end}.portfolio .hero-copy{padding-bottom:var(--space-2)}.portfolio .hero-copy .lead{color:rgb(var(--color-fg))}.portfolio .hero-copy p+p{margin-top:var(--space-4)}.portfolio .hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);margin-top:var(--space-12);padding-top:var(--space-6);border-top:var(--rule);font-size:var(--type-small);color:rgb(var(--color-muted))}.portfolio .hero-meta span{display:inline-flex;align-items:center;gap:var(--space-2)}.portfolio .actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-top:var(--space-8)}.portfolio .action-link{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--control-size);font-size:var(--type-small);font-weight:500;text-decoration:underline;transition:color var(--interaction-time) ease}.portfolio .action-primary{padding:var(--space-3) var(--space-6);background:rgb(var(--color-accent));color:rgb(var(--color-on-accent));border-radius:var(--radius);text-decoration:none}.portfolio .action-primary:hover{color:rgb(var(--color-on-accent));filter:brightness(1.08)}.portfolio .section{padding-block:var(--section-gap);border-top:var(--rule)}.portfolio .section-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8)}.portfolio .work-preview{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.portfolio .work-link{display:block;padding-block:var(--space-6);border-top:var(--rule);text-decoration:none;color:inherit}.portfolio .work-link h3{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.portfolio .work-link p{margin-top:var(--space-4);color:rgb(var(--color-muted))}.portfolio .work-link .work-context{font-size:var(--type-small);margin-bottom:var(--space-4)}.portfolio .work-link:hover h3{color:rgb(var(--color-accent))}.portfolio .split-section{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--space-16)}.portfolio .prose>*+*{margin-top:var(--space-6)}.portfolio .prose p,.portfolio .prose li{color:rgb(var(--color-muted))}.portfolio .prose ul{padding-left:var(--space-6);list-style:disc}.portfolio .prose li+li{margin-top:var(--space-2)}.portfolio .tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:var(--space-6) 0 0}.portfolio .tag-list li{padding:var(--space-1) var(--space-3);font-size:var(--type-caption);color:rgb(var(--color-muted));border:var(--rule);border-radius:var(--space-1);overflow-wrap:anywhere}.portfolio .project-entry,.portfolio .experience-entry,.portfolio .publication-entry{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--space-16);padding-block:var(--space-12);border-top:var(--rule);scroll-margin-top:var(--space-8)}.portfolio .entry-meta{font-size:var(--type-small);color:rgb(var(--color-muted));margin-top:var(--space-4)}.portfolio .entry-meta p+p{margin-top:var(--space-2)}.portfolio .outcome{margin-top:var(--space-6);padding-block:var(--space-4);border-block:var(--rule)}.portfolio .project-details{margin-top:var(--space-6)}.portfolio .project-details summary{width:fit-content;min-height:var(--control-size);padding-block:var(--space-2);color:rgb(var(--color-accent));cursor:pointer;font-size:var(--type-small)}.portfolio .project-details[open] summary{margin-bottom:var(--space-4)}.portfolio .project-details h3{font-size:var(--type-body)}.portfolio .project-details p{margin-top:var(--space-2)}.portfolio .project-details p+h3{margin-top:var(--space-6)}.portfolio .experience-list{margin:var(--space-6) 0 0;padding-left:var(--space-6);list-style:disc;color:rgb(var(--color-muted))}.portfolio .experience-list li+li{margin-top:var(--space-2)}.portfolio .facts{margin:0}.portfolio .facts>div{padding-block:var(--space-4);border-bottom:var(--rule)}.portfolio .facts dt{font-size:var(--type-small);color:rgb(var(--color-muted))}.portfolio .facts dd{margin:var(--space-1) 0 0}.portfolio .interface-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-top:var(--space-8)}.portfolio .interface-link{display:flex;gap:var(--space-6);padding-block:var(--space-6);border-block:var(--rule);color:inherit;text-decoration:none}.portfolio .interface-link>svg{margin-top:var(--space-1);color:rgb(var(--color-accent))}.portfolio .interface-link strong{display:flex;align-items:center;gap:var(--space-3);font-size:var(--type-subheading);font-weight:500}.portfolio .interface-link p{margin-top:var(--space-2);color:rgb(var(--color-muted));font-size:var(--type-small)}.portfolio .site-footer{margin-top:var(--section-gap);padding-block:var(--space-12) var(--space-6);border-top:var(--rule)}.portfolio .footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-8)}.portfolio .footer-top h2{margin-bottom:var(--space-4)}.portfolio .footer-links{display:flex;flex-wrap:wrap;gap:var(--space-6)}.portfolio .footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-12);color:rgb(var(--color-muted));font-size:var(--type-small)}.portfolio .game-surface{padding:clamp(1rem,4vw,3rem);border:var(--rule);border-radius:var(--radius);background:rgb(var(--color-bg-elev))}.portfolio .game-surface input{font-size:var(--type-body)}.portfolio main{outline:none}@media (max-width: 767px){.portfolio .site-header{flex-wrap:wrap;column-gap:var(--space-4);row-gap:var(--space-2);padding-block:var(--space-4)}.portfolio .site-nav{order:3;width:100%;justify-content:space-between;gap:var(--space-2)}.portfolio .wordmark{font-size:var(--type-small)}.portfolio .hero-grid,.portfolio .split-section,.portfolio .project-entry,.portfolio .experience-entry,.portfolio .publication-entry{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.portfolio .hero h1{max-width:12ch}.portfolio .hero-meta{gap:var(--space-3);flex-direction:column;align-items:flex-start}.portfolio .work-preview,.portfolio .interface-links{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.portfolio .section-heading{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.portfolio .project-entry,.portfolio .experience-entry,.portfolio .publication-entry{padding-block:var(--space-8)}.portfolio .footer-top{flex-direction:column}}@media (prefers-reduced-motion: reduce){.portfolio *,.portfolio *:before,.portfolio *:after{scroll-behavior:auto;transition:none}}