@import url('./erhu/style.css');
.home-page{background:#f8f6ef}.home-page .page-shell{width:min(1200px,calc(100% - 112px))}.home-page .site-header{height:110px;border-bottom:1px solid #e1dfd1}.home-navigation{display:flex;gap:35px;align-items:center;font-size:12px;color:#7a8370}.home-navigation>a{padding:12px 0}.home-navigation>a:hover{color:#234c33}.home-navigation .nav-room{color:#304e35}.nav-room>span{margin-left:9px;color:#7c9173}.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:80px 0 88px}.hero-copy .eyebrow{font-size:9px;letter-spacing:2px;color:#8b987b;display:flex;align-items:center;gap:9px;margin-bottom:27px}.hero-copy .eyebrow>span{width:6px;height:6px;border-radius:50%;background:#78936a}.hero-copy h1{font:500 clamp(36px,3.8vw,52px)/1.65 var(--serif);letter-spacing:3px;display:block;color:#2c3c2a}.hero-emphasis{position:relative;display:inline-block;color:#607a4b}.hero-emphasis svg{position:absolute;bottom:0;left:-4px;width:100%;height:12px;fill:none;stroke:#aaaf7a;stroke-width:2;stroke-linecap:round;opacity:.65}.hero-description{font-size:13px;line-height:2.2;color:#8b8d7b;margin:25px 0 29px;letter-spacing:.4px}.hero-cta{display:inline-flex;align-items:center;gap:30px;min-height:48px;border-radius:5px;padding:0 22px;background:#294e34;color:#fbf9ee;font-size:12px;letter-spacing:1px;transition:background .15s}.hero-cta:hover{background:#3a6544}.hero-cta svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.hero-footnote{display:flex;align-items:center;gap:7px;color:#a0a38d;font-size:9px;margin:16px 0 0;letter-spacing:.3px}.hero-footnote>span{width:4px;height:4px;border-radius:50%;background:#abb799}.harmonic-art{position:relative;border:1px solid #b3bf9f;background:radial-gradient(ellipse at 50% 15%,#f4f1e4 0%,#eeecdc 80%);border-radius:2px;padding:22px 23px 16px;box-shadow:12px 12px 0 #eeeddf,12px 12px 0 1px #dcdfca;transform:rotate(1deg);color:#4d6343}.art-topline{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:1.8px;color:#939d7e;border-bottom:1px solid #d0d6be;padding-bottom:15px}.art-top-dot{width:5px;height:5px;border-radius:50%;background:#98aa80}.art-label{display:flex;flex-direction:column;gap:8px;margin-top:23px}.art-label-en{font:italic 24px Georgia,serif;letter-spacing:-.3px;color:#4b6341}.art-label-cn{font-size:9px;color:#949d7e;letter-spacing:1px}.harmonic-art>img{display:block;width:100%;height:auto;margin:1px 0 -4px}.art-equation{display:flex;align-items:center;justify-content:center;gap:10px;font:italic 22px Georgia,serif;letter-spacing:.1px;color:#4d6742;padding:14px 0 21px}.art-equation sub{font-size:11px}.art-sum{font-size:31px;font-style:normal;position:relative;display:inline-block;padding-right:10px;margin-left:1px}.art-sum sup,.art-sum sub{position:absolute;left:22px;font:7px var(--mono);white-space:nowrap}.art-sum sup{top:-3px}.art-sum sub{bottom:-3px}.art-footer{border-top:1px solid #d0d6be;padding-top:14px;display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:1.2px;color:#9ba48b}.art-footer>span:first-child{font-family:var(--sans);letter-spacing:.8px}.art-corner{position:absolute;right:-8px;top:28px;width:17px;height:50px;background:#d6d5b3b3;transform:rotate(-6deg);border:1px solid #cccba77d}.project-section{border-top:1px solid #dedfce;padding-top:40px;scroll-margin-top:30px}.project-intro{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:26px}.project-intro .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:12px;color:#9a9f88}.project-intro h2{font:400 24px/1.7 var(--serif);letter-spacing:1.2px;color:#36472e;margin:0}.project-intro>p{font-size:10px;color:#9c9f8b;margin:0 0 7px;line-height:1.8}.project-card{display:grid;grid-template-columns:32% 1fr;border:1px solid #d6dac7;background:#f2f0e3;border-radius:7px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.project-card:hover{border-color:#adb99b;box-shadow:0 8px 20px #4b5e2710}.project-card-visual{position:relative;display:flex;align-items:center;justify-content:center;background:#e8ecd9;border-right:1px solid #d6dac7;min-height:245px}.project-card-visual>svg{width:88%;max-width:310px;height:auto}.project-card-visual>span{position:absolute;left:20px;top:18px;font:10px var(--mono);letter-spacing:1px;color:#a6af92}.project-card-copy{padding:34px 40px 30px}.project-meta{display:flex;gap:8px;font-size:8px;color:#9ba287;letter-spacing:.5px}.project-meta>span{border:1px solid #d1d7c0;border-radius:15px;padding:4px 8px}.project-card h3{font:500 25px var(--serif);letter-spacing:2px;color:#364d31;display:flex;justify-content:space-between;align-items:center;margin:18px 0 15px}.project-card h3>span{font:24px var(--sans);color:#91a17b}.project-card p{font-size:11px;line-height:2;color:#8b927b;max-width:460px;letter-spacing:.2px;margin:0 0 19px}.project-link{font-size:10px;letter-spacing:.4px;color:#71865c}.project-link>span{margin-left:7px}.experience-section{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:42px 0 38px}.experience-section article{position:relative;padding:0 23px 0 0}.experience-section article+article:before{position:absolute;content:"";left:-21px;top:0;bottom:0;width:1px;background:#e1e2d3}.experience-number{font:8px var(--mono);letter-spacing:1.4px;color:#a4ac91}.experience-section h3{font:400 17px var(--serif);letter-spacing:1px;margin:15px 0 11px;color:#4d5d3d}.experience-section p{font-size:10px;line-height:2;color:#969c86;margin:0;max-width:280px}.closing-note{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dfdfce;border-bottom:1px solid #dfdfce;padding:24px 0;margin-top:40px}.closing-note p{font-size:11px;letter-spacing:.2px;color:#9b9f89;margin:0}.closing-note p>span{color:#6f7f59}.closing-note a{font-size:11px;color:#6b8056;white-space:nowrap;padding:8px 0 8px 20px}.closing-note a>span{margin-left:16px}.home-page .site-footer{padding:33px 0 30px}.home-page .site-footer a{font-size:9px;color:#929b80}.home-page .site-footer p{font-size:10px}.room-breadcrumb{display:flex;gap:10px;align-items:center;font-size:9px;color:#a2a58f;padding-top:22px;letter-spacing:.4px}.room-breadcrumb a{color:#7f8f72}.room-breadcrumb a:hover{color:#315a3c}.room-breadcrumb+.intro-row{padding-top:17px}
@media(min-width:1450px){.home-page .page-shell{width:min(1240px,calc(100% - 160px))}.home-hero{gap:90px;padding-top:94px;padding-bottom:100px}.hero-copy h1{font-size:57px}.harmonic-art{max-width:540px}.home-page .site-header{height:120px}}
@media(max-width:1050px){.home-page .page-shell{width:calc(100% - 70px)}.home-hero{gap:35px;padding:64px 0 73px}.hero-copy h1{font-size:39px;letter-spacing:2px}.hero-description{font-size:11px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.harmonic-art{padding:18px 17px 14px;box-shadow:9px 9px 0 #eeeddf,9px 9px 0 1px #dcdfca}.art-label-en{font-size:21px}.art-equation{font-size:18px;gap:8px}.art-sum{font-size:27px}.art-sum sup,.art-sum sub{left:19px}.project-card-copy{padding:28px 31px}.project-intro h2{font-size:21px}.project-intro>p{max-width:210px}.experience-section{gap:31px}.experience-section article{padding-right:8px}.experience-section article+article:before{left:-16px}}
@media(max-width:760px){.home-page .page-shell{width:calc(100% - 42px)}.home-page .site-header{height:90px}.home-navigation{gap:24px;font-size:10px}.home-hero{grid-template-columns:1fr;gap:45px;padding-top:50px;padding-bottom:64px}.hero-copy{position:relative}.hero-copy h1{font-size:45px;line-height:1.55;letter-spacing:3px}.hero-copy .eyebrow{margin-bottom:24px}.hero-description{font-size:12px;line-height:2.1;margin-top:22px;max-width:350px}.hero-cta{min-height:45px}.harmonic-art{max-width:510px;width:calc(100% - 12px);justify-self:center;transform:rotate(.7deg)}.art-label-en{font-size:25px}.art-topline{font-size:8px}.art-label-cn{font-size:10px}.harmonic-art>img{max-height:265px;object-fit:contain}.art-equation{font-size:23px}.project-section{padding-top:31px}.project-intro{display:block;margin-bottom:24px}.project-intro h2{font-size:22px}.project-intro>p{max-width:none;margin-top:9px}.project-card{grid-template-columns:34% 1fr}.project-card-visual{min-height:245px}.project-card-visual>svg{width:125%;max-width:none}.project-card-copy{padding:25px}.project-card h3{font-size:21px;margin-top:15px}.project-card p{font-size:10px;line-height:1.9}.experience-section{gap:25px;margin-top:35px}.experience-section article{padding-right:0}.experience-section article+article:before{left:-13px}.experience-section h3{font-size:15px}.experience-section p{font-size:9px}.closing-note{margin-top:33px}.home-page .site-footer p{display:none}}
@media(max-width:480px){.home-page .page-shell{width:calc(100% - 32px)}.home-page .site-header{height:82px}.home-navigation{gap:15px;font-size:9px}.home-navigation>a:first-child{display:none}.nav-room>span{margin-left:5px}.home-hero{padding:39px 0 48px;gap:35px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:20px}.hero-copy h1{font-size:37px;letter-spacing:2px;line-height:1.65}.hero-description{font-size:11px;line-height:2.1;margin:20px 0 25px}.hero-cta{min-height:43px;font-size:11px;padding:0 18px;gap:26px}.hero-footnote{font-size:8px;margin-top:14px}.harmonic-art{padding:17px 15px 13px;box-shadow:7px 7px 0 #eeeddf,7px 7px 0 1px #dcdfca;width:calc(100% - 9px)}.art-label{margin-top:18px;gap:7px}.art-label-en{font-size:22px}.art-label-cn{font-size:8px}.art-topline{font-size:7px;padding-bottom:13px;letter-spacing:1.3px}.harmonic-art>img{margin-top:0}.art-equation{font-size:18px;gap:7px;padding-top:8px;padding-bottom:17px}.art-sum{font-size:25px}.art-sum sup,.art-sum sub{left:18px;font-size:6px}.art-footer{font-size:6px;letter-spacing:.8px;padding-top:12px}.art-corner{width:14px;height:43px;right:-6px}.project-intro h2{font-size:19px;letter-spacing:.5px}.project-intro .eyebrow{font-size:7px}.project-intro>p{font-size:9px}.project-card{grid-template-columns:1fr}.project-card-visual{min-height:190px;border-right:0;border-bottom:1px solid #d6dac7;overflow:hidden}.project-card-visual>svg{width:265px;height:196px;margin:0}.project-card-visual>span{font-size:9px;top:17px;left:17px}.project-card-copy{padding:24px}.project-card h3{font-size:22px;margin-top:17px}.project-card p{font-size:11px;line-height:2;margin-bottom:17px}.project-link{font-size:10px}.experience-section{grid-template-columns:1fr;gap:23px;margin:30px 0}.experience-section article{display:grid;grid-template-columns:60px 1fr;column-gap:16px;align-items:start}.experience-section article+article:before{display:none}.experience-number{font-size:7px;letter-spacing:.8px;grid-row:1/3;margin-top:4px}.experience-section h3{font-size:16px;margin:0 0 8px}.experience-section p{font-size:10px;grid-column:2;max-width:none}.closing-note{margin-top:30px;padding:18px 0;gap:12px}.closing-note p{font-size:9px;line-height:1.8;max-width:240px}.closing-note a{font-size:10px;padding-left:0}.closing-note a>span{margin-left:7px}.home-page .site-footer{padding:25px 0}.home-page .site-footer a{font-size:8px}}