.portfolio-page{position:relative}.desktop{position:relative;display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,2.25rem);padding:clamp(1rem,3vw,2rem) var(--section-padding-x) clamp(1.5rem,4vw,2.5rem)}.js-desktop .desktop{display:block;min-height:calc(100dvh - var(--menubar-h));padding:0}.desktop-icons{display:grid;grid-template-columns:repeat(3,var(--icon-cell));justify-content:center;gap:.5rem}.js-desktop .desktop-icons{position:absolute;top:24px;left:20px;bottom:calc(var(--taskbar-h) + 24px);display:flex;flex-direction:column;align-items:flex-start;gap:10px}.js-desktop .desktop-icon--trash{margin-top:auto}button.desktop-icon{appearance:none;background:transparent;border:none;font:inherit;color:inherit}.hero-window{width:100%;max-width:56rem;margin-inline:auto;--win-pad: clamp(1.25rem, 3.5vw, 2.25rem)}.js-desktop .hero-window{margin:0;max-width:none;top:7%;left:52%;width:min(600px,46vw)}.hero-whoami{font-size:.8rem;color:var(--color-ink-soft);margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:.35rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border-faint)}.hero-whoami-prompt{color:var(--color-accent);font-weight:700}.hero-whoami-flag{color:var(--color-ink-muted)}.hero-name{font-family:var(--font-mono);font-size:clamp(2.5rem,8vw,5.25rem);font-weight:800;line-height:.95;letter-spacing:-.04em;color:var(--color-ink);margin:0}.hero-name-line{display:block}.hero-name-letter{display:inline-block}.hero-period{color:var(--color-accent)}.hero-subtitle{font-family:var(--font-mono);font-size:clamp(.85rem,1.4vw,1rem);font-weight:400;color:var(--color-ink-soft);margin-top:clamp(1.25rem,2.5vw,1.75rem);max-width:52ch;line-height:1.6;min-height:3.2em;position:relative}.hero-subtitle-sizer{visibility:hidden}.hero-subtitle-typed{position:absolute;inset:0}.hero-subtitle-text{display:inline}.hero-cursor{display:inline-block;width:.55ch;height:1em;vertical-align:-.12em;background:var(--color-accent);margin-left:2px;animation:cursor-blink 1s steps(2) infinite}@keyframes cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:clamp(1.25rem,2.5vw,1.75rem)}.hero-tag{font-size:.72rem;font-weight:500;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-ink);padding:.25rem .6rem;transition:background var(--t-fast)}@media(hover:hover){.hero-tag:hover{background:var(--color-accent-soft)}}.sticky-note{display:none}.js-desktop .sticky-note{display:block;position:absolute;z-index:var(--z-float);top:60%;left:15%;width:180px;padding:.9rem 1rem 1rem;background:var(--color-sticky);border:var(--border-w) solid var(--color-ink);box-shadow:var(--shadow-hard);rotate:-2deg;font-size:.78rem;line-height:1.55;color:var(--color-ink);cursor:grab;touch-action:none}.sticky-line{margin:0}.sticky-line a{color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:2px}.sticky-line a:hover{color:var(--color-accent)}.sticky-sig{margin-top:.4rem;color:var(--color-ink-soft)}.hero-scroll{align-self:center;display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-ink-muted);letter-spacing:.05em}.hero-scroll-flow{display:inline-flex;align-items:center;gap:.5rem}.hero-scroll-desktop{display:none}.js-desktop .hero-scroll{position:absolute;left:50%;translate:-50% 0;bottom:calc(var(--taskbar-h) + 24px);rotate:-2deg;padding:.7rem .9rem;background:var(--color-sticky);border:var(--border-w) solid var(--color-ink);box-shadow:var(--shadow-hard);color:var(--color-ink);font-size:.78rem;line-height:1.5;letter-spacing:0}.js-desktop .hero-scroll-flow{display:none}.js-desktop .hero-scroll-desktop{display:inline}.js-desktop .hero-scroll-desktop:before{content:"→ ";color:var(--color-accent);font-weight:700}.hero-scroll-arrow{color:var(--color-accent);animation:bounce-arrow 1.6s ease-in-out infinite}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.home-sections{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--section-padding-x)}.home-sections .win--section{--win-pad: clamp(1.25rem, 3.5vw, 2.5rem)}@media(max-width:719.98px){.home-sections .win--section{box-shadow:var(--shadow-hard-sm)}}.js-desktop:has(body.has-taskbar){overflow:hidden}.js-desktop body.has-taskbar{overflow:hidden;padding-bottom:0}.js-desktop .home-sections{max-width:none;padding:0}.js-desktop .home-sections .win--section{display:none;position:absolute;top:var(--wy, 12%);left:var(--wx, 20%);z-index:var(--z-float);width:min(600px,42vw);max-height:min(62dvh,calc(100dvh - var(--menubar-h) - var(--taskbar-h) - 48px));margin:0;flex-direction:column;border-width:var(--border-w-focus);box-shadow:var(--shadow-hard-lg)}.js-desktop .home-sections .win--section.is-open{display:flex;animation:win-pop var(--t-normal)}.js-desktop .home-sections .win--section.is-focused{box-shadow:var(--shadow-win-focus)}.js-desktop .home-sections .win--section:focus-visible{outline-offset:4px}.js-desktop .home-sections .win--section>.win-bar{flex:none;cursor:move;touch-action:none}.js-desktop .home-sections .win--section>.win-body{overflow-y:auto;overscroll-behavior:contain;min-height:0}.js-desktop .home-sections .win--section:nth-of-type(1){--wx: 7%;--wy: 8%}.js-desktop .home-sections .win--section:nth-of-type(2){--wx: 8%;--wy: 14%}.js-desktop .home-sections .win--section:nth-of-type(3){--wx: 9%;--wy: 20%}.js-desktop .home-sections .win--section:nth-of-type(4){--wx: 7.5%;--wy: 26%}.js-desktop .home-sections .win--section:nth-of-type(5){--wx: 8.5%;--wy: 32%}.js-desktop .home-sections .about-grid{display:flex;flex-direction:column}.js-desktop .home-sections .side-project-list{grid-template-columns:1fr}@keyframes win-pop{0%{opacity:0;transform:scale(.98)}}.browser-win{display:none}.js-desktop .browser-win.is-open{display:flex;flex-direction:column;top:6%;left:11%;width:min(920px,76vw);height:min(84dvh,calc(100dvh - var(--menubar-h) - var(--taskbar-h) - 40px));background:var(--color-bg);animation:win-pop var(--t-normal)}.browser-win>.win-bar{flex:none}.browser-toolbar{flex:none;display:flex;align-items:center;gap:8px;padding:6px 10px;font:400 12px var(--font-mono);color:var(--color-ink-soft);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border-faint)}.browser-home{color:var(--color-accent);font-weight:700}.browser-address{flex:1;min-width:0;padding:3px 8px;background:var(--color-surface);border:1px solid var(--color-ink);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.browser-frame{flex:1;min-height:0;width:100%;border:0;background:var(--color-bg)}.win-cmdline{font-size:.8rem;color:var(--color-ink-soft);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border-faint)}.cmd-prompt{color:var(--color-accent);font-weight:700;user-select:none}.cmd-flag{color:var(--color-ink-muted)}.view-all-keycap{display:inline-block;margin-top:1.25rem;text-decoration:none;color:var(--color-ink)}.view-all-keycap:before{content:"$ ";color:var(--color-accent);font-weight:700}.about-grid{display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,1.75rem)}@media(min-width:900px){.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:1.5rem;align-items:start}}.about-col-left,.about-col-right{display:flex;flex-direction:column;gap:1rem}.about-name{display:inline-block;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;letter-spacing:-.01em;color:var(--color-ink);border:var(--border-w) solid var(--color-ink);background:var(--app-tint, var(--color-accent-soft));padding:.45rem .85rem;box-shadow:var(--shadow-hard-sm);align-self:flex-start}.about-bio{font-size:.9rem;color:var(--color-ink-soft);line-height:1.7;max-width:58ch}.about-bio:before{content:"# ";color:var(--color-ink-muted)}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.about-stat{display:flex;flex-direction:column;gap:.2rem;border:1px solid var(--color-border-faint);background:var(--color-surface);padding:.75rem .9rem}.about-stat-number{font-family:var(--font-mono);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;color:var(--color-accent);line-height:1}.about-stat-label{font-size:.7rem;font-weight:500;color:var(--color-ink-muted);letter-spacing:.04em}.about-stat-label:before{content:"> ";color:var(--color-accent)}.focus-list{display:flex;flex-wrap:wrap;gap:.4rem}.focus-item{font-size:.75rem;font-weight:500;color:var(--color-ink);padding:.25rem .6rem;border:var(--border-w) solid var(--color-ink);background:var(--color-bg-alt);box-shadow:var(--shadow-hard-sm);transition:background var(--t-fast)}.focus-item:before{content:"#";color:var(--color-accent);margin-right:.15rem}.focus-item:hover{background:var(--app-tint, var(--color-accent-soft))}.about-stack{display:flex;flex-direction:column;gap:.5rem}.about-stack-label{font-size:.7rem;font-weight:600;color:var(--color-ink-muted);letter-spacing:.08em;text-transform:lowercase}.about-stack-label:before{content:"$ ls ";color:var(--color-accent)}.about-stack-items{display:flex;flex-wrap:wrap;gap:.35rem}.about-stack-item{font-size:.72rem;font-weight:500;color:var(--color-ink);padding:.2rem .55rem;background:var(--color-surface);border:var(--border-w) solid var(--color-ink);box-shadow:var(--shadow-hard-sm);transition:background var(--t-fast)}.about-stack-item:hover{background:var(--app-tint, var(--color-accent-soft))}.project-list{list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--color-border-faint)}.project-row{border-bottom:1px solid var(--color-border-faint);transition:background var(--t-fast)}.project-row:hover,.project-row:focus-within{background:var(--app-tint, var(--color-accent-soft))}.project-link{display:flex;flex-direction:column;gap:.35rem;padding:.85rem .75rem;color:inherit;text-decoration:none;position:relative}.project-link:hover .project-name,.project-link:focus-visible .project-name{color:var(--color-accent)}.project-link-arrow{position:absolute;top:.85rem;right:.75rem;font-size:1.15rem;font-weight:700;color:var(--color-accent);opacity:0;transform:translate(-4px);transition:opacity var(--t-fast),transform var(--t-fast)}.project-link:hover .project-link-arrow,.project-link:focus-visible .project-link-arrow{opacity:1;transform:translate(0)}.project-name{font-size:.95rem;font-weight:700;color:var(--color-ink);letter-spacing:-.01em}.project-name:before{content:"./";color:var(--color-accent)}.project-tech{display:inline-flex;flex-wrap:wrap;gap:.25rem;font-size:.7rem;font-weight:500;color:var(--color-ink-soft);letter-spacing:.02em}.project-desc{font-size:.825rem;color:var(--color-ink-soft);line-height:1.55;margin:0}.project-desc:before{content:"// ";color:var(--color-ink-muted)}.other-heading{font-size:.78rem;font-weight:600;color:var(--color-ink-muted);letter-spacing:.05em;margin:clamp(1.25rem,3vw,2rem) 0 .6rem}.other-heading:before{content:"$ ls ./other-work/ — ";color:var(--color-accent)}.compact-row{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.35rem 1rem;padding:.6rem .75rem;border-bottom:1px solid var(--color-border-faint);transition:background var(--t-fast)}.compact-row:hover,.compact-row:focus-within{background:var(--app-tint, var(--color-accent-soft))}.compact-row:hover .compact-name{color:var(--color-accent)}.compact-name{font-size:.85rem;font-weight:600;color:var(--color-ink);transition:color var(--t-fast)}.compact-name:before{content:"— ";color:var(--color-accent)}.compact-tech{font-size:.7rem;color:var(--color-ink-muted)}.compact-desc{width:100%;margin:.1rem 0 0;font-size:.78rem;line-height:1.5;color:var(--color-ink-soft)}.side-project-intro{font-size:.85rem;line-height:1.55;color:var(--color-ink-soft);margin:0 0 1.25rem;max-width:60ch}.side-project-intro strong{color:var(--color-ink);font-weight:700}.side-project-list{list-style:none;display:grid;grid-template-columns:1fr;gap:.6rem}@media(min-width:720px){.side-project-list{grid-template-columns:1fr 1fr 1fr}}.side-project-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;height:100%;padding:.9rem;border:1px solid var(--color-border-faint);background:var(--color-surface);color:inherit;text-decoration:none;transition:background var(--t-fast)}.side-project-row:hover,.side-project-row:focus-visible{background:var(--app-tint, var(--color-accent-soft))}.side-project-row:hover .side-project-name,.side-project-row:focus-visible .side-project-name{color:var(--color-accent)}.side-project-info{display:flex;flex-direction:column;gap:.3rem;min-width:0}.side-project-name{font-size:.95rem;font-weight:700;color:var(--color-ink);letter-spacing:-.01em;transition:color var(--t-fast)}.side-project-name:before{content:"~/ ";color:var(--color-accent)}.side-project-desc{font-size:.78rem;color:var(--color-ink-soft);line-height:1.5;margin:0}.side-project-arrow{font-size:1.15rem;color:var(--color-accent);font-weight:700;flex-shrink:0}.writing-list{list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--color-border-faint)}.writing-row{display:flex;flex-direction:row;align-items:baseline;gap:.75rem;padding:.6rem .75rem;border-bottom:1px solid var(--color-border-faint);text-decoration:none;color:inherit;transition:background var(--t-fast);flex-wrap:wrap}.writing-row:hover,.writing-row:focus-visible{background:var(--app-tint, var(--color-accent-soft));outline:none;box-shadow:inset 3px 0 0 var(--color-accent)}.writing-date{font-size:.75rem;font-weight:600;color:var(--color-accent);flex-shrink:0;min-width:12ch;font-variant-numeric:tabular-nums}.writing-date:before{content:"[";color:var(--color-ink-muted)}.writing-date:after{content:"]";color:var(--color-ink-muted)}.writing-title{font-size:.875rem;font-weight:500;color:var(--color-ink);flex:1;min-width:0;transition:color var(--t-fast)}.writing-row:hover .writing-title,.writing-row:focus-visible .writing-title{color:var(--color-accent)}.writing-title .new-badge{font-family:var(--font-pixel);font-size:10px;font-weight:700;letter-spacing:0}.writing-arrow{font-size:.95rem;color:var(--color-ink-muted);margin-left:auto;flex-shrink:0;transition:color var(--t-fast)}.writing-row:hover .writing-arrow,.writing-row:focus-visible .writing-arrow{color:var(--color-accent)}.writing-empty{font-size:.85rem;color:var(--color-ink-muted);padding:.75rem .5rem}.writing-empty:before{content:"$ cat posts/*.md → ";color:var(--color-accent)}.contact-cta{font-family:var(--font-mono);font-size:clamp(1.75rem,5vw,3rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:var(--color-ink);margin-bottom:1.5rem}.contact-period{color:var(--color-accent)}.contact-links{display:flex;flex-wrap:wrap;gap:.75rem}.contact-link{text-decoration:none}.contact-link:before{content:"> ";color:var(--color-accent)}.keycap--primary.contact-link:before{color:var(--color-ink)}.contact-link--wiggle{animation:contact-wiggle 2s ease-in-out infinite}.contact-link--wiggle:hover,.contact-link--wiggle:focus-visible{animation:none}.desktop-icon--wiggle{animation:contact-wiggle 2s ease-in-out infinite}.desktop-icon--wiggle:hover,.desktop-icon--wiggle:focus-visible{animation:none}@keyframes contact-wiggle{0%,20%,to{transform:rotate(0)}4%{transform:rotate(-3deg)}8%{transform:rotate(3deg)}12%{transform:rotate(-2deg)}16%{transform:rotate(2deg)}}.mail-modal{width:min(44rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);margin:auto;padding:0 6px 6px 0;border:none;background:transparent;overflow-y:auto}.mail-modal::backdrop{background:#0a0a0a99}.mail-modal[open]{animation:mail-modal-in .18s ease-out}@keyframes mail-modal-in{0%{opacity:0;transform:translateY(10px)}}.mail-composer{border:var(--border-w-focus) solid var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-hard-lg)}.mail-modal-close{appearance:none;position:relative;padding:0;cursor:pointer}.mail-modal-close:after{content:"";position:absolute;inset:-12px}.mail-modal-close:hover{box-shadow:var(--shadow-hard-sm)}.mail-modal-hint{color:var(--color-ink);opacity:.7;font-size:.7rem;white-space:nowrap}.mail-composer-bar{display:flex;align-items:center;gap:.75rem;min-height:var(--titlebar-h);padding:.35rem .875rem;border-bottom:var(--border-w) solid var(--color-ink);background:var(--color-app-contact);font-size:.72rem;color:var(--color-ink);cursor:grab;touch-action:none;user-select:none}.mail-modal--dragging .mail-composer-bar{cursor:grabbing}.mail-modal--dragging{animation:none}.shell-bar-dots{display:flex;gap:.35rem}.shell-bar-dot{width:11px;height:11px;border:1.5px solid var(--color-ink);background:var(--color-bg-alt)}.shell-bar-dot--live{background:var(--color-accent)}.mail-composer-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-pixel);font-size:11px;font-weight:700;text-transform:lowercase}.mail-composer-mode{color:var(--color-ink);font-weight:700;letter-spacing:.05em;opacity:0;transition:opacity var(--t-fast)}.mail-composer:focus-within .mail-composer-mode{opacity:1}.mail-field{display:flex;align-items:baseline;gap:.6rem;padding:.65rem clamp(.875rem,2vw,1.5rem);border-bottom:1px solid var(--color-border-faint);transition:background var(--t-fast)}.mail-field:focus-within{background:var(--color-bg-alt)}.mail-field--body{display:block;border-bottom:none}.mail-label{flex-shrink:0;min-width:5.2rem;font-size:.8rem;font-weight:700;color:var(--color-accent);user-select:none}.mail-static-value{font-size:.85rem;color:var(--color-ink-muted)}.mail-input{flex:1;width:100%;padding:.15rem 0;font-family:var(--font-mono);font-size:.9rem;color:var(--color-ink);caret-color:var(--color-cursor);background:transparent;border:none;outline:none}.mail-input::placeholder{color:var(--color-ink-muted);opacity:1}.mail-textarea{display:block;margin-top:.4rem;min-height:9rem;resize:vertical;line-height:1.55}.mail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.75rem clamp(.875rem,2vw,1.5rem);border-top:1px solid var(--color-border-faint);background:var(--color-bg-alt)}.mail-send{font-family:var(--font-mono);font-size:.9rem;font-weight:600;color:var(--color-ink);padding:.55rem 1rem;border:var(--border-w) solid var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-hard);cursor:pointer;translate:0 0;transition:translate var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.mail-send:hover,.mail-send:focus-visible{translate:-2px -2px;box-shadow:var(--shadow-hard-lg);background:var(--color-accent)}.mail-send:active{translate:2px 2px;box-shadow:var(--shadow-hard-sm)}.mail-send:disabled{cursor:wait;translate:0 0;box-shadow:var(--shadow-hard);background:var(--color-bg-alt);color:var(--color-ink-muted)}.mail-status{margin:0;font-size:.8rem;color:var(--color-ink-soft)}.mail-status:before{color:var(--color-accent);font-weight:700;margin-right:.35rem}.mail-status[data-state=sending]:before{content:"~ "}.mail-status[data-state=success]:before{content:"✓"}.mail-status[data-state=error]:before{content:"✗"}.site-footer{padding:1.5rem 0 0;margin-top:2rem;font-size:.75rem;color:var(--color-ink-muted);border-top:1px solid var(--color-border-faint);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.site-footer:before{content:"$ shutdown -h now";color:var(--color-accent);font-weight:700}.trash-modal{margin:auto;padding:0 6px 6px 0;border:none;background:transparent}.trash-modal::backdrop{background:#0a0a0a99}.trash-win{width:min(24rem,calc(100vw - 3rem));border:var(--border-w-focus) solid var(--color-ink);background:var(--color-bg);box-shadow:var(--shadow-hard-lg)}.trash-modal .win-bar{cursor:move;touch-action:none;user-select:none}.trash-list{list-style:none;margin:0;padding:0}.trash-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.55rem .85rem;border-bottom:1px solid var(--color-border-faint);font-size:.8rem}.trash-row:hover{background:var(--color-bg-alt)}.trash-file{color:var(--color-ink)}.trash-meta{color:var(--color-ink-muted);font-size:.72rem;flex-shrink:0}.trash-actions{display:flex;justify-content:flex-end;padding:.75rem .85rem;background:var(--color-bg-alt)}.trash-shake{animation:trash-shake .3s ease}@keyframes trash-shake{0%,to{translate:0 0}25%{translate:-6px 0}75%{translate:6px 0}}.kbd-toast{position:fixed;bottom:1.25rem;right:1.25rem;z-index:var(--z-toast);padding:.6rem .85rem;border:var(--border-w) solid var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-hard);font-size:.8rem;color:var(--color-ink);opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}@media(min-width:720px){.kbd-toast{bottom:calc(var(--taskbar-h) + 16px)}}.kbd-toast--visible{opacity:1;transform:translateY(0)}.kbd-toast kbd{font-family:var(--font-mono);font-size:.75rem;background:var(--color-bg-alt);border:1px solid var(--color-ink);padding:.05rem .35rem;margin-right:.2rem}.kbd-toast-hint{color:var(--color-accent);font-weight:700;margin-right:.35rem}.motion-fade,.motion-letter,.motion-stagger{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.hero-cursor{animation:none;opacity:.6}.hero-scroll-arrow,.contact-link--wiggle,.desktop-icon--wiggle,.trash-shake,.js-desktop .home-sections .win--section.is-open,.js-desktop .browser-win.is-open,.mail-modal[open]{animation:none}.hero-tag,.project-row,.project-link-arrow,.compact-row,.compact-name,.side-project-row,.side-project-name,.writing-row,.writing-title,.writing-arrow,.focus-item,.about-stack-item,.mail-field,.mail-composer-mode,.mail-send,.kbd-toast{transition:none}.project-link-arrow{transform:none}.mail-send:hover,.mail-send:focus-visible,.mail-send:active{translate:0 0}}