:root{--bg:#fbfbf9;--fg:#1a1a1a;--muted:#6f6f6f;--line:#e4e4e0;--pad:clamp(16px,4vw,48px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}
h1,h2,h3{font-weight:300;letter-spacing:.01em;line-height:1.15;margin:0 0 .5em}h1{font-size:clamp(1.9rem,4vw,3rem)}h2{font-size:clamp(1.3rem,2.4vw,1.8rem)}h3{font-size:1.05rem;font-weight:400}
main{max-width:1280px;margin:0 auto;padding:0 var(--pad) 64px}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(251,251,249,.92);backdrop-filter:blur(8px);z-index:10}
.brand{font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;font-weight:300}.brand .dot{margin:0 .4em;color:var(--muted)}
.site-nav{display:flex;gap:28px}.site-nav a{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:4px 0;border-bottom:1px solid transparent}
.site-nav a.active,.site-nav a:hover{color:var(--fg);border-color:var(--fg)}
.menu-btn{display:none;background:none;border:0;font-size:1.4rem;cursor:pointer}
@media(max-width:760px){.menu-btn{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.site-nav a{padding:14px var(--pad);border:0;border-top:1px solid var(--line)}}
.site-footer{border-top:1px solid var(--line);padding:32px var(--pad);display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));font-size:.85rem;color:var(--muted)}.site-footer a:hover{color:var(--fg)}
.btn{display:inline-block;padding:12px 26px;border:1px solid var(--fg);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;transition:.2s;background:none;cursor:pointer;font-family:inherit}.btn:hover{background:var(--fg);color:var(--bg)}
.more{display:inline-block;margin-top:20px;font-size:.9rem;color:var(--muted)}.more:hover{color:var(--fg)}
.page-head{padding:56px 0 28px}.page-head p{color:var(--muted);margin:0}
/* hero */
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--pad);align-items:center;padding:48px 0 32px}
.hero-img img{aspect-ratio:4/5;object-fit:cover;width:100%}.hero-text p{color:var(--muted);max-width:44ch;font-size:1.05rem;margin-bottom:28px}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:24px}.hero-img img{aspect-ratio:4/3}}
.now{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin:24px 0 48px}.now h2{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.now ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 40px}.now .more{margin-top:12px}
.featured{padding-top:16px}
/* grid + cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:40px 28px}
.card-img{position:relative;background:#f0f0ec;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.card-img img{max-height:100%;width:auto;max-width:100%;object-fit:contain;transition:transform .4s}.card:hover .card-img img{transform:scale(1.02)}
.placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;background:repeating-linear-gradient(45deg,#f3f3ef,#f3f3ef 10px,#ecece7 10px,#ecece7 20px)}
.placeholder.big{aspect-ratio:4/5}
.badge{position:absolute;top:10px;left:10px;background:var(--fg);color:#fff;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px}
.card-body{padding:12px 0 0}.card-body p{margin:2px 0 0;color:var(--muted);font-size:.85rem}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 36px;font-size:.85rem;color:var(--muted)}
.filters button{background:none;border:1px solid var(--line);padding:6px 14px;border-radius:999px;cursor:pointer;font:inherit;color:var(--muted)}.filters button.on{border-color:var(--fg);color:var(--fg)}.filters .sep{width:1px;height:20px;background:var(--line);margin:0 8px}
.card[hidden]{display:none}.empty{color:var(--muted)}
/* detail */
.work{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--pad);padding-top:32px}.work .back{grid-column:1/-1;font-size:.85rem;color:var(--muted)}
.work .main{margin:0;background:#f0f0ec;padding:6%}.work .main img{margin:0 auto;box-shadow:0 20px 50px -20px rgba(0,0,0,.35)}
.work-info dl{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;margin:20px 0;font-size:.92rem}.work-info dt{color:var(--muted)}.work-info dd{margin:0}
.desc{color:#3a3a3a;margin:0 0 28px}.qr{display:flex;gap:12px;align-items:center;margin-top:36px;color:var(--muted);font-size:.75rem}.qr img{width:88px;border:1px solid var(--line)}
.more-imgs{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:24px}.more-imgs img{aspect-ratio:1;object-fit:cover;width:100%}
@media(max-width:860px){.work{grid-template-columns:1fr}}
.todo-note{font-size:.8rem;color:#8a6d00;margin-top:24px}
mark.todo{background:#fff3b0;color:#5a4a00;padding:0 4px;border-radius:3px;font-size:.85em}
/* about */
.statement p{font-size:1.15rem;max-width:70ch;font-weight:300}.bio{display:grid;grid-template-columns:320px 1fr;gap:var(--pad);align-items:start;padding:40px 0;border-top:1px solid var(--line)}
.bio-img img{aspect-ratio:4/5;object-fit:cover;object-position:top}.bio p:first-of-type{color:var(--muted)}@media(max-width:760px){.bio{grid-template-columns:1fr}.bio-img{max-width:320px}}
.buy{border-top:1px solid var(--line);padding:40px 0}.buy p{max-width:70ch}
/* exhibitions */
.exlist{list-style:none;padding:0;margin:0 0 40px}.exlist li{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.exlist .when{color:var(--muted);font-size:.9rem}@media(max-width:600px){.exlist li{grid-template-columns:1fr;gap:4px}}
.ex-note{color:var(--muted);font-size:.9rem}
/* contact */
.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--pad)}@media(max-width:760px){.contact{grid-template-columns:1fr}}
form label{display:block;margin-bottom:18px;font-size:.85rem;color:var(--muted)}form input,form textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--line);background:#fff;font:inherit;color:var(--fg)}form input:focus,form textarea:focus{outline:none;border-color:var(--fg)}
label.check{display:flex;gap:10px;align-items:flex-start}label.check input{width:auto;margin:5px 0 0}.hp{display:none}
.contact aside h2{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:24px}.contact aside h2:first-child{margin-top:0}
.legal{max-width:75ch}.legal h2{font-size:1.1rem;margin-top:32px}
/* lightbox */
.lb{position:fixed;inset:0;background:rgba(20,20,20,.94);display:flex;align-items:center;justify-content:center;z-index:100;cursor:zoom-out}.lb img{max-width:94vw;max-height:94vh;width:auto;height:auto}

@media(max-width:600px){.grid{grid-template-columns:repeat(2,1fr);gap:24px 14px}.card-body h3{font-size:.92rem}.card-body p{font-size:.75rem}}