.cake-clone-page{min-height:100vh;padding-bottom:64px;color:#222;background:#f0f2f1}.cake-clone-toolbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:min(100% - 48px,1120px);margin:0 auto;padding:18px 0;border-bottom:1px solid rgba(34,34,34,.08);background:#f0f2f1e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:18px}.cake-clone-toolbar p{margin:0 0 4px;color:#0b663e;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cake-clone-toolbar h1{margin:0;color:#1f1f1f;font-size:clamp(1.2rem,1rem + 1vw,2rem);line-height:1.18}.cake-clone-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.cake-clone-actions a,.cake-clone-actions button,.cake-clone-secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:4px;font-weight:700;text-decoration:none;white-space:nowrap;gap:8px}.cake-clone-actions a,.cake-clone-secondary-action{border:1px solid #e4e4e4;color:#0b663e;background:#fff}.cake-clone-actions button{border:1px solid #0b663e;color:#fff;background:#0b663e;cursor:pointer}.cake-clone-secondary-action{cursor:pointer}.cake-clone-version-panel{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:stretch;width:min(100% - 48px,1120px);margin:22px auto 0;gap:18px}.cake-clone-version-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cake-clone-version-buttons button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 12px;border:1px solid #d8dedb;border-radius:4px;color:#335248;background:#fff;cursor:pointer;font-weight:800;white-space:nowrap;gap:7px}.cake-clone-version-buttons button.active{border-color:#0b663e;color:#fff;background:#0b663e}.cake-clone-version-copy{min-height:84px;padding:14px 16px;border-left:3px solid #0b663e;background:#ffffffb8}.cake-clone-version-copy p,.cake-clone-version-copy strong{display:block;margin:0;color:#25342f;font-size:.95rem;line-height:1.5}.cake-clone-version-copy p{color:#0b663e;font-weight:800}.cake-clone-version-tags,.cake-clone-project-tags{display:flex;flex-wrap:wrap;gap:7px}.cake-clone-version-tags{margin-top:10px}.cake-clone-version-tags span,.cake-clone-project-tags span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid #d8dedb;border-radius:4px;color:#335248;background:#fff;font-size:.78rem;font-weight:800}.cake-clone-stage{display:flex;justify-content:center;width:min(100% - 32px,1120px);margin:36px auto 0}.cake-clone-paper{width:min(100%,992px);padding:48px 54px 56px;background:#fff;box-shadow:0 22px 70px #1b27222e}.cake-clone-paper-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;margin-bottom:22px;padding-bottom:12px;border-bottom:1px solid #e4e4e4;gap:8px 16px}.cake-clone-paper-header span{color:#0b663e;font-size:.92rem;font-weight:900}.cake-clone-paper-header p{margin:0;color:#666;font-size:.92rem;line-height:1.45}.cake-clone-profile{display:grid;grid-template-columns:132px minmax(0,1fr);gap:28px;align-items:start}.cake-clone-photo-wrap{padding-top:4px}.cake-clone-photo{display:block;width:126px;aspect-ratio:252 / 256;border-radius:50%;object-fit:cover}.cake-clone-profile-content h2,.cake-clone-section h2{margin:0;color:#1f1f1f;font-size:2.35rem;line-height:1.16}.cake-clone-profile-content h2{font-size:2.55rem;font-weight:800}.cake-clone-summary,.cake-clone-skill ul,.cake-clone-copy ul{margin:0;padding-left:1.35em}.cake-clone-summary{margin-top:18px}.cake-clone-summary li,.cake-clone-skill li,.cake-clone-copy li{color:#222;font-size:16px;line-height:1.66}.cake-clone-summary li+li,.cake-clone-skill li+li,.cake-clone-copy li+li{margin-top:3px}.cake-clone-social{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:18px}.cake-clone-social a{display:inline-flex;align-items:center;color:#0b663e;font-size:.95rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;gap:6px}.cake-clone-role,.cake-clone-location{margin:16px 0 0;color:#222;font-size:16px;line-height:1.55}.cake-clone-location{display:inline-flex;align-items:center;margin-top:6px;color:#666;gap:5px}.cake-clone-section{margin-top:34px}.cake-clone-section h2{margin-bottom:18px;font-weight:800}.cake-clone-skill-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cake-clone-skill hr{height:1px;margin:0 0 16px;border:0;background:#a9a9a9}.cake-clone-skill h3{margin:0 0 12px;color:#222;font-size:24px;line-height:1.2}.cake-clone-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cake-clone-project{padding:0 0 15px;border-bottom:1px solid #e4e4e4;break-inside:avoid;page-break-inside:avoid}.cake-clone-project h3{margin:0 0 8px;color:#222;font-size:1.08rem;line-height:1.35}.cake-clone-project p{margin:0 0 10px;color:#222;font-size:15px;line-height:1.58}.cake-clone-project-links{display:flex;flex-wrap:wrap;margin-top:10px;gap:10px}.cake-clone-project-links a{color:#0b663e;font-size:.9rem;font-weight:800;text-decoration:underline;text-underline-offset:2px}.cake-clone-timeline{display:grid;gap:24px}.cake-clone-entry{display:grid;grid-template-columns:52px minmax(0,1fr) 104px;gap:20px;align-items:start;break-inside:avoid;page-break-inside:avoid}.cake-clone-marker{position:relative;min-height:100%}.cake-clone-marker:before{position:absolute;top:8px;right:12px;width:10px;height:10px;border:2px solid #0b663e;border-radius:50%;content:"";background:#fff}.cake-clone-marker:after{position:absolute;top:25px;right:16px;bottom:-24px;width:1px;content:"";background:#e4e4e4}.cake-clone-entry:last-child .cake-clone-marker:after{display:none}.cake-clone-copy h3{margin:0 0 12px;color:#222;font-size:1.17rem;line-height:1.38}.cake-clone-copy a{color:#0b663e;text-decoration:underline;text-underline-offset:2px}.cake-clone-copy ul ul{margin-top:3px}.cake-clone-image{justify-self:end;padding-top:4px}.cake-clone-image img{display:block;width:84px;height:auto;object-fit:contain}@media(max-width:920px){.cake-clone-toolbar{position:static;grid-template-columns:1fr;width:min(100% - 28px,1120px)}.cake-clone-actions{justify-content:start}.cake-clone-version-panel{grid-template-columns:1fr;width:min(100% - 28px,1120px)}.cake-clone-version-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.cake-clone-paper{padding:32px 24px 40px}.cake-clone-profile,.cake-clone-entry{grid-template-columns:1fr}.cake-clone-photo{width:112px}.cake-clone-skill-columns{grid-template-columns:1fr;gap:18px}.cake-clone-projects{grid-template-columns:1fr}.cake-clone-marker{display:none}.cake-clone-image{justify-self:start;order:-1}}@media(max-width:520px){.cake-clone-stage{width:min(100% - 16px,1120px);margin-top:16px}.cake-clone-version-panel{width:min(100% - 16px,1120px);margin-top:14px}.cake-clone-version-buttons{grid-template-columns:1fr}.cake-clone-actions{display:grid;grid-template-columns:1fr}.cake-clone-actions a,.cake-clone-actions button,.cake-clone-secondary-action{width:100%}.cake-clone-paper{padding:24px 18px 32px}.cake-clone-profile-content h2,.cake-clone-section h2{font-size:2rem}.cake-clone-copy h3{font-size:1.06rem}}@media print{@page{size:A4;margin:12mm 11mm}html,body{background:#fff!important}.no-print{display:none!important}.cake-clone-page{min-height:auto;padding:0;color:#222;background:#fff!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.cake-clone-stage{display:block;width:auto;margin:0}.cake-clone-paper{width:auto;padding:0;background:#fff;box-shadow:none}.cake-clone-paper-header{margin-bottom:5mm;padding-bottom:3mm;break-after:avoid;page-break-after:avoid}.cake-clone-paper-header span,.cake-clone-paper-header p{font-size:9pt}.cake-clone-profile{grid-template-columns:28mm 1fr;gap:8mm;break-inside:avoid;page-break-inside:avoid}.cake-clone-photo{width:26mm}.cake-clone-profile-content h2{font-size:24pt}.cake-clone-section h2{margin-bottom:4mm;font-size:20pt;break-after:avoid;page-break-after:avoid}.cake-clone-summary{margin-top:4mm}.cake-clone-summary li,.cake-clone-skill li,.cake-clone-copy li,.cake-clone-role,.cake-clone-location{font-size:10pt;line-height:1.5}.cake-clone-section{margin-top:8mm;break-inside:auto;page-break-inside:auto}.cake-clone-skill-columns{grid-template-columns:repeat(3,1fr);gap:7mm}.cake-clone-skill hr{margin-bottom:3mm}.cake-clone-skill h3{font-size:14pt;break-after:avoid;page-break-after:avoid}.cake-clone-skill,.cake-clone-project{break-inside:avoid;page-break-inside:avoid}.cake-clone-projects{grid-template-columns:repeat(2,1fr);gap:5mm}.cake-clone-project{padding-bottom:3mm}.cake-clone-project h3{margin-bottom:2mm;font-size:11.5pt;break-after:avoid;page-break-after:avoid}.cake-clone-project p{margin-bottom:2mm;font-size:9.5pt;line-height:1.45}.cake-clone-project-tags span{min-height:0;padding:0 5px;font-size:7.6pt}.cake-clone-project-links{gap:6px;margin-top:2mm}.cake-clone-project-links a{font-size:8.5pt}.cake-clone-timeline{gap:6mm}.cake-clone-entry{grid-template-columns:11mm 1fr 24mm;gap:5mm;break-inside:avoid;page-break-inside:avoid}.cake-clone-copy h3{margin-bottom:2.5mm;font-size:11.5pt;break-after:avoid;page-break-after:avoid}.cake-clone-copy ul,.cake-clone-copy li{break-inside:avoid;page-break-inside:avoid}.cake-clone-marker:after{bottom:-6mm}.cake-clone-image img{width:21mm}}:root{color-scheme:light;--paper: #fbf7ef;--paper-strong: #fffdf8;--ink: #101820;--muted: #596266;--line: rgba(16, 24, 32, .14);--line-strong: rgba(16, 24, 32, .22);--teal: #0f6d78;--teal-strong: #0a4e58;--teal-soft: #d7f0ee;--coral: #f05f4f;--lavender-gray: #e9e6ef;--charcoal: #111920;--page-bg: linear-gradient(120deg, rgba(215, 240, 238, .28), transparent 32rem), linear-gradient(180deg, #fffaf3 0%, var(--paper) 42%, #f5efe5 100%);--scanline: rgba(16, 24, 32, .035);--focus-ring: rgba(15, 109, 120, .28);--header-bg: rgba(251, 247, 239, .86);--surface: rgba(255, 255, 255, .58);--surface-soft: rgba(255, 255, 255, .48);--surface-faint: rgba(255, 255, 255, .42);--surface-strong: rgba(255, 255, 255, .56);--text-strong: #283239;--text-detail: #313c42;--tag-ink: #414a4f;--tag-bg: rgba(16, 24, 32, .06);--selection-bg: rgba(215, 240, 238, .54);--selection-border: rgba(15, 109, 120, .42);--primary-ink: #ffffff;--link-hover-bg: rgba(15, 109, 120, .08);--mobile-header-line: rgba(16, 24, 32, .11);--avatar-border: rgba(15, 109, 120, .86);--avatar-shadow: 0 18px 42px rgba(49, 43, 35, .14);--primary-shadow: 0 14px 34px rgba(15, 109, 120, .22);--soft-shadow: 0 14px 34px rgba(49, 43, 35, .08);--selection-shadow: 0 12px 30px rgba(49, 43, 35, .08);--shadow: 0 24px 70px rgba(49, 43, 35, .12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}[data-theme=night]{color-scheme:dark;--paper: #070a08;--paper-strong: #0d120f;--ink: #f3f0e8;--muted: #aeb9b2;--line: rgba(243, 240, 232, .14);--line-strong: rgba(243, 240, 232, .24);--teal: #68d3c8;--teal-strong: #27988f;--teal-soft: rgba(104, 211, 200, .15);--coral: #ff8c78;--lavender-gray: #36313d;--charcoal: #f3f0e8;--page-bg: linear-gradient(120deg, rgba(104, 211, 200, .1), transparent 32rem), linear-gradient(180deg, #0b0807 0%, var(--paper) 44%, #030503 100%);--scanline: rgba(243, 240, 232, .036);--focus-ring: rgba(104, 211, 200, .34);--header-bg: rgba(7, 9, 8, .9);--surface: rgba(13, 18, 15, .82);--surface-soft: rgba(243, 240, 232, .055);--surface-faint: rgba(243, 240, 232, .045);--surface-strong: rgba(243, 240, 232, .075);--text-strong: #e8eee8;--text-detail: #d8e1da;--tag-ink: #dbe7df;--tag-bg: rgba(243, 240, 232, .09);--selection-bg: rgba(104, 211, 200, .16);--selection-border: rgba(104, 211, 200, .45);--primary-ink: #07100e;--link-hover-bg: rgba(104, 211, 200, .12);--mobile-header-line: rgba(243, 240, 232, .12);--avatar-border: rgba(104, 211, 200, .78);--avatar-shadow: 0 18px 42px rgba(0, 0, 0, .34);--primary-shadow: 0 16px 34px rgba(39, 152, 143, .24);--soft-shadow: 0 14px 34px rgba(0, 0, 0, .24);--selection-shadow: 0 12px 30px rgba(0, 0, 0, .22);--shadow: 0 24px 70px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--page-bg);overflow-x:hidden}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(var(--scanline) 1px,transparent 1px);background-size:100% 8px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.48),transparent 58%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.48),transparent 58%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;width:min(100% - 48px,1440px);height:78px;margin:0 auto;border-bottom:1px solid var(--line);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:16px;min-width:0;font-size:clamp(1.08rem,1rem + .36vw,1.42rem);font-weight:760}.brand-mark{color:var(--teal);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.08rem}.header-actions{display:flex;align-items:center;min-width:0;gap:clamp(18px,2.4vw,34px)}.site-header nav{display:flex;align-items:center;gap:clamp(20px,3vw,48px);font-weight:680}.site-header nav a{position:relative;padding:28px 0}.site-header nav a:after{position:absolute;right:0;bottom:12px;left:0;height:2px;content:"";background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 12px 0 8px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:var(--surface-soft);cursor:pointer;font-weight:760;white-space:nowrap;gap:8px;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.theme-toggle:hover{border-color:var(--teal);color:var(--teal);background:var(--link-hover-bg);box-shadow:var(--soft-shadow);transform:translateY(-1px)}.theme-toggle-icon{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:50%;color:var(--primary-ink);background:linear-gradient(135deg,var(--teal-strong),var(--teal))}.section-shell{width:min(100% - 48px,1440px);margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:center;min-height:min(680px,calc(100vh - 78px));padding:clamp(44px,7vw,92px) 0 clamp(40px,5vw,64px)}.hero-copy{width:min(100%,980px);min-width:0;margin-inline:auto}.eyebrow{margin:0 0 18px;color:var(--teal);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem;font-weight:680}.hero-identity{display:flex;align-items:center;gap:clamp(18px,2.6vw,34px);min-width:0}.profile-avatar{flex:0 0 auto;width:clamp(88px,9vw,128px);aspect-ratio:1;border:3px solid var(--avatar-border);border-radius:50%;object-fit:cover;box-shadow:var(--avatar-shadow)}.hero h1{max-width:8ch;margin:0;font-size:clamp(3.8rem,6.7vw,7rem);line-height:.96;letter-spacing:0}.role{margin:18px 0 0;font-size:clamp(1.8rem,2.8vw,3.05rem);line-height:1.12;overflow-wrap:anywhere}.title-rule{display:block;width:32px;height:2px;margin:28px 0;background:var(--teal)}.intro{max-width:760px;margin:0;color:var(--text-strong);font-size:clamp(1rem,.95rem + .26vw,1.18rem);font-weight:560;line-height:1.9;overflow-wrap:anywhere}.quote{max-width:760px;margin:22px 0 0;padding:16px 0 0;border-top:1px solid var(--line)}.quote blockquote{display:grid;gap:6px;margin:0;color:var(--text-strong);line-height:1.72}.quote figcaption{margin-top:8px;color:var(--muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border-radius:5px;font-weight:760;line-height:1;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;gap:14px}.button:hover{transform:translateY(-2px)}.button-primary{border:1px solid var(--teal-strong);color:var(--primary-ink);background:linear-gradient(135deg,var(--teal-strong),var(--teal));box-shadow:var(--primary-shadow)}.button-secondary{border:1px solid var(--line-strong);color:var(--ink);background:var(--surface-soft)}.button-secondary:hover{border-color:var(--teal);box-shadow:var(--soft-shadow)}.social-links{display:flex;align-items:center;gap:26px;margin-top:28px}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;transition:color .18s ease,background .18s ease,transform .18s ease}.social-links a:hover{color:var(--teal);background:var(--link-hover-bg);transform:translateY(-2px)}.skill-card,.project-detail,.principle,.experience-item,.contact{min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading h2,.contact h2{margin:0;font-size:clamp(1.72rem,2.6vw,2.7rem);line-height:1.08}.section-heading .eyebrow,.contact .eyebrow{margin-bottom:10px}.project-row span{display:grid;min-width:0;gap:6px}.project-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-row small,.detail-meta{color:var(--muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem}.detail-meta{display:flex;flex-wrap:wrap;gap:12px}.project-detail h3{margin:16px 0 10px;font-size:clamp(1.55rem,2vw,2.28rem);line-height:1.18}.project-gallery{display:grid;gap:12px;margin:28px 0 0}.project-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.project-gallery h4{margin:0;color:var(--teal-strong);font-size:.98rem;line-height:1.2}.project-gallery-controls{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem}.project-gallery-controls button{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:var(--surface-soft);cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.project-gallery-controls button:hover:not(:disabled){border-color:var(--teal);color:var(--primary-ink);background:var(--teal);transform:translateY(-1px)}.project-gallery-controls button:disabled{cursor:default;opacity:.38}.project-gallery-viewport{display:flex;overflow-x:auto;width:100%;aspect-ratio:16 / 10;border:1px solid var(--line);border-radius:6px;background:var(--paper-strong);box-shadow:var(--soft-shadow);overscroll-behavior-x:contain;overscroll-behavior-y:auto;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-y}.project-gallery-viewport::-webkit-scrollbar{display:none}.project-gallery-slide{display:block;flex:0 0 100%;min-width:100%;height:100%;margin:0;overflow:hidden;background:var(--paper-strong);scroll-snap-align:start;scroll-snap-stop:always}.zoomable-image-frame{width:100%;height:100%;overflow:hidden;cursor:zoom-in;touch-action:pan-y;-webkit-user-select:none;user-select:none}.zoomable-image-frame[data-zoomed=true]{cursor:grab;touch-action:none}.zoomable-image-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform-origin:center center;transition:transform 80ms ease-out;will-change:transform}.project-gallery-dots{display:flex;justify-content:center;min-height:18px;gap:7px}.project-gallery-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:var(--line-strong);cursor:pointer;transition:width .18s ease,background .18s ease}.project-gallery-dots button.active{width:24px;background:var(--teal)}.project-detail p,.skill-card p,.principle p,.experience-item p,.contact p,.section-heading.compact p{color:var(--muted);line-height:1.75}.project-detail p{max-width:760px;margin:0;color:var(--text-detail)}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.project-detail .tag-row{margin-top:20px}.tag-row span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:5px;color:var(--tag-ink);background:var(--tag-bg);font-size:.78rem;line-height:1}.detail-links a{display:inline-flex;align-items:center;color:var(--teal-strong);font-weight:760;gap:8px}.works,.resume,.contact{padding:64px 0}.section-heading{margin-bottom:28px}.section-heading.compact{align-items:start}.section-heading.compact p{max-width:620px;margin:0}.project-controls{display:grid;justify-items:end;gap:10px}.sort-group{display:inline-flex;align-items:center;max-width:100%;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface-faint);gap:3px}.sort-group button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:0;border-radius:999px;color:var(--muted);background:transparent;cursor:pointer;font-weight:720;white-space:nowrap;gap:7px;transition:color .18s ease,background .18s ease}.sort-group button.active,.sort-group button:hover{color:var(--primary-ink);background:var(--teal)}.filter-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.filter-group button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface-faint);cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease}.filter-group button.active,.filter-group button:hover{border-color:var(--teal);color:var(--primary-ink);background:var(--teal)}.work-layout{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(420px,1.14fr);gap:20px}.project-list{display:grid;gap:10px}.project-row{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:18px 20px;border:1px solid var(--line);border-radius:7px;color:var(--ink);text-align:left;background:var(--surface-soft);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.project-row:hover,.project-row.selected{border-color:var(--selection-border);background:var(--selection-bg);transform:translate(3px)}.project-detail{display:flex;flex-direction:column;justify-content:flex-start;min-height:420px;padding:clamp(28px,4vw,48px)}.project-detail .detail-meta{margin-bottom:18px}.project-detail h3{margin-top:0}.project-detail p{font-size:1.08rem;line-height:1.85}.detail-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.detail-links a{min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:5px;background:var(--surface-soft)}.resume-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px}.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.skill-card{min-height:218px;padding:24px}.skill-card>span,.principle>span{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:8px;color:var(--teal);background:var(--teal-soft)}.skill-card svg,.principle svg{width:22px;height:22px}.skill-card h3,.principle h3{margin:20px 0 8px}.principle-list{display:grid;gap:14px}.principle{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:22px}.principle h3,.principle p{margin:0}.principle h3{margin-bottom:7px}.experience-preview{margin-top:clamp(32px,5vw,54px)}.experience-preview-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:20px}.experience-preview-heading h3{margin:0;font-size:clamp(1.45rem,2vw,2.1rem);line-height:1.12}.inline-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:5px;color:var(--teal-strong);background:var(--surface-soft);font-weight:760;white-space:nowrap;gap:8px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.inline-link:hover{border-color:var(--teal);background:var(--link-hover-bg);box-shadow:var(--soft-shadow);transform:translateY(-1px)}.experience-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px}.experience-list h4{margin:0 0 14px;color:var(--teal-strong);font-size:1rem;line-height:1.2}.experience-items{display:grid;gap:12px}.experience-item{padding:20px}.experience-card-header{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:12px}.experience-logo{display:block;width:58px;aspect-ratio:1;padding:6px;border:1px solid var(--line);border-radius:8px;object-fit:contain;background:#ffffffb8}.experience-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:6px;color:var(--muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem}.experience-item h5{margin:0;font-size:1.08rem;line-height:1.34}.experience-item p{display:-webkit-box;overflow:hidden;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:3}.experience-item .tag-row{margin-top:14px}.contact{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:54px;padding:clamp(30px,5vw,56px)}.contact p{max-width:620px;margin-bottom:0}.contact-actions{flex-shrink:0;margin-top:0}@media(max-width:1180px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:820px}.resume-layout,.experience-columns{grid-template-columns:1fr}}@media(max-width:860px){.site-header{position:static;display:grid;height:auto;padding:18px 0 12px;gap:14px}.header-actions{width:100%;justify-content:space-between}.site-header nav{min-width:0;gap:18px;overflow-x:auto;padding-bottom:6px;font-size:.92rem}.site-header nav a{flex:0 0 auto;padding:8px 0}.site-header nav a:after{bottom:0}.hero{padding-top:42px}.hero h1{max-width:10ch;font-size:clamp(3rem,14vw,5rem)}.profile-avatar{width:clamp(72px,18vw,104px)}.role{font-size:clamp(1.55rem,7.2vw,2.45rem);max-width:min(11.5em,100%)}.section-heading,.experience-preview-heading,.contact{display:grid}.work-layout{grid-template-columns:1fr}.project-detail{min-height:360px}.filter-group{justify-content:flex-start}.project-controls{justify-items:start}.contact-actions{justify-content:start}}@media(max-width:640px){.section-shell,.site-header{width:min(100% - 24px,1440px)}.site-header{position:sticky;top:0;z-index:20;margin-bottom:8px;padding:12px 0 10px;border-bottom-color:var(--mobile-header-line)}.brand{justify-content:flex-start;font-size:1.04rem}.brand-mark{font-size:.98rem}.header-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.site-header nav{gap:8px;padding:2px 1px 6px;scrollbar-width:none}.site-header nav::-webkit-scrollbar,.project-list::-webkit-scrollbar,.sort-group::-webkit-scrollbar,.filter-group::-webkit-scrollbar{display:none}.site-header nav a{min-height:34px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);font-size:.86rem;white-space:nowrap}.theme-toggle{align-self:start;min-height:36px;padding-right:10px;font-size:.84rem}.theme-toggle-icon{width:24px;height:24px}.site-header nav a:after{display:none}.hero{gap:24px;padding-top:24px;padding-bottom:28px}.hero-copy{width:min(100%,calc(100vw - 24px));max-width:calc(100vw - 24px)}.eyebrow{margin-bottom:14px;font-size:.76rem}.hero-identity{gap:14px}.hero-actions,.contact-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}.button{width:100%;min-height:54px;padding:0 18px}.title-rule{margin:22px 0}.intro{display:block;overflow:visible;max-width:100%;font-size:1rem;line-height:1.82;word-break:break-all}.quote{display:none}.social-links{justify-content:space-between;max-width:210px;margin-top:24px}.section-heading h2,.contact h2{font-size:2rem}.project-list,.filter-group{display:flex;gap:10px;margin-right:-12px;padding:1px 12px 8px 0;overflow-x:auto;scroll-snap-type:x mandatory}.project-row{flex:0 0 min(82vw,320px);scroll-snap-align:start}.project-row:hover,.project-row.selected{transform:translateY(-2px)}.works,.resume,.contact{padding-top:42px;padding-bottom:42px}.section-heading{gap:18px;margin-bottom:22px}.project-controls{width:100%}.sort-group{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.sort-group button{flex:0 0 auto}.filter-group{flex-wrap:nowrap;justify-content:flex-start}.filter-group button{flex:0 0 auto}.work-layout{gap:14px}.project-row{min-height:92px}.project-detail,.skill-card,.experience-item{padding:20px}.project-detail .detail-meta{margin-bottom:22px}.project-detail h3{margin-top:0;font-size:1.62rem;line-height:1.22}.project-detail p{font-size:1rem;line-height:1.78}.project-gallery{margin-top:22px;gap:10px}.project-gallery-heading{align-items:center}.project-gallery-viewport{aspect-ratio:9 / 16;max-height:min(76vh,680px)}.project-gallery-controls button{width:38px;height:38px}.zoomable-image-frame img{object-fit:contain}.detail-links a{flex:1 1 100%;justify-content:center}.skill-grid,.principle{grid-template-columns:1fr}.experience-card-header{grid-template-columns:52px minmax(0,1fr)}.experience-logo{width:52px}.inline-link{width:100%}.contact{margin-bottom:28px}.contact-actions{width:100%}}@media(max-width:390px){.hero h1{font-size:3.2rem}.role{font-size:1.58rem}.project-row{flex-basis:min(86vw,300px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}