.portfolio{--background:#f8f9f6;--foreground:#202923;--muted-foreground:#606a63;--border:#dce2db;--portfolio-accent:#35664b;--portfolio-surface:#eef2eb;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;-webkit-user-select:text;user-select:text;background:var(--background);width:100%;height:100%;color:var(--foreground);scrollbar-color:var(--border) transparent;scrollbar-width:thin;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:auto;container-type:inline-size}.dark .portfolio{--background:#141a18;--foreground:#eef1e9;--muted-foreground:#a2aea5;--border:#303a33;--portfolio-accent:#b6cea2;--portfolio-surface:#1c2520}.portfolio :is(button,a){-webkit-tap-highlight-color:transparent}.portfolio button{cursor:pointer}.portfolio :is(button,a):focus-visible{outline:2px solid var(--portfolio-accent);outline-offset:5px}.portfolio-accent{color:var(--portfolio-accent)}.portfolio-header{z-index:30;background:var(--background);border-bottom:1px solid var(--border);position:sticky;top:0}.portfolio-nav{max-width:1160px;margin:auto;padding:18px 6%}.portfolio-nav-links,.portfolio-nav-top,.portfolio-wordmark{align-items:center;display:flex}.portfolio-nav-top{justify-content:space-between;gap:12px}.portfolio-wordmark{letter-spacing:-.025em;gap:10px;font-size:13px;font-weight:600}.portfolio-monogram{border:1px solid var(--border);width:29px;height:29px;color:var(--portfolio-accent);border-radius:8px;place-items:center;font:italic 25px Georgia,serif;display:grid}.portfolio-location{color:var(--muted-foreground);font-size:11px}.portfolio-theme{border:1px solid var(--border);width:36px;height:36px;color:var(--muted-foreground);border-radius:50%;place-items:center;display:grid}.portfolio-theme:hover{color:var(--foreground);background:var(--portfolio-surface)}.portfolio-nav-links{justify-content:space-between;gap:14px;margin-top:14px}.portfolio-nav-links button{min-height:32px;color:var(--muted-foreground);font-size:12px;transition:color .15s}.portfolio-nav-links [aria-current],.portfolio-nav-links button:hover{color:var(--portfolio-accent)}.portfolio-nav-links [aria-current]{text-underline-offset:7px;text-decoration:underline}.portfolio-section{border-bottom:1px solid var(--border);max-width:1040px;margin:auto;padding:64px 6%}.portfolio-hero{gap:40px;padding-top:56px;display:grid}.portfolio-eyebrow{color:var(--portfolio-accent);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.8;display:flex}.portfolio-status{background:var(--portfolio-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.portfolio-hero h1{letter-spacing:-.065em;margin-top:25px;font-size:clamp(48px,8cqi,88px);font-weight:500;line-height:1.02}.portfolio-intro{letter-spacing:-.025em;margin-top:26px;font-size:clamp(16px,2cqi,21px);line-height:1.6}.portfolio-summary{max-width:480px;color:var(--muted-foreground);margin-top:18px;font-size:14px;line-height:1.85}.portfolio-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.portfolio-button{border:1px solid var(--border);border-radius:5px;justify-content:center;align-items:center;gap:14px;min-height:44px;padding:12px 18px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.portfolio-button:hover{background:var(--portfolio-surface)}.portfolio-button-primary{background:var(--portfolio-accent);border-color:var(--portfolio-accent);color:var(--background)}.portfolio-button-primary:hover{background:var(--foreground);border-color:var(--foreground)}.portfolio-portrait{align-self:center;width:100%;max-width:340px}.portfolio-portrait img{aspect-ratio:6/7;-o-object-fit:cover;object-fit:cover;filter:saturate(.65);border-radius:6px;width:100%;height:auto}.portfolio-portrait figcaption{color:var(--muted-foreground);flex-direction:column;gap:5px;margin-top:14px;font-family:ui-monospace,monospace;font-size:10px;display:flex}.portfolio-hero-note{border-top:1px solid var(--border);color:var(--muted-foreground);grid-column:1/-1;justify-content:space-between;gap:14px;padding-top:24px;font:10px/1.7 ui-monospace,monospace;display:flex}.portfolio-hero-note span:last-child{display:none}.portfolio-section-heading{margin-bottom:36px}.portfolio-section-heading h2{letter-spacing:-.04em;text-wrap:balance;margin-top:12px;font-size:clamp(27px,3.8cqi,39px);font-weight:500;line-height:1.2}.portfolio-body{max-width:600px;color:var(--muted-foreground);font-size:15px;line-height:1.95}.portfolio-about-grid{gap:40px;display:grid}.portfolio-label{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;margin:28px 0 16px;font:10px/1.5 ui-monospace,monospace}.portfolio-tags{flex-wrap:wrap;gap:7px;list-style:none;display:flex}.portfolio-tags li{border:1px solid var(--border);color:var(--muted-foreground);border-radius:4px;padding:5px 9px;font-size:11px}.portfolio-experience{border-left:1px solid var(--border);padding-left:20px;list-style:none}.portfolio-experience li{padding-bottom:24px;position:relative}.portfolio-experience li:last-child{padding-bottom:0}.portfolio-experience li:before{content:"";background:var(--portfolio-accent);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;left:-24px}.portfolio-period{color:var(--muted-foreground);font:10px/1.5 ui-monospace,monospace}.portfolio-experience h4{margin:6px 0 3px;font-size:14px;font-weight:500}.portfolio-projects{gap:16px;display:grid}.portfolio-project{border:1px solid var(--border);border-radius:6px;flex-direction:column;padding:26px;display:flex}.portfolio-project-featured{background:var(--portfolio-surface)}.portfolio-project-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.portfolio-project-number{color:var(--muted-foreground);font:11px ui-monospace,monospace}.portfolio-project h3{letter-spacing:-.035em;font-size:23px;font-weight:500}.portfolio-project h3 a{justify-content:space-between;align-items:center;gap:12px;display:flex}.portfolio-project h3 a:hover{color:var(--portfolio-accent)}.portfolio-project>p{max-width:620px;color:var(--muted-foreground);flex:1;margin:14px 0 24px;font-size:13px;line-height:1.85}.portfolio-project-stats{border-top:1px solid var(--border);color:var(--muted-foreground);flex-wrap:wrap;gap:28px;margin-top:28px;padding-top:22px;font-size:11px;display:flex}.portfolio-project-stats strong{color:var(--portfolio-accent);letter-spacing:-.04em;margin-bottom:3px;font-size:25px;font-weight:500;display:block}.portfolio-posts article{border-top:1px solid var(--border);align-items:baseline;gap:18px;padding:24px 0;display:flex}.portfolio-posts article:last-child{border-bottom:1px solid var(--border)}.portfolio-post-index{color:var(--portfolio-accent);font:11px ui-monospace,monospace}.portfolio-posts article>div{flex:1}.portfolio-posts h3{letter-spacing:-.02em;font-size:16px;font-weight:500}.portfolio-posts p{color:var(--muted-foreground);margin-top:8px;font-size:12px;line-height:1.8}.portfolio-post-tag{color:var(--muted-foreground);font:10px ui-monospace,monospace;display:none}.portfolio-contact h2{letter-spacing:-.05em;margin:22px 0;font-size:clamp(32px,5.5cqi,58px);font-weight:500;line-height:1.1}.portfolio-contact .portfolio-body{max-width:470px}.portfolio-email{border-bottom:1px solid var(--portfolio-accent);letter-spacing:-.035em;align-items:center;gap:12px;max-width:100%;margin-top:28px;padding-bottom:10px;font-size:clamp(16px,3cqi,26px);display:inline-flex}.portfolio-email svg{flex-shrink:0}.portfolio-socials{flex-wrap:wrap;gap:24px;margin-top:30px;display:flex}.portfolio-socials a{color:var(--muted-foreground);align-items:center;gap:5px;font-size:12px;display:flex}.portfolio-socials a:hover{color:var(--portfolio-accent)}.portfolio-footer{max-width:1040px;color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:auto;padding:25px 6%;font-size:10px;display:flex}.portfolio-skip{z-index:50;background:var(--foreground);color:var(--background);padding:12px;position:absolute;top:12px;left:12px;transform:translateY(-200%)}.portfolio-skip:focus{position:sticky;transform:none}@container (width>=620px){.portfolio-nav{justify-content:space-between;align-items:center;gap:24px;display:flex}.portfolio-nav-top{flex:1}.portfolio-nav-links{gap:20px;margin:0}.portfolio-location{display:none}.portfolio-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);align-items:center;gap:40px}.portfolio-hero-note span:last-child{display:inline}.portfolio-about-grid{grid-template-columns:1.2fr 1fr;gap:50px}.portfolio-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-project-featured{grid-column:1/-1;padding:32px}.portfolio-project-stats{gap:64px}.portfolio-post-tag{display:inline}}@container (width>=950px){.portfolio-section{padding-top:88px;padding-bottom:88px}.portfolio-hero{gap:60px}.portfolio-location{display:inline}}@media (prefers-reduced-motion:reduce){.portfolio *,.portfolio :after,.portfolio :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}