.portfolio{position:relative;isolation:isolate;--page:#080f1e;--surface:#101a2b;--surface-hover:#152238;--ink:#edf1f8;--muted:#9aaac1;--accent:#a3bfff;--line:#253147;--wash:#183464;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse 600px 350px at 50% 100px,#14284680,transparent),var(--page);font-family:var(--font-geist-sans),system-ui,sans-serif;font-size:14px;line-height:1.7;color-scheme:dark}.portfolio[data-animate-mode=true]{transition:color .35s,background-color .35s}.portfolio[data-mode=personal]{--page:#f9eef2;--surface:#fff7fa;--surface-hover:#f7e4ec;--ink:#442939;--muted:#7c586c;--accent:#a93f73;--line:#e8cbd8;--wash:#f2c8db;background:radial-gradient(ellipse 600px 350px at 50% 100px,#f3c7dd80,transparent),var(--page);color-scheme:light}.portfolio-snow{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.portfolio-snow span{position:absolute;top:-40px;border-radius:50%;background:radial-gradient(circle,#fff 40%,#ffffffb3 60%,transparent 75%);animation:portfolio-snowfall 12s linear infinite}.portfolio-shell{position:relative;z-index:1;max-width:740px;padding:0 30px;margin:0 auto}.portfolio a{text-decoration:none}.portfolio a,.portfolio button{-webkit-tap-highlight-color:transparent}.portfolio a:focus-visible,.portfolio button:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:5px}.portfolio a:hover{color:var(--accent)}.portfolio-skip{position:absolute;top:-100px;left:20px;z-index:10;background:var(--surface);padding:12px 20px}.portfolio-skip:focus{top:20px}.portfolio-header{display:flex;justify-content:center;padding-top:28px}.portfolio-mode-switch{display:grid;grid-template-columns:1fr 1fr;position:relative;border:1px solid var(--line);border-radius:30px;padding:5px;background:var(--surface)}.portfolio-mode-indicator{position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px) / 2);border-radius:25px;background:var(--wash)}.portfolio[data-animate-mode=true] .portfolio-mode-indicator{transition:transform .3s,background-color .3s}[data-mode=personal] .portfolio-mode-indicator{transform:translateX(100%)}.portfolio-mode-switch button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border-radius:25px;font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}.portfolio-mode-switch button[aria-pressed=true]{color:var(--ink)}.portfolio-intro{padding:38px 0 32px;text-align:center}.portfolio-avatar{display:block;width:112px;height:112px;margin:0 auto 22px;perspective:800px;border-radius:50%}.portfolio-avatar:focus-visible{border-radius:50%}.portfolio-avatar-flipper{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d}.portfolio[data-animate-mode=true] .portfolio-avatar-flipper{transition:transform .7s cubic-bezier(.22,.68,0,1.05)}[data-mode=personal] .portfolio-avatar-flipper{transform:rotateY(180deg)}.portfolio-avatar-face{position:absolute;inset:0;display:block;padding:4px;border:1px solid var(--line);border-radius:50%;background:var(--surface);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 0 0 5px color-mix(in srgb,var(--wash) 25%,transparent)}.portfolio-avatar-face img{display:block;width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.portfolio-avatar-back{transform:rotateY(180deg)}.portfolio-avatar-back img{-o-object-fit:contain;object-fit:contain;background:#fff}.portfolio-intro h1{font-family:inherit;font-size:34px;font-weight:550;letter-spacing:-1.3px;line-height:1.25;margin-bottom:12px}.portfolio-intro-description{max-width:440px;margin:0 auto;color:var(--muted);font-size:14px}.portfolio-background{color:var(--muted);font-size:12px;margin-top:8px}.portfolio-background a{color:var(--ink)}.portfolio-contributions{font-size:12px;color:var(--muted)}.portfolio-contributions a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.portfolio-socials{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:20px}.portfolio-socials a{display:inline-flex;align-items:center;gap:7px;font-size:12px}[data-mode=personal] .portfolio-socials a{justify-content:center;width:32px;height:32px}.portfolio .portfolio-support{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:7px 14px;border:1px solid var(--accent);border-radius:24px;background:var(--accent);font-size:12px;font-weight:500;color:#fff;box-shadow:0 3px 10px #a93f7326;transition:background-color .2s,transform .2s}.portfolio .portfolio-support:hover{color:#fff;background:#913461;transform:translateY(-1px)}.portfolio-content{animation:portfolio-enter .35s ease both}.portfolio-section{border-top:1px solid var(--line);padding:24px 0 28px;scroll-margin-top:24px}.portfolio-section-heading{display:flex;align-items:center;gap:13px;margin-bottom:17px}.portfolio-section-heading h2{font-family:inherit;font-size:16px;font-weight:550;letter-spacing:-.3px}.portfolio-section-aside{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-size:11px;color:var(--muted)}.portfolio-project{display:flex;align-items:center;gap:14px;padding:12px 0}.portfolio-project:first-child{padding-top:0}.portfolio-project:last-child{padding-bottom:0}.portfolio-project-link{display:flex;flex:1;align-items:center;gap:17px;min-width:0}.portfolio-project-thumbnail{width:86px;height:58px;flex-shrink:0;border-radius:6px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border:1px solid var(--line)}.portfolio-project-thumbnail-logo{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background:#fff}.portfolio-project h3{font-size:14px;font-weight:500;letter-spacing:-.2px}.portfolio-project p{color:var(--muted);font-size:13px;line-height:1.6;margin-top:3px}.portfolio-project-code{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;color:var(--muted)}.portfolio-post{display:flex;align-items:center;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}.portfolio-post:first-child{padding-top:0}.portfolio-post:last-child{border-bottom:0;padding-bottom:0}.portfolio-post>div{flex:1;min-width:0}.portfolio-post h3{font-size:13px;font-weight:400;letter-spacing:0;line-height:1.6}.portfolio-post time,.portfolio-post-time{font-size:10px;color:var(--muted)}.portfolio-post time{white-space:nowrap}.portfolio-personal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portfolio-music,.portfolio-typing{position:relative;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.portfolio-personal-grid a:hover{color:var(--ink);background:var(--surface-hover);border-color:var(--accent)}.portfolio-card-label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.portfolio-album-art{position:absolute;right:22px;top:65px;width:78px;height:78px;border-radius:9px;-o-object-fit:cover;object-fit:cover;box-shadow:3px 5px 10px #44293920}.portfolio-music-title{margin-top:36px;margin-bottom:24px;padding-right:84px}.portfolio-music-note{font-size:11px;color:var(--muted);margin-bottom:12px}.portfolio-music-title h3{font-family:inherit;font-size:20px;font-weight:550;letter-spacing:-.5px}.portfolio-music-title>span{font-size:12px;color:var(--muted)}.portfolio-card-link{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--accent)}.portfolio-typing-score{font-size:48px;font-weight:550;letter-spacing:-2px;line-height:1;margin:22px 0 12px}.portfolio-typing-score span{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:10px}.portfolio-typing p{color:var(--muted);font-size:11px;margin:3px 0 18px}.portfolio-project-note{color:var(--muted);font-size:12px;margin-bottom:20px}.portfolio-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;border-top:1px solid var(--line);padding:20px 0 28px;color:var(--muted);font-size:10px;text-align:center}@keyframes portfolio-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes portfolio-snowfall{0%{transform:translate3d(0,-10vh,0)}25%{transform:translate3d(22px,22.5vh,0)}50%{transform:translate3d(-18px,55vh,0)}75%{transform:translate3d(28px,87.5vh,0)}to{transform:translate3d(0,120vh,0)}}@media (max-width:640px){.portfolio-snow span:nth-child(n+21){display:none}.portfolio-shell{padding:0 24px}.portfolio-header{padding-top:22px}.portfolio-intro{padding:32px 0 28px}.portfolio-intro h1{font-size:30px}.portfolio-avatar{width:104px;height:104px}.portfolio-intro-description{max-width:320px}.portfolio-project-link{gap:12px}.portfolio-project-thumbnail{width:62px;height:48px}.portfolio-project p{font-size:12px}.portfolio-project-code{width:22px}.portfolio-post{gap:10px;flex-wrap:wrap}.portfolio-post>div{flex-basis:100%}.portfolio-post time{order:3}.portfolio-personal-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.portfolio-snow{display:none}.portfolio,.portfolio *,.portfolio :after,.portfolio :before{animation:none!important;transition:none!important}}