*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#273337;background:#d6dddd;font-family:Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #e45b25;outline-offset:6px}[hidden]{display:none!important}::selection{background:#e65427;color:#fff}.site-nav{display:flex;align-items:center;height:86px;padding:0 4%;gap:7%;border-bottom:1px solid #27333725}.brand{font-size:35px;font-weight:800;letter-spacing:-2.5px}.brand span{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:4px}.nav-note{font-size:9px;line-height:1.6;letter-spacing:1.3px}.site-nav nav{display:flex;gap:29px;margin-left:auto}.site-nav nav button{font-size:12px;border:0;background:none;padding:10px 0}.site-nav nav button:hover{color:#c3441c}.collection{position:relative;isolation:isolate;height:calc(100svh - 86px);min-height:740px;max-height:1100px;overflow:hidden;background:radial-gradient(ellipse at 48% 40%,#e6edeb 0,#d6dedd 52%,#c3cecf 100%)}.collection-canvas{position:absolute;inset:0}.collection-canvas canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.collection-canvas canvas.is-dragging{cursor:grabbing}.loading{position:absolute;top:35%;left:40%;font-size:12px}.hero-caption,.edition{position:absolute;z-index:2;top:32px;pointer-events:none;font-size:10px;letter-spacing:1.5px;line-height:1.6}.hero-caption{left:4%}.hero-caption p{font-size:12px;letter-spacing:0;line-height:1.9;margin-top:17px}.edition{right:4%;text-align:right;font-size:8px}.hero-title{position:absolute;z-index:2;left:0;right:0;top:43%;margin:0;color:#fff;font-size:clamp(54px,8.4vw,145px);line-height:1;letter-spacing:-.065em;text-align:center;font-weight:600;pointer-events:none;text-shadow:0 1px 18px #70898a10;transition:opacity .4s}.hero-title em{font-style:normal}.collection.is-exploring .hero-title{opacity:.12}.object-labels{position:absolute;inset:0;z-index:3;pointer-events:none}.object-labels button{position:absolute;pointer-events:auto;display:grid;grid-template-columns:20px auto 20px;gap:4px 9px;align-items:center;text-align:left;padding:9px 11px;background:#eaf0eced;backdrop-filter:blur(10px);border:1px solid #879a9650;box-shadow:0 3px 10px #344e4308;min-width:140px;transform:translate(-50%,-50%);transition:background .2s,border-color .2s;white-space:nowrap}.object-labels button::before{content:"";position:absolute;left:50%;top:-18px;width:1px;height:17px;background:#4c67687d}.object-labels button>span{font:9px monospace;color:#6c827d;grid-row:1/3}.object-labels b{font-size:13px;font-weight:500}.object-labels small{font:7px monospace;letter-spacing:1px;color:#6a7e78}.object-labels i{grid-column:3;grid-row:1/3;font-size:16px;font-style:normal}.object-labels button:hover,.object-labels button.active{background:#f9f7e9;border-color:#cf5f39}.object-labels button.active i{color:#d34c21}.scene-footer{position:absolute;z-index:2;left:4%;right:4%;bottom:90px;display:flex;justify-content:space-between;align-items:center;font-size:10px;gap:16px;pointer-events:none}.scene-footer a{pointer-events:auto;border-bottom:1px solid;padding-bottom:5px}.scene-status{max-width:320px}.drag-note{color:#627775}.prototype-controls{position:fixed;z-index:10;bottom:18px;left:50%;transform:translateX(-50%);background:#263733;color:#ecf1e9;display:flex;align-items:center;gap:15px;padding:12px 18px;box-shadow:0 8px 32px #1f393633;border:1px solid #60776c;border-radius:5px;white-space:nowrap;font-size:10px}.prototype-controls>span{color:#bdccc2}.prototype-controls button{background:none;color:inherit;border:0;padding:6px 0;font-size:10px}.prototype-controls a{padding-left:10px;border-left:1px solid #7c8e82}.prototype-controls button[aria-pressed="true"]{color:#ffab75}.section-index{background:#edf0e9;padding:80px 6% 90px;display:grid;grid-template-columns:1fr 2fr;gap:70px}.kicker{font:9px/1.8 monospace;letter-spacing:1.5px;color:#6b7c70}.index-intro h2{font-size:49px;font-weight:500;letter-spacing:-2px;line-height:1.2;margin:25px 0}.index-intro p{font-size:12px;color:#708170}.index-list>button{display:grid;grid-template-columns:1fr 1.1fr 20px;gap:13px;text-align:left;width:100%;padding:24px 0;border:0;border-bottom:1px solid #aab6a7;background:none}.index-list>button>span{grid-column:1/3;font:9px monospace;color:#76866f;letter-spacing:1px}.index-list h3{font-size:27px;font-weight:500;letter-spacing:-1px;margin:0}.index-list p{font-size:12px;line-height:1.8;margin:0;align-self:center}.index-list i{font-size:22px;font-style:normal;grid-column:3;grid-row:1/3;align-self:center}.index-list button:hover h3,.index-list button:hover i{color:#d35226}.page-footer{background:#edf0e9;padding:0 6% 90px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:#7f8b7c}.section-dialog{background:#eff1eb;border:1px solid #b1bcb2;color:#293931;width:min(1000px,calc(100% - 36px));padding:30px 40px 40px;max-height:86svh;overflow:auto;box-shadow:0 24px 100px #20382d38}.section-dialog::backdrop{background:#2847434d;backdrop-filter:blur(9px)}.panel-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bcc7bb;padding-bottom:17px;gap:20px}.panel-heading button{border:0;background:none;font-size:11px}.panel-heading button:hover{color:#d34c21}#panel-title{font-size:clamp(35px,4vw,55px);font-weight:500;line-height:1.13;letter-spacing:-2px;margin:28px 0 15px}.panel-lead{font-size:13px;line-height:1.9;color:#566954;max-width:650px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.project-card{padding:20px;border:1px solid #bfcbbe;display:block;background:#e7ece3;transition:background .2s}.project-card:hover{background:#dae4d7}.project-card .project-no{font:9px monospace;color:#7b8c73}.project-card h3{font-size:23px;font-weight:500;margin:13px 0}.project-card p{font-size:12px;line-height:1.8;margin:0}.project-card .tech{font:9px/1.7 monospace;color:#73856c;margin-top:16px}.project-card .project-arrow{float:right;font-size:20px}.about-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:40px}.about-layout p{font-size:13px;line-height:1.9}.about-photo{display:flex;align-items:center;justify-content:center;background:#d8e0d3;min-height:270px;margin-top:30px;position:relative;overflow:hidden}.about-photo img{width:80%;image-rendering:auto;filter:saturate(.75)}.about-links{display:flex;gap:24px;margin-top:25px}.text-link{border-bottom:1px solid;padding:8px 0;font-size:12px;display:inline-block}.education{margin-top:24px;border-top:1px solid #bec9b8;padding-top:15px}.education p{font-size:11px;line-height:1.8}.education span{display:block;color:#7a8b71;font:9px monospace;margin-bottom:4px}.post-row{display:grid;grid-template-columns:100px 1fr 25px;border-block:1px solid #adbda8;padding:27px 0;margin-top:30px;gap:20px;align-items:center}.post-row time{font:10px monospace;color:#788c6e}.post-row h3{font-size:23px;font-weight:500;margin:0 0 12px}.post-row p{font-size:11px;margin:0;color:#6d8063}.post-row i{font-size:24px;font-style:normal}.archive-note{font-size:11px;color:#7e8f76;line-height:1.9;margin-top:25px}.contact-card{background:#faf9ed;border:1px solid #bfcab6;margin-top:26px;padding:35px;box-shadow:5px 5px #d8dfcf;position:relative}.contact-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#40553303 0 1px,transparent 1px 4px)}.contact-card .name{font-size:32px;letter-spacing:-1px;margin:0 0 10px}.contact-card .role{font:10px monospace;color:#7e8e70;letter-spacing:1px}.contact-email{display:block;font-size:clamp(16px,2.6vw,29px);margin:35px 0 17px;overflow-wrap:anywhere}.contact-links{display:flex;gap:20px;margin-top:23px}.contact-links button{border:0;border-bottom:1px solid;padding:8px 0;background:none;font-size:12px}.contact-links a{font-size:12px;padding:8px 0;border-bottom:1px solid}.copy-status{font-size:10px;color:#76876c;margin-top:20px;min-height:14px}
@media(max-width:1000px){.nav-note{display:none}.site-nav nav{gap:23px}.hero-title{font-size:8.9vw}.section-index{gap:35px}.index-list>button{grid-template-columns:1fr 20px}.index-list>button>span{grid-column:1}.index-list p{grid-column:1}.index-list i{grid-column:2}.edition{font-size:7px}.object-labels button{min-width:130px}.scene-footer{font-size:9px}.drag-note{display:none}}
@media(max-width:600px){.site-nav{height:73px;padding:0 6%}.brand{font-size:27px}.site-nav nav{gap:15px}.site-nav nav button{font-size:10px}.collection{height:810px;min-height:0}.hero-caption{left:6%;top:25px;font-size:8px;letter-spacing:1px}.hero-caption p{font-size:11px;margin-top:13px}.edition{right:6%;top:27px;font-size:6px;letter-spacing:1px}.hero-title{font-size:15vw;line-height:.94;text-align:left;left:6%;right:6%;top:43%;letter-spacing:-.075em}.hero-title em{display:block}.object-labels button{min-width:104px;grid-template-columns:14px auto 12px;gap:3px 4px;padding:7px 8px}.object-labels b{font-size:11px}.object-labels small{font-size:5px;letter-spacing:.6px}.object-labels span{font-size:7px}.object-labels i{font-size:12px}.object-labels button::before{height:10px;top:-11px}.scene-footer{left:6%;right:6%;bottom:78px;gap:20px;font-size:9px}.scene-status{max-width:200px;line-height:1.7}.prototype-controls{bottom:10px;padding:9px 12px;gap:12px;font-size:9px;width:max-content;max-width:calc(100% - 20px)}.prototype-controls button{font-size:9px}.prototype-controls>a{display:none}.section-index{display:block;padding:45px 6%}.index-intro h2{font-size:35px;margin:20px 0}.index-intro h2 br{display:none}.index-list>button{padding:24px 0}.index-list h3{font-size:25px}.index-list p{font-size:11px}.page-footer{padding:10px 6% 90px;font-size:7px;gap:25px}.section-dialog{padding:22px;max-height:85svh}.project-grid{grid-template-columns:1fr}.project-card{padding:17px}.project-card h3{font-size:22px}.panel-heading .kicker{font-size:8px}.panel-heading button{font-size:10px}.about-layout{display:block}.about-photo{display:none}.about-layout p,.panel-lead{font-size:12px}.post-row{grid-template-columns:1fr 20px;gap:12px}.post-row time{grid-column:1}.post-row h3{font-size:21px}.post-row i{grid-column:2;grid-row:1/3}.contact-card{padding:24px 20px}.contact-card .name{font-size:28px}.contact-card .role{font-size:8px}.contact-email{font-size:18px}.contact-links{gap:16px}.contact-links button,.contact-links a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:600px){.collection{height:clamp(700px,calc(100svh - 73px),900px)}.scene-footer{bottom:90px}}.scene-unavailable .object-labels{inset:230px 20px auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.scene-unavailable .object-labels button{position:relative;transform:none}.scene-unavailable .object-labels button::before{display:none}