:root{--paper:#f2ede1;--ink:#25362c;--earth:#65432e;--muted:#536153;--line:#778171;--white:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{width:100%;height:auto;display:block}figure,p,h1,h2,h3{margin:0}figure{min-width:0}h1,h2,h3{font-family:"Noto Serif CJK SC","Songti SC",SimSun,serif;font-weight:500;line-height:1.25;letter-spacing:-.045em}h1{font-size:clamp(42px,5.9vw,84px)}h1 em{font-style:normal;color:var(--earth)}h2{font-size:clamp(34px,4.6vw,66px)}h3{font-size:clamp(30px,3.1vw,45px)}p{line-height:1.95}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--earth);outline-offset:5px}[hidden]{display:none!important}[id]{scroll-margin-top:110px}[tabindex="-1"]:focus{outline:none}.skip-link{position:fixed;left:20px;top:12px;padding:14px 20px;background:var(--ink);color:var(--paper);z-index:200;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:40;height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;min-height:44px}.brand svg{width:36px;flex-shrink:0}.brand strong{display:block;font-size:15px}.brand small{display:block;font-size:10px;letter-spacing:.12em;margin-top:7px}.site-header nav{display:flex;gap:25px;align-items:center}.site-header nav a{font-size:14px;display:flex;align-items:center;min-height:44px}.site-header nav a:hover{color:var(--earth)}.menu-toggle{display:none;background:none;border:0;color:var(--ink);min-height:44px;padding:12px}.section{padding:110px 6vw}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--earth);margin-bottom:30px}.text-link{display:inline-flex;gap:48px;align-items:center;min-height:52px;border-bottom:1px solid currentColor;margin-top:32px;font-size:16px}.text-link span{font-size:25px}.hero{position:relative;display:grid;grid-template-columns:53% 47%;align-items:center;padding:82px 0 36px 6vw}.hero-copy{z-index:1;padding:40px 0 80px}.hero-lead{font-size:18px;margin-top:34px}.hero-figure{margin-left:-5vw}.hero-figure img{aspect-ratio:.96;object-fit:cover;object-position:62% center;clip-path:ellipse(72% 53% at 65% 50%)}.hero-foot{grid-column:1/-1;font-size:12px;letter-spacing:.16em;margin-top:22px}.company{background:var(--ink);color:var(--paper)}.company .eyebrow{color:var(--paper)}.company-body{display:grid;grid-template-columns:1fr 1fr;gap:12vw}.company-copy{max-width:480px;padding-top:12px}.company-copy p+p{margin-top:24px}.company .text-link{color:var(--paper)}.company .text-link:focus-visible{outline-color:var(--paper)}.section-ending{font-size:13px;margin-top:70px}.material-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px;padding-bottom:65px}.material-heading .eyebrow{grid-column:1/-1;margin:0}.material-heading>p:last-child{justify-self:end;margin-right:6vw}.yarn-chapter{display:grid;grid-template-columns:55% 45%;align-items:center}.yarn-chapter figure img{aspect-ratio:1.2;object-fit:cover}.chapter-copy{padding:75px 7vw}.chapter-copy>p:not(.eyebrow){font-size:16px;margin-top:25px}.weave-closeup{width:78%;margin:90px 6vw 90px auto}.weave-closeup img{aspect-ratio:2;object-fit:cover}.weave-closeup figcaption{font-size:12px;line-height:1.8;margin-top:16px;text-align:right}.fabric-chapter{display:grid;grid-template-columns:40% 60%;align-items:center}.fabric-chapter figure img{aspect-ratio:1.12;object-fit:cover}.research{padding-top:25px}.research-heading{padding-bottom:65px}.method-figure{width:78%;margin-left:6vw}.method-figure img{aspect-ratio:2.05;object-fit:cover}.method-copy{display:grid;grid-template-columns:42% 58%;gap:26px 0;padding:60px 6vw 100px}.method-copy .eyebrow{grid-column:2;margin-bottom:0}.method-copy h3{grid-row:1/4;align-self:center}.method-copy>p:not(.eyebrow){max-width:620px}.research-chapter{display:grid;grid-template-columns:48% 52%;align-items:center;padding-bottom:85px}.research-chapter figure img{aspect-ratio:1.2;object-fit:cover}.light-chapter{position:relative;display:grid;grid-template-columns:55% 45%;background:#e4e4d5;align-items:center}.light-chapter img{aspect-ratio:1;object-fit:cover}.light-copy{padding:70px 6vw}.light-copy>p:last-child{margin-top:30px}.development{display:grid;grid-template-columns:39% 52%;justify-content:space-between;gap:45px}.development h2{font-size:clamp(34px,4vw,58px)}.timeline{margin:0}.timeline>div{display:grid;grid-template-columns:115px 1fr;gap:24px;padding:28px 0;border-top:1px solid var(--line)}.timeline dt{font-size:13px;line-height:1.8;color:var(--earth)}.timeline dd{margin:0;min-width:0}.timeline h3{font-family:inherit;font-size:21px;font-weight:600;letter-spacing:0}.timeline p{font-size:14px;margin-top:14px}.correspondence{display:grid;grid-template-columns:60% 40%;align-items:center;padding-bottom:100px}.correspondence img{aspect-ratio:1.35;object-fit:cover}.correspondence-copy{padding:65px 5vw}.correspondence-copy h2{font-size:clamp(34px,3.6vw,52px)}.correspondence-copy>p:last-of-type{margin-top:25px}.dialogue{display:grid;grid-template-columns:48% 45%;justify-content:space-between;gap:70px;background:var(--ink);color:var(--paper)}.dialogue .eyebrow{color:var(--paper)}.dialogue h2{font-size:clamp(34px,4vw,58px);margin-bottom:32px}.dialogue label{display:block;font-size:13px;margin-bottom:14px}.dialogue select{display:block;width:100%;max-width:410px;border:1px solid var(--paper);border-radius:0;background:var(--paper);color:var(--ink);min-height:50px;padding:10px}.dialogue :focus-visible{outline-color:var(--paper)}.route-diagram{width:100%;max-width:390px;height:170px;margin:24px 0 10px;fill:none;stroke:var(--paper);stroke-width:2}.topic-status,#prepare-note{font-size:12px;min-height:24px;line-height:1.8}.prepare{min-height:52px;margin-top:20px;padding:12px 0;background:none;color:var(--paper);border:0;border-bottom:1px solid var(--paper)}.prepare span{padding-left:24px}.question-list{align-self:center}.question-group h3{font-family:inherit;letter-spacing:0;font-size:24px;font-weight:600;margin-bottom:30px}.question-group ol{padding-left:24px;margin:0;font-size:17px;line-height:2}.question-group li{padding-left:6px;margin:20px 0}.question-group+.question-group{margin-top:55px}.contact{display:grid;grid-template-columns:45% 45%;justify-content:space-between;gap:60px}.contact h2{font-size:clamp(34px,3.7vw,53px);margin-bottom:34px}.contact-copy>p:not(.eyebrow){font-size:16px}.contact .location-label{font-size:12px!important;margin-top:42px}.contact .contact-intro{margin-top:35px;max-width:390px}fieldset{border:0;margin:0;padding:0;min-width:0}legend{font-size:14px;margin-bottom:30px;color:var(--earth)}form label{display:block;margin-bottom:12px;font-size:14px}form input,form textarea{background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--muted);border-radius:0;width:100%;padding:14px 0;min-height:52px;margin-bottom:28px}form textarea{resize:vertical;min-height:175px;line-height:1.65}form textarea::placeholder{color:var(--muted);opacity:1}.submit{background:var(--ink);color:var(--paper);border:0;min-height:52px;padding:14px 26px}#form-note{font-size:12px;margin-top:28px;min-height:38px}footer{display:grid;grid-template-columns:1fr auto;gap:30px;padding:45px 6vw;border-top:1px solid var(--line);font-size:12px}footer a{min-height:44px;display:flex;align-items:center}footer small{font-size:11px;grid-column:1/-1}
@media(max-width:1000px){.site-header{height:84px;padding:0 5vw}.brand strong{font-size:13px}.brand small{font-size:9px}.menu-toggle{display:block}.site-header nav{flex-wrap:wrap;gap:16px;padding:20px 5vw;position:static;width:100%}.site-header:has(nav:not(.is-open)){flex-wrap:wrap;height:auto;min-height:84px}.js-ready .site-header{height:84px!important;flex-wrap:nowrap!important}.js-ready .site-header nav{display:none}.js-ready .site-header nav.is-open{display:flex;position:fixed;inset:84px 0 0;background:var(--paper);flex-direction:column;align-items:flex-start;gap:18px;padding:36px 6vw;overflow:auto;align-content:flex-start}.site-header nav.is-open a{font-size:29px;min-height:60px}.menu-open{overflow:hidden}.section{padding:85px 6vw}.hero{padding-top:65px}.hero-copy{padding-top:10px;padding-bottom:50px}.hero-figure img{aspect-ratio:.9}.hero h1{font-size:clamp(42px,5.3vw,64px)}.hero-lead{font-size:16px}.company-body{gap:7vw}.material-heading{padding-bottom:50px}.chapter-copy{padding:55px 6vw}.weave-closeup{margin-top:75px;margin-bottom:75px;width:85%}.method-copy{padding:50px 6vw 80px}.development{grid-template-columns:1fr}.development-heading h2{font-size:48px}.correspondence-copy{padding:45px 5vw}.dialogue{gap:35px}.dialogue .question-list{align-self:center}.question-group ol{font-size:16px}.contact{gap:35px}.contact h2{font-size:40px}.timeline>div{grid-template-columns:130px 1fr}}
@media(max-width:600px){.site-header{padding:0 6vw}.js-ready .site-header{height:80px!important}.brand{gap:9px}.brand svg{width:28px}.brand strong{font-size:11px;letter-spacing:-.01em}.brand small{font-size:8px}.menu-toggle{font-size:13px;padding:12px 0;min-width:57px}.js-ready .site-header nav.is-open{inset:80px 0 0}.section{padding:75px 6vw}.eyebrow{margin-bottom:24px;font-size:11px}.hero{grid-template-columns:1fr;padding:50px 0 28px}.hero-copy{padding:0 6vw 40px}.hero h1{font-size:40px;line-height:1.4;letter-spacing:-.055em}.hero-lead{font-size:16px;margin-top:24px}.hero-figure{margin:0 0 0 7vw}.hero-figure img{aspect-ratio:1.4;clip-path:ellipse(75% 55% at 63% 50%)}.hero-foot{padding:0 6vw;margin-top:24px;font-size:11px}.company-body{grid-template-columns:1fr;gap:32px}.company-copy{padding-top:0}.section-ending{margin-top:44px}.material-heading{grid-template-columns:1fr;gap:22px;padding-bottom:45px}.material-heading>p:last-child{justify-self:start;margin:0}.yarn-chapter,.fabric-chapter,.research-chapter,.light-chapter,.correspondence{grid-template-columns:1fr}.chapter-copy{padding:45px 6vw 65px}.yarn-chapter figure{width:90%}.yarn-chapter img{aspect-ratio:1.3!important}.weave-closeup{width:94%;margin:0 0 60px auto}.weave-closeup img{aspect-ratio:1.35}.weave-closeup figcaption{text-align:left;padding-right:6vw}.fabric-chapter figure{width:94%;margin-left:auto}.research-heading{padding-bottom:45px}.method-figure{width:94%;margin-left:0}.method-figure img{aspect-ratio:1.4}.method-copy{display:block;padding:42px 6vw 65px}.method-copy h3{margin-bottom:26px}.method-copy>p:not(.eyebrow){margin-top:20px}.research-chapter{padding-bottom:0}.research-chapter figure{width:94%;margin:0 0 60px auto}.light-chapter img{aspect-ratio:1.4}.light-copy{padding:45px 6vw 65px}.light-copy h2{font-size:34px}.development-heading h2{font-size:36px}.development{gap:32px}.timeline>div{grid-template-columns:86px 1fr;gap:20px;padding:25px 0}.timeline dt{font-size:12px}.timeline h3{font-size:19px;line-height:1.5}.timeline p{font-size:14px}.correspondence{padding-bottom:0}.correspondence img{aspect-ratio:1.4}.correspondence-copy{padding:45px 6vw 75px}.correspondence-copy h2{font-size:34px}.dialogue{grid-template-columns:1fr;gap:45px}.dialogue h2{font-size:34px}.question-group ol{font-size:16px}.contact{grid-template-columns:1fr;gap:45px}.contact h2{font-size:34px}.contact .contact-intro{font-size:15px}footer{padding-top:32px;gap:20px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}