:root{--paper:#f3f0e9;--ink:#25231f;--muted:#756f67;--line:#d6d0c5;--accent:#9d4b37;--cream:#ebe6db}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:'Noto Serif SC',serif;font-weight:500}main[hidden]{display:none!important}.wrap{width:min(1420px,calc(100% - 100px));margin:auto}.topline{height:31px;padding:0 50px;display:flex;align-items:center;justify-content:space-between;background:#262923;color:#eeeae1;font-size:10px;letter-spacing:.18em}.site-header{height:84px;display:flex;align-items:center;gap:50px;padding:0 50px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:3}.brand{font-family:Georgia,serif;font-size:32px;letter-spacing:.12em;line-height:.9;white-space:nowrap}.brand span{display:block;font:500 8px 'DM Sans',sans-serif;letter-spacing:.31em;margin-top:9px}.site-header nav{display:flex;align-items:center;gap:31px;margin-left:auto;font-size:12px}.site-header nav a:hover,.footer a:hover{color:var(--accent)}.header-action{font-size:12px;border:1px solid var(--ink);padding:13px 17px;white-space:nowrap}.header-action span{margin-left:16px}.eyebrow{display:block;font-size:10px;letter-spacing:.18em;font-weight:700;text-transform:uppercase}.hero{height:min(760px,calc(100vh - 115px));min-height:590px;background:#d8d0c4;position:relative;overflow:hidden;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ddd5c8 0%,#ddd5c8 41%,transparent 66%);z-index:1}.hero-copy{position:relative;z-index:2;margin-left:max(50px,calc((100% - 1420px)/2));max-width:540px;padding:40px 0}.hero-copy .eyebrow{color:#5b564f;margin-bottom:31px}.hero h1{font-size:clamp(56px,5.6vw,92px);line-height:1.14;letter-spacing:-.06em;margin-bottom:30px}.hero h1 span{color:var(--accent)}.hero-copy p{max-width:425px;font-size:15px;line-height:2;color:#4d4944;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:50px;padding:13px 20px;font-size:12px;border:1px solid var(--ink);transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--accent);border-color:var(--accent)}.button-outline{background:transparent;color:var(--ink)}.hero-exhibit{position:absolute;inset:0 0 0 48%;display:flex;align-items:center;justify-content:center;gap:22px;transform:rotate(-3deg) translateX(6%)}.hero-frame{background:#f9f7f1;padding:10px 10px 27px;box-shadow:0 19px 45px #372c2533;width:30%;max-width:360px;flex:0 0 auto;transform:translateY(20px) rotate(-3deg)}.hero-frame-two{width:36%;max-width:430px;transform:translateY(-12px) rotate(3deg)}.hero-frame-three{transform:translateY(54px) rotate(-1deg)}.hero-frame .sprite{width:100%;aspect-ratio:1;background-size:300% 200%;background-repeat:no-repeat;background-color:#e8e2d8}.hero-frame span{display:block;font-size:9px;letter-spacing:.16em;margin-top:11px}.hero-index{position:absolute;z-index:2;bottom:28px;left:50px;right:50px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em}.sprite-2{background-image:url('art/02-cobalt.jpg');background-position:0 0}.sprite-4{background-image:url('art/04-moss.jpg');background-position:0 0}.sprite-8{background-image:url('art/08-lavender.jpg');background-position:0 0}.intro{min-height:246px;display:grid;grid-template-columns:185px 1fr 230px;gap:70px;align-items:center;border-bottom:1px solid var(--line)}.intro-number{font:500 100px Georgia,serif;letter-spacing:-.09em}.intro-number span{display:block;font:700 10px 'DM Sans',sans-serif;letter-spacing:.2em;margin-left:7px}.intro p{font:500 clamp(22px,2.2vw,34px)/1.7 'Noto Serif SC',serif;margin:12px 0 0}.intro p em{font-style:normal;color:var(--accent)}.intro-note{border-left:1px solid var(--line);padding-left:24px;color:var(--muted);font-size:12px;line-height:2}.gallery{padding-top:110px;padding-bottom:130px}.gallery-title{text-align:center;margin-bottom:105px}.gallery-title h2{font-size:clamp(38px,4.2vw,64px);letter-spacing:-.05em;margin:20px 0}.gallery-title p{font-size:14px;color:var(--muted)}.collection+.collection{margin-top:140px}.collection-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:24px;margin-bottom:25px}.collection-heading span{font-size:10px;letter-spacing:.17em}.collection-heading h3{font-size:35px;margin:8px 0 0}.collection-heading p{font-size:12px;color:var(--muted);margin:0 0 4px}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:75px}.work-card{display:block;min-width:0}.work-image{width:100%;aspect-ratio:1;background-size:300% 200%;background-repeat:no-repeat;background-color:#e9e4db;position:relative;overflow:hidden;transition:filter .2s}.work-card:hover .work-image{filter:contrast(1.04) saturate(1.05)}.work-discover{position:absolute;right:12px;bottom:12px;background:var(--paper);padding:10px 12px;font-size:11px;opacity:0;transform:translateY(6px);transition:.2s}.work-card:hover .work-discover,.work-card:focus-visible .work-discover{opacity:1;transform:none}.work-meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 1px 12px;font-size:10px;letter-spacing:.12em;color:var(--muted)}.work-name{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:16px}.work-name h4{font-size:23px;margin:0}.work-name em{font:italic 13px Georgia,serif;color:var(--accent)}.work-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 0}.intermission{display:grid;grid-template-columns:1fr 1fr;min-height:570px;background:#d6c9ba}.intermission-copy{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:70px max(50px,calc((100vw - 1420px)/2)) 70px 50px}.intermission h2{font-size:clamp(36px,3.8vw,59px);line-height:1.4;letter-spacing:-.05em;margin:23px 0}.intermission p{font-size:13px;line-height:2;color:#57524e;max-width:430px}.intermission-copy a{border-bottom:1px solid var(--ink);font-size:12px;padding-bottom:7px;margin-top:22px}.intermission-copy a span{margin-left:20px}.intermission-visual{position:relative;display:grid;place-items:center;background:#c7b6a5;overflow:hidden}.intermission-visual .sprite{width:min(70%,480px);aspect-ratio:1;background-size:300% 200%;box-shadow:0 22px 60px #4b3d3560;border:12px solid #f5efe7;transform:rotate(5deg)}.intermission-mark{position:absolute;bottom:26px;right:35px;font-size:10px;letter-spacing:.16em}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:135px;padding-bottom:135px}.about h2{font-size:clamp(42px,4vw,60px);line-height:1.4;margin:25px 0}.about-steps article{display:flex;gap:30px;border-top:1px solid var(--line);padding:28px 0}.about-steps article>span{font:18px Georgia,serif;color:var(--accent)}.about-steps h3{font-size:22px;margin:0 0 12px}.about-steps p{color:var(--muted);font-size:13px;line-height:1.9;margin:0}.closing{text-align:center;padding:100px 20px;background:#e7e0d5}.closing h2{font-size:clamp(35px,4vw,58px);margin:25px 0 35px}.footer{background:#262923;color:#ebe8df}.footer-main{display:flex;align-items:flex-start;gap:70px;padding:65px 0}.footer-main p{font-size:11px;line-height:2;color:#b9bdb5;max-width:500px;margin:0 auto}.footer-main>a:last-child{font-size:12px;white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #55594f;padding:20px 0;font-size:10px;letter-spacing:.13em;color:#a6aaa1}.detail-wrap{padding-top:40px;padding-bottom:130px}.detail-backline{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);letter-spacing:.1em}.detail-backline a:hover{color:var(--accent)}.detail-heading{display:flex;justify-content:space-between;align-items:end;margin:55px 0 42px}.detail-heading .eyebrow{color:var(--accent)}.detail-heading h1{font-size:clamp(52px,7vw,102px);letter-spacing:-.07em;line-height:1.1;margin:15px 0 12px}.detail-heading p{font:italic 19px Georgia,serif;color:var(--muted);margin:0}.detail-next{display:flex;gap:25px;font-size:11px;white-space:nowrap;margin-bottom:10px}.detail-next a:hover{color:var(--accent)}.detail-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-shot{display:block;border:0;background:#e8e2d9;padding:0;text-align:left;position:relative;overflow:hidden}.detail-shot-1{grid-column:span 2;grid-row:span 2}.shot-image{display:block;width:100%;aspect-ratio:1;background-size:300% 200%;background-repeat:no-repeat;background-color:#e8e2d9;transition:transform .3s}.detail-shot-1 .shot-image{height:100%;aspect-ratio:auto}.detail-shot:hover .shot-image{transform:scale(1.025)}.shot-label{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#1e1b1c88);color:#fff;padding:38px 20px 14px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em}.detail-content{display:grid;grid-template-columns:1.25fr .75fr;gap:100px;border-top:1px solid var(--line);padding-top:85px;margin-top:80px}.detail-content h2{font-size:clamp(31px,3.3vw,51px);line-height:1.45;max-width:650px;margin:25px 0}.detail-content p{font-size:14px;line-height:2.2;color:#5d574f;max-width:670px}.detail-spec{border:1px solid var(--line);padding:30px;align-self:start}.detail-spec dl{margin:22px 0}.detail-spec dl div{display:grid;grid-template-columns:105px 1fr;padding:13px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.6}.detail-spec dt{color:var(--muted)}.detail-spec dd{margin:0}.detail-swatches{display:flex;gap:8px;margin:18px 0 28px}.detail-swatches span{width:24px;height:24px;border:1px solid #0002;border-radius:50%}.detail-spec .button{width:100%}.detail-spec small{display:block;color:var(--muted);font-size:10px;line-height:1.7;margin-top:18px}.detail-related{border-top:1px solid var(--line);padding-top:70px;margin-top:120px}.detail-related h2{font-size:40px;margin:12px 0 30px}.detail-related>div{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.detail-related .work-image{aspect-ratio:1.25;background-size:300% 200%}dialog{border:0;padding:0;max-height:calc(100vh - 30px)}dialog::backdrop{background:#1e201dd9}.lightbox{width:min(92vw,950px);background:#eae5dc;padding:45px 60px 30px;position:relative}.lightbox-image{width:min(73vh,100%);aspect-ratio:1;margin:auto;background-size:300% 200%;background-repeat:no-repeat}.lightbox-close,.dialog-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:33px;color:var(--ink)}.lightbox-controls{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px}.lightbox-controls button{border:0;background:none;font-size:22px;padding:5px 14px}.custom-dialog{width:min(92vw,790px);background:var(--paper);padding:42px;position:relative}.custom-dialog form{margin:0}.custom-inner h2{font-size:36px;margin:10px 0}.custom-inner>p{color:var(--muted);font-size:13px}.custom-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:25px}.custom-fields label{font-size:11px;color:var(--muted)}.custom-fields input,.custom-fields textarea{display:block;width:100%;border:1px solid var(--line);background:#f9f7f2;padding:12px;margin-top:7px;outline:none;color:var(--ink);font-size:13px}.custom-fields input:focus,.custom-fields textarea:focus{border-color:var(--accent)}.custom-wide{grid-column:1/-1}.custom-actions{display:flex;gap:12px;margin-top:25px}.custom-inner small{color:var(--muted);font-size:10px}.custom-inner #custom-status{min-height:20px;color:var(--accent);font-size:12px;margin:12px 0}
@media(max-width:900px){.wrap{width:min(100% - 40px,1420px)}.topline{padding:0 20px}.topline span:nth-child(2){display:none}.site-header{height:72px;padding:0 20px;gap:15px}.site-header nav{gap:15px;font-size:11px}.header-action{display:none}.hero{min-height:650px;height:auto;align-items:flex-start}.hero:before{background:linear-gradient(#e2d9cb 0%,#e2d9cb 43%,transparent 70%)}.hero-copy{margin:0 20px;padding:65px 0 0;max-width:520px}.hero h1{font-size:65px}.hero-exhibit{inset:250px 0 35px 0;transform:rotate(-3deg)}.hero-frame{width:29%}.hero-frame-two{width:34%}.hero-index{left:20px;right:20px}.intro{grid-template-columns:130px 1fr;gap:25px;padding:50px 0}.intro-number{font-size:75px}.intro-note{grid-column:2}.works-grid{gap:45px 16px}.work-name{display:block}.work-name em{display:block;margin-top:5px}.intermission{min-height:450px}.intermission-copy{padding:40px 20px}.about{gap:45px}.detail-content{gap:35px}.detail-gallery{gap:10px}}
@media(max-width:620px){.topline span:last-child{display:none}.site-header{justify-content:space-between}.site-header nav{gap:10px}.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:none}.brand{font-size:26px}.hero{min-height:680px}.hero h1{font-size:clamp(34px,10.5vw,43px)}.hero-copy{padding-top:45px}.hero-copy p{font-size:13px;max-width:340px}.hero-exhibit{top:310px;bottom:42px}.hero-frame{padding:5px 5px 16px}.hero-frame span{font-size:6px;margin-top:5px}.hero-frame-one{transform:translateY(8px) rotate(-4deg)}.hero-frame-two{transform:translateY(-8px) rotate(4deg)}.hero-frame-three{transform:translateY(28px)}.intro{grid-template-columns:1fr;gap:10px}.intro-number{font-size:64px}.intro-number span{display:inline;font-size:9px;margin-left:15px}.intro p{font-size:23px}.intro-note{grid-column:1;margin-top:12px}.gallery{padding-top:80px;padding-bottom:90px}.gallery-title{margin-bottom:70px}.gallery-title h2{font-size:39px}.collection+.collection{margin-top:90px}.collection-heading h3{font-size:29px}.collection-heading p{display:none}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 12px}.work-meta{font-size:8px;letter-spacing:0}.work-meta span:last-child{display:none}.work-name h4{font-size:18px}.work-name em{font-size:11px}.work-card p{font-size:11px}.intermission{display:block}.intermission-copy{padding:60px 20px}.intermission h2{font-size:39px}.intermission-visual{height:450px}.about{display:block;padding-top:90px;padding-bottom:90px}.about h2{font-size:41px}.closing{padding:80px 20px}.footer-main{display:block;padding:50px 0}.footer-main p{margin:30px 0}.footer-bottom{gap:20px;line-height:1.6}.detail-wrap{padding-top:22px;padding-bottom:70px}.detail-heading{display:block;margin:38px 0 25px}.detail-heading h1{font-size:55px}.detail-next{margin-top:28px}.detail-gallery{grid-template-columns:repeat(2,1fr);gap:8px}.detail-shot-1{grid-column:span 2;grid-row:auto}.detail-shot-1 .shot-image{height:auto;aspect-ratio:1}.detail-shot-2{grid-column:1}.detail-shot-5{grid-column:auto}.detail-shot-5 .shot-image{aspect-ratio:1}.detail-content{display:block;margin-top:50px;padding-top:50px}.detail-content h2{font-size:33px}.detail-spec{margin-top:40px}.detail-related{margin-top:75px;padding-top:55px}.detail-related h2{font-size:32px}.detail-related>div{gap:12px}.lightbox{padding:52px 15px 20px}.custom-dialog{padding:30px 18px}.custom-inner h2{font-size:29px}.custom-fields{grid-template-columns:1fr}.custom-actions{display:block}.custom-actions button{width:100%;margin-bottom:10px}}
.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}.intro{grid-template-columns:210px 1fr 230px}.intro-number{font-size:88px}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:20px}.filter-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:11px 17px;font-size:11px}.filter-tabs button.active,.filter-tabs button:hover{border-color:var(--ink);background:var(--ink);color:#fff}.gallery-search{position:relative;display:block;min-width:280px}.gallery-search input{width:100%;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;padding:12px 27px 12px 2px;outline:none;color:var(--ink);font-size:12px}.gallery-search input:focus{border-bottom-color:var(--accent)}.gallery-search>span:not(.sr-only){position:absolute;right:3px;top:4px;font-size:24px;color:var(--muted)}.gallery-results{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.12em;margin:22px 0}.gallery-empty{text-align:center;padding:100px 20px;color:var(--muted);font-size:13px}.gallery-empty[hidden],.load-more[hidden]{display:none}.load-more{display:flex;align-items:center;justify-content:center;gap:45px;margin:72px auto 0;min-width:220px;padding:16px 22px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:12px}.load-more:hover{background:var(--ink);color:#fff}
@media(max-width:900px){.intro{grid-template-columns:130px 1fr}.intro-number{font-size:75px}.gallery-toolbar{display:block}.gallery-search{margin-top:18px;min-width:0;max-width:440px}}
@media(max-width:620px){.intro{grid-template-columns:1fr}.intro-number{font-size:64px}.filter-tabs{gap:5px}.filter-tabs button{font-size:10px;padding:10px 11px}.gallery-results{font-size:9px}.gallery-results span:last-child{display:none}.load-more{margin-top:50px}}
.language-picker{position:relative;display:flex;align-items:center;flex:none;min-width:54px;height:42px;margin-left:0;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:11px;letter-spacing:.08em}
.language-picker:after{content:'⌄';position:absolute;right:10px;top:10px;pointer-events:none;font-size:17px}
.language-current{padding:0 25px 0 12px;pointer-events:none}
.language-picker select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.language-picker:focus-within{outline:2px solid var(--accent);outline-offset:2px}
html[dir=rtl] .language-picker{margin-left:0}
html[dir=rtl] .language-current{padding:0 12px 0 25px}
html[dir=rtl] .language-picker:after{right:auto;left:10px}
html[dir=rtl] #detail-count{direction:ltr;unicode-bidi:isolate}
@media(max-width:900px){.site-header{gap:18px}.site-header nav{margin-left:auto}.language-picker{height:38px}}
@media(max-width:620px){.site-header{gap:10px}.site-header nav{gap:9px;margin-left:auto}.language-picker{min-width:49px;height:36px}.language-current{padding-left:9px;padding-right:22px}}
@media(max-width:620px){html:not([lang^="zh"]) .site-header nav a:nth-child(4){display:none}}