:root{--ink:#333;--cream:#fff;--gold:#f0dcac;--gold-dark:#a88b50;--white:#fff;--line:rgba(235,221,190,.34);--panel:rgba(35,32,29,.7);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;color:#fff;background:#393541;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}body.no-scroll{overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wrap{width:100%;max-width:2000px;margin:0 auto;padding-left:clamp(18px,4vw,80px);padding-right:clamp(18px,4vw,80px)}
.site-bg{position:fixed;inset:-28px;z-index:-2;background:linear-gradient(105deg,rgba(15,15,14,.82),rgba(25,23,21,.72) 50%,rgba(18,16,15,.84)),url('/media/works/08.jpg') center/cover no-repeat;filter:blur(17px) saturate(.75);transform:scale(1.04);pointer-events:none}.site-bg:after{content:"";position:absolute;inset:0;background:rgba(16,14,13,.18)}
.desktop-header{padding-top:33px}.site-brand{display:block;text-align:center;font-size:clamp(36px,4vw,62px);font-weight:300;letter-spacing:.1em;line-height:1.2;color:#fff;text-shadow:0 2px 20px #0006}.site-brand:hover{color:#f7e9ce}.archive-badge{width:max-content;height:42px;margin:21px auto 32px;padding:0 18px;display:flex;gap:10px;align-items:center;border:1px solid #a8915b;background:#ead19c;color:#4b3c24;font-size:15px;font-weight:600;letter-spacing:.12em}.badge-mark{width:25px;height:22px;border:1px solid currentColor;border-radius:2px;display:grid;place-items:center;font-family:serif;font-weight:bold;font-size:16px}.primary-nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}.nav-item{height:49px;display:flex;align-items:center;justify-content:center;background:rgba(66,62,58,.7);font-size:16px;transition:background .2s,color .2s}.nav-item:hover{background:rgba(135,120,91,.9)}.nav-item.active{background:#ebd3a6;color:#2b2926;font-weight:650}.mobile-header{display:none}
.main-content{padding-top:55px;padding-bottom:94px;min-height:calc(100vh - 310px)}.eyebrow{margin:0;color:#d6ba83;font-family:'Cormorant Garamond',Georgia,serif;font-size:14px;font-weight:600;letter-spacing:.22em}.eyebrow span{opacity:.6}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:37px}.section-head h1{font-size:clamp(37px,4vw,58px);font-weight:400;letter-spacing:.1em;margin:8px 0 12px}.section-intro{color:#e3ded4;font-size:15px;letter-spacing:.06em;margin:0}.section-count{display:flex;flex-direction:column;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:12px;min-width:150px}.section-count strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:48px;font-weight:400;line-height:1;color:var(--gold)}.section-count span{font-size:12px;color:#d3c9b6;letter-spacing:.15em;margin-top:6px}
.filters-panel{background:rgba(246,242,232,.92);color:#27231e;box-shadow:0 20px 70px #0002;padding:24px 30px 17px;backdrop-filter:blur(20px)}.search-form{display:flex;height:47px;border:1px solid #cfc7b8;background:#fff;margin-bottom:17px}.search-form input{flex:1;min-width:0;border:0;padding:0 17px;background:transparent;outline:0;color:#2d2922}.search-form input::placeholder{color:#8b8376}.search-form button{border:0;background:#514637;color:#fff;min-width:105px;letter-spacing:.12em;transition:background .2s}.search-form button:hover{background:#8f7750}.search-form button span{margin-left:8px;color:#f2d59e}.filter-row{display:flex;align-items:flex-start;gap:12px;min-height:46px;border-top:1px solid #ddd5c7;padding:9px 0}.filter-label{width:94px;flex:none;padding-top:6px;color:#6c5a42;font-size:13px;font-weight:600}.filter-options{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px}.filter-chip{border:0;border-radius:2px;background:transparent;color:#4f4941;padding:6px 10px;font-size:13px;transition:background .2s}.filter-chip small{font-size:10px;color:#928574;padding-left:5px}.filter-chip:hover{background:#e2d6bd}.filter-chip.selected{background:#b69b6d;color:#fff}.filter-chip.selected small{color:#f4eddf}.filter-bottom{display:flex;justify-content:space-between;border-top:1px solid #ddd5c7;padding-top:12px;color:#928575;font-size:12px}.reset-button{background:none;border:0;color:#82673e;font-size:13px}.reset-button:hover{text-decoration:underline}
.results-toolbar{display:flex;justify-content:space-between;align-items:center;padding:28px 0 19px;color:#ddd6c8;font-size:13px;letter-spacing:.08em}.results-toolbar strong{color:#ecd1a1}.toolbar-divider{padding:0 12px;color:#84786c}.view-switch{display:flex;border:1px solid #a79470}.view-switch button{border:0;background:rgba(35,31,27,.48);color:#ece2cd;padding:8px 13px;font-size:12px}.view-switch button.active{background:#e6cca0;color:#342d20}
.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.collection-card{display:block;background:rgba(247,244,238,.93);color:#302b25;box-shadow:0 12px 45px #0002;animation:rise .55s both;animation-delay:var(--delay);min-width:0;transition:transform .25s,box-shadow .25s}.collection-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px #0005}.card-image{height:210px;background:#e7e2d7;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.collection-card:hover .card-image img{transform:scale(1.045)}.card-open{position:absolute;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;background:#f5f0e4dd;color:#342918;font-size:18px;opacity:0;transform:translateY(5px);transition:.2s}.collection-card:hover .card-open{opacity:1;transform:none}.play-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;background:#0007;color:#fff;font-size:15px;padding-left:3px}.card-no-image{height:100%;display:grid;place-items:center;background:linear-gradient(150deg,#c0a879,#544634);font-size:24px;line-height:1.35;color:#f8ebcd;font-family:serif}.card-body{padding:16px 17px 19px;min-height:122px}.card-category{color:#94794e;font-size:11px;letter-spacing:.15em}.card-body h3{font-size:16px;line-height:1.48;font-weight:550;margin:8px 0;min-height:46px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body p{color:#837b6f;font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.works-grid .card-image{height:245px;background:#eee9df}.works-grid .card-image img{object-fit:contain;padding:12px}.works-grid.list-view{grid-template-columns:repeat(2,minmax(0,1fr))}.works-grid.list-view .collection-card{display:grid;grid-template-columns:43% 1fr}.works-grid.list-view .card-image{height:205px}.works-grid.list-view .card-body{align-self:center}.works-grid.list-view .card-body h3{font-size:20px}.collection-grid:not(.works-grid) .collection-card:nth-child(4n+2) .card-image img{object-position:center 35%}
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:42px}.pagination button{border:1px solid #9b8c70;color:#e7dbc2;background:#332f29aa;min-width:39px;height:38px;padding:0 12px}.pagination button.active,.pagination button:hover:not(:disabled){background:#dfc692;color:#342c21}.pagination button:disabled{opacity:.38;cursor:default}.data-note{margin:28px 0 0;border-left:2px solid #b89b66;padding:5px 13px;color:#d3cbbd;font-size:12px;line-height:1.7}.empty-state{padding:70px 20px;text-align:center;background:rgba(25,24,21,.46);border:1px solid var(--line)}.empty-state span{font-size:44px;color:#e4c994}.empty-state h2{font-weight:400}.empty-state p{color:#cfc7b7}.empty-state button{border:1px solid #c6ad7b;color:#eddbb9;background:transparent;padding:9px 20px;margin-top:10px}
.breadcrumbs{font-size:13px;color:#d8cbb2;margin-bottom:26px;display:flex;gap:12px}.breadcrumbs a:hover{color:#fff}.detail-shell{background:rgba(247,244,237,.95);color:#2e2b26;padding:clamp(23px,3.5vw,60px);box-shadow:0 30px 70px #0004}.detail-title-block{border-bottom:1px solid #d7cbbb;padding-bottom:28px}.detail-title-block h1{font-size:clamp(28px,3vw,48px);font-weight:420;line-height:1.36;margin:11px 0 12px}.detail-title-block>p:last-child{line-height:1.8;color:#736b60;margin:0;max-width:900px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.74fr);gap:clamp(24px,4vw,70px);padding:38px 0}.detail-media{min-width:0;display:flex;align-items:flex-start;justify-content:center;background:#e9e4d9;min-height:340px}.detail-artwork{display:block;border:0;background:transparent;padding:24px;width:100%;cursor:zoom-in}.detail-artwork img{width:100%;max-height:650px;object-fit:contain}.detail-video{width:100%;max-height:560px;background:#000}.detail-aside{padding-top:4px}.detail-side-kicker{color:#9f814f;font-family:'Cormorant Garamond',Georgia,serif;font-size:15px;letter-spacing:.16em}.detail-aside dl{margin:18px 0}.detail-aside dl>div{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid #d6cec1;font-size:13px;line-height:1.65}.detail-aside dt{color:#857e71}.detail-aside dd{margin:0;font-weight:500}.source-box{margin-top:28px;background:#e8dfcf;padding:16px;display:flex;flex-direction:column;gap:7px}.source-box span{color:#8c754f;font-size:11px;letter-spacing:.15em}.source-box a{font-size:13px;color:#514128;text-decoration:underline;text-underline-offset:3px}.source-box small{color:#877e6f;font-size:11px}.detail-content{display:grid;grid-template-columns:200px 1fr;gap:45px;border-top:1px solid #d7cbbb;padding:31px 0}.detail-content-label{font-size:17px;color:#3a342d}.detail-content-label span{display:block;font-size:11px;color:#9d855e;letter-spacing:.12em;margin-top:7px}.detail-prose p{font-size:15px;line-height:2.1;margin:0 0 13px;color:#4f4a42}.text-link{font-size:13px;color:#8e7040;text-decoration:underline}.detail-bottom{border-top:1px solid #d7cbbb;padding-top:22px;display:flex;justify-content:space-between;color:#765f3e;font-size:13px}.external-video-note{width:100%;min-height:340px;background:#272520;color:#eae1d1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.external-play{border:1px solid #e0cca5;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;padding-left:4px}.external-video-note p{max-width:400px;line-height:1.8}.external-video-note a{color:#e4c996;text-decoration:underline}
.home-page{padding-top:56px}.home-hero{min-height:480px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.72fr);gap:clamp(30px,7vw,125px);align-items:center;padding:22px clamp(10px,2.5vw,36px) 67px;border-bottom:1px solid var(--line)}.home-hero-copy h1{font-size:clamp(54px,6vw,96px);line-height:1.15;letter-spacing:.08em;font-weight:300;margin:21px 0 20px}.home-hero-copy h1 em{font-weight:300;font-style:normal;color:#e9cca1}.hero-artist{font-size:21px;letter-spacing:.18em;margin:0 0 18px}.hero-artist span{font-size:13px;color:#d7c49f;letter-spacing:.1em;margin-left:14px}.hero-summary{font-size:15px;color:#d4d0c6;line-height:2;max-width:570px}.hero-links{display:flex;gap:26px;align-items:center;margin-top:30px}.hero-links a:first-child{height:45px;min-width:165px;background:#e8ce9d;color:#312b22;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600}.hero-links a:last-child{font-size:12px;color:#e5d5b5;border-bottom:1px solid #d2bb90;padding-bottom:5px}.hero-portrait{max-width:370px;justify-self:center;position:relative;box-shadow:20px 22px 0 #dbc19627}.hero-portrait:before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid #c9b48399;z-index:-1}.hero-portrait img{width:100%;height:430px;object-fit:cover;filter:saturate(.75)}.portrait-caption{position:absolute;bottom:0;left:0;right:0;padding:14px;background:#1c1b19b7;color:#e8e0d1;font-size:11px;letter-spacing:.15em}
.home-featured,.home-chronology,.home-links{padding:68px 0;border-bottom:1px solid var(--line)}.block-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.block-title h2,.home-links h2{font-size:clamp(30px,3vw,42px);font-weight:400;letter-spacing:.08em;margin:7px 0 0}.title-actions{display:flex;gap:9px;align-items:center}.title-actions button{background:#342f28af;border:1px solid #a49069;color:#e9d5ad;width:34px;height:34px}.title-actions a{font-size:13px;color:#e1d3b8;margin-left:12px}.featured-track{display:flex;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-color:#bca477 transparent}.featured-card{flex:0 0 clamp(225px,22vw,300px);scroll-snap-align:start;background:#f3efe6;color:#2a2925;display:block;transition:transform .25s}.featured-card:hover{transform:translateY(-4px)}.featured-card img{height:240px;width:100%;object-fit:contain;padding:12px;background:#e8e3d9}.featured-card span{display:block;font-size:16px;padding:14px 15px 5px}.featured-card small{display:block;color:#81796b;font-size:11px;padding:0 15px 17px}.feature-caption{color:#cabfa9;font-size:12px;line-height:1.8;margin:14px 0 0}.timeline-tabs{display:flex;border:1px solid #b5a179}.timeline-tabs button{background:transparent;color:#ead9b9;border:0;padding:9px 22px;min-width:77px}.timeline-tabs button.active{background:#e5cc9d;color:#2c2720}.timeline-layout{display:grid;grid-template-columns:210px 1fr;gap:30px;background:#efeadf;color:#242321;min-height:325px}.timeline-axis{background:#e3dacb;padding:28px 18px;display:flex;flex-direction:column;gap:4px}.timeline-year{border:0;border-left:2px solid #bcae95;text-align:left;background:transparent;padding:10px 10px 10px 16px;display:flex;align-items:baseline;gap:10px;color:#686053}.timeline-year strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px}.timeline-year span{font-size:12px}.timeline-year.active{border-color:#b08a52;color:#3f3525;background:#d9cbb2}.timeline-panel{padding:35px 40px;min-width:0}.timeline-event .event-date{font-family:'Cormorant Garamond',Georgia,serif;font-size:76px;color:#c1aa80;line-height:1}.timeline-event h3{font-size:28px;font-weight:400;margin:0 0 15px}.timeline-event p{color:#645b4c;font-size:15px;line-height:2;max-width:600px}.timeline-event a{color:#8d734c;border-bottom:1px solid #a59070;font-size:13px}.timeline-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.timeline-works button{background:#fff;border:1px solid #ded4c3;padding:9px;text-align:left}.timeline-works img{width:100%;height:130px;object-fit:contain}.timeline-works span{font-size:12px;display:block;margin-top:7px}.home-links{display:grid;grid-template-columns:1fr 1.4fr;gap:30px}.home-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-link-grid a{background:#ffffff14;border:1px solid var(--line);min-height:67px;display:flex;align-items:center;gap:14px;padding:0 18px;transition:background .2s}.home-link-grid a:hover{background:#ffffff27}.home-link-grid span{font-family:Georgia,serif;color:#cfb27e}.home-link-grid b{margin-left:auto;font-weight:400;color:#e8cd99}
.site-footer{padding-top:31px;padding-bottom:31px;border-top:1px solid var(--line);color:#c9c0b1;font-size:12px;line-height:1.7}.footer-title{color:#f3e4c6;font-size:20px;letter-spacing:.15em;margin-bottom:5px}.footer-copy{margin-bottom:10px}.footer-sources{display:flex;gap:9px;flex-wrap:wrap}.footer-sources a{text-decoration:underline;text-underline-offset:3px}.site-footer p{color:#a99f8e}.back-top{position:fixed;right:22px;bottom:30px;width:43px;height:43px;border:1px solid #c9b181;color:#f4e6c5;background:#443a2dc9;opacity:0;pointer-events:none;z-index:20;transition:opacity .2s}.back-top.visible{opacity:1;pointer-events:auto}
.overlay{position:fixed;inset:0;background:#0a0a09c9;z-index:60;display:grid;place-items:center;padding:22px;backdrop-filter:blur(5px)}.work-modal,.lightbox{position:relative;max-height:90vh;overflow:auto;background:#f3efe8;color:#26231f}.work-modal{width:min(860px,100%);display:grid;grid-template-columns:1.2fr .8fr;gap:25px;padding:32px}.work-modal img{width:100%;max-height:70vh;object-fit:contain;background:#e6e0d5}.work-modal>div{align-self:center}.work-modal>div>span{font-size:12px;color:#927647;letter-spacing:.1em}.work-modal h2{font-size:27px;font-weight:450}.work-modal p{font-size:13px;line-height:1.9;color:#635d53}.work-modal a{color:#8a7047;border-bottom:1px solid #aa9065}.overlay-close{position:absolute;right:12px;top:8px;border:0;background:#312b26;color:#fff;width:31px;height:31px;font-size:24px;line-height:25px;z-index:2}.lightbox{width:min(1100px,100%);padding:25px;text-align:center}.lightbox img{max-height:75vh;margin:auto;object-fit:contain}.lightbox p{font-size:14px}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-hero{gap:40px}.primary-nav .nav-item{font-size:14px}.works-grid.list-view{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.desktop-header{display:none}.mobile-header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:fixed;top:0;left:0;right:0;background:rgba(14,14,13,.75);backdrop-filter:blur(12px);z-index:40}.mobile-brand{color:#eacb94;font-size:17px;font-weight:600}.menu-toggle{width:25px;height:29px;border:0;background:none;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0}.menu-toggle span{display:block;width:20px;height:2px;background:#e8c996;transition:transform .2s}.menu-toggle.open span:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:last-child{transform:translateY(-6px) rotate(-45deg)}.mobile-menu{display:none;position:absolute;top:52px;left:0;right:0;padding:12px 17px 18px;background:rgba(25,23,20,.97);box-shadow:0 25px 40px #0005;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mobile-menu.open{display:grid}.mobile-menu .nav-item{height:42px;font-size:13px}.main-content{padding-top:81px;padding-bottom:65px}.section-head{margin-bottom:25px}.section-count{min-width:95px}.section-count strong{font-size:38px}.section-count span{font-size:10px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.card-image,.works-grid .card-image{height:195px}.card-body{padding:13px;min-height:115px}.card-body h3{font-size:14px}.filters-panel{padding:19px}.home-hero{grid-template-columns:1.2fr .7fr;gap:25px}.home-hero-copy h1{font-size:55px}.hero-portrait img{height:340px}.detail-layout{grid-template-columns:1fr}.detail-media{min-height:220px}.detail-content{grid-template-columns:1fr;gap:14px}.home-links{grid-template-columns:1fr}}
@media(max-width:560px){.wrap{padding-left:16px;padding-right:16px}.site-bg{background-position:center}.mobile-brand{font-size:16px}.section-head{align-items:start}.section-head h1{font-size:34px;margin-top:7px}.section-intro{font-size:12px;line-height:1.7}.section-count strong{font-size:30px}.section-count span{max-width:60px;text-align:right;line-height:1.4}.filters-panel{padding:14px}.search-form{height:43px}.search-form button{min-width:76px;font-size:12px}.filter-row{display:block;padding:10px 0}.filter-label{width:auto;padding:0;margin-bottom:5px}.filter-options{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.filter-chip{white-space:nowrap}.filter-bottom{font-size:11px}.results-toolbar{padding:21px 0 15px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-image,.works-grid .card-image{height:145px}.works-grid .card-image img{padding:5px}.card-body{padding:10px;min-height:104px}.card-body h3{font-size:13px;min-height:38px}.card-category,.card-body p{font-size:10px}.works-grid.list-view{grid-template-columns:1fr}.works-grid.list-view .card-image{height:150px}.works-grid.list-view .card-body h3{font-size:15px}.pagination{gap:3px}.pagination button{font-size:11px;padding:0 7px;min-width:31px;height:34px}.home-hero{display:flex;flex-direction:column-reverse;padding:8px 0 47px;gap:25px}.home-hero-copy h1{font-size:48px}.home-hero-copy{width:100%}.hero-portrait{width:220px;align-self:flex-end;margin-right:14px}.hero-portrait img{height:255px}.portrait-caption{font-size:9px}.hero-summary{font-size:13px}.hero-links{flex-wrap:wrap;gap:15px}.home-featured,.home-chronology,.home-links{padding:51px 0}.block-title h2,.home-links h2{font-size:29px}.title-actions button{display:none}.title-actions a{font-size:11px}.featured-card{flex-basis:210px}.featured-card img{height:190px}.timeline-layout{display:block}.timeline-axis{flex-direction:row;overflow-x:auto;padding:9px}.timeline-year{border-left:0;border-bottom:2px solid #baa989;display:block;min-width:90px;text-align:center;padding:7px}.timeline-year.active{border-color:#8b6f43}.timeline-year span{display:block}.timeline-panel{padding:23px}.timeline-event .event-date{font-size:56px}.timeline-event h3{font-size:23px}.timeline-works{grid-template-columns:repeat(2,minmax(0,1fr))}.home-link-grid{grid-template-columns:1fr 1fr;gap:7px}.home-link-grid a{padding:0 9px;font-size:12px;gap:7px;min-height:60px}.detail-shell{padding:18px}.detail-title-block h1{font-size:27px}.detail-layout{padding:22px 0}.detail-artwork{padding:8px}.detail-bottom{font-size:11px}.work-modal{display:block;padding:18px}.work-modal img{max-height:45vh}.work-modal>div{padding:13px 0}.site-footer{font-size:11px}}