:root{
  --bg:#090909;
  --panel:#111;
  --text:#f2eee8;
  --muted:#96928b;
  --line:#252525;
  --paper:#e9e4da;
  --ink:#111;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans TC","PingFang TC",Arial,sans-serif;
  letter-spacing:.02em
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.site-nav{
  position:fixed;z-index:50;top:0;left:0;right:0;
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 4vw;
  background:linear-gradient(to bottom,rgba(9,9,9,.96),rgba(9,9,9,.15),rgba(9,9,9,0));
  backdrop-filter:blur(4px)
}
.wordmark{font-size:12px;letter-spacing:.34em;white-space:nowrap}
.nav-links{display:flex;gap:26px;font-size:11px;letter-spacing:.20em;color:#c9c5be}
.nav-links a:hover{color:#fff}
.page{
  min-height:100vh;padding:125px 7vw 90px
}
.hero{
  min-height:100vh;padding:115px 7vw 60px;
  display:grid;grid-template-columns:1.08fr .92fr;align-items:center;
  border-bottom:1px solid var(--line)
}
.hero-logo{display:flex;justify-content:center}
.hero-logo img{
  width:min(520px,78vw);aspect-ratio:1;border-radius:50%;object-fit:cover
}
.eyebrow{
  font-size:11px;letter-spacing:.34em;color:var(--muted);text-transform:uppercase
}
.hero h1,.page-title{
  margin:18px 0 0;font-weight:400;letter-spacing:-.055em;
  line-height:.92
}
.hero h1{font-size:clamp(60px,10vw,145px)}
.page-title{font-size:clamp(50px,7vw,100px)}
.subline{margin-top:28px;font-size:13px;letter-spacing:.22em;color:#c8c3ba}
.intro{margin-top:38px;max-width:560px;color:var(--muted);line-height:1.95;font-size:14px}
.home-grid{
  padding:105px 7vw;display:grid;grid-template-columns:repeat(12,1fr);
  gap:18px;border-bottom:1px solid var(--line)
}
.home-card{position:relative;overflow:hidden;background:#111;min-height:360px;border:1px solid #1d1d1d}
.home-card.big{grid-column:span 7}.home-card.small{grid-column:span 5}
.home-card img{width:100%;height:100%;object-fit:cover;opacity:.86;transition:.5s}
.home-card:hover img{transform:scale(1.015);opacity:1}
.overlay{
  position:absolute;inset:auto 0 0;padding:26px;
  background:linear-gradient(to top,rgba(0,0,0,.75),transparent)
}
.overlay h3{font-weight:400;font-size:22px;margin:0 0 6px}
.overlay p{margin:0;font-size:11px;color:#aaa49b;letter-spacing:.14em}
.section-head{
  display:flex;justify-content:space-between;align-items:flex-end;gap:30px;
  padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:45px
}
.section-head h2{font-weight:400;font-size:38px;margin:0}
.section-head span{font-size:11px;color:var(--muted);letter-spacing:.18em}
.statement{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin:50px 0 80px}
.statement p{margin:0;color:#b9b4ab;line-height:2;font-size:15px}
.statement .en{color:#85817b}
.work{padding:70px 0 110px;border-top:1px solid #1f1f1f}
.work img{width:100%;max-height:80vh;object-fit:contain;background:#0d0d0d}
.info{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding-top:24px}
.info h3{font-weight:400;font-size:26px;margin:0 0 7px}
.info p{color:#89857e;margin:0;font-size:13px}
dl{margin:0}
dl div{
  display:grid;grid-template-columns:110px 1fr;
  padding:10px 0;border-bottom:1px solid #262626;font-size:12px
}
dt{color:#777} dd{margin:0}
.exhibition-list{margin-top:60px}
.exhibition-item{
  display:grid;grid-template-columns:120px 1fr 1fr;
  gap:30px;padding:28px 0;border-top:1px solid var(--line)
}
.exhibition-item:last-child{border-bottom:1px solid var(--line)}
.exhibition-year{color:#8b877f;font-size:13px}
.exhibition-title{font-size:22px}
.exhibition-note{color:#8f8b84;line-height:1.7;font-size:13px}
.note-box{
  margin-top:60px;padding:22px 0;color:#777;border-top:1px solid var(--line);
  font-size:12px;line-height:1.8
}
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;margin-top:60px}
.about-lead{font-size:31px;line-height:1.5;letter-spacing:-.02em}
.about-copy p{color:#aaa69e;line-height:2;font-size:15px;margin-top:0}
.identity{
  margin-top:90px;padding-top:65px;border-top:1px solid var(--line);
  display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center
}
.identity img{width:min(360px,100%);border-radius:50%}
.identity h2{font-weight:400;font-size:36px;margin:0 0 20px}
.identity p{color:#9a968e;line-height:2;font-size:14px}
.cv-grid{display:grid;grid-template-columns:1fr 2fr;gap:7vw;margin-top:60px}
.cv-section{padding:26px 0;border-top:1px solid var(--line)}
.cv-section h2{font-weight:400;font-size:18px;margin:0;color:#d7d2ca}
.cv-items{padding-top:26px}
.cv-row{display:grid;grid-template-columns:110px 1fr;gap:25px;padding:10px 0}
.cv-year{color:#85817b;font-size:12px}
.cv-text{font-size:14px;line-height:1.65}
.contact-page{
  min-height:100vh;background:var(--paper);color:var(--ink);
  padding:130px 7vw 70px;display:flex;flex-direction:column;justify-content:space-between
}
.contact-page h1{font-size:clamp(58px,8vw,110px);font-weight:400;letter-spacing:-.055em;margin:0}
.contact-links{margin-top:60px}
.contact-links a{display:block;font-size:18px;margin:16px 0}
.footer{
  padding:40px 7vw;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:20px;
  font-size:10px;letter-spacing:.18em;color:#666
}
.light-footer{border-top:1px solid #cfc7bb;color:#666;padding-left:0;padding-right:0}
.signature{
  font-family:"Snell Roundhand","Segoe Script",cursive;
  font-size:46px;margin-top:30px;letter-spacing:-.06em
}
@media(max-width:820px){
  .site-nav{padding:18px}
  .nav-links{gap:13px;font-size:10px}
  .nav-links a:nth-child(4){display:none}
  .hero{grid-template-columns:1fr;padding:95px 20px 55px;gap:28px}
  .hero-logo{order:1}.hero-copy{order:2}
  .hero-logo img{width:min(360px,88vw)}
  .home-grid{padding:75px 20px;grid-template-columns:1fr}
  .home-card.big,.home-card.small{grid-column:1}
  .page{padding:105px 20px 70px}
  .statement,.info,.about-grid,.identity,.cv-grid{grid-template-columns:1fr;gap:32px}
  .exhibition-item{grid-template-columns:72px 1fr;gap:18px}
  .exhibition-note{grid-column:2}
  .contact-page{padding:110px 20px 50px}
  .footer{padding:35px 20px;flex-direction:column}
}

.series-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:55px}
.series-card{display:block;border-top:1px solid var(--line);padding-top:18px}
.series-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#0d0d0d}
.series-meta{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:20px 0 42px}
.series-meta h2{font-size:27px;font-weight:400;margin:0 0 6px}
.series-meta p,.series-meta span{margin:0;color:#85817b;font-size:12px;letter-spacing:.08em}
.series-hero{width:100%;max-height:78vh;object-fit:contain;background:#0d0d0d;margin-top:12px}
.work-gallery{width:100%}
.work-gallery img{width:100%;max-height:80vh;object-fit:contain;background:#0d0d0d}
.work-gallery.multi{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.work-gallery.multi img:first-child:nth-last-child(3){grid-column:1/-1}
.zh-meta{color:#85817b}
@media(max-width:820px){
  .series-grid{grid-template-columns:1fr}
  .work-gallery.multi{grid-template-columns:1fr}
  .work-gallery.multi img:first-child:nth-last-child(3){grid-column:auto}
  .series-meta{padding-bottom:28px}
}