/* Home: personal identity, philosophy, themes, selected work and software. */
.page-home{max-width:1280px;display:block}
.page-home+footer{border-top:1px solid var(--line)}
.hero{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(0,1fr);gap:48px;align-items:center;min-height:clamp(660px,84svh,860px);padding:52px 0 68px}
.status-dot{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin:0 8px 1px 0}
.hero h1{font-size:clamp(3.4rem,6.2vw,5.6rem);line-height:1.08;letter-spacing:-2.5px;margin:25px 0 28px}
.english-name{display:block}
.hero h1 .chinese-name{display:block;font:400 1rem/1.5 system-ui,sans-serif;letter-spacing:3px;color:var(--muted);margin:16px 0 0}
.hero-role{color:var(--ink);font-size:.96rem;line-height:1.85;margin:0 0 29px}
.hero-role>span{color:var(--muted);font-size:.86rem}
.hero-statement{font:1.65rem/1.55 Georgia,serif;letter-spacing:-.25px;margin-bottom:32px}
.hero-statement em{font-style:normal;color:var(--cyan)}
.hero-links{display:flex;flex-wrap:wrap;align-items:center;gap:28px;font-size:.85rem}
.hero-links>a{border-bottom:1px solid var(--line);padding-bottom:5px}
.hero-links>a:hover{border-color:var(--cyan);text-decoration:none}
.hero-links>a>span{display:inline-block;margin-left:5px;transition:transform .2s}
.hero-links>a:hover>span{transform:translate(2px,-2px)}
.hero-geometry{position:relative;margin:0;min-width:0}
.hero-geometry svg{width:100%;overflow:visible}
.hero-geometry figcaption{font-size:.7rem;padding:13px 0;line-height:1.8;color:var(--muted)}
.signature-grid{fill:none;stroke:var(--cyan);stroke-width:.6;opacity:.13}
.signature-observations{fill:var(--ink);opacity:.57}
.signature-contours{fill:none;stroke:var(--cyan);stroke-width:1;opacity:.65;transform-box:fill-box;transform-origin:center}
.signature-contours path:nth-child(2){opacity:.65}
.signature-path{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linejoin:round}
.signature-steps{fill:var(--ink);stroke:var(--paper);stroke-width:1.4}
.signature-target{fill:var(--cyan);stroke:var(--paper);stroke-width:2}
.signature-target-ring{fill:none;stroke:var(--cyan);stroke-width:1;opacity:.5}
[data-motion="on"] .signature-contours{animation:contour-drift 32s ease-in-out infinite}
[data-visibility="hidden"] .signature-contours{animation-play-state:paused}
@keyframes contour-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.philosophy{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:66px 65px;background:#122d40;color:#eaf1f5;border-radius:4px;scroll-margin-top:110px}
.philosophy .eyebrow{color:#a4becb}
.philosophy-motto h2{font:550 clamp(2.7rem,4.8vw,4.2rem)/1.09 system-ui,sans-serif;letter-spacing:-2px}
.philosophy-motto h2>span{color:#7bd0d0}
.philosophy-about{align-self:center;max-width:485px;font-size:.93rem;line-height:1.9;color:#d4e1e8}
.philosophy-lead{font:1.4rem/1.55 Georgia,serif;color:#eaf1f5;margin-bottom:22px}
.philosophy-about>p:last-child{margin-bottom:0}
.home-section{padding:82px 0 0}
.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:31px}
.home-section-heading .eyebrow{margin-bottom:9px}
.home-section h2{font-size:2.5rem}
.area-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.area-column{position:relative;display:block;padding:23px 0 17px;border-top:1px solid var(--line);color:var(--ink)}
.area-column::before{content:"";position:absolute;top:-1px;left:0;height:1px;width:34px;background:var(--cyan);transition:width .3s}
.area-column:hover{color:var(--ink);text-decoration:none}
.area-column:hover::before{width:100%}
.area-number{display:block;font:.72rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--cyan);margin-bottom:22px}
.area-column svg{width:85px;height:48px;margin-bottom:21px;stroke:var(--line);stroke-width:1.4;fill:none}
.area-column .accent-line{stroke:var(--cyan);stroke-width:2}
.area-column h3{font:400 1.68rem/1.25 Georgia,serif;min-height:67px;letter-spacing:-.3px;max-width:330px}
.area-column p{margin:19px 0 0;color:var(--muted);font-size:.82rem;line-height:1.8;max-width:285px}
.areas-note{font-size:.76rem;color:var(--muted);margin:20px 0 0}
.work-item{display:grid;grid-template-columns:230px 1fr;gap:35px;padding:28px 0 29px;border-top:1px solid var(--line)}
.work-item:last-child{border-bottom:1px solid var(--line)}
.work-meta{display:flex;flex-direction:column;font-size:.72rem;line-height:1.8;gap:7px;color:var(--muted)}
.work-meta>span:first-child{font-weight:600;color:var(--cyan);max-width:205px}
.work-item h3{font:400 1.38rem/1.4 Georgia,serif;letter-spacing:-.2px;max-width:790px}
.work-item h3 a{color:var(--ink)}
.work-item h3 a>span{font:400 1rem system-ui,sans-serif;color:var(--cyan);white-space:nowrap}
.work-item p{font-size:.83rem;color:var(--muted);margin:10px 0 0}
.work-item .text-links{font-size:.74rem;margin-top:10px}
.software-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:60px;align-items:center;padding:74px 0 86px}
.software-feature h2{font-size:2.65rem;line-height:1.15}
.software-feature-copy>p:not(.eyebrow){max-width:410px;font-size:.9rem;color:var(--muted);margin-top:23px}
.software-feature-copy>.text-links{font-size:.82rem;margin-top:27px;gap:16px}
.software-browser{margin:0;min-width:0;border:1px solid var(--line);border-radius:5px;background:var(--card);overflow:hidden}
.browser-toolbar{display:flex;align-items:center;gap:17px;padding:12px 15px;background:var(--wash);border-bottom:1px solid var(--line)}
.browser-dots{display:flex;gap:5px;flex-shrink:0}
.browser-dots i{display:block;width:5px;height:5px;border:1px solid var(--muted);border-radius:50%;opacity:.6}
.browser-address{font:.58rem ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.browser-preview{display:block;background:#f7f6ee;aspect-ratio:1.4;overflow:hidden}
.browser-preview img{display:block;width:165%;max-width:none;height:auto;transform:translate(-39.4%,-18%)}
.software-browser figcaption{padding:12px 15px;display:flex;justify-content:space-between;gap:12px;font-size:.62rem;color:var(--muted);border-top:1px solid var(--line)}
.software-browser figcaption>span{font-size:.56rem}
@media(max-width:1000px){.hero{gap:25px;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr)}.hero h1{font-size:clamp(3rem,5.7vw,4.7rem)}.hero-statement{font-size:1.35rem}.philosophy{gap:40px;padding:49px 40px}.area-columns{gap:25px}.area-column h3{font-size:1.45rem}.software-feature{gap:35px}}
@media(max-width:900px){.work-item{grid-template-columns:190px 1fr;gap:25px}}
@media(max-width:720px){.hero{grid-template-columns:1fr;gap:12px;min-height:0;padding:43px 0 40px}.hero h1{font-size:clamp(2.65rem,9vw,3.5rem);letter-spacing:-1.6px;margin:22px 0}.hero h1 .chinese-name{font-size:.9rem;margin:12px 0 0}.hero-copy .eyebrow{font-size:.65rem}.hero-role{font-size:.89rem;margin-bottom:22px}.hero-role>span{font-size:.77rem}.hero-statement{font-size:1.32rem;line-height:1.6;margin-bottom:23px}.hero-links{font-size:.78rem;gap:22px}.hero-geometry{max-width:350px;width:100%;margin:0 auto;padding-top:2px}.hero-geometry figcaption{font-size:.61rem;padding:2px 0 7px}.philosophy{grid-template-columns:1fr;gap:30px;padding:35px 25px;scroll-margin-top:135px}.philosophy-motto h2{font-size:clamp(2rem,9.3vw,3.2rem)}.philosophy-about{font-size:.85rem}.philosophy-lead{font-size:1.26rem;margin-bottom:18px}.home-section{padding-top:53px}.home-section-heading{display:block;margin-bottom:25px}.home-section-heading>.inline-arrow{display:inline-block;margin-top:18px}.home-section h2{font-size:2.1rem}.area-columns{grid-template-columns:1fr;gap:19px}.area-column{padding-top:20px}.area-number{margin-bottom:14px}.area-column svg{float:right;width:70px;height:42px;margin:0 0 15px 16px}.area-column h3{font-size:1.6rem;min-height:0;max-width:none}.area-column h3 br{display:none}.area-column p{max-width:none;margin-top:13px}.work-item{grid-template-columns:1fr;gap:16px;padding:25px 0}.work-meta{flex-direction:row;justify-content:space-between;gap:20px;font-size:.65rem}.work-meta>span:first-child{max-width:65%}.work-meta>span:last-child{white-space:nowrap}.work-item h3{font-size:1.25rem}.software-feature{grid-template-columns:1fr;gap:28px;padding:52px 0}.software-feature h2{font-size:2.2rem}.software-feature-copy>.text-links{margin-top:20px}.browser-toolbar{gap:12px;padding:10px 12px}.browser-address{font-size:.54rem}.software-browser figcaption{font-size:.57rem;padding:10px 12px}.software-browser figcaption>span{font-size:.5rem}}
@media print{.hero{min-height:0;padding:20px 0;grid-template-columns:1.36fr 1fr}.hero h1{font-size:3.3rem}.hero-statement{font-size:1.2rem}.philosophy{background:#fff;color:var(--ink);border:1px solid var(--line);padding:30px;gap:30px}.philosophy-about,.philosophy .eyebrow{color:var(--muted)}.philosophy-lead{color:var(--ink)}.philosophy h2>span{color:var(--accent)}.home-section{padding-top:30px}.area-column,.work-item,.software-feature{break-inside:avoid}.software-feature{padding:30px 0}.signature-contours{animation:none}}