@font-face{font-family:'LC DengXian';src:local('DengXian Light'),local('DengXian-Light');font-weight:300}@font-face{font-family:'LC DengXian';src:local('DengXian'),local('DengXian Regular'),local('等线');font-weight:400}@font-face{font-family:'LC DengXian';src:local('DengXian Bold'),local('DengXian-Bold');font-weight:700}
:root{--cn:'LC DengXian','DengXian','等线',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#111;background:white;font-family:Arial,Helvetica,sans-serif}body.chinese{font-family:var(--cn);font-synthesis:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #888;outline-offset:5px}[hidden]{display:none!important}button{border:0;background:none}img{display:block;max-width:100%}.site-header{height:14.4vh;min-height:100px;position:sticky;top:0;background:#fffffff5;z-index:20;display:flex;justify-content:space-between;align-items:flex-start;padding:3.6vh 2.25vw 0}.home-logo{width:6.2vw;min-width:65px;max-width:130px}.home-logo img{width:100%;filter:brightness(.65)}nav{display:flex;gap:clamp(6px,1.1vw,22px);align-items:center;padding-top:5px}nav>a{background:#ccc;color:white;border-radius:30px;font-size:clamp(11px,.94vw,20px);padding:3px 10px;line-height:1.1;font-weight:700}nav>a.active,nav>a:hover{background:#292929}.language{display:flex;align-items:center;gap:6px;margin-right:10px;font-size:clamp(12px,.9vw,19px)}.language button{padding:0;color:#aaa}.language button[aria-pressed=true]{color:#111}.search-toggle{width:24px;height:28px;padding:0;color:#bbb}.search-toggle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4}#library{padding:0 2.25vw}.library-heading{position:sticky;top:max(14.4vh,100px);z-index:15;background:white;padding-bottom:2px;border-bottom:1px solid #e3e3e3}.library-heading h1{font-size:clamp(20px,1.3vw,28px);font-weight:700;margin:0 0 12px}.view-switch{display:flex;gap:24px;font-size:clamp(15px,1vw,22px)}.view-switch button{padding:0;color:#aaa}.view-switch button[aria-pressed=true]{color:#111}.list-icon{font-size:.85em}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5.4vh 3vw;padding:2.8vh 0 5vh}.project-card{min-width:0}.project-photo{overflow:hidden;aspect-ratio:1.51;background:#f4f4f4}.project-photo img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-card:hover img,.project-card:focus-visible img{transform:scale(1.035)}.project-card p{font-size:clamp(11px,.72vw,16px);color:#aaa;font-weight:300;margin:10px 0 3px}.project-card h2{font-size:clamp(16px,1.12vw,25px);font-weight:700;line-height:1.2;margin:0;min-height:2.4em}#mapView{height:calc(100svh - max(14.4vh,100px) - 70px);min-height:460px;position:relative;overflow:hidden}#globeStage,#countryStage{position:absolute;inset:0}#globe{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#globe:active{cursor:grabbing}#countryMarkers{position:absolute;inset:0;pointer-events:none}.country-marker{position:absolute;width:30px;height:30px;display:grid;place-items:center;padding:0;transform:translate(-50%,-50%);pointer-events:auto}.country-marker::after{content:'';display:block;width:12px;height:12px;background:white;border-radius:50%;box-shadow:0 0 0 1px #fff3;transition:box-shadow .3s}.country-marker:hover::after,.country-marker:focus-visible::after{box-shadow:0 0 12px 5px #fff9}#mapStatus{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);color:#999;font-size:12px;pointer-events:none}.country-bar{position:absolute;left:0;right:0;top:8px;display:flex;align-items:center;justify-content:space-between;z-index:4}.country-bar h2{font-size:clamp(20px,1.3vw,28px);margin:0}.country-bar button{color:#999;font-size:13px}#countryMap{position:absolute;left:25%;top:5%;width:50%;height:94%;overflow:visible}#countryProjects{position:absolute;inset:0;pointer-events:none}.map-card{position:absolute;pointer-events:auto}.map-card .project-photo{aspect-ratio:1.51}.map-card p,.map-card h2{opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s;font-size:clamp(10px,.68vw,15px);min-height:0}.map-card p{margin:5px 0 1px}.map-card:hover p,.map-card:hover h2,.map-card:focus-visible p,.map-card:focus-visible h2{opacity:1;transform:none}.map-card{animation:cardIn .7s both}.country-stage-enter{animation:countryIn .65s both}@keyframes cardIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes countryIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
#detail{padding:0 2.25vw 6vh}.detail-hero{display:grid;grid-template-columns:35.3% 60.6%;gap:4.1%;min-height:80vh}.detail-sidebar{position:relative}.detail-front{width:100%;aspect-ratio:1.5;object-fit:cover}.detail-location{color:#aaa;font-weight:300;font-size:clamp(14px,1vw,22px);margin:22px 0 5px}.detail-sidebar h1{font-size:clamp(25px,1.65vw,38px);margin:0;line-height:1.15}.detail-meta{font-size:clamp(13px,.86vw,19px);line-height:1.35;margin-top:18vh;font-weight:400}.detail-main-image{width:100%;aspect-ratio:1.51;object-fit:cover;align-self:start}.detail-body{display:flex;justify-content:flex-end;margin-top:4vh}.detail-copy{width:22.5%;font-size:clamp(13px,.86vw,19px);line-height:1.35;color:#555;font-weight:300}.detail-copy p{margin:0 0 24px}.gallery-heading{border:1px solid #777;display:inline-block;padding:9px 30px;font-size:clamp(18px,1.2vw,26px);font-weight:400;margin:0 0 5vh}.gallery{position:relative}.gallery-track{display:flex;gap:1.1vw;overflow:auto;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory}.gallery-track::-webkit-scrollbar{display:none}.gallery-item{flex:0 0 auto;height:41vh;scroll-snap-align:start;padding:0;overflow:hidden}.gallery-item img{height:100%;width:auto;max-width:none;transition:transform .4s}.gallery-item:hover img{transform:scale(1.025)}.gallery-arrow{position:absolute;top:45%;font-size:55px;color:white;text-shadow:0 0 8px #0006;padding:0 10px;z-index:2}.gallery-arrow.prev{left:0}.gallery-arrow.next{right:0}.back-library{display:inline-block;color:#888;font-size:13px;margin-top:4vh}.pending-copy{margin-top:6vh;color:#999;font-size:14px}dialog{border:1px solid #ccc}dialog::backdrop{background:#0009}#lightbox{padding:0;border:0;width:100vw;max-width:none;height:100svh;max-height:none;background:#111;color:white;margin:0;overflow:hidden}#fullImage{position:absolute;inset:0;margin:auto;max-width:94vw;max-height:94svh;object-fit:contain}.lightbox-close{position:absolute;right:25px;top:15px;color:white;font-size:38px;z-index:3}.lightbox-prev,.lightbox-next{position:absolute;top:45%;font-size:60px;color:white;z-index:3}.lightbox-prev{left:20px}.lightbox-next{right:20px}#imageCounter{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:12px}body:has(dialog[open]){overflow:hidden}#searchPanel{width:min(650px,90vw);padding:40px}#searchPanel label{display:block;font-size:14px;margin-bottom:24px}#searchInput{font:inherit;width:100%;padding:10px 0;border:0;border-bottom:1px solid #ccc;font-size:24px}.search-close{position:absolute;right:10px;top:5px;font-size:30px}.search-result{display:block;border-bottom:1px solid #ddd;padding:14px 0;font-size:16px}.search-result small{display:block;font-size:12px;color:#999;margin-top:4px}
@media(max-width:850px){.site-header{height:110px;min-height:0;padding:20px}.home-logo{width:60px;min-width:60px}nav{gap:5px;max-width:78%;flex-wrap:wrap;justify-content:flex-end}nav>a{font-size:10px;padding:4px 7px}.language{margin-right:3px;font-size:12px}.search-toggle{width:18px;height:20px}#library,#detail{padding-left:20px;padding-right:20px}.library-heading{top:110px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.project-card h2{font-size:16px}.project-card p{font-size:11px}#mapView{height:calc(100svh - 175px);min-height:450px}#countryMap{left:15%;width:70%;top:3%;height:65%}#countryProjects{top:60%;display:flex;gap:12px;overflow:auto;align-items:flex-start;padding-top:20px}.map-card{position:relative!important;left:auto!important;top:auto!important;width:180px!important;flex:0 0 180px}.map-card p,.map-card h2{opacity:1;transform:none}.map-card h2{font-size:12px}.detail-hero{display:flex;flex-direction:column;gap:25px;min-height:0}.detail-front{width:48%}.detail-sidebar h1{font-size:28px}.detail-meta{margin-top:25px;font-size:14px}.detail-body{margin-top:30px}.detail-copy{width:100%;font-size:14px}.gallery-heading{margin-top:20px;margin-bottom:25px}.gallery-item{height:35vh}.gallery-track{gap:12px}.gallery-arrow{font-size:44px}}
@media(prefers-reduced-motion:reduce){html,.gallery-track{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.country-marker{will-change:transform}.gallery-item img{object-fit:contain}