:root{--paper:#f4efe4;--ink:#30271f;--muted:#807365;--red:#9d392b;--line:#d8cdbc;--serif:'Songti SC','STSong','SimSun',serif;--sans:'Microsoft YaHei','PingFang SC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:14px;line-height:1.85}body::before{content:'';pointer-events:none;position:fixed;inset:0;z-index:8;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}button{border:0;background:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h2{font-size:clamp(35px,4vw,55px);line-height:1.45;letter-spacing:.08em}.red-ink{color:var(--red)}.skip{position:fixed;top:-100px;left:20px;z-index:50;padding:10px;background:var(--paper)}.skip:focus{top:10px}.header{height:96px;margin:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:23px;letter-spacing:.16em;line-height:1.4}.brand small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.14em;margin-top:7px}.seal{display:grid;place-items:center;background:var(--red);color:#f9e9cd;width:40px;height:46px;font-size:28px;border:3px double #c48a65;border-radius:2px;transform:rotate(-3deg)}nav{display:flex;gap:36px;font-size:13px}nav a{position:relative;padding:12px 0}nav a:after{content:'';position:absolute;left:0;bottom:4px;width:0;height:1px;background:var(--red);transition:width .2s}nav a:hover:after{width:100%}.header-cta{border:1px solid var(--line);padding:9px 19px;font-size:12px}.header-cta span{margin-left:22px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 46%;padding:48px 5.5% 0;gap:20px;position:relative;overflow:hidden}.hero-copy{padding:46px 0 0;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--muted);display:flex;align-items:center;gap:10px}.red-dot{width:6px;height:6px;background:var(--red);border-radius:50%;display:inline-block}h1{font-size:clamp(56px,6.4vw,94px);line-height:1.43;letter-spacing:.08em;margin:29px 0 24px}h1 span{color:var(--red)}.hero-intro{font-size:15px;line-height:2.1;color:#716251}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:13px 24px;font-size:13px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.red{background:var(--red);color:#fcf1da}.red:hover{background:#7b281f}.text-link{font-size:12px;border-bottom:1px solid var(--line);padding:9px 0}.text-link span{margin-left:20px}.heritage{display:flex;align-items:center;gap:16px;font-size:10px;line-height:1.8;color:var(--muted);margin-top:52px}.heritage span{font-family:Georgia,serif;font-size:31px;color:var(--ink);padding-right:16px;border-right:1px solid var(--line)}.hero-art{position:relative;min-height:610px;background:#21180f;border-radius:48% 48% 0 0;overflow:hidden}.hero-art:after{content:'';position:absolute;inset:0;box-shadow:inset 0 -80px 70px -40px #17100d;pointer-events:none}.hero-art img{height:100%;max-height:670px;min-height:610px;width:100%;object-fit:cover;object-position:center 38%;filter:brightness(.92)}.vertical-note{position:absolute;right:24px;top:100px;writing-mode:vertical-rl;letter-spacing:.45em;color:#e0c18d;font-family:var(--serif);font-size:12px}.art-caption{position:absolute;bottom:20px;left:25px;color:#e1c99e;font-family:var(--serif);font-size:16px;letter-spacing:.18em;z-index:1}.art-caption small{display:block;font-family:var(--sans);font-size:8px;margin-top:4px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em;color:var(--muted);border-bottom:1px solid var(--line);padding:24px 0}.hero-bottom a span{margin-left:35px;font-size:18px}.section{padding:90px 5.5%}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;color:var(--muted);font-size:10px;letter-spacing:.16em;margin-bottom:48px}.section-label span:last-child{font-family:var(--serif);font-size:14px;color:var(--red)}.intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.intro-text{max-width:510px;color:#756b5d;line-height:2.1}.intro-text .lead{font-family:var(--serif);font-size:22px;color:var(--ink);margin-bottom:18px}.intro-text p+p{margin-top:15px}.source-link{font-size:10px;display:inline-block;color:var(--red);margin-top:20px;border-bottom:1px solid #b8a28c}.art-elements{margin-top:55px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-top:28px}.art-elements article{padding:0 24px;border-left:1px solid var(--line)}.art-elements article:first-child{border-left:0;padding-left:0}.art-elements article>span{font-family:Georgia,serif;font-size:12px;color:var(--red)}.art-elements h3{font-size:22px;margin:12px 0 8px;letter-spacing:.08em}.art-elements p{font-size:11px;color:var(--muted)}.craft{background:#eae3d5}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p{font-size:12px;color:var(--muted);padding-bottom:10px;line-height:2}.craft-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:start}.workshop{position:sticky;top:25px}.workshop img{height:390px;object-fit:cover;object-position:38%}.workshop figcaption{font-size:10px;color:var(--muted);padding-top:10px}.craft-list details{border-top:1px solid #cfc1ac;padding:17px 0}.craft-list details:last-of-type{border-bottom:1px solid #cfc1ac}.craft-list summary{list-style:none;font-family:var(--serif);font-size:21px;cursor:pointer;display:flex;align-items:center;gap:20px}.craft-list summary::-webkit-details-marker{display:none}.craft-list summary span{font-family:Georgia,serif;font-size:12px;color:var(--red)}.craft-list summary b{font-family:var(--sans);font-weight:400;font-size:18px;margin-left:auto;transition:transform .25s}.craft-list details[open] summary b{transform:rotate(45deg)}.craft-list details p{font-size:12px;color:#776856;line-height:2.1;padding:17px 15px 2px 37px}.quote-strip{background:var(--red);color:#efe3c8;text-align:center;padding:50px 20px;font-family:var(--serif);font-size:clamp(21px,3vw,38px);letter-spacing:.2em}.quote-strip span+span{margin-left:25px}.quote-strip small{display:block;margin-top:16px;font-family:var(--sans);font-size:9px;letter-spacing:.18em;color:#dcbdb0}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:20px 0 30px;font-size:11px;color:var(--muted)}.filters{display:flex;gap:22px}.filters button{padding:5px 0;color:var(--muted);border-bottom:1px solid transparent;font-size:11px}.filters .active{color:var(--red);border-color:var(--red)}.filters small{font-size:8px;margin-left:5px}.poster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 26px}.poster{padding:0;text-align:left;min-width:0}.poster[hidden]{display:none}.poster-image{position:relative;overflow:hidden;background:#dfd4c1}.poster img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .5s,filter .5s}.poster:hover img{transform:scale(1.035);filter:brightness(.9)}.view-art{position:absolute;bottom:15px;left:15px;background:var(--paper);padding:6px 14px;font-size:10px;opacity:0;transform:translateY(10px);transition:.3s}.poster:hover .view-art,.poster:focus-visible .view-art{opacity:1;transform:translateY(0)}.poster-info{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.poster-info small{display:block;font-size:9px;letter-spacing:.12em;color:var(--muted)}.poster-info strong{font-family:var(--serif);font-size:22px;font-weight:400;letter-spacing:.12em}.poster-info>span:last-child{font-size:23px;color:var(--red)}.gallery-note{font-size:10px;color:var(--muted);margin-top:28px}.experience{background:#29221c;color:#eadcc4}.experience .section-label{border-color:#574939;color:#aa9983}.experience .section-label span:last-child{color:#d2a579}.experience-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center}.experience .eyebrow{color:#b6a38a;margin-bottom:20px}.experience h2 span{color:#cb9a6a}.experience h2+p{font-size:12px;color:#c1b29b;margin-top:24px;line-height:2.2}.controls{margin-top:26px;max-width:300px}.controls label{display:flex;justify-content:space-between;font-size:11px;color:#cebaa0}.controls input{display:block;width:100%;margin:10px 0 22px;accent-color:#d4a16b;cursor:ew-resize;min-height:24px}.cream{background:#e8d7b9;color:#3f2b1e;font-size:11px;padding:10px 18px}.experience-note{display:block;font-size:9px;color:#ab9982;margin-top:23px}.shadow-stage{--lamp:50%;--shadow-x:0px;--pose:0deg;position:relative;aspect-ratio:1.05;background:radial-gradient(ellipse at var(--lamp) 47%,#ffedb5 0%,#ebbf7f 43%,#9d6438 100%);box-shadow:inset 0 0 50px #754a2a77;border:8px solid #5c4030;overflow:hidden}.shadow-stage svg{width:100%;height:100%;position:absolute;inset:0}.stage-inscription{position:absolute;writing-mode:vertical-rl;right:24px;top:26px;font-family:var(--serif);color:#825d35;font-size:12px;letter-spacing:.3em}.stage-bottom{position:absolute;bottom:12px;left:20px;font-size:9px;color:#845934;letter-spacing:.1em}.puppet-front{transform-origin:50% 74%;transform:rotate(var(--pose));filter:drop-shadow(2px 2px 2px #6d351966);opacity:.9}.puppet-shadow{transform-origin:50% 74%;transform:translateX(var(--shadow-x)) rotate(var(--pose));filter:blur(5px) brightness(.4);opacity:.3}.inherit{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:100px;padding-bottom:100px}.inherit .eyebrow{margin-bottom:20px}.inherit-actions>p{color:var(--muted);font-size:13px;line-height:2.1;margin-bottom:25px}.inherit-actions>a,.inherit-actions>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;text-align:left}.inherit-actions span{color:var(--red);font-size:20px}.inherit-actions .share-status{font-size:11px;color:var(--red);margin-top:14px;margin-bottom:0}footer{background:#e9e1d3;padding:35px 5.5% 22px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top{padding-bottom:27px}.footer-top>a:last-child{font-size:11px}.footer-top .brand small{font-size:10px}.footer-bottom{border-top:1px solid #d2c7b5;padding-top:18px;font-size:9px;color:var(--muted)}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(1000px,92vw);max-height:94dvh;overflow:auto}dialog[open]{display:grid;grid-template-columns:1.05fr 1fr}dialog::backdrop{background:#211910df;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:8px;font-size:30px;width:40px;height:40px;z-index:2;background:var(--paper);border-radius:50%}.dialog-image{background:#e0d2b7}.dialog-image img{width:100%;height:100%;object-fit:contain}.dialog-info{padding:70px 35px 30px;align-self:center}.dialog-info h2{font-size:36px;margin:20px 0}.dialog-info>p{color:var(--muted);font-size:13px;line-height:2.1}.dialog-info .button{margin-top:30px;font-size:11px}.dialog-nav{margin-top:45px;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.dialog-nav button{padding:8px 0}.dialog-nav span{font-size:10px;color:var(--muted)}
@media(min-width:1500px){.header,.hero,.section,footer{padding-left:max(5.5%,calc((100vw - 1400px)/2));padding-right:max(5.5%,calc((100vw - 1400px)/2))}.header{margin:0}.hero-art img{max-height:740px}.hero-art{min-height:670px}.hero-copy{padding-top:75px}}
@media(max-width:1000px){nav{gap:20px}.hero{grid-template-columns:1fr 43%;gap:15px}.hero-copy{padding-top:25px}h1{font-size:61px}.hero-art,.hero-art img{min-height:570px}.hero-actions{gap:18px}.hero-intro{font-size:13px}.hero-copy>.eyebrow{font-size:9px}.section{padding-top:65px;padding-bottom:65px}.craft-layout{gap:5%}.workshop img{height:370px}.experience-layout{gap:5%}.heritage{margin-top:35px}.header-cta{display:none}.art-elements article{padding:0 15px}.art-elements p{font-size:10px}}
@media(max-width:700px){html{scroll-padding-top:25px}.header{height:80px;position:relative;z-index:10}.brand{font-size:20px}.brand small{font-size:7px}.seal{height:39px;width:35px;font-size:23px}.menu-toggle{display:block;font-size:12px}.menu-toggle span{margin-left:8px}nav{display:none;position:absolute;left:-6.2%;right:-6.2%;top:79px;flex-direction:column;gap:0;background:var(--paper);padding:14px 6% 25px;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #3c28131a}nav.open{display:flex}nav a{padding:10px}.hero{padding-top:23px;grid-template-columns:1fr;gap:28px}.hero-copy{padding:8px 0 0}.hero-copy>.eyebrow{font-size:9px}h1{font-size:clamp(55px,11vw,75px);margin:23px 0 18px;line-height:1.35}.hero-intro{font-size:13px}.hero-actions{margin-top:23px;gap:25px}.button{padding:12px 20px;gap:30px}.heritage{margin-top:27px;font-size:9px}.heritage span{font-size:28px}.hero-art{min-height:0;height:460px;max-width:500px;width:100%;justify-self:center;border-radius:48% 48% 0 0}.hero-art img{min-height:0;max-height:none;object-position:center 26%}.hero-bottom{font-size:9px;padding:8px 0 20px}.hero-bottom a span{margin-left:12px}.hero-bottom>span{max-width:60%}.section{padding:52px 6%}.section-label{margin-bottom:32px;font-size:9px}.section-label span:last-child{font-size:12px}h2{font-size:35px}.intro-layout,.craft-layout,.experience-layout,.inherit{grid-template-columns:1fr;gap:28px}.intro-text{font-size:12px}.intro-text .lead{font-size:21px}.art-elements{grid-template-columns:1fr 1fr;gap:25px 18px;margin-top:30px;padding-top:25px}.art-elements article{padding:0 0 0 16px}.art-elements article:nth-child(odd){padding-left:0;border-left:0}.art-elements h3{font-size:20px;margin:6px 0}.art-elements p{font-size:10px}.section-heading{align-items:start;gap:20px;flex-direction:column;margin-bottom:28px}.section-heading>p{font-size:11px}.workshop{position:static}.workshop img{height:255px}.craft-list summary{font-size:20px}.craft-list details{padding:14px 0}.craft-list details p{font-size:12px}.quote-strip{padding:32px 12px;font-size:23px;line-height:1.9}.quote-strip span{display:block}.quote-strip span+span{margin-left:0}.quote-strip small{margin-top:10px}.gallery-toolbar{flex-direction:column;align-items:start;gap:14px;padding:15px 0 22px}.filters{gap:26px}.poster-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.poster-info strong{font-size:19px}.poster-info small{font-size:8px}.poster-info>span:last-child{font-size:18px}.gallery-note{font-size:9px}.experience .eyebrow{margin-bottom:14px}.controls{max-width:100%}.experience h2+p{margin-top:15px}.shadow-stage{width:100%;max-width:500px;justify-self:center}.experience-note{font-size:9px}.inherit-actions>p{font-size:12px}.inherit .eyebrow{margin-bottom:13px}.footer-top{gap:18px}.footer-bottom{align-items:start;flex-direction:column;gap:7px;font-size:8px}.footer-top .brand small{font-size:8px}dialog[open]{grid-template-columns:1fr;width:90vw}.dialog-image img{max-height:65dvh}.dialog-info{padding:25px}.dialog-info h2{font-size:28px;margin:12px 0}.dialog-info .button{margin-top:20px}.dialog-nav{margin-top:23px}.dialog-info .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.header-tools{display:flex;align-items:center;gap:25px}.language-switch{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px}.language-switch>span{color:#b7aa96}.language-switch button{font-size:11px;color:var(--muted);padding:5px 2px}.language-switch button[aria-pressed=true]{color:var(--red);border-bottom:1px solid var(--red)}html[lang=en] .brand{font-size:17px;letter-spacing:0;max-width:240px}html[lang=en] .brand small{font-size:7px;letter-spacing:.12em}html[lang=en] h1{font-size:clamp(48px,5.2vw,76px);letter-spacing:-.035em;line-height:1.18;margin-top:35px}html[lang=en] h2{font-size:clamp(32px,3.5vw,51px);letter-spacing:-.025em;line-height:1.3}html[lang=en] .hero-copy>.eyebrow{font-size:9px;letter-spacing:.06em}html[lang=en] .heritage{font-size:9px;line-height:1.6}html[lang=en] .hero-art .vertical-note{font-size:9px;letter-spacing:.12em}html[lang=en] .art-caption{font-size:13px;letter-spacing:.05em}html[lang=en] .art-elements h3{font-size:20px;letter-spacing:0;line-height:1.4}html[lang=en] .art-elements p{line-height:1.8}html[lang=en] .poster-info strong{font-size:20px;letter-spacing:0;line-height:1.35;display:block;margin-top:5px}html[lang=en] .poster-info>span:first-child{max-width:90%}html[lang=en] .stage-inscription{font-size:9px;letter-spacing:.08em}html[lang=en] .quote-strip{font-size:clamp(22px,2.7vw,36px);letter-spacing:0}html[lang=en] .dialog-info h2{font-size:34px;letter-spacing:-.03em}html[lang=en] .header-cta{font-size:11px;padding:9px 12px}html[lang=en] .header-cta span{margin-left:10px}
@media(max-width:1150px){.header-tools{gap:15px}.header-cta{display:none}html[lang=en] nav{gap:18px;font-size:11px}html[lang=en] .hero-actions{gap:18px}html[lang=en] .hero-actions .button{gap:22px}html[lang=en] .hero-actions .text-link{font-size:11px}}
@media(max-width:700px){.header{gap:12px}.header-tools{margin-left:0}.menu-toggle{margin-left:auto;font-size:11px}.menu-toggle span{margin-left:3px}html[lang=en] .brand{font-size:14px;max-width:155px;line-height:1.25;gap:8px}html[lang=en] .brand small{font-size:6px;margin-top:4px}html[lang=en] h1{font-size:clamp(47px,10vw,68px);line-height:1.16}html[lang=en] h2{font-size:35px}html[lang=en] .hero-copy>.eyebrow{font-size:8px}html[lang=en] .hero-intro{font-size:12px}html[lang=en] .hero-actions{gap:15px;flex-wrap:wrap}html[lang=en] .hero-actions .button{font-size:12px;padding:12px 17px;gap:20px}html[lang=en] .heritage{font-size:8px}html[lang=en] .heritage span{font-size:25px}html[lang=en] .hero-bottom>span{max-width:67%;font-size:8px}html[lang=en] .hero-bottom>a{font-size:8px}html[lang=en] .poster-info strong{font-size:19px}html[lang=en] .poster-info small{font-size:7px}html[lang=en] .filters{gap:22px}html[lang=en] .section-label span:last-child{font-size:11px}html[lang=en] .quote-strip{font-size:22px}html[lang=en] .stage-inscription{font-size:8px}html[lang=en] .footer-top .brand{max-width:210px}html[lang=en] .dialog-info h2{font-size:29px}.language-switch{gap:6px}.language-switch button{font-size:10px}}
