:root{color:#f1eee8;background:#070707;font-family:Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,sans-serif;font-synthesis:none;--bg: #070707;--surface: #111111;--surface-2: #151515;--ink: #f1eee8;--muted: #aaa7a2;--faint: #74716d;--line: #282828;--line-strong: #393939;--accent: #ff4824;--accent-strong: #ff3d18}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-shell{width:min(100%,1600px);margin-inline:auto;overflow:clip}.site-header{min-height:72px;padding:0 clamp(28px,5.2vw,82px);display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:32px;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{width:fit-content;font-family:Georgia,Times New Roman,serif;font-size:34px;line-height:1;letter-spacing:-.08em}.brand span{color:var(--accent);font-size:18px;vertical-align:top;margin-left:2px}.main-nav{display:flex;align-items:center;gap:clamp(28px,4vw,62px)}.main-nav a{color:#c9c6c1;font-size:15px;padding-block:26px 22px;border-bottom:3px solid transparent;transition:color .18s ease,border-color .18s ease}.main-nav a:hover,.main-nav a.active{color:var(--ink);border-bottom-color:var(--accent)}.tool-menu{position:relative}.tool-trigger{min-height:44px;padding:0 16px;border:1px solid var(--line-strong);background:#0c0c0c;display:flex;align-items:center;gap:10px;cursor:pointer;transition:border-color .18s ease,background .18s ease}.tool-trigger:hover,.tool-trigger[aria-expanded=true]{border-color:var(--accent);background:var(--surface)}.tool-trigger .rotate{transform:rotate(180deg)}.tool-trigger svg{transition:transform .18s ease}.tool-popover{position:absolute;top:calc(100% + 12px);right:0;width:min(390px,calc(100vw - 32px));background:#0c0c0c;border:1px solid var(--line-strong);box-shadow:0 24px 80px #0000008f}.tool-popover-head{padding:20px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line)}.tool-popover-head div{display:grid;gap:5px}.tool-popover-head strong{font-size:18px}.tool-popover-head span{color:var(--muted);font-size:13px}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;cursor:pointer}.tool-list{padding:8px}.tool-list a{min-height:67px;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);transition:background .18s ease,color .18s ease}.tool-list a:last-child{border-bottom:0}.tool-list a:hover{background:var(--surface);color:var(--accent)}.tool-list a span{display:grid;gap:5px}.tool-list a strong{font-size:15px}.tool-list a small{color:var(--muted);font-size:13px}.hero{min-height:448px;display:grid;grid-template-columns:52.5% 47.5%;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(54px,6vw,88px) clamp(36px,5.2vw,82px) 44px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}.hero-copy:before{content:"";position:absolute;top:62px;bottom:64px;left:clamp(20px,2vw,32px);width:1px;background:var(--line-strong)}.eyebrow{margin:0 0 13px;color:var(--faint);font-size:12px;letter-spacing:.16em}.hero h1{margin:0;display:flex;align-items:baseline;gap:14px;font-size:clamp(48px,5.6vw,88px);line-height:.98;letter-spacing:-.05em;font-weight:500;white-space:nowrap}.hero h1 .latin{font-family:Impact,Arial Narrow,sans-serif;font-weight:400;letter-spacing:-.025em}.hero h1 .slash{color:var(--muted);font-weight:300}.hero h1>span:last-child{font-size:.56em;letter-spacing:-.08em}.hero h2{margin:25px 0 12px;font-size:clamp(32px,3.5vw,54px);line-height:1.12;letter-spacing:-.04em}.hero h2 span{color:var(--accent)}.hero-subtitle{margin:0;color:#c0bdb8;font-size:17px;letter-spacing:.04em}.hero-summary{margin:19px 0 0;color:var(--muted);font-size:15px;line-height:1.75}.hero-actions{margin-top:24px;display:flex;align-items:center;gap:22px}.primary-action,.text-action{min-height:52px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:18px;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}.primary-action{min-width:236px;padding:0 24px;background:var(--accent);color:#fff;font-weight:700}.primary-action:hover{background:var(--accent-strong);transform:translateY(-2px)}.text-action{padding:0 4px;background:transparent;border-bottom:1px solid transparent}.text-action:hover{color:var(--accent);border-bottom-color:var(--accent)}.hero-art{min-height:448px;overflow:hidden;background:#090909}.hero-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 28%}.content-grid{display:grid;grid-template-columns:62.5% 37.5%}.left-column,.right-column{min-width:0}.left-column{border-right:1px solid var(--line-strong)}.section-block,.right-column{padding:25px clamp(32px,4vw,66px)}.section-block+.section-block{border-top:1px solid var(--line)}.section-heading{min-height:42px;display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.section-heading>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.section-heading h2{margin:0;font-size:22px;font-weight:600}.section-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:0 0 auto}.demo-label{color:var(--muted);font-size:12px}.platform-tabs{display:flex;gap:2px}.platform-tabs button{min-height:34px;padding:0 11px;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer}.platform-tabs button:hover,.platform-tabs button.selected{color:var(--ink);border-bottom-color:var(--accent)}.metrics{margin-top:11px;display:grid;grid-template-columns:repeat(4,1fr)}.metric{min-width:0;padding:8px 20px 8px 0;border-right:1px solid var(--line);display:grid;gap:4px}.metric:not(:first-child){padding-left:24px}.metric:last-child{border-right:0}.metric strong{color:var(--accent);font-family:Impact,Arial Narrow,sans-serif;font-size:40px;font-weight:400;letter-spacing:.04em}.metric span{color:var(--muted);font-size:13px}.chart-wrap{margin-top:8px;padding:10px 0 0}.chart-meta{padding:0 6px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.chart-meta button{border:0;background:transparent;color:var(--accent);display:inline-flex;align-items:center;gap:7px;cursor:pointer}.works-section{padding-top:19px;padding-bottom:18px}.work-list{margin-top:4px;border-top:1px solid var(--line)}.work-list a{min-height:49px;display:grid;grid-template-columns:44px minmax(170px,1.1fr) 2fr auto;align-items:center;gap:16px;border-bottom:1px solid var(--line);transition:color .18s ease,background .18s ease,padding .18s ease}.work-list a:hover{color:var(--accent);background:#0d0d0d;padding-inline:8px}.work-index{color:var(--accent);font-family:Georgia,serif;font-size:17px}.work-list strong{font-size:15px}.work-description{min-width:0;color:var(--muted);font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.right-column{padding-top:25px}.about-block{padding-bottom:26px;border-bottom:1px solid var(--line)}.about-block>p{margin:11px 0 0 18px;max-width:46ch;color:var(--muted);font-size:14px;line-height:1.75}.expertise{margin:18px 0 0 18px;display:flex;flex-wrap:wrap;gap:8px}.expertise span{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);font-size:12px}.expertise svg{color:var(--accent)}.experience-block{padding-top:26px}.timeline{margin:11px 0 0 18px}.timeline article{min-height:82px;display:grid;grid-template-columns:50px 1fr;gap:16px;position:relative}.timeline article:not(:last-child):after{content:"";position:absolute;left:19px;top:39px;bottom:0;width:1px;background:var(--accent)}.timeline-index{width:40px;height:40px;display:grid;place-items:center;color:var(--accent);border:1px solid var(--accent);border-radius:50%;font-family:Georgia,serif;font-size:14px}.timeline h3{margin:2px 0 5px;font-size:15px;font-weight:600}.timeline p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}footer{min-height:62px;padding:0 clamp(28px,5.2vw,82px);display:flex;justify-content:space-between;align-items:center;color:var(--faint);border-top:1px solid var(--line);font-size:12px}footer span:last-child{display:flex;align-items:center;gap:8px}@media (max-width: 1100px){.site-header{grid-template-columns:60px 1fr auto;gap:20px}.main-nav{gap:24px}.tool-trigger>svg:first-child{display:none}.hero{grid-template-columns:56% 44%}.hero h1{font-size:clamp(46px,6.5vw,70px)}.hero h2{font-size:clamp(30px,4vw,43px)}.content-grid{grid-template-columns:60% 40%}.section-block,.right-column{padding-inline:32px}.work-list a{grid-template-columns:36px 1fr auto}.work-description{display:none}}@media (max-width: 820px){.site-header{min-height:auto;padding:16px 20px 0;grid-template-columns:1fr auto}.brand{grid-column:1}.tool-menu{grid-column:2}.main-nav{grid-column:1 / -1;grid-row:2;order:3;overflow-x:auto;gap:28px}.main-nav a{padding-block:14px 12px;white-space:nowrap}.hero{grid-template-columns:1fr}.hero-copy{padding:54px 32px 42px}.hero-copy:before{left:16px}.hero-art{min-height:460px}.hero-art img{object-position:50% 20%}.content-grid{grid-template-columns:1fr}.left-column{border-right:0}.right-column{border-top:1px solid var(--line)}}@media (max-width: 560px){.brand{font-size:29px}.tool-trigger{padding-inline:12px}.tool-trigger>span{font-size:13px}.hero-copy{padding-inline:24px}.hero-copy:before,.eyebrow{display:none}.hero h1{gap:8px;font-size:clamp(42px,13vw,60px);white-space:normal}.hero h1 .slash{display:none}.hero h1>span:last-child{font-size:.5em}.hero h2{margin-top:19px;font-size:31px}.hero-subtitle{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column;gap:8px;width:100%}.primary-action,.text-action{width:100%}.hero-art{min-height:390px}.section-block,.right-column{padding-inline:20px}.section-heading{flex-direction:column}.platform-tabs{width:100%;overflow-x:auto}.platform-tabs button{flex:1 0 auto}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(n+3){border-top:1px solid var(--line);margin-top:12px;padding-top:16px}.chart-meta{align-items:flex-start;gap:12px}.work-list a{min-height:62px;grid-template-columns:34px 1fr auto}.about-block>p,.expertise,.timeline{margin-left:0}footer{padding:18px 20px;align-items:flex-start;flex-direction:column;gap:8px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}