/* Standalone styles: includes the original page design and interaction transitions. */
svg{display:inline-block;vertical-align:middle;flex-shrink:0}button{line-height:inherit}img{display:block}body{-webkit-font-smoothing:antialiased}


:root { --ink:#10283c; --ink-soft:#365469; --blue:#164d73; --blue-deep:#0b304c; --paper:#fbfcfc; --rose:#c49287; --line:rgba(16,40,60,.15); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif} a{color:inherit;text-decoration:none} button{font:inherit}.site-shell{overflow:hidden}
.nav-wrap{position:fixed;z-index:50;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));height:68px;padding:8px 10px 8px 14px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(246,250,252,.77);backdrop-filter:blur(20px);box-shadow:0 14px 46px rgba(10,44,66,.12);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--blue-deep);color:white;font-family:Georgia,serif}.brand strong{font-family:Georgia,serif;font-size:1.05rem}.nav-links{display:flex;gap:30px;color:var(--ink-soft);font-size:.92rem}.nav-links a:hover{color:var(--blue)}.language-button{border:0;border-radius:999px;padding:13px 18px;background:var(--ink);color:white;cursor:pointer;display:flex;align-items:center;gap:7px}
.hero{min-height:920px;padding:150px max(6vw,28px) 90px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:5vw;position:relative;background:radial-gradient(circle at 80% 18%,rgba(196,146,135,.22),transparent 23%),linear-gradient(135deg,#f7fafb 0%,#e8f1f5 46%,#b9cfdb 100%)}.hero::before{content:"";position:absolute;width:470px;height:470px;border:1px solid rgba(255,255,255,.56);border-radius:50%;right:-120px;bottom:-130px}.hero-copy{max-width:690px;position:relative;z-index:2}.eyebrow{margin:0 0 22px;color:var(--blue);font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.hero h1{margin:0;font:500 clamp(5.5rem,10.7vw,10.2rem)/.77 Georgia,"Times New Roman",serif;letter-spacing:-.07em}.hero h1 em{color:var(--blue);font-weight:400}.hero-statement{margin:42px 0 12px;font:400 clamp(1.5rem,2.2vw,2.25rem)/1.2 Georgia,serif}.hero-summary{max-width:640px;margin:0;color:var(--ink-soft);font-size:1.04rem;line-height:1.75}.hero-meta{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--ink-soft);font-size:.9rem}.hero-meta span{display:flex;align-items:center;gap:8px}.hero-actions,.contact-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}.button{min-height:48px;padding:0 20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:.92rem;font-weight:700;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--blue-deep);color:white;box-shadow:0 10px 26px rgba(11,48,76,.2)}.button.ghost{border:1px solid var(--line);background:rgba(255,255,255,.42)}
.portrait-zone{min-height:650px;position:relative;display:grid;place-items:center}.portrait-halo{position:absolute;width:min(40vw,550px);aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.65),rgba(22,77,115,.12));box-shadow:inset 0 0 0 1px rgba(255,255,255,.62)}.portrait-card{position:relative;width:min(31vw,420px);height:570px;overflow:hidden;border-radius:210px 210px 42px 42px;border:8px solid rgba(255,255,255,.54);box-shadow:0 40px 80px rgba(8,45,69,.24);background:var(--blue)}.portrait-card img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.portrait-label{position:absolute;inset:auto 18px 18px;padding:18px 22px;border-radius:22px;background:rgba(7,38,59,.72);color:white;backdrop-filter:blur(16px)}.portrait-label span{display:block;margin-bottom:6px;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;opacity:.75}.portrait-label strong{font:400 1.15rem/1.25 Georgia,serif}.floating-note{position:absolute;z-index:3;min-width:190px;padding:15px 18px;border-radius:18px;background:rgba(255,255,255,.8);box-shadow:0 18px 44px rgba(9,42,63,.16);backdrop-filter:blur(16px);display:flex;align-items:center;gap:12px}.floating-note svg{color:var(--blue)}.floating-note span{font:600 1.1rem Georgia,serif}.floating-note small{display:block;margin-top:2px;color:var(--ink-soft);font:400 .72rem Arial,sans-serif}.note-top{top:80px;right:0}.note-bottom{bottom:72px;left:-18px}
.section{padding:120px max(6vw,28px)}.section-intro{max-width:790px;margin-bottom:56px}.section-intro h2,.contact h2{margin:0;font:400 clamp(2.5rem,5vw,5rem)/1.04 Georgia,serif;letter-spacing:-.045em}.metrics-section{background:var(--blue-deep);color:white}.metrics-section .eyebrow{color:#9dc0d2}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.metric{min-height:210px;padding:34px 28px;border-right:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;justify-content:space-between}.metric:last-child{border-right:0}.metric strong{font:400 clamp(2.7rem,5vw,5.6rem)/1 Georgia,serif;color:#d7e7ee}.metric span{max-width:180px;color:rgba(255,255,255,.7);line-height:1.5}
.experience-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;background:#eef4f6}.sticky{position:sticky;top:130px;align-self:start}.timeline{border-top:1px solid var(--line)}.job{padding:40px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:54px 1fr;gap:18px}.job-index{color:var(--rose);font:italic 1.1rem Georgia,serif}.period{margin:0 0 12px;color:var(--blue);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.job h3{margin:0 0 5px;font:400 1.65rem/1.2 Georgia,serif}.job h4{margin:0 0 16px;color:var(--blue);font-size:.92rem}.job p:last-child{margin:0;color:var(--ink-soft);line-height:1.75}
.projects-section{background:var(--paper)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{min-height:390px;padding:30px;border:1px solid var(--line);border-radius:28px;position:relative;display:flex;flex-direction:column;background:white;transition:.25s ease}.project-card:nth-child(2){background:var(--blue);color:white;transform:translateY(30px)}.project-card:hover{transform:translateY(-5px);box-shadow:0 22px 54px rgba(17,52,74,.13)}.project-card:nth-child(2):hover{transform:translateY(22px)}.project-number{color:var(--rose);font:italic 1.25rem Georgia,serif}.project-arrow{position:absolute;top:28px;right:28px}.project-card h3{margin:auto 0 18px;font:400 2rem/1.1 Georgia,serif}.project-card p{margin:0 0 28px;color:var(--ink-soft);line-height:1.7}.project-card:nth-child(2) p{color:rgba(255,255,255,.76)}.tag{padding-top:18px;border-top:1px solid currentColor;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;opacity:.7}
.education-section{background:linear-gradient(140deg,#dbe8ee,#f5f8f8)}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.education-grid article{min-height:290px;padding:30px;border-radius:26px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.8)}.education-grid svg{margin-bottom:62px;color:var(--blue)}.education-grid span{display:block;margin-bottom:12px;color:var(--blue);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.education-grid h3{margin:0 0 10px;font:400 1.55rem Georgia,serif}.education-grid p{margin:0;color:var(--ink-soft);line-height:1.6}.leadership-card{background:var(--blue-deep)!important;color:white}.leadership-card p{color:rgba(255,255,255,.7)}.leadership-card svg,.leadership-card span{color:#a9c9d8}
.skills-section{display:grid;grid-template-columns:.42fr 1fr;gap:8vw}.skills-list{border-top:1px solid var(--line)}.skills-list div{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:.42fr 1fr;gap:20px}.skills-list strong{font:400 1.22rem Georgia,serif}.skills-list span{color:var(--ink-soft);line-height:1.6}.contact{margin:0 24px 24px;padding:90px max(6vw,28px) 34px;border-radius:40px;background:var(--blue-deep);color:white}.contact>div:first-child{max-width:920px}.contact .eyebrow{color:#9dc0d2}.button.light{background:white;color:var(--blue-deep)}.button.outline-light{border:1px solid rgba(255,255,255,.34)}.footer-line{margin:80px 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;color:rgba(255,255,255,.48);font-size:.78rem}
@media(max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero h1{font-size:clamp(5.3rem,22vw,8rem)}.portrait-zone{min-height:590px}.portrait-card{width:min(78vw,400px);height:530px}.portrait-halo{width:min(90vw,520px)}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.2)}.experience-section,.skills-section{grid-template-columns:1fr}.sticky{position:static}.project-grid,.education-grid{grid-template-columns:1fr}.project-card:nth-child(2),.project-card:nth-child(2):hover{transform:none}}
@media(max-width:560px){.nav-wrap{height:60px;top:10px;width:calc(100% - 20px)}.brand span{width:42px;height:42px}.brand strong{display:none}.language-button{padding:11px 15px}.hero{min-height:auto;padding:110px 20px 70px}.hero h1{font-size:5.4rem}.hero-summary{font-size:1rem}.portrait-zone{min-height:510px}.portrait-card{width:82vw;height:450px}.portrait-label{inset:auto 12px 12px}.floating-note{min-width:160px;padding:12px}.note-top{top:38px;right:-7px}.note-bottom{bottom:25px;left:-6px}.section{padding:82px 20px}.section-intro{margin-bottom:38px}.metrics-grid{grid-template-columns:1fr}.metric{min-height:165px;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.job{grid-template-columns:38px 1fr}.project-card{min-height:340px}.skills-list div{grid-template-columns:1fr;gap:8px}.contact{margin:0 10px 10px;padding:70px 20px 26px;border-radius:28px}.footer-line{flex-direction:column;gap:10px}}

.language-switch{display:flex;padding:4px;border-radius:999px;background:var(--ink);color:white}
.language-switch button{width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:rgba(255,255,255,.65);cursor:pointer;font-weight:700}
.language-switch button.active{background:white;color:var(--blue-deep)}
.hero h1.chinese-name{font-size:clamp(6rem,12vw,11rem);line-height:.88;letter-spacing:.02em;font-family:"Songti TC","Noto Serif TC","PingFang TC","Microsoft JhengHei",serif}
html:lang(zh-Hant) body,html:lang(zh-Hans) body{font-family:"PingFang TC","PingFang SC","Microsoft JhengHei","Microsoft YaHei",sans-serif}
html:lang(zh-Hant) .section-intro h2,html:lang(zh-Hans) .section-intro h2,html:lang(zh-Hant) .contact h2,html:lang(zh-Hans) .contact h2{letter-spacing:-.02em}
@media(max-width:560px){.language-switch button{width:34px;height:34px}.hero h1.chinese-name{font-size:5.4rem}}

.project-grid{grid-template-columns:repeat(2,1fr)}
.project-card:nth-child(2),.project-card:nth-child(2):hover{transform:none}
.project-card:nth-child(4){background:var(--blue);color:white}
.project-card:nth-child(4) p{color:rgba(255,255,255,.76)}
@media(max-width:900px){.project-grid{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}