:root{--bg:#f5f3ec;--ink:#252924;--muted:#71756c;--line:#d9dbd0;--accent:#ad4e2e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 'DM Sans','Segoe UI','PingFang SC','Microsoft YaHei',Arial,sans-serif}header,main,footer{max-width:1440px;margin:auto}a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:30px 5%;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:700;letter-spacing:.07em;line-height:1.2}.brand small{display:block;font-size:8px;letter-spacing:.16em;color:var(--muted);margin-top:9px}nav{display:flex;align-items:center;gap:28px;font-size:12px}nav a:hover,footer a:hover{color:var(--accent)}.outline{padding:10px 16px;border:1px solid var(--line)}.hero{padding:65px 5% 55px;display:grid;grid-template-columns:1fr 1.06fr;gap:48px;align-items:center}.label{font-size:9px;font-weight:600;letter-spacing:.15em}.muted{color:var(--muted)}h1,h2,h3,p,figure{margin:0}h1{font:500 clamp(66px,6.8vw,100px)/1.04 'Manrope','Segoe UI','PingFang SC','Microsoft YaHei',Arial,sans-serif;letter-spacing:-.065em;margin:28px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.intro{font-size:22px;line-height:1.45}.sub{color:var(--muted);max-width:400px;font-size:14px;margin:20px 0 28px}.button{display:inline-flex;gap:35px;align-items:center;padding:14px 20px;background:var(--ink);color:white;border:0;font:12px/1.6 'DM Sans','Segoe UI','PingFang SC','Microsoft YaHei',Arial,sans-serif;cursor:pointer}.button:hover{background:var(--accent)}figure{position:relative;min-height:530px;height:100%;background:#e7dfd3}figure img{width:100%;height:100%;position:absolute;object-fit:cover}.art-note{position:absolute;left:25px;top:25px;font:italic 22px/1.2 Georgia,serif;color:#685344}figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;padding:20px 16px 14px;font-size:7px;letter-spacing:.12em;background:linear-gradient(transparent,#efe6dccc)}.skills{display:flex;justify-content:space-between;gap:16px;margin:0 5%;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.12em;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:100px 5%}.split>.label,.split-heading>.label{padding-top:9px}h2{font:500 clamp(32px,3.4vw,47px)/1.18 'Manrope','Segoe UI','PingFang SC','Microsoft YaHei',Arial,sans-serif;letter-spacing:-.045em}.split p{color:var(--muted);margin-top:17px;max-width:640px}.split p.large{font-size:21px;line-height:1.5;color:var(--ink);margin:27px 0 20px}aside{display:flex;gap:22px;border-top:1px solid var(--line);padding-top:28px;margin-top:35px}.seal{font-size:55px;line-height:1;color:var(--accent)}h3{font-size:21px;font-weight:500}aside h3{margin:5px 0}aside p{font-size:12px;margin-top:6px!important}.expertise{padding:90px 5%;background:#eaece2}.split-heading{display:grid;grid-template-columns:1fr 2fr;gap:60px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:60px}.cards article{padding-top:18px;border-top:1px solid #c7ccbe}.number{font-size:11px;color:var(--muted)}.icon{font-size:34px;line-height:1;color:var(--accent);margin:30px 0}.cards p{color:var(--muted);margin:14px 0 25px;max-width:310px}.cards small{font-size:10px}.split .sub{max-width:510px;margin:24px 0 35px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;gap:23px;list-style:none;cursor:pointer;padding:23px 0;font-size:17px}summary::-webkit-details-marker{display:none}summary span{font-size:11px;color:var(--accent)}summary b{margin-left:auto;font-weight:400;font-size:22px}details p{padding:0 32px 24px 37px;margin-top:0!important}.profile{background:#29382f;color:var(--bg);margin:0 5% 65px;padding:60px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.profile .label{color:#bdc9bc}.profile h2{margin:23px 0}.profile p{color:#c1ccbf;font-size:13px;margin-bottom:28px}.profile .button{background:#e6ebdc;color:#26372c}.monogram{font:italic 260px/.8 Georgia,serif;letter-spacing:-.15em;margin-right:60px;color:#7c927f}.monogram span{color:#c47d56}#status{font-size:12px;margin-top:10px;min-height:20px;max-width:600px}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:0 5% 30px;color:var(--muted);font-size:11px}footer .brand{font-size:13px;color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:800px){header{padding:24px 6%}nav{gap:18px}.outline{display:none}.hero{grid-template-columns:1fr;padding:45px 6%;gap:35px}h1{font-size:78px}figure{height:440px;min-height:380px}.skills{flex-wrap:wrap;gap:18px}.skills span{width:45%;font-size:8px}.split,.split-heading{grid-template-columns:1fr;gap:25px}.split,.expertise{padding:65px 6%}.cards{grid-template-columns:1fr;margin-top:35px;gap:30px}.cards article{padding-left:58px;position:relative}.number{position:absolute;left:0}.icon{margin:10px 0 20px}.cards p{max-width:none}.profile{padding:35px 25px;margin-bottom:40px}.monogram{display:none}footer>span{display:none}summary{font-size:15px;gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Final layout and interaction details */
.nav-tools{display:flex;gap:12px;align-items:center;margin-left:auto;margin-right:26px}.language,.menu-toggle{background:transparent;color:var(--ink);border:1px solid var(--line);padding:7px 10px;cursor:pointer;font:inherit;font-size:12px}.menu-toggle{display:none}.language:hover{border-color:var(--accent);color:var(--accent)}.skip-link{position:fixed;left:20px;top:-80px;background:var(--ink);color:white;padding:12px 20px;z-index:100}.skip-link:focus{top:12px}nav a.active{color:var(--accent)}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:middle}.profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.download{font:inherit;font-size:12px;background:none;border:0;border-bottom:1px solid #859586;padding:7px 0;color:#e6ebdc;cursor:pointer}.download:hover{color:white;border-color:white}.approach{padding:0 5% 80px}.approach h2{margin-top:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:40px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps article>span{font:italic 26px Georgia,serif;color:var(--accent)}.steps h3{margin:18px 0 10px}.steps p{color:var(--muted);max-width:330px}#status textarea{display:block;width:100%;min-height:130px;margin-top:10px;padding:12px;background:#f5f3ec;color:var(--ink);font:13px/1.7 inherit;border:1px solid var(--line)}button,a,summary{-webkit-tap-highlight-color:transparent}button{transition:background .2s,color .2s}html[lang="zh-CN"] h1{font-size:clamp(56px,5.6vw,80px);line-height:1.25;letter-spacing:-.04em}html[lang="zh-CN"] h1 em{font-style:normal}html[lang="zh-CN"] h2{line-height:1.4}html[lang="zh-CN"] .label{letter-spacing:.12em}.profile>div:first-child{min-width:0}.monogram{flex-shrink:0}img{display:block}@media(min-width:1441px){body{max-width:1440px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:800px){.nav-tools{margin-right:18px}.approach{padding:0 6% 60px}.steps{gap:24px}.monogram{display:none}}@media(max-width:560px){header{position:relative;flex-wrap:wrap;gap:20px}.nav-tools{margin-right:0}.menu-toggle{display:block}nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);padding-top:10px}.menu-open nav{display:flex}nav a{padding:11px 0}.outline{display:block;border:0}.hero{padding-top:36px}h1{font-size:68px}html[lang="zh-CN"] h1{font-size:60px}.intro{font-size:20px}.hero figure{height:440px;min-height:0}.steps{grid-template-columns:1fr;gap:25px}.steps p{max-width:none}.steps h3{margin-top:8px}.profile{padding:35px 24px}summary{gap:12px}footer{align-items:flex-start}footer a{white-space:nowrap}.art-note{font-size:20px}.label{font-size:9px}figcaption{font-size:6px}}
.values{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.values span{border:1px solid var(--line);padding:5px 12px;font-size:11px;color:var(--muted)}.capabilities{padding:0;list-style:none;color:var(--muted);font-size:12px;margin:0 0 26px}.capabilities li{padding:7px 0;border-top:1px solid #d5d9ce}.capabilities li::before{content:'↗';color:var(--accent);margin-right:9px}.cards article{display:flex;flex-direction:column}.cards small{margin-top:auto}.toolkit{padding:65px 5% 85px;background:#eeece4;margin:0 0 75px}.section-intro{color:var(--muted);max-width:540px;margin-top:20px}.tool-list{margin:40px 0 0}.tool-list>div{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;padding:26px 0;border-top:1px solid var(--line)}.tool-list dt{font-size:15px;font-weight:500}.tool-list dd{margin:0;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}.tool-list dd span{padding:4px 10px;background:#f8f6ef;font-size:11px;border:1px solid var(--line)}.tool-list .tool-note{font-size:12px;line-height:1.8;color:var(--muted)}.principles{border-top:1px solid var(--line);margin:0 5%;padding:70px 0 85px}.principle{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.principle h3{font-size:18px}.principle p{margin-top:9px}.profile p{max-width:490px;font-size:14px;line-height:1.9}.profile .monogram{margin-right:25px}details p+p{padding-top:0}details strong{font-weight:500;color:var(--ink)}@media(max-width:800px){.toolkit{padding:55px 6%;margin-bottom:55px}.tool-list>div{grid-template-columns:1fr 1.5fr;gap:16px}.tool-list .tool-note{grid-column:2}.principles{margin:0 6%;padding:55px 0 65px}}@media(max-width:560px){.tool-list>div{grid-template-columns:1fr}.tool-list .tool-note{grid-column:auto}.nav-tools{margin-left:auto}.cards article{display:block}.profile .label{font-size:8px}h1{font-size:clamp(58px,17vw,68px)}}