@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--body-color:#121212;--body-bg:#fff;--secondary-color:#666;--secondary-text:#262626;--border-color:#e0e0e0;--accent:#ec444a;--accent-rgb:236, 68, 74}[data-theme=dark]{--body-color:#e0e0e0;--body-bg:#121212;--secondary-color:#e0e0e0;--secondary-text:#b5b5b5;--border-color:#454545}*,:before,:after{box-sizing:border-box;touch-action:manipulation;hanging-punctuation:first;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:10000;width:1px;height:1px;font:inherit;background:var(--body-bg);color:var(--body-color);border:1px solid var(--border-color);padding:.65rem 1rem;text-decoration:none;position:absolute;top:auto;left:-10000px;overflow:hidden}.skip-link:focus{left:max(env(safe-area-inset-left), .75rem);top:max(env(safe-area-inset-top), .75rem);width:auto;height:auto;overflow:visible}html.menu-open,html.menu-open body,body.menu-open{overscroll-behavior:none;overflow:hidden}body{font-family:var(--font-hanabi), Georgia, "Times New Roman", Times, serif;color:var(--body-color);background:var(--body-bg);font-variation-settings:"slnt" 0, "MONO" 0;font-feature-settings:"dlig", "liga", "kern", "onum";font-size:16px;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}a{color:var(--body-color);text-decoration:none;transition:color .2s}ul{padding:0;list-style:none}ul li{margin-bottom:8px}hr{background:var(--border-color);opacity:1;border:0;height:1px;margin:0 0 .7rem;display:block}.sidebar{background:var(--body-bg);z-index:100;flex-direction:column;justify-content:space-between;width:15%;height:100vh;padding:2rem .8rem;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0}.sidebar-header{flex-direction:column;flex-grow:1;justify-content:center;min-height:0;display:flex}.sidebar h2{letter-spacing:-.02em;margin:0;font-size:2.6rem;font-weight:300;line-height:1.2}.sidebar h2 a{color:var(--secondary-color)}.sidebar h2 a.active,.sidebar h2 a:hover{color:var(--accent)}.sidebar-nav-container{flex-direction:column;flex-shrink:0;gap:1rem;margin-top:auto;display:flex}.cv-link{border-bottom:1px solid var(--border-color);width:fit-content;margin-bottom:.8rem;padding-bottom:.5rem;font-size:1.3rem;display:block}.sidebar-nav-container a.active,.sidebar-nav-container a:hover{color:var(--accent)}.project-list{flex-direction:column;font-size:1.1rem;line-height:1.6;display:flex}.project-list a{border-top:1px solid var(--border-color);padding:.5rem 0;display:block}.project-list a:first-child{border-top:none}.project-list a.active,.project-list a:hover{color:var(--accent)}@media (width<=768px),(height<=768px) and (width<=1024px){.sidebar{width:100%;padding-top:calc(80px + env(safe-area-inset-top));padding-bottom:calc(40px + env(safe-area-inset-bottom));z-index:2000;background:rgb(from var(--body-bg) r g b / 94%);-webkit-backdrop-filter:saturate(130%)blur(8px);overscroll-behavior:none;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;pointer-events:none;border-left:none;height:100dvh;min-height:100svh;padding-right:1.5rem;transition:opacity .4s,visibility .4s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar.active{opacity:1;visibility:visible;pointer-events:auto}.sidebar h2{font-size:2.5rem}}@media (width<=768px) and (orientation:portrait){.sidebar{padding-left:max(env(safe-area-inset-left), 1.5rem)}}@media (width<=768px) and (orientation:landscape){.sidebar{padding-left:max(env(safe-area-inset-left), 70px)!important}}@media (width<=768px) and (orientation:landscape) and (height<=430px){.sidebar{padding-left:max(env(safe-area-inset-left), 80px)!important}}@media (height<=768px) and (width<=1024px) and (orientation:landscape){.sidebar{padding-left:max(env(safe-area-inset-left), 70px)!important}}.sidebar::-webkit-scrollbar{width:0}@media (height<=500px){.sidebar{justify-content:flex-start;gap:1.5rem}.sidebar-header{flex-grow:0;justify-content:flex-start}.sidebar-nav-container{margin-top:2.5rem}}.menu-toggle{display:none}@media (width<=768px),(height<=768px) and (width<=1024px){.menu-toggle{bottom:calc(14.8rem + env(safe-area-inset-top));width:50px;height:50px;color:var(--body-color);cursor:pointer;z-index:2005;background-color:rgb(from var(--body-bg) r g b / 50%);-webkit-backdrop-filter:saturate(180%)blur(18px);box-shadow:0 4px 12px rgb(from var(--body-color) r g b / 10%);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .3s;display:flex;position:fixed;right:1.2rem}.menu-toggle span{font-size:24px;line-height:1;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);display:block}.menu-toggle.toggled span{transform:rotate(180deg)}}.menu-backdrop{z-index:1999;background:0 0;display:none;position:fixed;inset:0}.menu-backdrop.active{display:block}main{width:85%;min-height:100vh;padding:.8rem}@media (width<=768px),(height<=768px) and (width<=1024px){main{width:100%;padding:.8rem}}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;display:grid}@media (width<=768px),(height<=768px) and (width<=1024px){.portfolio-grid{grid-template-columns:1fr;gap:.8rem}}.thumbnail{background:0 0;position:relative;overflow:hidden}.thumbnail a{display:block}.thumb_image{aspect-ratio:4/5;background-color:#00000008;width:100%;overflow:hidden}.thumb_image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block}@media (width>=769px) and (height>=769px){.thumbnail .title{color:#fff;text-align:left;opacity:0;z-index:2;pointer-events:none;background:linear-gradient(#0000,#00000080);width:100%;padding:1.5rem;font-size:3.5rem;font-weight:400;line-height:1.2;transition:opacity .4s;position:absolute;bottom:0;left:0}.thumbnail:hover .title{opacity:1}}@media (width<=768px),(height<=768px) and (width<=1024px){.thumbnail .title{opacity:1;color:var(--body-color);pointer-events:auto;background:0 0;width:100%;padding:.8rem 0 0;font-size:1.5rem;position:relative;transform:none}.thumbnail .title span{border-bottom:1px solid #0000;width:fit-content;transition:border-color .3s;display:block}}@media (pointer:coarse){.thumbnail .title{opacity:1;text-align:left;color:#fff;z-index:9;white-space:normal;overflow-wrap:break-word;background:linear-gradient(#0000,#00000080);width:100%;padding:1rem;font-size:2.3rem;font-weight:400;line-height:1.2;display:block;position:absolute;bottom:0;left:0;right:0}}.gallery-grid{gap:.8rem;display:flex}.column-left,.column-right{flex-direction:column;flex:1;display:flex}.gallery-image{cursor:zoom-in;break-inside:avoid;width:100%;height:auto;margin:0 0 .8rem;display:inline-block}.gallery-image img{width:100%;height:auto;display:block}.lightbox{z-index:3000;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.lightbox.active{display:flex}.lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-content img{width:auto;max-width:90vw;height:auto;max-height:90vh;display:block}.lightbox-close{color:#fff;cursor:pointer;z-index:3001;background:0 0;border:none;padding:10px;font-size:40px;line-height:1;position:fixed;top:20px;right:30px}.lightbox-close:hover{opacity:.7}.lightbox-nav{font-family:var(--font-hanabi), Georgia, "Times New Roman", Times, serif;color:#fff;cursor:pointer;z-index:3001;background:0 0;border:none;padding:20px;font-size:60px;line-height:1;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{opacity:.7}.lightbox-prev{left:30px}.lightbox-next{right:30px}.lightbox-counter{color:#fff;z-index:3001;background:#0009;border-radius:20px;padding:8px 16px;font-size:14px;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}@media (width<=768px),(height<=768px) and (width<=1024px){.lightbox-close{font-size:30px;top:15px;right:15px}.lightbox-nav{padding:15px;font-size:40px}.lightbox-prev{left:15px}.lightbox-next{right:15px}.lightbox-counter{font-size:12px;bottom:20px}}.cv-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;display:grid}@media (width<=768px),(height<=768px) and (width<=1024px){.cv-grid{grid-template-columns:1fr;gap:.8rem}}.thumbnails .lang-margin{margin-top:6rem}.thumbnails .section-margin{margin-top:4rem}.cv-header{padding-bottom:1.5rem}@media (width<=768px),(height<=768px) and (width<=1024px){.cv-header{padding-bottom:1rem}}.cv-grid h1{margin-bottom:1rem;font-size:3.2rem;font-weight:400}@media (width<=768px),(height<=768px) and (width<=1024px){.cv-grid h1{font-size:2.6rem}}.cv-grid h2{margin-bottom:10px;font-size:2.2rem;font-weight:400}@media (width<=768px),(height<=768px) and (width<=1024px){.cv-grid h2,.cv-year{font-size:1.8rem}}.cv-year{color:var(--secondary-text);letter-spacing:.02em;margin:0 0 10px;font-size:2.2rem;font-weight:500}.cv-grid h3{letter-spacing:.03em;margin-bottom:10px;font-size:1.3rem;font-weight:300;line-height:1.6}@media (width<=768px),(height<=768px) and (width<=1024px){.cv-grid h3{font-size:1.1rem}}.cv h1,.cv h2,.cv h3,.cv h4,.cv h5,.cv h6{color:var(--secondary-text)}.cv [data-lang=zh],.cv-header [data-lang=zh]{font-variation-settings:normal;font-family:var(--font-noto-serif-sc,"Songti SC", "Songti TC", "STSong", "Kaiti SC", "Kaiti", "STKaiti", "KaiTi", "Noto Serif CJK SC", ui-serif, serif), var(--font-hanabi), Georgia, "Times New Roman", serif}.cv [data-lang=zh] .zh-latin,.cv-header [data-lang=zh] .zh-latin{font-variation-settings:normal;font-family:var(--font-hanabi), Georgia, "Times New Roman", Times, serif}.cv p{margin-bottom:8px;line-height:1.7}.lang-switch{max-width:900px;padding-top:2rem;font-size:2rem}.lang-switch button{cursor:pointer;font:inherit;color:var(--body-color);background:0 0;border:none;padding:0}.lang-switch button.active{color:var(--accent)}[data-lang=zh]{display:none}body.lang-ready [data-lang]:not(.active){clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;display:inline!important;position:absolute!important;overflow:hidden!important}body.lang-ready [data-lang].active{clip-path:none!important;white-space:normal!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:inline!important;position:static!important;overflow:visible!important}