/* Charcoal, indigo and warm metal: a consistent palette across every route. */
:root{color-scheme:dark;--paper:#101416;--ink:#ece8df;--blue:#18252d;--gold:#c8ae82;--line:#364044;--muted:#aeb4b2}
body{background:var(--paper);color:var(--ink)}
::selection{background:#c8ae82;color:#101416}
.header,footer{background:#283b45;color:var(--ink);border-color:#52636b}
.header{border-bottom:1px solid #52636b}
.header nav{color:#c7cbc7}.header nav a:hover,.text-link:hover,footer a:hover{color:#e4c99c}
.brandwords{color:#f0ebe1}
.switch{border-color:#727a78;color:#d8d6cf}
.welcome{background:radial-gradient(ellipse at 15% 20%,#24313a 0%,#151e24 55%,#111719 100%)}
.welcome h1{color:#f0ebe2}h1 em{color:#bba883}
.welcome-copy>p,.hero-content>p,.section-heading p,.business-intro p,.cap-grid p,.process p,.company-hero p,.organization p,.timeline p{color:var(--muted)}
.entry-list,.entry{border-color:#485156}.entry:hover{background:#c8ae8209}
.entry-num,.eyebrow,.eyebrow.light,.look-grid span,.cap-grid article>span,.choice h3 span,.organization article>span{color:var(--gold)}
.entry small,.hero-label,figcaption,.fine,.company-context{color:#a3aaa7}
.personal-hero{background:#192228}.benefits{background:#141b1f;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#c6cbc7}
.business-ticker{background:#182126;color:#c7b490;border-bottom:1px solid var(--line)}
.business-overlay{background:linear-gradient(90deg,rgba(12,20,25,.96),rgba(12,20,25,.76) 58%,rgba(12,20,25,.25))}
.soft{background:#192024}.business-intro .lead{color:#e0dfd6}
.dark,.ivory{background:#c8ae82;color:#121a1e;transition:background .2s,transform .2s}
.dark:hover,.ivory:hover{background:#e0c79f;transform:translateY(-2px)}
.outline{border-color:#8e826c;color:#e2d5bf}.outline:hover{background:#c8ae8214}
.summary{background:#202a2f;border:1px solid #424b4d}.summary p,.summary small{color:#b5bcb7}
.choice button,.case-controls button{color:#c9cfca;border-color:#53605f}
.choice button:hover,.case-controls button:hover{border-color:var(--gold)}
.choice button.active,.case-controls button[aria-pressed=true]{background:#c8ae82;border-color:#c8ae82;color:#131b20}
.case-photo{background:#202a2f}
.contact-strip,.inquiry-section,.company-cta{background:#17252d;border-top:1px solid #394348}
.inquiry-section input,.inquiry-section textarea{border-color:#64706f}
.inquiry-section input::placeholder,.inquiry-section textarea::placeholder{color:#a7b0ad;opacity:1}
.organization article,.timeline li,.process>div{border-color:#4d5657}
.organization .legal-name{color:#c2c5bc}
.timeline time,.timeline li.revealed time,.process>div.revealed>span{color:#c8ae82}
.process>div.revealed,.timeline li.revealed{border-color:#6c604d}
.company-hero img{background:#20292c}footer p,footer>small{color:#a6ada9}
.toast{background:#c8ae82;color:#11191c;box-shadow:0 8px 40px #0006}
.header-tools{display:flex;align-items:center;gap:24px;flex-shrink:0}.language-switch{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:11px;color:#6d797c}.language-switch button{border:0;background:transparent;color:#aeb4b2;min-height:44px;min-width:38px;padding:8px 5px;font-size:12px}.language-switch button[aria-pressed=true]{color:#e4c99c}.language-switch button:hover{color:#fff}
html[lang=en] h1{font-family:'DM Sans',sans-serif;letter-spacing:-.04em;line-height:1.12;font-weight:500}html[lang=en] h2{font-family:'DM Sans',sans-serif;letter-spacing:-.035em;line-height:1.2}html[lang=en] .entry strong{font-family:'DM Sans',sans-serif}html[lang=en] .header nav{gap:22px;font-size:12px}html[lang=en] .fabric-name{font-family:'DM Sans',sans-serif}html[lang=en] .fabric-selector small{font-size:10px}
@media(min-width:761px) and (max-width:1200px){html[lang=en] .header{height:auto;min-height:88px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}html[lang=en] .header nav{order:3;width:100%;justify-content:center;margin-top:12px;gap:26px}}
@media(max-width:760px){.header-tools{gap:10px}.switch span{margin-left:8px}.brand{gap:8px}.brandwords{font-size:14px}html[lang=en] .header nav{gap:20px}html[lang=en] .switch{font-size:10px}html[lang=en] .fabric-thumbs span{font-size:9px;overflow-wrap:anywhere}}
@media(max-width:420px){.header{padding-left:4%;padding-right:4%}.header-tools{gap:5px}.language-switch button{min-width:30px}.brandwords{font-size:12px}.header-tools .switch span{display:none}.header-tools .switch{white-space:nowrap}}
/* Material photography stays true to the samples: no tint or brightness filter. */
.fabric-section{background:#121a20;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fabric-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #485253;border-bottom:1px solid #485253;margin-bottom:38px}
.fabric-selector button{display:flex;align-items:center;gap:18px;padding:24px 18px;border:0;background:transparent;color:#9ca8ad;text-align:left;position:relative}
.fabric-selector button+button{border-left:1px solid #38434a}
.fabric-selector button>span{font-size:10px;color:#c8ae82}.fabric-selector strong{font-size:19px;letter-spacing:.08em;font-weight:500}.fabric-selector small{margin-left:auto;font-size:11px}
.fabric-selector button[aria-pressed=true]{background:#25313a;color:#f0e9df}
.fabric-selector button[aria-pressed=true]::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#c8ae82}
.fabric-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:6%;align-items:start}
.fabric-main{display:block;position:relative;width:100%;padding:0;background:#0d1318;border:1px solid #3a464c;overflow:hidden;cursor:zoom-in}
.fabric-main img{width:100%;aspect-ratio:4/3;object-fit:contain;height:auto;transition:transform .6s ease}
.fabric-main:hover img{transform:scale(1.025)}
.fabric-main>span{position:absolute;bottom:18px;right:18px;background:#10181ddd;color:#fff;padding:10px 14px;font-size:11px;letter-spacing:.08em;border:1px solid #ffffff40}
.fabric-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}
.fabric-thumbs button{padding:0;border:1px solid transparent;background:transparent;color:#a9b3b7;text-align:left;min-width:0}
.fabric-thumbs img{aspect-ratio:4/3;object-fit:cover}.fabric-thumbs span{display:block;font-size:10px;line-height:1.6;padding:8px 5px}
.fabric-thumbs button[aria-pressed=true]{border-color:#c8ae82;color:#e8d4b3;background:#25313a}
.fabric-info{padding-top:8px}.fabric-info .eyebrow{margin-bottom:18px}
.fabric-code{font:500 clamp(36px,4vw,58px) "DM Sans","Noto Sans SC",sans-serif;letter-spacing:.03em;color:#f0e9df}
.fabric-name{font:400 19px 'Noto Serif SC',serif;margin:14px 0 18px}.fabric-description{font-size:13px;line-height:2;color:#b7c0bf}
.fabric-specs{margin:24px 0 28px}.fabric-specs>div{display:flex;gap:12px;justify-content:space-between;padding:13px 0;border-bottom:1px solid #35424a;font-size:12px;line-height:1.6}.fabric-specs dt{color:#a8b2b7}.fabric-specs dd{margin:0;color:#e0e2db;text-align:right}
.fabric-note{font-size:10px;line-height:1.9;color:#a4aeb0;margin-top:26px}
.fabric-footnotes{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #35424a;margin-top:34px;padding-top:20px;color:#a9aaa0;font-size:10px;letter-spacing:.1em}
.expanded-looks{grid-template-columns:repeat(4,minmax(0,1fr))}.expanded-looks article>div{display:block}.expanded-looks article>div>span{display:block;margin-top:10px}
.design-grid{row-gap:45px}.design-grid .case-photo img{aspect-ratio:3/4;object-fit:contain}.design-grid h3{margin:14px 0 10px}
@media(max-width:760px){.expanded-looks,.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expanded-looks article:last-child,.design-grid article:last-child{grid-column:auto}.expanded-looks article:last-child img{aspect-ratio:4/5}.design-grid .case-photo img{aspect-ratio:3/4}.design-grid h3{font-size:16px}.design-grid{gap:28px 14px}}
@media(max-width:420px){.design-grid{grid-template-columns:1fr}.design-grid .case-photo img{max-height:520px}}
.photo-open{overflow:hidden}.fabric-dialog{width:min(1100px,94vw);max-height:94dvh;padding:20px 26px;background:#11191f;border:1px solid #53606a;color:#ebe7df;box-shadow:0 30px 100px #0009}
.fabric-dialog::backdrop{background:#05090dea;backdrop-filter:blur(8px)}
.fabric-dialog-toolbar,.fabric-dialog-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}
.fabric-dialog-toolbar{margin-bottom:16px}.fabric-dialog img{height:min(68dvh,760px);object-fit:contain;width:100%;background:#0c1013}
.fabric-dialog button{min-height:44px;background:transparent;color:#e6d5b7;border:1px solid #65706d;padding:8px 16px}
.fabric-dialog button:disabled{opacity:.35;cursor:default}.fabric-dialog-controls{margin-top:16px}
@media(max-width:1000px){.header nav{gap:20px}.fabric-layout{gap:4%}.fabric-selector button{gap:10px;padding:20px 12px}.fabric-selector small{display:none}}
@media(max-width:760px){.header nav{gap:22px;padding-bottom:9px}.fabric-layout{grid-template-columns:1fr;gap:30px}.fabric-selector{margin-bottom:24px}.fabric-selector button{padding:18px 10px;gap:7px}.fabric-selector strong{font-size:14px}.fabric-selector button>span{font-size:9px}.fabric-thumbs{gap:6px}.fabric-info{padding:0}.fabric-footnotes{flex-wrap:wrap;line-height:1.7}.fabric-dialog{padding:14px;width:96vw;max-height:96dvh}.fabric-dialog img{height:60dvh}.fabric-dialog-toolbar{align-items:start}.fabric-dialog-toolbar p{padding-top:12px}.fabric-dialog button{padding:8px 10px}.fabric-dialog-controls{font-size:11px}}



/* Keep imagery consistent when translated copy wraps differently. */
@media(min-width:761px){.personal-images{height:730px;align-self:start}.personal-images img{height:100%;max-height:none}.detail-band img{height:500px;min-height:0;align-self:start}}

.site-footer { display: block; padding: 28px 6% 16px; }
.site-footer .footer-main, .site-footer .footer-legal { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 16px 24px; }
.site-footer .footer-brand { justify-self: start; }
.site-footer .footer-brand .brandwords { border-left: 1px solid #71828a; padding-left: 16px; }
.site-footer .footer-description { margin: 0; line-height: 1.8; }
.footer-description [lang="en"], html[lang="en"] .footer-description [lang="zh-CN"] { display: none; }
html[lang="en"] .footer-description [lang="en"] { display: inline; }
.site-footer .footer-social { display: flex; justify-content: flex-end; align-items: center; gap: 10px 22px; flex-wrap: wrap; font-size: 12px; }
.site-footer .footer-back-to-top { padding: 0; border: 0; background: transparent; color: inherit; font: inherit; }
.site-footer .footer-back-to-top:hover { color: #e4c99c; }
.site-footer .footer-legal { margin-top: 24px; padding-top: 16px; border-top: 1px solid #64767e; font-size: 11px; color: #d1dada; }
.site-footer .footer-legal a { justify-self: center; text-align: center; white-space: nowrap; }
.site-footer .footer-legal span:last-child { justify-self: end; text-align: right; }
@media (max-width: 760px) {
  .site-footer .footer-main { grid-template-columns: 1fr; }
  .site-footer .footer-social { justify-content: flex-start; }
  .site-footer .footer-legal { grid-template-columns: 1fr auto; }
  .site-footer .footer-legal a { grid-column: 1 / -1; grid-row: 2; }
}