.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 4vw;border-bottom:1px solid #393939;position:sticky;top:0;z-index:10;background:#111;color:#f1f0ed}.site-header .site-brand{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.045em;font-size:1.45rem;line-height:.9;text-decoration:none}.site-brand span{display:block;font-size:.61rem;font-weight:400;letter-spacing:.18em;margin-top:7px}.site-header nav{display:flex;gap:32px;font-size:.875rem;line-height:1.4;letter-spacing:.13em;text-transform:uppercase}.site-header nav a:hover,.site-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}.site-header a:focus-visible{outline:2px solid #f1f0ed;outline-offset:5px}@media(max-width:700px){.site-header{padding:22px 5vw}.site-header nav{gap:16px;letter-spacing:.04em}}@media(max-width:540px){.site-header{gap:16px;flex-wrap:wrap}.site-header nav{margin-left:auto;gap:12px;font-size:12px;letter-spacing:.02em}}

:root{--header-height:98px}html{scroll-padding-top:calc(var(--header-height) + 24px)}.project-sidebar{top:calc(var(--header-height) + 24px);max-height:calc(100dvh - var(--header-height) - 48px)}.contact a{overflow-wrap:anywhere;max-width:100%}@media(max-width:932px){.project-sidebar{top:var(--header-height);max-height:none}}

@media(min-width:933px){.project-sidebar{position:fixed;left:max(0px,calc((100vw - 1400px)/2));top:calc(var(--header-height) + 60px);width:min(25vw,350px);padding:0 min(2.5vw,35px) 24px;max-height:calc(100dvh - var(--header-height) - 84px);overscroll-behavior:contain}.project-main{grid-column:2}}

.language-switch{display:flex;gap:8px;align-items:center;font-size:12px;white-space:nowrap}.site-header nav{align-items:center}.language-switch a{letter-spacing:0;text-transform:none}.wechat-contact{margin-top:32px}.wechat-contact h2{font-size:24px;font-weight:400}.wechat-contact p{color:#bdbdbd;line-height:1.6}.contact .wechat-image{display:block;width:280px;max-width:100%;border:0;padding:0;margin:20px 0 0}.wechat-image img{width:100%;height:auto}html[lang="zh-CN"] body{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif}html[lang="zh-CN"] .home-hero h1,html[lang="zh-CN"] .profile h1,html[lang="zh-CN"] .contact h1{letter-spacing:0;line-height:1.15}html[lang="zh-CN"] .site-header nav{letter-spacing:.03em}@media(max-width:540px){.site-header nav{flex-wrap:wrap;justify-content:flex-end}.language-switch{font-size:11px;gap:6px}}

@font-face{font-family:"Portfolio Chinese";src:url("assets/chinese-subset.otf") format("opentype");font-weight:400;font-display:swap}html[lang="zh-CN"] body{font-family:Arial,"Microsoft YaHei","PingFang SC","Portfolio Chinese",sans-serif}.language-switch a[lang="zh-CN"]{font-family:"Microsoft YaHei","PingFang SC","Portfolio Chinese",sans-serif}

.contact .wechat-image{position:relative;width:180px;aspect-ratio:1;overflow:hidden;background:#111;margin-top:20px}.wechat-image img{position:absolute;width:148%;max-width:none;height:auto;left:-24%;top:-52%;filter:grayscale(1) invert(1);mix-blend-mode:screen}.wechat-contact{margin-top:40px}.wechat-contact h2{font-size:18px;margin-bottom:10px}.wechat-contact p{font-size:14px}

.email-qr{display:flex;align-items:center;gap:32px;margin-top:12px}.contact .email-qr>a[href^="mailto:"]{margin:0;min-width:0}.contact .email-qr .wechat-image{width:140px;flex:0 0 140px;margin:0}.email-qr .wechat-image img{max-width:none}@media(max-width:540px){.email-qr{gap:16px}.contact .email-qr>a[href^="mailto:"]{font-size:14px;flex:1}.contact .email-qr .wechat-image{width:112px;flex-basis:112px}}

.contact h1{margin-bottom:32px}.contact-methods{display:flex;align-items:center;gap:36px}.contact .contact-methods>a{margin:0;min-width:0}.contact .contact-methods .wechat-image{width:120px;flex:0 0 120px}.contact-methods>a[href^="mailto:"]{overflow-wrap:anywhere}@media(max-width:700px){.contact-methods{gap:18px}.contact .contact-methods>a{font-size:14px}.contact .contact-methods .wechat-image{width:96px;flex-basis:96px}.contact-methods>a[href^="mailto:"]{flex:1}}@media(max-width:440px){.contact-methods{gap:12px}.contact .contact-methods>a{font-size:12px}.contact .contact-methods .wechat-image{width:88px;flex-basis:88px}.contact h1{margin-bottom:24px}}

.contact h1.contact-title{display:flex;align-items:baseline;gap:22px;font-size:clamp(64px,13.2vw,190px)}.contact-title .wechat-image{display:inline-block;width:50px;height:50px;flex:0 0 50px;margin:0;transform:translateY(5px)}@media(max-width:700px){.contact h1.contact-title{gap:14px;font-size:clamp(64px,13.2vw,92px)}.contact-title .wechat-image{width:40px;height:40px;flex-basis:40px;transform:translateY(3px)}}