/* finesse · brand · graphite + warm white · inherited portrait identity · real GLB · quiet navigation */
:root{color-scheme:dark;--page:#090a0a;--paper:#111312;--ink:#eeece6;--muted:#a8aaa2;--blue:#d0b39f;--blue-light:#201d19;--line:#30322f;--soft:#171a17;--max:1120px}
html{overflow-x:clip}body{background:#090a0a;color:#eeece6;font-family:"Segoe UI Variable","Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}.site-header{border-bottom-color:#292a29;min-height:100px}.wordmark{font-weight:650;letter-spacing:-.7px;gap:12px;color:#eeece6}.wordmark svg{width:38px;height:22px;color:#b8b5ac}.wordmark .name-mark{display:none}.site-header nav{gap:9px;flex-wrap:wrap}.site-header nav a{font-weight:450;letter-spacing:0;border-radius:8px;min-height:44px;padding:9px 15px}.site-header nav a:hover{text-decoration:none}.site-button,.site-button:visited{border:1px solid #484a45;border-radius:9px;background:transparent;color:#deddd5;text-decoration:none;min-height:44px;font-weight:500;transition:background .25s,border-color .25s,transform .3s}.site-button:hover{background:#242622;color:#eeece6;border-color:#85877e;text-decoration:none}.site-button.button-primary,.site-button.button-primary:visited,.site-header nav [aria-current="page"]{background:#eeece6;border-color:#eeece6;color:#151615}.site-button.button-primary:hover{background:#d4c5b9;border-color:#d4c5b9;color:#151615}.site-button:focus-visible,button:focus-visible{outline:2px solid #cb9f88;outline-offset:5px}.eyebrow{color:#c3b5a5;font-weight:450;letter-spacing:1.5px}.listing-hero h1,.standalone-intro h1,.project-hero h1{color:#eeece6;letter-spacing:-.045em;font-weight:580}.listing-hero>p:last-child,.intro-summary,.project-deck{color:#c3c2b9}.portfolio-card{background:#121512;border-color:#373a34;border-radius:10px;overflow:hidden;box-shadow:none}.portfolio-card h3,.portfolio-card h2{color:#eeece6;font-weight:600}.portfolio-content p{color:#afb3a8}.portfolio-meta,.portfolio-bottom{color:#adae9f}.project-phase{background:#282a24;color:#c6c7bb;border:1px solid #404139}.portfolio-bottom{border-top-color:#34392f}.cover-caption{background:#141814e8;color:#deded4}.upcoming-project{background:#111310;border-color:#333a2e;color:#afb3a6;border-radius:10px}.upcoming-project h3{color:#cccfc2}.listing-section{padding-bottom:80px}.site-footer{border-color:#292d26;color:#a3a799}.site-footer p{color:#a3a799}.footer-name{font-weight:600;color:#eeece6}.profile-section,.profile-facts>div,.profile-actions{border-color:#30362d}.profile-section h2,.profile-facts dd{color:#e1e2d6}.profile-section p,.profile-description,.profile-facts dt{color:#afb3a4}.tag-list span{background:#191d16;color:#c3c6b7;border-color:#3b4332}.contact-content{border-color:#30362c}.contact-label,.mail-help,.mail-status,.contact-content>p:not(.email-address){color:#aeb4a3}.email-address{color:#e8eadb;overflow-wrap:anywhere}.project-why{background:#11150f;color:#e5e8db;border-color:#30392a}.project-why h2,.why-lead,.project-why-copy{color:#e1e7d7}.project-why p,.why-note{color:#aeb9a2}.project-section,.contribution-panel,.sensor-section,.project-summary,.project-end,.visual-section,.visual-intro,.diagram-divider{border-color:#333b2c}.project-copy p,.project-copy li,.short-list,.project-facts span,.project-facts p,.project-hero p,.visual-intro p{color:#b4bcaa}.project-copy h3,.project-label h2,.project-facts b,.project-summary h2,.contribution-panel h2,.project-end h2,.visual-intro h2,.diagram-divider h2,.photoreal-heading h2{color:#e1e8d6}.mini-flow span{background:#1e2618;color:#bdc8af}.mini-flow strong{background:#dfded2;color:#181b14}.small-note,.boundary-note{color:#a9b89b;background:#172012;border-color:#344529}.project-summary{background:#11180e}.photoreal-grid figure,.concept-hero,.concept-figure{border-color:#353d2e;background:#141a10;box-shadow:none}.photoreal-grid figcaption,.concept-hero figcaption,.concept-figure figcaption{background:#141a10;color:#b4c0a8}.photoreal-heading p,.sensor-3d-copy>p:not(.eyebrow),.sensor-3d-copy .small-note{color:#aebaa1}.sensor-3d-section{border-color:#30392a}.sensor-3d-stage{box-shadow:none;background:linear-gradient(145deg,#151912,#242c20 65%,#303c2a)}.motion-heading p,.motion-caption p,.motion-status,.motion-speed-label,.motion-loop{color:#b0bea3}.motion-speed-label select{background:#1c2516;color:#e5ecd9;border-color:#4a5d3a}.image-viewer{background:#11160e;color:#e6ebdc;border-color:#424f36}.image-viewer::backdrop{background:#050704e8}.viewer-toolbar,.viewer-hint{background:#151d10;color:#c9d5bc;border-color:#3d4c32}.skip-link{background:#eeece6;color:#171b12}.scroll-progress{background:#b69b84}.site-button[data-lightbox]{font-size:13px}.site-footer .footer-actions{gap:10px}
/* Keep body text neutral and warm; the restrained accent belongs to interaction only. */
body{--ink:#eeece6;--muted:#afafa6;--blue:#c8b29d;--line:#30322f;--soft:#171a17}main p,main li{color:#b9b9af}main h2,main h3{color:#e8e7de}.project-why{background:#111311}.project-why p{color:#b9bbb0}.profile-facts dd{color:#e8e7de}.tag-list span,.project-phase{background:#1c1f19;border-color:#3b4035;color:#c5c6b7}.project-summary{background:#121610}.boundary-note{background:#171c12}.sensor-3d-stage{background:linear-gradient(145deg,#151914,#242a21 65%,#30382c)}
@media(max-width:740px){.site-header{gap:14px;align-items:flex-start;flex-direction:column;padding-block:19px}.site-header nav{width:100%;gap:7px}.site-header nav a{flex:1;justify-content:center;padding:8px 9px;font-size:12px}.wrap{width:calc(100% - 42px)}.wordmark{font-size:21px}.email-address{font-size:clamp(20px,5.5vw,35px)}.site-footer{gap:25px;align-items:flex-start;flex-wrap:wrap}.viewer-toolbar h2{color:#dce4d3}.listing-hero,.standalone-intro{padding-top:40px}.portfolio-content{padding:25px}.portfolio-bottom{gap:15px}.profile-facts>div{gap:20px}}
@media(prefers-reduced-motion:reduce){.site-button{transition:none}}

/* Explicitly outrank the legacy light-theme button selectors. */
body.portfolio-theme a.site-button,body.portfolio-theme button.site-button{background:transparent;color:#deddd5;border-color:#484a45;font-weight:500;border-radius:9px}
body.portfolio-theme a.site-button:hover,body.portfolio-theme button.site-button:hover{background:#222420;color:#eeece6;border-color:#999b91}
body.portfolio-theme a.site-button.button-primary,body.portfolio-theme button.site-button.button-primary,body.portfolio-theme .site-header nav a.site-button[aria-current="page"]{background:#eeece6;color:#151615;border-color:#eeece6}
body.portfolio-theme .site-header nav a.site-button{color:#deddd5;background:transparent;border-color:#484a45}
body.portfolio-theme .site-header nav a.site-button[aria-current="page"]{color:#151615;background:#eeece6}
body.portfolio-theme .portfolio-card p.project-subname{color:#b3b4a9}
body.portfolio-theme .portfolio-card h3{color:#e8e7de}
body.portfolio-theme .site-footer .site-button{background:transparent;color:#deddd5}

/* Navigation does not run an entrance animation. */
.site-header{animation:none}

/* Text-led method achievement; independent of image project cards. */
.showcase-methods{padding-top:12px;padding-bottom:82px}
.workflow-achievement{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:24px;padding:32px 0;border-top:1px solid var(--line,#30322f);border-bottom:1px solid var(--line,#30322f)}
.workflow-icon{width:44px;height:44px;display:grid;place-items:center;color:var(--ink,#eeece6)}
.workflow-icon svg{width:32px;height:32px}
.workflow-copy{min-width:0}.workflow-copy h2{font-size:clamp(23px,3vw,32px);line-height:1.2;margin:8px 0 14px;letter-spacing:-.025em}
.workflow-copy>p{max-width:650px;line-height:1.7;margin:0;color:var(--muted,#a8aaa2)}
.workflow-copy .workflow-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.workflow-copy .workflow-status{font-size:12px;margin-top:18px;color:var(--muted,#a8aaa2)}
.workflow-link{margin-top:25px;white-space:normal;text-align:center}
@media(max-width:740px){.showcase-methods{padding-bottom:50px}.workflow-achievement{grid-template-columns:32px minmax(0,1fr);gap:16px;padding:24px 0}.workflow-icon{width:32px;height:36px}.workflow-icon svg{width:28px;height:28px}.workflow-link{grid-column:2;justify-self:start;margin-top:2px}.workflow-copy h2{font-size:25px;overflow-wrap:anywhere}}

/* Anshi brand mark */
#anshi-family .workflow-icon img{display:block;width:44px;height:44px;object-fit:contain}@media(max-width:740px){#anshi-family .workflow-icon img{width:32px;height:32px}}

/* Public filing information */
.site-footer .icp-record{display:inline-flex;align-items:center;min-height:32px;color:#a3a799;font-size:12px;line-height:1.6;letter-spacing:.2px;text-decoration:none}.site-footer .icp-record:hover{color:#eeece6}.site-footer .icp-record:focus-visible{outline:1px solid currentColor;outline-offset:4px;border-radius:2px}