:root{--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--bg:#fafafa;--surface:#ececec;--surface-hover:#e4e4e4;--border:#ececec;--text:#2a2a2a;--text-strong:#1a1a1a;--text-heading:#000;--text-muted:#666;--text-faint:#999;--text-fainter:#aaa;--accent:#f56e59;--accent-soft:#f56e594d;--measure:680px;--radius:16px;--radius-sm:8px;--step:13px;--step-sm:12px;--step-xs:11px;--step-lg:16px}@media (prefers-color-scheme:dark){:root{--bg:#0f0f10;--surface:#1c1c1e;--surface-hover:#242427;--border:#232326;--text:#d6d6d8;--text-strong:#ededef;--text-heading:#fff;--text-muted:#a3a3a9;--text-faint:#90909a;--text-fainter:#85858f}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text-strong);font-family:var(--font-mono);font-size:var(--step);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7}img,picture,svg{block-size:auto;max-inline-size:100%}a{color:var(--accent);border-block-end:1px solid var(--accent-soft);text-decoration:none;transition:border-color .15s}a:hover{border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea{font:inherit;color:inherit}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--surface);color:var(--text-strong);border-radius:var(--radius-sm);border:none;padding:8px 14px;position:absolute;inset-block-start:-100%;inset-inline-start:8px}.skip-link:focus{inset-block-start:8px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{min-block-size:100vh;inline-size:100%;display:block}.app{inline-size:100%;max-inline-size:var(--measure);color:var(--text);margin-inline:auto;padding:80px 24px 60px}.app section{scroll-margin-block-start:80px}.app section+section{border-block-start:1px solid var(--border);margin-block-start:52px;padding-block-start:24px}.app h1,.app h2,.app h3{font-size:inherit;font-weight:inherit;line-height:inherit}.app h1{font-size:var(--step-lg);color:var(--text-heading);letter-spacing:-.01em;font-weight:600}.app h2{margin-block-start:28px}.app section>h2:first-child{margin-block-start:0}.app .tagline{color:var(--text-muted);margin-block-end:4px}.app p{overflow-wrap:break-word}.app ul+p{margin-block-start:28px}.app ul{margin-block-start:8px;padding-inline-start:16px;list-style:none}.app ul li{overflow-wrap:break-word;margin-block-end:10px;padding-inline-start:12px;position:relative}.app ul li:before{content:"•";color:var(--text-faint);position:absolute;inset-inline-start:0}.app ul li ul{margin-block:8px 0;padding-inline-start:8px}.app ul li ul li{color:var(--text-muted);margin-block-end:6px;font-size:12.5px}.nav-rail{z-index:50;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:fixed;inset-block-start:50%;inset-inline-end:28px;transform:translateY(-50%)}.nav-rail a{font-size:var(--step-sm);color:var(--text-fainter);border-radius:var(--radius-sm);letter-spacing:.01em;border:none;padding:6px 11px;line-height:1;transition:color .15s,background .15s}.nav-rail a:hover{color:var(--text-muted)}.nav-rail a.active{color:var(--text);background:var(--surface)}.site-footer{max-inline-size:var(--measure);color:var(--text-faint);font-size:var(--step-xs);margin-inline:auto;padding:0 24px 40px}.site-footer .footer-note{margin-block-start:4px}.notice{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--step-sm);margin-block-start:16px;padding:10px 14px}.empty{color:var(--text-fainter);margin-block-start:12px}@media (max-width:900px){.app{padding:40px 20px}.nav-rail{background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:row;justify-content:flex-end;align-items:center;gap:4px;padding:10px 16px;position:sticky;inset-block-start:0;inset-inline-end:auto;transform:none}}@media (max-width:600px){.app{padding:32px 20px 40px;font-size:12.5px}.app>h1{font-size:15px}.app ul{padding-inline-start:8px}.app ul li{padding-inline-start:10px}}@media (max-width:380px){.app{padding:36px 16px 32px;font-size:12px}.app>h1{font-size:14px}}.card-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-block-start:18px;display:grid}.card{color:inherit;border:none;flex-direction:column;gap:12px;min-inline-size:0;display:flex}.card-shot{aspect-ratio:4/3;background:var(--surface);border-radius:var(--radius);justify-content:center;align-items:flex-end;transition:background .18s;display:flex;position:relative;overflow:hidden}.card:hover .card-shot{background:var(--surface-hover)}.win{background:#fff;border-radius:11px 11px 0 0;block-size:88%;inline-size:90%;transition:transform .18s;position:relative;overflow:hidden;transform:translateY(34px);box-shadow:0 -2px 28px #0000001a}.card:hover .win{transform:translateY(26px)}.win-dots{z-index:2;gap:5px;display:flex;position:absolute;inset-block-start:10px;inset-inline-start:11px}.win-dots i{background:#ffffff8c;border-radius:50%;block-size:8px;inline-size:8px;box-shadow:0 0 0 .5px #00000014,0 1px 2px #0000001f}.win-img{object-fit:cover;object-position:top center;block-size:100%;inline-size:100%;display:block}.win--shot{background:#0e0e0f}.win-placeholder{background:linear-gradient(150deg, var(--tone-a,#dfe3e8), var(--tone-b,#f3f4f6));flex-direction:column;justify-content:center;gap:9px;padding:34px 22px 22px;display:flex;position:absolute;inset:0}.win-placeholder-bar{background:#ffffffbf;border-radius:4px;block-size:7px}.win-placeholder-bar:first-child{inline-size:62%}.win-placeholder-bar:nth-child(2){inline-size:88%}.win-placeholder-bar:nth-child(3){inline-size:44%}[data-tone=blue]{--tone-a:#cfe0f5;--tone-b:#eef4fc}[data-tone=violet]{--tone-a:#ddd6f7;--tone-b:#f1eefc}[data-tone=amber]{--tone-a:#f6e2c4;--tone-b:#fcf4e8}[data-tone=green]{--tone-a:#cfe9d8;--tone-b:#eef8f2}[data-tone=slate]{--tone-a:#dfe3e8;--tone-b:#f3f4f6}.card-cap{flex-direction:column;gap:1px;padding-inline-start:2px;display:flex}.card-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.card-name{color:var(--text-strong);font-size:var(--step)}.card-host{color:var(--accent);font-size:var(--step-sm);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.cursor-ico{flex:none;block-size:11px;inline-size:11px;transition:transform .15s;transform:scaleX(-1)}.card:hover .cursor-ico{transform:scaleX(-1)translate(-2px,1px)}.card-desc{color:var(--text-faint);font-size:var(--step-sm)}.timeline{margin-block-start:18px;padding:0;list-style:none}.timeline-item{padding-block-end:16px}.timeline-item:last-child{padding-block-end:0}.timeline-link{inline-size:fit-content;color:var(--text);border:none;flex-direction:column;gap:1px;transition:color .15s;display:flex}.timeline-link:hover{color:var(--accent)}.timeline-date{font-size:var(--step-xs);color:var(--text-fainter);letter-spacing:.02em}.timeline-title{font-size:var(--step)}.entry-list{margin-block-start:14px;padding:0;list-style:none}.entry-list li{margin-block-end:18px;padding-inline-start:0}.entry-list li:before{content:none}.timeline-entry{flex-direction:column;gap:1px;display:flex}.entry-title{color:var(--text-strong)}.entry-meta{color:var(--text-muted);font-size:var(--step-sm)}.entry-date{color:var(--text-fainter);font-size:var(--step-xs);letter-spacing:.02em}.entry-body{color:var(--text);font-size:12.5px}.skill-groups{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;margin-block-start:16px;display:grid}.skill-group-name{color:var(--text-strong);font-size:var(--step-sm);margin-block-end:4px}.skill-list{margin-block-start:0;padding-inline-start:0;list-style:none}.skill-list li{color:var(--text-muted);margin-block-end:2px;padding-inline-start:0;font-size:12.5px}.skill-list li:before{content:none}.stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-block-start:16px;display:grid}.stat dt{color:var(--text-faint);font-size:var(--step-xs)}.stat dd{color:var(--text-heading);font-size:var(--step-lg)}.testimonials{gap:18px;margin-block-start:16px;display:grid}.testimonial blockquote{color:var(--text);border-inline-start:2px solid var(--border);padding-inline-start:14px}.testimonial figcaption{color:var(--text-faint);font-size:var(--step-sm);margin-block-start:6px;padding-inline-start:16px}.socials,.emails{flex-wrap:wrap;gap:12px;margin-block-start:8px;display:flex}.emails{font-size:var(--step-sm);gap:12px;margin-block-start:4px}.filters{flex-wrap:wrap;gap:8px;margin-block-start:16px;display:flex}.filter{font-size:var(--step-sm);color:var(--text-faint);border-radius:var(--radius-sm);padding:6px 11px;line-height:1;transition:color .15s,background .15s}.filter:hover{color:var(--text-muted)}.filter.is-active{color:var(--text);background:var(--surface)}.contact-list{grid-template-columns:auto 1fr;justify-content:start;gap:8px 14px;margin-block-start:16px;display:grid}.contact-row{display:contents}.contact-row dt{color:var(--text-faint);font-size:var(--step-sm)}.contact-form{gap:14px;margin-block-start:20px;display:grid}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--text-faint);font-size:var(--step-sm)}.field input,.field textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--step-sm);padding:9px 11px}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:none}.field textarea{resize:vertical}.field--actions{flex-direction:row;align-items:center;gap:12px}.btn{background:var(--text-strong);color:var(--bg);font-size:var(--step);border-radius:12px;align-items:center;gap:10px;padding:10px 20px;line-height:1;transition:background .15s,transform .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.form-status,.form-note{color:var(--text-faint);font-size:var(--step-sm)}.form-status.is-error{color:var(--accent)}.btn[disabled]{opacity:.55;cursor:default}@media (max-width:900px){.card-grid{grid-template-columns:1fr}}.field-error{color:var(--accent);font-size:var(--step-xs);min-block-size:1em}.field input.is-invalid,.field textarea.is-invalid{border-color:var(--accent)}.project-page .back{color:var(--text-faint);font-size:var(--step-sm);border:none;margin-block-end:32px;transition:color .15s;display:inline-block}.project-page .back:hover{color:var(--accent)}.project-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.project-head h1{color:var(--text-heading);letter-spacing:-.01em;font-size:18px;font-weight:600}.project-head .year{color:var(--text-fainter);font-size:var(--step-sm)}.project-page .tagline{color:var(--text-muted);margin-block:2px 24px}.project-shot{aspect-ratio:16/9;background:var(--surface);border-radius:var(--radius);border:none;margin-block:4px 28px;transition:background .18s;display:block;position:relative;overflow:hidden}.project-shot:hover{background:var(--surface-hover)}.project-shot .win{block-size:auto;inline-size:auto;position:absolute;inset-block:18px 0;inset-inline:5%;transform:none}.project-body{color:var(--text);margin-block-end:24px}.project-links{flex-wrap:wrap;gap:16px;display:flex}.stack{flex-wrap:wrap;gap:8px;margin-block:0 24px;padding-inline-start:0;list-style:none;display:flex}.stack li{background:var(--surface);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--step-xs);margin-block-end:0;padding:4px 10px;padding-inline-start:10px}.stack li:before{content:none}.node-timeline{margin-block:28px 0;padding:0;list-style:none}.node{padding-block-end:34px;padding-inline-start:24px;position:relative}.node:before{content:"";background:var(--border);inline-size:1px;position:absolute;inset-block:9px 0;inset-inline-start:4px}.node:last-child{padding-block-end:0}.node:last-child:before{display:none}.node:after{content:"";background:var(--bg);border:1.5px solid var(--accent);border-radius:50%;block-size:9px;inline-size:9px;position:absolute;inset-block-start:5px;inset-inline-start:0}.node-date{font-size:var(--step-xs);color:var(--text-fainter);letter-spacing:.03em;display:block}.node-title{font-size:var(--step);color:var(--text-heading);margin-block:4px 12px;font-weight:600}.node-body{color:var(--text)}.thought-p{margin-block-end:14px}@media (max-width:600px){.project-page{padding:48px 20px 40px}}.skeleton{background-color:var(--surface);background-image:linear-gradient(90deg, var(--surface) 0%, var(--surface-hover) 40%, var(--surface) 80%);background-size:300% 100%;border-radius:6px;animation:1.4s ease-in-out infinite skeleton-sheen;display:block}@keyframes skeleton-sheen{0%{background-position:150% 0}to{background-position:-50% 0}}.skeleton-lines{display:block}.skeleton-line{block-size:.72em;margin-block:.5em}.skeleton-lines .skeleton-line:nth-child(4n+1){inline-size:94%}.skeleton-lines .skeleton-line:nth-child(4n+2){inline-size:78%}.skeleton-lines .skeleton-line:nth-child(4n+3){inline-size:88%}.skeleton-lines .skeleton-line:nth-child(4n){inline-size:62%}.skeleton-line--short{inline-size:38%}.skeleton-line--title{block-size:1em;inline-size:46%}.skeleton-chip{block-size:.85em;inline-size:64px}.skeleton-form{gap:8px;margin-block-start:20px;display:grid}.skeleton-shot{aspect-ratio:4/3;border-radius:var(--radius)}.skeleton-shot--wide{aspect-ratio:16/9}.skeleton-field{border-radius:var(--radius-sm);block-size:36px;margin-block-start:5px}.skeleton-field--area{block-size:96px}.skeleton-btn{border-radius:12px;block-size:38px;inline-size:96px}.app ul li.skeleton-item{margin-block-end:14px;padding-inline-start:0}.app ul li.skeleton-item:before{content:none}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}