/* Portfolio UI: TDesign-inspired blue, neutral surfaces and compact controls. */
:root{--bg:#f5f6f8;--surface:#fff;--ink:#20232a;--muted:#747982;--line:#e5e7eb;--green:#0052d9;--green-light:#ecf2fe;--radius:12px;--ease:cubic-bezier(.2,0,0,1)}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #0052d9;outline-offset:3px}
::selection{background:#d9e7ff;color:#003cab}
h1,h2,h3{font-weight:600;letter-spacing:0!important}
.site-header{height:80px;max-width:none;padding:0 max(5%,calc((100% - 1280px)/2));background:#fff;border-bottom:1px solid var(--line);gap:32px}
.brand-mark{font-size:32px;letter-spacing:-4px;color:#20232a}.brand-mark span{color:#0052d9}.brand-name{font-size:16px;letter-spacing:0}.brand-name small{font-family:inherit;font-size:9px;color:#8b9099;letter-spacing:1px}
.site-header nav{gap:32px;height:100%;align-items:center}.site-header nav a{font-size:14px;color:#646a73;height:100%;display:flex;align-items:center;padding:0 4px}
.site-header nav a:hover,.site-header nav a.active{color:#0052d9}.site-header nav a.active:after{height:3px;width:100%;left:0;bottom:0;border-radius:0;background:#0052d9}
.page{max-width:1400px;padding:0 5%}.button{border-radius:6px;min-height:40px;box-shadow:none!important;transition:background .18s,border-color .18s;color:#40454e}
.button:hover{background:#f3f6fb;border-color:#b9cae8;transform:none}.button.primary{background:#0052d9;border-color:#0052d9}.button.primary:hover{background:#366ef4;border-color:#366ef4}
.text-link{color:#0052d9;font-size:13px}.text-link:hover{color:#366ef4}.icon-button{border-radius:6px}.icon-button:hover,.icon-button.active{background:#ecf2fe;color:#0052d9}
.status-dot{background:#0052d9;box-shadow:none}.eyebrow{font-family:inherit;letter-spacing:1.5px;color:#0052d9;font-size:11px}.section-heading .eyebrow,.page-top .eyebrow,.about-layout .eyebrow{display:none}
.hero{grid-template-columns:40% 60%;min-height:540px;padding:40px 0 0;gap:0}.hero-copy{padding:10px 30px 30px 0}.hero h1{font-size:clamp(32px,3.5vw,48px);font-weight:600;line-height:1.4;margin:24px 0 30px;color:#1d2533}
.hero-actions{gap:24px;margin-top:24px}.hero-actions .button{padding:13px 22px}.hero-visual{height:460px;margin-left:0;background:#edf1f7;border:1px solid #e1e6ef;border-radius:12px}.hero-visual:before{display:none}
.hero-caption{left:24px;right:24px;bottom:20px}.hero-caption span{font-family:inherit;letter-spacing:.5px;color:#858c98;font-size:10px}.hero-caption strong{font-size:13px;color:#414957}.hero-caption a{border:1px solid var(--line);box-shadow:none;color:#0052d9}
.hero-visual .viewer{inset:0 0 38px}.hero-foot{display:none}.section{padding-top:48px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:24px;margin:0}.count{color:#9297a0;font-size:13px;margin-left:10px}.section-heading .text-link{font-size:13px}
.project-card{border-radius:10px;min-height:330px;grid-template-columns:52% 48%;border-color:#e4e7ec;transition:box-shadow .2s,border-color .2s}.project-card:hover{transform:none;border-color:#b4c9ef;box-shadow:0 6px 22px #1d38600a}
.project-image{background:#f0f2f5;min-height:330px}.project-image img{height:330px;mix-blend-mode:multiply}.project-index{color:#838b98;letter-spacing:1px}.project-preview-tag{display:none}
.project-copy{padding:35px 40px}.project-category{color:#747b87}.project-copy h3{font-size:26px;margin:15px 0}.project-copy p{font-size:13px;line-height:1.9;color:#727985}.tag{border:1px solid #e3e7ef;background:#f7f9fc;color:#677286;border-radius:4px;padding:3px 8px;font-size:11px}
.circle-arrow{color:#0052d9;background:#edf3ff;border-radius:6px}.project-card-bottom{padding-top:20px;margin-top:20px}.project-card-bottom>span{color:#88909c;font-size:11px}
.practice-empty{border:1px dashed #d8dee9;border-radius:10px;background:#fff;min-height:160px;padding:32px;gap:24px}.empty-glyph{background:#edf2fc;color:#6d8fc7;border-radius:10px;width:60px;height:60px}.practice-empty h3{font-size:16px;color:#586373}.practice-empty p{font-size:13px;color:#949ba6;line-height:1.8}
.home-note,.project-description,.sidebar-foot{display:none}.page-top{padding:32px 0 28px}.breadcrumb{font-size:12px;color:#9298a1;gap:8px;margin-bottom:24px}.breadcrumb a:hover{color:#0052d9}.page-title-row h1{font-size:30px;line-height:1.4}.page-title-row p{font-size:13px;color:#8a909b;margin-top:10px}.page-title-row .tags{margin-top:16px}
.project-workspace{border:1px solid var(--line);border-radius:10px;background:#fff;grid-template-columns:minmax(0,1fr) 220px;margin-bottom:40px}.workspace-stage .viewer{height:540px;background:#f0f3f8}.workspace-sidebar{background:#fff;border-color:var(--line);max-height:540px}.sidebar-heading{font-size:13px;color:#3a424f;padding:20px 16px;border-color:var(--line)}.sidebar-heading span{font-size:9px;color:#979eaa}.assembly-tree{padding:8px}.tree-row{font-size:12px;color:#697383;border-radius:6px;padding:13px 10px}.tree-row:hover{background:#f5f7fa}.tree-row.active{background:#edf3ff;color:#0052d9;font-weight:500}.tree-row svg{color:inherit}
.library-bar{gap:20px;margin-bottom:24px;align-items:center}.filters{gap:4px;display:flex;flex-wrap:wrap}.filter{font-size:13px;color:#737c89;border-radius:6px;padding:9px 16px;border:1px solid transparent;background:transparent}.filter.active{color:#0052d9;background:#fff;border-color:#b6cdf6;box-shadow:none}.filter:hover{color:#0052d9;background:#edf3ff}.filter span{font-size:11px;color:inherit;margin-left:7px;opacity:.65}.search{border-radius:6px;background:#fff;border-color:#dcdfe5;width:260px;padding:10px 13px;gap:9px;color:#9098a5}.search:focus-within{border-color:#0052d9;box-shadow:0 0 0 2px #0052d912}.search input{font-size:12px;color:#394150}.search input::placeholder{color:#a1a8b3}
.asset-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.asset-card{border-radius:8px;border-color:#e1e5ec;background:#fff;box-shadow:none;transition:border-color .2s,box-shadow .2s}.asset-card:hover{transform:none;border-color:#a7c1ef;box-shadow:0 4px 18px #163c750a}.asset-image{background:#eef1f5;aspect-ratio:1.4}.asset-image img{object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.asset-card:hover .asset-image img{transform:scale(1.025)}.model-badge{background:#ffffffdb;border:1px solid #e1e6ef;color:#77869d;backdrop-filter:none;letter-spacing:0;font-family:inherit;font-size:10px;border-radius:4px;padding:3px 7px;top:12px;left:12px}
.asset-info{padding:16px 18px}.asset-code{font-family:inherit;color:#949ca8;font-size:11px!important}.asset-info h3{font-size:14px;color:#303b4a;margin:5px 0 0;font-weight:500}.asset-card-bottom{margin-top:16px;color:#8d96a5;font-size:11px}.asset-card-bottom svg{color:#93a1b6}.asset-card-bottom>svg{color:#0052d9}.load-more{margin-top:28px}.library-empty{background:#fff;border:1px solid var(--line);border-radius:8px;padding:48px}
.model-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.model-stage{border:1px solid var(--line);border-radius:10px;background:#f0f3f8;overflow:hidden}.model-stage .viewer{height:550px;background:#f0f3f8}.viewer-tabbar{padding:10px 16px;background:#fff;border-bottom:1px solid var(--line);min-height:54px}.viewer-tab{background:transparent;color:#7e8896;border-radius:5px;font-size:13px}.viewer-tab.active{background:#edf3ff;color:#0052d9}.viewer-toolbar{background:#ffffffd9;border:1px solid #e2e7f0;box-shadow:0 2px 8px #19396b06;border-radius:8px;padding:4px;top:16px;right:16px;gap:3px}.viewer-toolbar .icon-button{border:0;background:transparent;width:32px;height:32px;color:#697b94}.viewer-toolbar .icon-button.active{background:#e5edfd;color:#0052d9}.viewer-toolbar .icon-button:hover{background:#edf3ff;color:#0052d9}.viewer-label{display:none}.viewer-hint{font-size:10px;color:#8c98ac;gap:16px;white-space:nowrap}.viewer-hint svg{width:14px;height:14px}.axis-label{color:#8b98aa;font-size:9px}.explode-panel{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 4px 16px #1732540a}.explode-panel input{accent-color:#0052d9}.selection-chip{border:1px solid #d1def5;background:#fff;color:#48586f;border-radius:6px;box-shadow:0 4px 14px #16396b0d}.selection-chip a{color:#0052d9}
.info-panel{background:#fff;border-color:var(--line);border-radius:8px;padding:24px}.info-panel h2{font-size:15px;color:#344052}.info-panel dt{font-size:11px;color:#a0a7b2}.info-panel dd{font-size:12px;color:#5a6779;word-break:break-word}.info-panel dd a{color:#0052d9}.authorship-note{border:1px solid #e1e9fa;background:#f2f6ff;color:#5172a8;border-radius:6px;font-size:12px}.authorship-note small{font-family:inherit;color:#99a7bb;font-size:10px}.authorship-note.purchased{background:#f6f7f9;border-color:#e4e7ed;color:#7b879a}.dimension-row span{background:#f3f5f8;border-radius:4px;color:#738197}.fine-print{color:#9ca4b1}.section-divider{font-size:13px;color:#818c9d;margin:36px 0 24px;border-color:var(--line)}
.about-layout{grid-template-columns:minmax(0,1fr) 320px;gap:80px;padding:24px 0 48px}.about-title{font-size:44px;color:#273348;font-weight:600;margin-bottom:24px}.about-copy{font-size:16px;color:#657389;line-height:1.8}.about-card{background:#edf3ff;border:1px solid #dce6fa;border-radius:12px;padding:32px}.about-monogram{color:#0052d9;font-weight:500;font-size:72px;letter-spacing:-5px;padding:12px 0 20px}.about-card h3{color:#354c71;font-size:20px}.about-card p{color:#8494af;font-size:12px}.about-card .stat strong{font-size:22px;color:#4a6898}.about-card .stat span{color:#93a1b7;font-size:11px}.about-card>div:last-child{border-color:#d5e1f5!important}.contact-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px 32px}.contact-panel small{font-family:inherit;color:#949eae}.contact-panel strong{font-size:28px;letter-spacing:1px;font-weight:500;color:#34465f}.contact-panel .button{font-size:13px}.contact-modal-phone{color:#0052d9}.contact-buttons .button{font-size:13px}
.site-footer{max-width:1400px;padding:30px 5%;margin-top:56px;color:#9ca5b2;border-color:var(--line);font-size:11px}.site-footer:before{background:var(--line);left:5%;right:5%}.footer-name{color:#65748b;font-size:12px}.footer-name span{color:#9ca6b6;font-size:11px}.footer-copy,.footer-edition{display:none}
dialog{border-color:#e1e5ed;border-radius:12px;box-shadow:0 20px 70px #24395824}.modal-head{border-color:var(--line)}.modal-body{color:#6e7c90}#toast{background:#26354d}.reveal{animation-duration:.4s}.button,.asset-card,.project-card{will-change:auto}
@media(min-width:1400px){.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.site-header{padding:0 4%;gap:20px}.site-header nav{gap:22px}.page{padding:0 4%}.hero{grid-template-columns:42% 58%;min-height:460px}.hero-visual{height:390px}.hero h1{font-size:36px}.hero-copy{padding-right:20px}.project-copy{padding:28px}.project-copy h3{font-size:23px}.project-copy p{font-size:12px}.workspace-stage .viewer{height:480px}.workspace-sidebar{max-height:480px}.model-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.model-stage .viewer{height:500px}.info-panel{padding:20px}.about-layout{gap:40px;grid-template-columns:1fr 280px}.about-title{font-size:38px}.asset-info{padding:14px}.asset-info h3{font-size:13px}}
@media(max-width:780px){.site-header{height:72px}.site-header nav{gap:18px}.site-header nav a{font-size:12px}.brand-mark{font-size:29px}.brand-name{font-size:14px}.hero{grid-template-columns:1fr 1.2fr;min-height:420px;padding-top:32px}.hero h1{font-size:30px}.hero-visual{height:350px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .button{padding:11px 16px;font-size:12px}.hero .eyebrow{font-size:10px;letter-spacing:.5px}.project-workspace{grid-template-columns:minmax(0,1fr) 180px}.workspace-stage .viewer{height:430px}.workspace-sidebar{max-height:430px}.tree-row{font-size:11px;padding:12px 8px}.sidebar-heading{padding:16px 12px;font-size:12px}.model-layout{grid-template-columns:1fr}.model-sidebar{display:block}.model-stage .viewer{height:500px}.info-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.asset-grid{gap:16px}.library-bar{align-items:flex-start}.search{width:230px}.filter{font-size:12px;padding:8px 12px}.about-layout{gap:32px}.contact-panel{padding:24px}.contact-panel strong{font-size:24px}}
@media(max-width:550px){.site-header{padding:0 5%;height:68px}.site-header nav{top:68px;height:auto;background:#fff;padding:16px 5%;gap:16px;border-color:var(--line)}.site-header nav a{padding:4px 0;height:auto}.site-header nav a.active:after{display:none}.site-header .contact-button{color:#0052d9;font-size:12px}.brand-name small{font-size:8px}.page{padding:0 5%}.hero{grid-template-columns:1fr;min-height:0;padding-top:32px;gap:28px}.hero-copy{padding:0}.hero h1{font-size:34px;margin:20px 0;max-width:none}.hero-actions{margin-top:22px;flex-wrap:nowrap}.hero-visual{height:350px;border-radius:10px}.hero-caption{left:18px;right:18px;bottom:16px}.hero-caption span{font-size:9px}.hero-caption strong{font-size:12px}.section{padding-top:36px}.section-heading h2{font-size:22px}.section-heading .text-link{font-size:12px}.project-card{grid-template-columns:1fr;border-radius:8px}.project-image{min-height:260px;height:260px}.project-image img{height:280px}.project-copy{padding:24px}.project-copy h3{font-size:24px}.project-copy p{font-size:12px}.project-card-bottom{margin-top:16px}.practice-empty{padding:24px;grid-template-columns:44px 1fr;gap:16px}.empty-glyph{width:44px;height:44px}.practice-empty h3{font-size:14px}.practice-empty p{font-size:11px}.page-top{padding:24px 0}.breadcrumb{font-size:10px;margin-bottom:20px}.page-title-row h1{font-size:26px}.page-title-row p{font-size:12px}.project-workspace{display:flex;flex-direction:column;margin-bottom:32px}.workspace-stage .viewer{height:390px}.workspace-sidebar{border-left:0;border-top:1px solid var(--line);max-height:none}.sidebar-heading{padding:14px 16px}.assembly-tree{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:4px;padding:8px}.tree-row{font-size:11px}.library-bar{gap:16px;flex-direction:column}.filters{width:100%;gap:4px}.filter{padding:8px 13px;font-size:12px}.filter span{font-size:10px}.search{width:100%;padding:10px 12px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-info{padding:12px}.asset-info h3{font-size:12px}.asset-code{font-size:9px!important}.model-badge{font-size:9px;top:9px;left:9px;padding:2px 6px}.asset-card-bottom{font-size:9px;margin-top:12px}.asset-card-bottom svg{width:13px}.model-stage .viewer{height:400px}.viewer-toolbar{top:12px;right:12px;gap:1px}.viewer-toolbar .icon-button{width:28px;height:28px}.viewer-hint{font-size:9px;gap:10px;right:12px;bottom:12px}.viewer-tabbar{padding:8px 12px;min-height:48px}.viewer-tab{font-size:12px}.info-panel{padding:20px}.info-panel dl{display:grid;grid-template-columns:1fr 1fr}.info-panel h2{font-size:14px}.about-layout{grid-template-columns:1fr;padding:12px 0 36px;gap:32px}.about-title{font-size:36px}.about-copy{font-size:14px}.about-card{padding:28px}.about-monogram{position:static;font-size:64px;padding:0 0 24px}.about-card h3{margin-top:0}.contact-panel{padding:22px;gap:16px}.contact-panel strong{font-size:26px}.contact-panel .button{font-size:12px;padding:10px 14px}.site-footer{padding:24px 5%;margin-top:40px}.footer-name span{display:inline}.modal-head{padding:20px}.modal-body{padding:20px}}

.source-download{gap:9px;text-align:left;flex-shrink:0}.source-download span{line-height:1.5}.source-download small{display:block;font:10px inherit;opacity:.7;margin-top:2px}.info-panel .source-download{display:flex;width:100%;margin-top:22px;justify-content:center}.source-download-note{font-size:10px;color:var(--muted);margin-top:10px;line-height:1.8}.page-title-row>.source-download{align-self:center;margin-left:20px}@media(max-width:550px){.page-title-row:has(>.source-download){flex-wrap:wrap;gap:16px}.page-title-row>.source-download{margin-left:0;font-size:12px;padding:10px 14px}.source-download small{font-size:10px}}