@font-face{font-family:"Museum Kesong";src:url("assets/fonts/museum-kesong.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Museum Song";src:url("assets/fonts/museum-song-400.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"Museum Song";src:url("assets/fonts/museum-song-500.woff") format("woff");font-style:normal;font-weight:500;font-display:swap}
:root{--paper:#fafbfc;--surface:#f0f3f5;--ink:#1d303c;--text:#445966;--muted:#5c6f7d;--border:#d7e1e7;--accent:#486d80;--dark:#152630;--serif:"Museum Song","Songti SC","STSong","SimSun","Noto Serif CJK SC",serif;--sans:"PingFang SC","Microsoft YaHei",sans-serif;--gutter:5.5vw;--rail:170px;--section:110px;--ease:cubic-bezier(.2,.65,.25,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button{border:0}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.skip{position:fixed;top:-100px;left:15px;padding:14px;background:var(--ink);color:white;z-index:20}.skip:focus{top:10px}.site-header{height:100px;margin:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:25px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{width:29px;height:42px}.brand-title{display:block;font-family:var(--serif);font-size:20px;letter-spacing:2px}.brand-en{display:block;font-size:8px;letter-spacing:1.25px;margin-top:10px}.site-header nav{display:flex;gap:32px;font-size:12px}.site-header nav a{padding:13px 0;position:relative}.site-header nav a:after{content:"";position:absolute;bottom:3px;left:0;width:0;border-bottom:1px solid var(--ink);transition:width .25s}.site-header nav a:hover:after{width:100%}.header-visit{font-size:12px;display:flex;gap:28px;align-items:center}.header-visit span{font-size:21px}.menu-toggle{display:none}.hero{position:relative;margin:0 var(--gutter);min-height:700px;display:grid;grid-template-columns:43% 57%;padding-top:40px;padding-bottom:70px}.hero-left{padding-top:47px;z-index:1}.overline{font-size:9px;letter-spacing:2px;font-weight:400;color:var(--muted)}.overline span{padding:0 9px}.hero h1{font-size:clamp(120px,12vw,185px);line-height:1.1;letter-spacing:.01em;margin-top:42px;position:relative}.title-note{display:block;font-size:17px;letter-spacing:7px;line-height:2;margin:21px 0 0 6px}.hero-description{font-size:13px;line-height:2.1;letter-spacing:1px;color:var(--text);margin:29px 0 27px 6px}.round-link{display:inline-flex;gap:18px;align-items:center;margin-left:5px;font-size:13px;min-height:52px}.arrow-circle{border:1px solid #9bafbc;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:24px;transition:background .25s,color .25s,transform .25s}.round-link:hover .arrow-circle{background:var(--ink);color:var(--paper);transform:rotate(-45deg)}.round-link small{font-size:8px;letter-spacing:1px;display:block;margin-top:7px;color:var(--muted)}.hero-image{position:relative;min-height:565px;margin-left:12px}.hero-image img{position:absolute;inset:0;object-position:56% center}.hero-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px #ffffff08;pointer-events:none}.image-index{position:absolute;right:24px;top:26px;font-family:var(--serif);font-size:16px;line-height:1.8;color:#fbfdff;text-shadow:0 1px 8px #172b3b66}.hero-image figcaption{position:absolute;left:0;right:0;bottom:-27px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted);gap:10px}.hero-image figcaption span:last-child{font-size:8px;letter-spacing:0}.hero-footer{position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding-bottom:24px;font-size:10px;letter-spacing:2px}.hero-scroll{font-size:8px;color:var(--muted)}.hero-scroll i{font-style:normal;margin-left:16px}.page-section{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);padding:var(--section) var(--gutter);gap:30px}.section-label{display:flex;gap:17px;align-items:flex-start;padding-top:12px;font-size:11px;letter-spacing:1px}.index{font-family:Georgia,serif;font-size:12px;color:var(--accent);line-height:1.4}.section-label small{display:block;font-size:8px;letter-spacing:1px;color:var(--muted);margin-top:10px}.page-section h2{font-size:clamp(38px,4.15vw,63px);line-height:1.55;letter-spacing:4px}.intro h2{margin-bottom:47px}.italic-word{color:#6c8798}.intro-columns{display:grid;grid-template-columns:1fr 1.05fr;gap:60px}.intro-lead{font-family:var(--serif);font-size:23px;line-height:1.9;letter-spacing:2px;padding-top:2px}.prose{max-width:450px}.prose p,.artist-copy p{font-size:13px;line-height:2.25;color:var(--text);margin-bottom:19px;text-wrap:pretty}.line-link{display:flex;justify-content:space-between;max-width:145px;font-size:12px;padding:15px 0 12px;border-bottom:1px solid var(--border);margin-top:25px}.line-link:hover span{transform:translate(3px,-3px)}.line-link span{transition:transform .2s}.legacy{background:var(--dark);color:#f2f6f9}.light-label .index{color:#9bb7c9}.light-label small{color:#a5b9c6}.legacy-heading,.craft-heading,.experience-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px}.legacy-heading p,.craft-heading p,.experience-heading p{font-size:12px;line-height:2.1;color:var(--muted);padding-bottom:10px;letter-spacing:.5px}.legacy-heading p{color:#b6c7d3}.artist-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #4e6575}.artist-tabs button{text-align:left;background:none;color:#b3c5d1;border-bottom:2px solid transparent;margin-bottom:-1px;display:grid;grid-template-columns:24px 1fr;row-gap:9px;padding:22px 4px;font-family:var(--serif);font-size:24px;letter-spacing:3px;transition:color .2s,border-color .2s}.artist-tabs button[aria-selected="true"]{color:#f3f8fc;border-bottom-color:#d5e6f0}.artist-tabs button:hover{color:#f3f8fc}.artist-tabs button span{font-family:var(--sans);font-size:8px;letter-spacing:0;padding-top:7px;color:#a6bece}.artist-tabs button small{font-family:var(--sans);font-size:9px;letter-spacing:1px;grid-column:2}.artist-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;padding-top:50px;min-height:365px}.artist-glyph{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;border-left:1px solid #425c6d;padding-left:35px}.artist-glyph>span{font-family:var(--serif);font-size:170px;line-height:1.1;color:#a7bdcc;font-weight:400}.artist-glyph small{font-size:8px;letter-spacing:4px;color:#abc0ce;margin:17px 0 0 7px}.artist-copy{padding-top:8px}.artist-copy .overline{color:#c0d3df;font-size:9px;letter-spacing:1px}.artist-copy h3{font-size:29px;line-height:1.7;margin:20px 0 18px;letter-spacing:2px}.artist-copy p{color:#c8d6df;font-size:12px}.artist-copy .artist-secondary{color:#afc3d1}.artist-footnote{display:block;font-size:9px;letter-spacing:2px;margin-top:30px;color:#a7bfce}.craft{border-bottom:1px solid var(--border)}.craft-heading{margin-bottom:38px}.craft-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.thread-composition{background:#eef3f6;position:relative;aspect-ratio:1.12;min-height:320px}.thread-composition svg{position:absolute;inset:0;width:100%;height:100%}.thread-composition>span{position:absolute;bottom:30px;left:30px;font-family:var(--serif);font-size:14px;letter-spacing:2px}.thread-composition>small{position:absolute;bottom:13px;left:30px;font-size:8px;color:var(--muted);letter-spacing:1px}.craft-accordion details{border-top:1px solid var(--border)}.craft-accordion details:last-child{border-bottom:1px solid var(--border)}.craft-accordion summary{list-style:none;display:flex;align-items:flex-start;gap:20px;padding:26px 0;cursor:pointer;font-family:var(--serif);font-size:25px;letter-spacing:4px}.craft-accordion summary::-webkit-details-marker{display:none}.craft-number{font-family:Georgia,serif;font-size:11px;color:var(--accent);letter-spacing:0;padding-top:8px}.craft-accordion summary small{font-family:var(--sans);font-size:10px;letter-spacing:.5px;display:block;color:var(--muted);margin-top:12px}.plus{margin-left:auto;font-family:var(--sans);font-size:18px;color:var(--muted);transition:transform .2s}.craft-accordion details[open] .plus{transform:rotate(45deg)}.craft-accordion p{font-size:12px;line-height:2.2;color:var(--text);padding:0 0 26px 32px}.experience{background:#f0f3f5}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.experience-card{padding:27px 32px 15px;background:#eaf1f5;border:1px solid #d4e0e8}.mindful{background:#fafcfd;border-color:#dce5eb}.card-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;letter-spacing:1px}.card-top span:last-child{font-size:8px;color:var(--muted);letter-spacing:1px}.card-graphic{height:185px;position:relative;margin:20px 0 10px;color:#648294}.stitch-graphic svg{width:100%;height:100%}.stitch-graphic small{position:absolute;bottom:-3px;right:0;font-size:8px;color:var(--muted)}.mindful-graphic{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.mindful-graphic>span{font-family:var(--serif);font-size:37px;letter-spacing:13px;color:#708c9e;padding-left:13px}.mindful-graphic svg{height:35px;width:90%;color:#a5bccb}.experience-card h3{font-size:31px;letter-spacing:3px;margin:20px 0 16px}.experience-card p{font-size:12px;line-height:2;color:var(--text)}.experience-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 0;border-top:1px solid #c9d8e2;background:none;margin-top:30px;font-size:11px}.experience-button span:last-child{font-size:24px;transition:transform .2s}.experience-button:hover span:last-child{transform:translate(3px,-3px)}.visit{padding-bottom:90px}.visit h2{font-size:clamp(40px,4.5vw,68px)}.visit h2 span{color:#6b8799}.visit-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px}.visit-bottom>p{font-family:var(--serif);font-size:21px;letter-spacing:2px;padding-top:12px}.visit dl{margin:0}.visit dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding:19px 0;font-size:11px}.visit dt{color:var(--muted)}.visit dd{margin:0;text-align:right}footer{padding:40px var(--gutter);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{font-family:var(--serif);font-size:28px;letter-spacing:5px}.footer-brand span{font-size:12px;letter-spacing:3px;margin-left:15px}footer>div p{font-size:10px;letter-spacing:2px;margin-bottom:10px}footer>div small{font-size:7px;letter-spacing:1.5px;color:var(--muted)}.back-top{font-size:10px;padding:15px 0}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--border);padding:52px;max-width:560px;width:calc(100% - 40px);max-height:85svh}dialog::backdrop{background:#102331b3;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:14px;top:10px;background:none;font-size:26px;width:44px;height:44px}dialog h2{font-size:34px;letter-spacing:3px;margin:24px 0}#dialog-body p{font-size:14px;line-height:2.1;margin-bottom:14px;color:var(--text)}.dialog-status{border-top:1px solid var(--border);font-size:11px;line-height:1.9;color:var(--muted);padding-top:20px;margin-top:22px}.dialog-done{display:block;width:100%;background:var(--ink);color:var(--paper);padding:15px;margin-top:24px;font-size:12px;letter-spacing:2px}.dialog-done:hover{background:#315263}@media(min-width:1650px){:root{--gutter:max(6vw,calc((100vw - 1480px)/2));--rail:195px}.hero{min-height:790px}.hero-image{min-height:650px}.hero-left{padding-top:70px}}@media(max-width:1150px){:root{--gutter:4vw;--rail:135px;--section:85px}.site-header nav{gap:20px}.brand-title{font-size:17px;letter-spacing:1px}.brand-en{font-size:7px;letter-spacing:.7px}.header-visit{gap:15px}.hero{min-height:650px}.hero-left{padding-top:40px}.hero h1{font-size:12vw}.hero-image{min-height:510px}.hero-description{font-size:12px}.title-note{font-size:14px;letter-spacing:4px}.intro-columns{gap:30px}.intro-lead{font-size:20px}.artist-panel{gap:30px}.artist-copy h3{font-size:25px}.craft-grid{gap:30px}.experience-card{padding:24px 24px 10px}.experience-card h3{font-size:27px}.card-top{font-size:9px}.card-top span:last-child{font-size:7px}.thread-composition{min-height:300px}.legacy-heading p,.craft-heading p,.experience-heading p{font-size:11px}}@media(max-width:850px){.site-header nav{gap:17px}.site-header nav a{font-size:11px}.header-visit{display:none}.hero{grid-template-columns:44% 56%}.hero h1{font-size:13vw}.hero-left{padding-top:35px}.hero-image{min-height:500px}.hero-footer{font-size:9px}.hero-image figcaption{font-size:8px;letter-spacing:0}.hero-image figcaption span:last-child{font-size:7px}.page-section{grid-template-columns:105px minmax(0,1fr);gap:20px}.section-label{gap:11px;font-size:10px}.section-label small{font-size:7px}.intro-columns{grid-template-columns:1fr;gap:20px}.intro-lead br{display:none}.prose{max-width:none}.legacy-heading,.craft-heading,.experience-heading{display:block}.legacy-heading p,.craft-heading p,.experience-heading p{margin-top:20px;padding:0}.artist-tabs button{font-size:21px;letter-spacing:1px;grid-template-columns:20px 1fr}.artist-glyph>span{font-size:135px}.artist-glyph{padding-left:15px}.artist-glyph small{font-size:7px;letter-spacing:2px}.artist-panel{grid-template-columns:.65fr 1.35fr;gap:25px}.craft-grid{grid-template-columns:1fr;gap:25px}.thread-composition{min-height:0;aspect-ratio:1.5}.experience-grid{grid-template-columns:1fr}.card-graphic{height:200px}.visit-bottom{grid-template-columns:1fr;gap:20px}.footer-brand{font-size:23px;letter-spacing:3px}.footer-brand span{display:block;font-size:10px;margin:9px 0 0;letter-spacing:3px}}@media(max-width:600px){:root{--gutter:6vw;--section:65px}.site-header{height:84px;gap:15px}.brand-title{font-size:16px;letter-spacing:.8px}.brand-en{font-size:6px;letter-spacing:.65px;margin-top:8px}.brand-mark{width:23px;height:38px}.brand{gap:10px}.site-header nav{display:none;position:absolute;z-index:8;top:84px;left:0;right:0;background:var(--paper);padding:20px var(--gutter) 28px;border-bottom:1px solid var(--border)}.site-header nav.open{display:grid;grid-template-columns:1fr 1fr;gap:15px}.site-header nav a{padding:15px;font-size:13px;border-bottom:1px solid var(--border)}.menu-toggle{display:flex;flex-direction:column;gap:7px;background:none;padding:12px 4px 12px 15px;min-width:44px;min-height:44px;justify-content:center}.menu-toggle span{display:block;width:23px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{display:block;padding-top:0;padding-bottom:67px;min-height:0}.hero-left{padding:35px 0 0}.hero .overline{font-size:7px;letter-spacing:1.3px}.overline span{padding:0 5px}.hero h1{font-size:clamp(105px,30vw,175px);margin-top:22px;display:flex;align-items:center;gap:10px;line-height:1.12;letter-spacing:0}.title-note{writing-mode:vertical-rl;font-size:11px;letter-spacing:4px;line-height:1.5;margin:0;padding-top:4px}.hero-description{font-size:11px;line-height:2;letter-spacing:.8px;margin:17px 0 20px 3px}.round-link{position:absolute;right:0;top:240px;gap:0;z-index:2;margin:0}.round-link>span:last-child{display:none}.arrow-circle{width:42px;height:42px;font-size:23px}.hero-image{margin:0;min-height:0;height:315px}.hero-image img{object-position:60% center}.image-index{right:17px;top:18px;font-size:13px}.hero-image figcaption{font-size:8px;bottom:-22px}.hero-footer{padding-bottom:17px;font-size:8px;letter-spacing:1px}.hero-scroll{display:none}.page-section{display:block}.section-label{padding:0;margin-bottom:28px;font-size:10px;gap:13px;align-items:center}.section-label small{display:inline;margin:0 0 0 12px;font-size:7px;letter-spacing:1px}.index{font-size:10px}.page-section h2{font-size:35px;line-height:1.55;letter-spacing:2px}.intro h2{margin-bottom:28px}.intro-columns{gap:22px}.intro-lead{font-size:18px;letter-spacing:1px}.prose p{font-size:12px;line-height:2.2}.line-link{font-size:11px}.legacy-heading,.craft-heading,.experience-heading{margin-bottom:28px}.legacy-heading p,.craft-heading p,.experience-heading p{font-size:11px;margin-top:18px}.artist-tabs button{font-size:22px;padding:19px 0;display:flex;flex-direction:column;gap:8px;letter-spacing:2px}.artist-tabs button span{font-size:8px;padding:0}.artist-tabs button small{font-size:8px;letter-spacing:0}.artist-panel{display:block;padding-top:30px;min-height:0}.artist-glyph{display:none}.artist-copy{padding:0}.artist-copy h3{font-size:26px;letter-spacing:1px;margin-top:17px}.artist-copy p{font-size:12px}.artist-footnote{font-size:8px;margin-top:22px}.craft-grid{gap:22px}.thread-composition{aspect-ratio:1.2}.thread-composition>span{font-size:12px;left:23px;bottom:28px}.thread-composition>small{left:23px}.craft-accordion summary{font-size:23px;padding:23px 0}.craft-accordion summary small{font-size:10px}.experience-grid{gap:20px}.experience-card{padding:25px 26px 10px}.card-graphic{height:175px;margin-top:17px}.experience-card h3{font-size:29px}.experience-card p{font-size:12px}.card-top{font-size:9px}.experience-button{padding:17px 0;margin-top:24px}.visit{padding-bottom:60px}.visit h2{font-size:35px}.visit-bottom{margin-top:28px}.visit-bottom>p{font-size:19px;padding-top:0}.visit dl>div{font-size:10px;padding:18px 0;gap:15px}footer{flex-wrap:wrap;align-items:flex-start;padding-top:30px;padding-bottom:28px;gap:25px}.footer-brand{font-size:27px}.footer-brand span{font-size:10px}.back-top{margin-left:auto}footer>div{order:3;width:100%;display:flex;flex-direction:column;gap:0}footer>div p{font-size:9px}footer>div small{font-size:6px;letter-spacing:1px}dialog{padding:40px 28px 30px}dialog h2{font-size:28px}#dialog-body p{font-size:12px}.dialog-status{font-size:10px}.dialog-close{right:7px;top:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Full-screen exhibition */
.immersive{--gutter:6vw;--section:100px}.reading-progress{position:fixed;inset:0 auto auto 0;width:100%;height:2px;background:#7897ac;transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}.site-header{position:absolute;z-index:12;left:var(--gutter);right:var(--gutter);margin:0;border-color:#ffffff55;color:#172c3b}.hero{margin:0;min-height:820px;height:100svh;max-height:none;display:block;padding:0;isolation:isolate;overflow:hidden;background:#e6edf3}.hero-image{position:absolute;inset:0;margin:0;min-height:0;z-index:-3;overflow:hidden}.hero-image img{object-position:60% 56%;transform:scale(1.08);will-change:transform;transition:transform 1.1s ease-out}.hero-image:after{box-shadow:none;background:linear-gradient(90deg,#f8fbfde0 0%,#f8fbfd70 38%,#132b3c05 75%),linear-gradient(0deg,#ecf2f8b0,transparent 25%);z-index:1}.hero-image figcaption{left:auto;right:6vw;bottom:90px;z-index:2;display:block;color:#e7f0f6;text-shadow:0 1px 7px #152d44}.hero-image figcaption span{display:block;text-align:right;margin-top:7px}.image-index{top:27%;right:6vw;font-size:18px;letter-spacing:5px;line-height:2;z-index:2;color:#f8fbfd}.hero-left{padding:0;position:absolute;left:var(--gutter);top:50%;transform:translateY(-44%);max-width:70%;z-index:2}.hero .overline{font-size:10px;letter-spacing:3px;color:#4b6375}.hero h1{font-size:clamp(150px,19vw,290px);line-height:1.05;margin-top:26px;letter-spacing:.05em;color:#1b3445}.title-note{font-size:20px;letter-spacing:10px;margin-top:18px}.hero-description{font-size:14px;color:#365266;line-height:2;margin-top:24px}.round-link{margin-top:12px}.hero-footer{left:var(--gutter);right:var(--gutter);bottom:30px;border-color:#526d7b40;color:#29495d}.hero-scroll{color:#3d596e}.fullscreen-toggle{position:absolute;right:var(--gutter);bottom:140px;z-index:4;background:#f5faff25;border:1px solid #e1edf5a0;color:#f5faff;backdrop-filter:blur(10px);padding:11px 18px;font-size:10px;letter-spacing:2px;display:flex;gap:24px;align-items:center;min-height:44px}.fullscreen-toggle span{font-size:22px}.fullscreen-toggle:hover{background:#edf5fa44}#silk-field{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.6}.hero:fullscreen{height:100vh;width:100vw;min-height:0}.hero:fullscreen .hero-left{top:48%}.chapter-dots{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:8px;padding:10px 3px;border-radius:30px;background:#eef4f818;backdrop-filter:blur(8px)}.chapter-dots a{display:grid;place-items:center;width:21px;height:24px}.chapter-dots a:before{content:"";display:block;width:4px;height:4px;border:1px solid #7892a5;border-radius:50%;transition:transform .3s,background .3s}.chapter-dots a.active:before{background:#7e9aae;transform:scale(1.7)}.page-section{min-height:100svh;align-content:center}.intro{position:relative;overflow:hidden}.intro:before{content:"丝";position:absolute;left:-2vw;bottom:-9vw;font-family:var(--serif);font-size:48vw;line-height:1;color:#dce6ed55;pointer-events:none;z-index:-1}.intro h2{font-size:clamp(45px,5.6vw,86px)}.legacy{position:relative;overflow:hidden;min-height:100svh;background:#142731}.legacy-content{position:relative}.legacy-heading{margin-bottom:30px}.legacy-heading h2{font-size:clamp(50px,5.8vw,87px);line-height:1.3}.legacy-heading p{padding-right:30px}.artist-stage-index{position:absolute;top:12px;right:0;font-size:9px;letter-spacing:4px;color:#a5c1d1}.artist-tabs{max-width:720px;margin-top:38px}.artist-panel{position:relative;min-height:350px;grid-template-columns:.7fr 1.3fr;max-width:1100px;padding-top:38px}.artist-glyph{border:0;padding:0;align-items:center}.artist-glyph>span{font-size:clamp(180px,21vw,330px);line-height:1;color:#93aebe70;transition:opacity .3s,transform .8s}.artist-glyph small{color:#a4bbca;letter-spacing:4px}.artist-copy{max-width:510px;padding-top:16px}.artist-copy h3{font-size:35px}.artist-copy p{font-size:13px}.stage-controls{display:flex;align-items:center;gap:22px;margin-top:25px}.stage-controls button{border:1px solid #668193;background:none;color:#dceaf3;width:47px;height:47px;border-radius:50%;font-size:23px;transition:background .25s,transform .25s}.stage-controls button:hover{background:#3f5b6d;transform:scale(1.08)}.stage-controls>span{font-size:9px;color:#a4bac9;letter-spacing:2px}.artist-panel.stage-enter .artist-copy{animation:stage-in .65s var(--ease)}.artist-panel.stage-enter .artist-glyph{animation:stage-in .9s var(--ease)}@keyframes stage-in{from{opacity:.1;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.craft{display:block;position:relative;padding:0;min-height:110svh;background:#eaf0f5;overflow:hidden}.craft>.section-label{position:absolute;top:70px;left:var(--gutter);z-index:3}.craft-content{position:relative;min-height:110svh;padding:145px var(--gutter) 75px;display:flex;flex-direction:column;justify-content:space-between}.craft-heading{position:relative;z-index:2;pointer-events:none}.craft-heading h2{font-size:clamp(54px,6.7vw,100px);line-height:1.3}.craft-heading p{color:#456176}.craft-grid{display:block;position:static}.thread-composition{position:absolute;inset:0;aspect-ratio:auto;background:none;min-height:0;width:100%;height:100%;overflow:hidden}.thread-composition svg{width:110%;height:110%;top:-5%;left:-5%;opacity:.65;transform-origin:center;transition:transform 1.5s ease-out}.thread-composition>span{left:var(--gutter);bottom:80px;font-size:20px;letter-spacing:5px}.thread-composition>small{left:var(--gutter);bottom:52px;font-size:9px}.craft-accordion{position:relative;z-index:3;width:min(420px,43%);margin:100px 0 0 auto;background:#f9fcffe6;backdrop-filter:blur(15px);padding:0 28px;border:1px solid #d5e1e8}.craft-accordion details:first-child{border-top:0}.craft-accordion details:last-child{border-bottom:0}.experience{position:relative;display:block;padding-top:85px;background:#f5f8fa}.experience>.section-label{margin-bottom:40px}.experience-heading{padding-left:calc(var(--rail) + 30px)}.experience-heading h2{font-size:clamp(50px,5.8vw,86px);line-height:1.4}.experience-grid{gap:0;margin:55px calc(-1 * var(--gutter)) calc(-1 * var(--section))}.experience-card{position:relative;padding:40px 6vw 25px;min-height:590px;border:0;overflow:hidden;transition:background .5s}.last-stitch{background:#e7eff5}.mindful{background:#eef3f8}.experience-card:hover{background:#dce9f2}.card-graphic{height:260px;transition:transform .8s var(--ease)}.experience-card:hover .card-graphic{transform:scale(1.045)}.experience-card h3{font-size:38px}.experience-button{margin-top:32px}.visit h2{font-size:clamp(46px,6.1vw,90px)}.visit{background:#fafcfd}.visit-bottom{margin-top:65px}.site-header nav.open{background:#f5f9fcf5}.reveal-ready{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1150px){.hero{min-height:760px}.hero h1{font-size:21vw}.hero-left{max-width:75%}.legacy-heading p{margin-right:0}.artist-copy h3{font-size:29px}.artist-panel{grid-template-columns:.65fr 1.35fr}.craft-accordion{width:45%}.experience-heading{padding-left:0}.experience-card{padding-left:5vw;padding-right:5vw}.card-top{flex-wrap:wrap}}@media(max-width:850px){.hero{min-height:720px}.hero h1{font-size:24vw}.hero-left{top:46%}.hero-description{font-size:13px}.title-note{font-size:17px;letter-spacing:7px}.artist-stage-index{top:2px}.artist-panel{display:grid}.artist-glyph>span{font-size:180px}.artist-copy h3{font-size:26px}.artist-copy p{font-size:12px}.craft-heading p{max-width:220px}.craft-accordion{width:49%;margin-top:110px}.thread-composition>span{font-size:16px;letter-spacing:2px}.thread-composition>small{max-width:38%;line-height:1.7}.experience-grid{grid-template-columns:1fr 1fr}.experience-card{min-height:540px}.experience-card h3{font-size:28px}.card-graphic{height:200px}.mindful-graphic>span{font-size:29px;letter-spacing:5px}}@media(max-width:600px){.immersive{--gutter:7vw;--section:70px}.site-header{left:var(--gutter);right:var(--gutter);height:88px}.hero{height:100svh;min-height:740px;padding:0}.hero-image{height:100%;margin:0}.hero-image img{object-position:64% center;transform:scale(1.07)}.hero-image:after{background:linear-gradient(180deg,#f6faffc9 0%,#f6faffa0 35%,#e5eff848 65%,#132f48a0 100%)}.hero-left{left:var(--gutter);top:25%;transform:none;padding:0;max-width:88%;position:absolute}.hero .overline{font-size:7px;letter-spacing:1.5px}.hero h1{font-size:32vw;display:block;line-height:1.1;margin-top:28px;letter-spacing:.04em}.title-note{writing-mode:horizontal-tb;font-size:13px;letter-spacing:5px;display:block;margin:18px 0 0 3px}.hero-description{font-size:12px;margin:20px 0 0 3px;line-height:2.1}.round-link{position:static;margin:24px 0 0 3px;gap:12px}.round-link>span:last-child{display:block}.arrow-circle{width:43px;height:43px}.round-link{font-size:11px}.round-link small{font-size:7px}.image-index{right:7vw;top:58%;font-size:13px;letter-spacing:3px;line-height:1.9}.hero-image figcaption{right:7vw;bottom:107px;font-size:8px;color:#eff7ff;left:auto}.fullscreen-toggle{left:var(--gutter);right:auto;bottom:110px;padding:8px 12px;font-size:9px;letter-spacing:1px;gap:15px}.hero-footer{left:var(--gutter);right:var(--gutter);bottom:25px;border-color:#d7e5ee66;color:#eaf4fc;padding-bottom:17px;font-size:8px}.chapter-dots{right:4px;gap:4px;padding:6px 0}.chapter-dots a{width:18px;height:22px}.page-section{min-height:100svh;padding-top:75px;padding-bottom:75px}.intro h2{font-size:40px;line-height:1.5}.intro:before{font-size:95vw;bottom:0;left:-5vw}.intro-columns{gap:25px}.legacy{padding-top:65px;padding-bottom:65px}.legacy-heading h2{font-size:44px;line-height:1.4}.legacy-heading p{font-size:11px;max-width:260px}.artist-stage-index{top:5px;right:0;font-size:8px;letter-spacing:2px}.artist-tabs{margin-top:25px}.artist-tabs button{font-size:23px;padding:18px 0}.artist-panel{display:block;padding-top:30px;min-height:0}.artist-glyph{display:block;position:absolute;right:-20px;bottom:-35px;z-index:0;pointer-events:none}.artist-glyph>span{font-size:230px;color:#adc7d914}.artist-glyph small{display:none}.artist-copy{position:relative;z-index:1;max-width:100%}.artist-copy h3{font-size:27px;letter-spacing:0}.artist-copy p{font-size:12px}.stage-controls{justify-content:space-between;margin-top:28px}.stage-controls>span{font-size:8px}.stage-controls button{width:45px;height:45px}.craft{min-height:115svh;padding:0}.craft>.section-label{top:45px}.craft-content{min-height:115svh;padding:100px var(--gutter) 240px}.craft-heading{display:block}.craft-heading h2{font-size:45px}.craft-heading p{margin-top:20px;font-size:11px}.thread-composition svg{width:165%;height:100%;left:-38%;top:-9%;opacity:.7}.thread-composition>span{bottom:93px;font-size:19px;left:var(--gutter)}.thread-composition>small{bottom:65px;left:var(--gutter);max-width:80%;font-size:8px}.craft-accordion{width:100%;padding:0 22px;margin-top:55px;background:#f9fcffde}.craft-accordion summary{padding:20px 0;font-size:22px}.craft-accordion summary small{font-size:9px}.craft-accordion p{font-size:11px}.experience{padding-top:65px;padding-bottom:0}.experience-heading h2{font-size:43px}.experience-grid{grid-template-columns:1fr;margin:35px calc(-1 * var(--gutter)) 0}.experience-card{padding:35px var(--gutter) 22px;min-height:620px;display:flex;flex-direction:column;justify-content:center}.experience-card h3{font-size:34px}.experience-card p{font-size:12px}.card-top{margin-bottom:12px}.card-graphic{height:255px;margin:10px 0 20px}.mindful-graphic>span{font-size:40px;letter-spacing:8px}.experience-button{margin-top:30px}.visit{padding-top:75px;padding-bottom:75px}.visit h2{font-size:39px}.visit-bottom{margin-top:40px}.hero:fullscreen .hero-left{top:25%}}@media(prefers-reduced-motion:reduce){.hero-image img{transform:none!important}.reveal-ready{opacity:1;transform:none;transition:none}.artist-panel.stage-enter .artist-copy,.artist-panel.stage-enter .artist-glyph{animation:none}.thread-composition svg{transition:none;transform:none!important}}

[hidden]{display:none!important}
/* Embedded Song typography: a consistent publication-like Chinese voice. */
body{font-family:var(--serif);font-weight:400;font-synthesis:none}h1,h2,h3{font-weight:500;font-feature-settings:"palt" 1;font-kerning:normal}.brand-title{font-weight:500;letter-spacing:.1em;font-size:21px}.brand-en,.overline,.hero-scroll,.hero-footer,.section-label small,.card-top span:last-child,.artist-stage-index,.artist-glyph small,.artist-footnote,.round-link small,footer>div small,.image-index{font-family:var(--sans)}.site-header nav{font-family:var(--serif);font-size:14px;letter-spacing:.12em}.header-visit{font-size:13px;letter-spacing:.1em}.hero h1{font-weight:500;font-size:clamp(145px,18vw,270px);letter-spacing:.11em;line-height:1.16}.title-note{font-weight:400;font-size:19px;letter-spacing:.38em;line-height:1.9}.hero-description{font-size:16px;line-height:2.15;letter-spacing:.1em}.round-link{font-size:14px}.page-section h2{letter-spacing:.07em;line-height:1.55}.intro h2{font-size:clamp(44px,5.2vw,78px)}.intro-lead{font-size:25px;line-height:1.9;letter-spacing:.06em}.prose p{font-family:var(--serif);font-size:16px;line-height:2.25;letter-spacing:.035em}.legacy-heading h2{line-height:1.5;font-size:clamp(46px,5.4vw,80px)}.legacy-heading p,.craft-heading p,.experience-heading p{font-size:15px;line-height:2.1;letter-spacing:.05em}.artist-tabs button{font-family:var(--serif);font-size:27px;font-weight:500;letter-spacing:.14em}.artist-tabs button small{font-family:var(--serif);font-size:12px;font-weight:400;letter-spacing:.1em}.artist-copy h3{font-size:32px;line-height:1.8;letter-spacing:.07em}.artist-copy p{font-family:var(--serif);font-size:15px;line-height:2.25;letter-spacing:.025em}.artist-glyph>span{font-weight:400}.craft-heading h2{line-height:1.5;font-size:clamp(48px,6vw,90px)}.craft-accordion summary{font-weight:500;letter-spacing:.16em}.craft-accordion summary small{font-family:var(--serif);font-size:12px;font-weight:400;letter-spacing:.06em}.craft-accordion p{font-family:var(--serif);font-size:14px;line-height:2.2}.experience-card h3{font-size:36px;letter-spacing:.12em;line-height:1.8}.experience-card p{font-family:var(--serif);font-size:16px;line-height:2.1;letter-spacing:.04em}.experience-button{font-size:13px;letter-spacing:.1em}.card-top{font-size:12px}.visit h2{line-height:1.6}.visit-bottom>p{font-size:24px;letter-spacing:.08em}.visit dl>div{font-size:13px;line-height:1.8}.footer-brand{font-weight:500}.footer-brand span{font-weight:400}.section-label{font-size:13px;letter-spacing:.09em}.line-link{font-size:13px}.thread-composition>span{font-family:var(--serif);font-weight:400}.thread-composition>small{font-family:var(--sans)}#dialog-body p{font-family:var(--serif);font-size:15px;line-height:2.15}.dialog-status{font-size:12px;line-height:2}dialog h2{font-weight:500;letter-spacing:.1em}.dialog-done{font-size:14px}@media(max-width:1150px){.brand-title{font-size:18px}.hero h1{font-size:20vw}.artist-copy h3{font-size:28px}.artist-copy p{font-size:14px}.artist-tabs button{font-size:24px}.prose p{font-size:15px}}@media(max-width:850px){.brand-title{font-size:17px;letter-spacing:.06em}.hero h1{font-size:23vw}.hero-description{font-size:15px}.title-note{font-size:16px}.intro-lead{font-size:23px}.artist-copy h3{font-size:26px}.artist-copy p{font-size:14px}.experience-card h3{font-size:28px}.experience-card p{font-size:14px}.card-top{font-size:11px}.legacy-heading p,.craft-heading p,.experience-heading p{font-size:14px}}@media(max-width:600px){.brand-title{font-size:16px;letter-spacing:.05em}.brand-en{font-size:6px}.site-header nav a{font-size:15px}.hero h1{font-size:30vw;line-height:1.2;letter-spacing:.13em;margin-top:24px}.title-note{font-size:14px;letter-spacing:.28em;line-height:1.9;margin-top:16px}.hero-description{font-size:14px;letter-spacing:.06em;line-height:2}.round-link{font-size:13px}.page-section h2{font-size:36px;letter-spacing:.06em;line-height:1.6}.intro h2{font-size:37px}.intro-lead{font-size:21px;line-height:2}.prose p{font-size:15px;line-height:2.15}.section-label{font-size:12px}.section-label small{font-size:7px}.legacy-heading h2{font-size:39px;line-height:1.55}.legacy-heading p,.craft-heading p,.experience-heading p{font-size:13px;line-height:2.05}.artist-tabs button{font-size:23px;letter-spacing:.12em}.artist-tabs button small{font-size:10px;letter-spacing:.07em}.artist-copy h3{font-size:25px;line-height:1.8;letter-spacing:.03em}.artist-copy p{font-size:14px;line-height:2.2}.craft-heading h2{font-size:39px;line-height:1.5}.craft-accordion summary{font-size:24px}.craft-accordion summary small{font-size:11px}.craft-accordion p{font-size:13px;line-height:2.15}.experience-heading h2{font-size:37px}.experience-card h3{font-size:31px}.experience-card p{font-size:15px;line-height:2.1}.experience-button{font-size:13px}.card-top{font-size:11px}.visit h2{font-size:35px;line-height:1.65}.visit-bottom>p{font-size:21px}.visit dl>div{font-size:12px}.footer-brand{font-size:28px}.footer-brand span{font-size:12px}#dialog-body p{font-size:14px}.dialog-status{font-size:11px}dialog h2{font-size:28px}}
/* Calligraphic title with antique carved-print chapter typography. */
:root{--woodcut:"Museum Kesong","Museum Song",serif}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.hero h1{font-size:inherit;line-height:1;margin-top:10px;letter-spacing:0}.shou-title{display:block;width:min(47vw,670px);height:auto;aspect-ratio:3/2;object-fit:contain;object-position:left center;margin-left:-1.6vw;margin-top:-20px;margin-bottom:-32px}.title-note{display:block;font-family:var(--serif);font-size:17px;font-weight:400;letter-spacing:.4em;line-height:2;margin-top:8px}.brand-title{font-family:var(--woodcut);font-weight:400;font-size:21px;letter-spacing:.12em}.page-section h2,.artist-copy h3,.experience-card h3,.artist-tabs button,.footer-brand,dialog h2{font-family:var(--woodcut);font-weight:400;letter-spacing:.09em}.page-section h2{line-height:1.65}.artist-tabs button{font-size:26px}.artist-tabs button small{font-family:var(--serif)}.artist-copy h3{font-size:30px;line-height:1.8}.experience-card h3{font-size:35px}.artist-glyph>span{font-family:var(--woodcut);font-weight:400}.hero-description{margin-top:20px}.intro h2{font-size:clamp(43px,5vw,76px)}.legacy-heading h2{font-size:clamp(46px,5.3vw,78px)}.craft-heading h2{font-size:clamp(46px,5.7vw,85px)}.experience-heading h2{font-size:clamp(46px,5.3vw,78px)}.visit h2{font-size:clamp(43px,5.6vw,83px)}@media(max-width:1150px){.brand-title{font-size:18px}.artist-copy h3{font-size:26px}.artist-tabs button{font-size:23px}.shou-title{width:50vw}}@media(max-width:850px){.brand-title{font-size:17px}.artist-copy h3{font-size:25px}.shou-title{width:57vw}.title-note{font-size:15px}.experience-card h3{font-size:27px}}@media(max-width:600px){.hero-left{top:22%;max-width:86%;width:86%}.hero h1{margin-top:18px;font-size:inherit;line-height:1;letter-spacing:0}.shou-title{width:105%;max-width:none;height:auto;margin-left:-3%;margin-top:-12px;margin-bottom:-16px;aspect-ratio:3/2}.title-note{font-size:13px;letter-spacing:.3em;line-height:1.9;margin-top:5px}.hero-description{margin-top:16px;font-size:13px}.round-link{margin-top:18px}.brand-title{font-size:16px;letter-spacing:.04em}.page-section h2{font-size:35px;line-height:1.75}.intro h2{font-size:36px}.legacy-heading h2{font-size:38px}.craft-heading h2{font-size:37px}.experience-heading h2{font-size:35px}.visit h2{font-size:33px}.artist-tabs button{font-size:23px;letter-spacing:.07em}.artist-copy h3{font-size:24px;line-height:1.9}.experience-card h3{font-size:30px}.footer-brand{font-size:27px}.hero:fullscreen .hero-left{top:22%}}
/* Lighter hierarchy: carved type is a small identity accent. */
.page-section h2,.artist-copy h3,.experience-card h3,.artist-tabs button,.footer-brand,dialog h2{font-family:var(--serif);font-weight:400}.brand-title{font-family:var(--woodcut);font-weight:400;font-size:19px;letter-spacing:.1em}.page-section h2{letter-spacing:.08em;line-height:1.65}.intro h2{font-size:clamp(42px,4.7vw,70px)}.legacy-heading h2{font-size:clamp(44px,4.9vw,72px)}.craft-heading h2{font-size:clamp(44px,5.2vw,78px)}.experience-heading h2{font-size:clamp(44px,4.9vw,72px)}.visit h2{font-size:clamp(42px,5.2vw,78px)}.artist-tabs button{font-size:25px;letter-spacing:.17em}.artist-copy h3{font-size:29px;letter-spacing:.08em;font-weight:400}.experience-card h3{font-size:33px;letter-spacing:.15em}.artist-glyph>span{font-family:var(--serif);font-weight:400}.craft-accordion summary{font-weight:400}.footer-brand{font-size:27px;letter-spacing:.14em}.mindful-graphic>span{font-weight:400}.intro-lead,.visit-bottom>p{font-weight:400}dialog h2{font-weight:400}@media(max-width:1150px){.brand-title{font-size:17px}.artist-tabs button{font-size:23px}.artist-copy h3{font-size:26px}}@media(max-width:850px){.brand-title{font-size:16px}.artist-copy h3{font-size:25px}.experience-card h3{font-size:27px}}@media(max-width:600px){.brand-title{font-size:15px;letter-spacing:.04em}.page-section h2{font-size:34px;line-height:1.7}.intro h2{font-size:35px}.legacy-heading h2{font-size:37px}.craft-heading h2{font-size:36px}.experience-heading h2{font-size:35px}.visit h2{font-size:33px}.artist-tabs button{font-size:22px;letter-spacing:.12em}.artist-copy h3{font-size:24px;line-height:1.85}.experience-card h3{font-size:29px}.footer-brand{font-size:26px}}
/* Requested weight increase for the selected Su Xiu calligraphic title only. */
.shou-title{filter:drop-shadow(.9px 0 0 #1d303c) drop-shadow(-.9px 0 0 #1d303c) drop-shadow(0 .9px 0 #1d303c) drop-shadow(0 -.9px 0 #1d303c)}@media(max-width:600px){.shou-title{filter:drop-shadow(.65px 0 0 #1d303c) drop-shadow(-.65px 0 0 #1d303c) drop-shadow(0 .65px 0 #1d303c) drop-shadow(0 -.65px 0 #1d303c)}}
/* Larger, slow silk movement; image overscan prevents exposed edges. */
.hero-image img{transition:none;transform:scale(1.16)}#silk-field{opacity:.75}@media(prefers-reduced-motion:reduce){.hero-image img{transform:none!important}}
/* The image stays fixed; the surface bends individual areas of silk. */
.hero-image img{transform:none!important;transition:opacity .7s ease}.silk-surface{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none}.hero-image.silk-live .silk-surface{opacity:1}.hero-image.silk-live img{opacity:0}#silk-field{opacity:.45}
/* Restrained accompanying filaments; the material carries the movement. */
#silk-field{opacity:.22}