:root{--bg:#fff;
  --ink:#111;
  --muted:#777;
  --line:#d9d9d9;
  --max:1900px;}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:Arial,Helvetica,"PingFang TC","Microsoft JhengHei",sans-serif;
  font-size:15px;line-height:1.65;}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button{font:inherit}
::selection{background:#ddd}
.gallery-slide.portrait img{object-fit:contain}
.home-about,.home-section,.page{width:min(var(--max),100%);
  margin:0 auto;padding-left:clamp(20px,3.2vw,58px);padding-right:clamp(20px,3.2vw,58px)}
.text-link{display:inline-block;margin-top:13px;border-bottom:1px solid #111}
.preview-card .media{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#f4f4f4;overflow:hidden}
.preview-card.portrait .media{aspect-ratio:3/4}
.exrow,.archive-row{display:grid;grid-template-columns:140px 1.2fr 1fr;gap:25px;
  padding:16px 0;border-top:1px solid var(--line)}
.exrow:last-child,.archive-row:last-child{border-bottom:1px solid var(--line)}
.archive-row{grid-template-columns:1.2fr .25fr 1fr}
.date,.year,.where{color:#777}
.page{padding-top:50px;padding-bottom:110px}
.crumb{font-size:11px;color:#777;margin-bottom:46px}
.page-title{margin:0 0 70px;font-size:clamp(52px,8vw,130px);line-height:.9;
  letter-spacing:-.055em;font-weight:400}
.page-intro{display:grid;grid-template-columns:.65fr 1.35fr;gap:9vw;
  margin-bottom:85px}
.page-intro .label{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.05em}
.page-intro .copy{max-width:860px;font-size:18px;line-height:1.75}
.thumb .media{aspect-ratio:4/3;background:#f5f5f5;overflow:hidden}
.thumb.portrait .media{aspect-ratio:3/4}
.series-top{padding-bottom:38px}
.series-top h1{margin:0;font-size:clamp(48px,7vw,110px);line-height:.92;
  letter-spacing:-.05em;font-weight:400}
.series-top .year{margin-top:10px;color:#777}
.series-cover{width:100%;height:min(78vh,950px);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:85px}
.series-cover picture,.series-cover img{width:100%;height:100%}
.series-cover img{object-fit:contain;background:#fff}
.statement{display:grid;grid-template-columns:.55fr 1.45fr;gap:10vw;
  padding:0 0 82px;border-bottom:1px solid var(--line)}
.statement h2,.works-title,.bio-block h2{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.statement .text{max-width:900px;font-size:18px;line-height:1.9}
.statement .text p{margin:0 0 1.5rem}
.works{padding:78px 0}
.works-title{margin-bottom:30px}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:68px 24px}
.work-grid.portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.work-card .media{display:flex;align-items:center;justify-content:center;background:#fff}
.work-card.landscape .media{aspect-ratio:4/3}
.work-card.portrait .media{aspect-ratio:3/4}
.work-card picture,.work-card img{width:100%;height:100%}
.work-card img{object-fit:contain;background:#fff}
.spec{margin-top:14px;font-size:13px;line-height:1.58}
.artist-meta{font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:2px}
.artwork-title-meta{font-size:16px;margin-bottom:2px}
.medium-year{margin-bottom:12px}
.size-variant{margin-top:11px}
.dimension-line,.edition-line{color:#333}
.edition-line{margin-top:1px}
.bio-block{display:grid;grid-template-columns:.55fr 1.45fr;gap:10vw;
  padding:65px 0;border-top:1px solid var(--line)}
.bio-block .content{max-width:920px}
.bio-block .content p{margin:0 0 1.25rem}
.contact{min-height:55vh;display:flex;flex-direction:column;justify-content:center;max-width:900px}
.contact h1{font-size:clamp(54px,8vw,118px);font-weight:400;line-height:.9;letter-spacing:-.05em;margin:0 0 30px}
.contact p{font-size:18px}
.contact a{display:inline-block;margin-top:18px;border-bottom:1px solid #111}
.footer{padding:28px clamp(18px,3.2vw,58px);
  display:flex;justify-content:space-between;gap:30px;
  border-top:1px solid var(--line);font-size:11px;color:#777}
.footnav{display:flex;gap:18px;flex-wrap:wrap}
@media (max-width:980px){.home-about,.page-intro,.statement,.bio-block{grid-template-columns:1fr;gap:28px}
.work-grid,.work-grid.portrait-grid{grid-template-columns:1fr}
.archive-row{grid-template-columns:1fr .25fr}
.archive-row .where{grid-column:1/-1}}
@media (max-width:720px){.home-about,.home-section,.page{padding-left:18px;padding-right:18px}
.exrow,.archive-row{grid-template-columns:1fr;gap:2px}
.archive-row .where{grid-column:auto}
.page{padding-top:35px;padding-bottom:80px}
.page-title{font-size:62px;margin-bottom:48px}
.series-cover{height:auto;min-height:44vh;margin-bottom:60px}
.series-cover img{max-height:72vh}
.statement{padding-bottom:58px}
.works{padding-top:58px}
.footer{flex-direction:column}}
body{font-family:"Helvetica Neue",Helvetica,Arial,"PingFang TC","Microsoft JhengHei",sans-serif;}
.artwork-title-meta{font-size:16px;
  line-height:1.35;
  font-weight:400;
  margin:0 0 2px;}
.artwork-zoom{position:relative;
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:#fff;
  cursor:zoom-in;}
.artwork-zoom picture,
.artwork-zoom img{width:100%;
  height:100%;}
.zoom-hint{position:absolute;
  right:10px;
  bottom:10px;
  padding:5px 8px;
  background:rgba(255,255,255,.92);
  color:#222;
  font-size:10px;
  line-height:1;
  opacity:0;
  transition:opacity .18s ease;}
.artwork-zoom:hover .zoom-hint,
.artwork-zoom:focus-visible .zoom-hint{opacity:1;}
.pixel-archive{border-top:1px solid var(--line);}
.pixel-record{display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:8vw;
  padding:28px 0 31px;
  border-bottom:1px solid var(--line);}
.pixel-record-sizes{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
  font-size:13px;
  line-height:1.55;}
.pixel-record .size-variant{margin:0;}
.lightbox{position:fixed;
  inset:0;
  z-index:1000;
  display:none;
  background:rgba(255,255,255,.985);}
.lightbox.open{display:grid;
  grid-template-rows:54px minmax(0,1fr) 70px;}
.lightbox-top,
.lightbox-bottom{display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 clamp(16px,2.6vw,44px);}
.lightbox-top{border-bottom:1px solid rgba(0,0,0,.08);}
.lightbox-bottom{border-top:1px solid rgba(0,0,0,.08);
  gap:20px;}
.lightbox-close,
.lightbox-nav{border:0;
  background:transparent;
  cursor:pointer;
  color:#111;}
.lightbox-close{font-size:24px;
  line-height:1;}
.lightbox-stage{min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 4vw;}
.lightbox-stage img{max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;}
.lightbox-caption{font-size:12px;
  color:#444;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;}
.lightbox-arrows{display:flex;
  gap:18px;
  flex-shrink:0;}
.lightbox-nav{font-size:18px;
  padding:8px;}
body.lightbox-open{overflow:hidden;}
@media (max-width:720px){.pixel-record{grid-template-columns:1fr;
    gap:18px;}
.pixel-record-sizes{grid-template-columns:1fr;
    gap:13px;}
.lightbox.open{grid-template-rows:50px minmax(0,1fr) 82px;}
.lightbox-bottom{align-items:flex-start;
    padding-top:10px;}
.zoom-hint{display:none;}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.gallery-track,.zoom-hint{transition:none!important}}
.institutional-list,
.exhibition-list{border-top:1px solid var(--line);}
.institutional-row{display:grid;
  grid-template-columns:150px minmax(220px,.85fr) 1.65fr;
  gap:25px;
  padding:18px 0;
  border-bottom:1px solid var(--line);}
.institutional-year,
.institutional-detail{color:#666;
  font-size:13px;}
.institutional-title{font-size:15px;}
.archive-section{margin-top:84px;}
.archive-section:first-of-type{margin-top:0;}
.archive-section-head{display:flex;
  align-items:baseline;
  justify-content:space-between;
  margin-bottom:24px;}
.archive-section-head h2{margin:0;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.05em;}
.exhibition-row{display:grid;
  grid-template-columns:120px minmax(220px,1fr) minmax(220px,.85fr) minmax(170px,.65fr);
  gap:26px;
  padding:17px 0;
  border-bottom:1px solid var(--line);}
.exhibition-year,
.exhibition-date{color:#777;
  font-size:12px;}
.exhibition-title{font-size:15px;}
.exhibition-venue{color:#444;
  font-size:13px;}
.archive-count{margin-top:5px;
  font-size:11px;
  color:#999;}
@media (max-width:980px){.institutional-row{grid-template-columns:120px 1fr;}
.institutional-detail{grid-column:2;}
.exhibition-row{grid-template-columns:100px 1fr;
    gap:4px 20px;}
.exhibition-venue,
  .exhibition-date{grid-column:2;}}
@media (max-width:720px){.institutional-row,
  .exhibition-row{grid-template-columns:1fr;
    gap:3px;}
.institutional-detail,
  .exhibition-venue,
  .exhibition-date{grid-column:auto;}
.institutional-row{padding:16px 0 18px;}
.exhibition-row{padding:15px 0 17px;}}
.nft-series-intro{margin-top:0;}
.nft-series-facts{display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:20px 0;}
.nft-series-facts div{display:flex;
  flex-direction:column;
  gap:4px;}
.nft-series-facts span{font-size:11px;
  color:#888;
  text-transform:uppercase;
  letter-spacing:.05em;}
.nft-series-facts strong{font-size:13px;
  font-weight:400;}
.nft-archive{border-top:1px solid var(--line);}
.nft-record{display:grid;
  grid-template-columns:minmax(220px,320px) minmax(170px,.65fr) minmax(0,1.35fr);
  gap:clamp(24px,4vw,64px);
  align-items:start;
  padding:30px 0 34px;
  border-bottom:1px solid var(--line);}
.nft-record-image{display:block;
  width:100%;
  background:#f6f6f6;
  overflow:hidden;}
.nft-record-image img{display:block;
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  object-fit:contain;
  background:#fff;
  transition:opacity .2s ease;}
.nft-record-image:hover img{opacity:.94;}
.nft-record-data{font-size:13px;}
.nft-dim{margin-bottom:2px;}
.nft-unique{margin-bottom:15px;
  color:#555;}
.nft-attrs{display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;}
.nft-attr{display:flex;
  flex-direction:column;
  gap:2px;}
.nft-attr span{font-size:10px;
  color:#999;
  letter-spacing:.04em;}
.nft-attr strong{font-size:13px;
  font-weight:400;}
@media (max-width:980px){.nft-series-facts{grid-template-columns:repeat(2,minmax(0,1fr));}
.nft-record{grid-template-columns:1fr;
    gap:16px;}
.nft-record-image{width:min(100%,560px);}}
@media (max-width:720px){.nft-series-facts{grid-template-columns:1fr;}
.nft-attrs{grid-template-columns:repeat(2,minmax(0,1fr));}}
.crumb{display:none;}
.page{padding-top:74px;}
.page-title{margin-bottom:84px;}
.page-intro{margin-bottom:96px;}
.series-cover{margin-bottom:100px;}
.statement{padding-bottom:92px;}
.works{padding-top:88px;}
.work-grid{gap:86px 24px;}
.spec{max-width:620px;}
.footer{margin-top:20px;}
.archive-section{margin-top:100px;}
.archive-section-head{margin-bottom:30px;}
.nft-tools{position:sticky;
  top:var(--header-h);
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:13px 0;
  margin-bottom:28px;
  background:rgba(255,255,255,.97);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);}
.nft-range-nav{display:flex;
  flex-wrap:wrap;
  gap:16px;
  font-size:11px;}
.nft-range-nav a{color:#555;}
.nft-range-nav a:hover{color:#000;
  text-decoration:underline;
  text-underline-offset:4px;}
.nft-search{position:relative;
  width:min(310px,42vw);}
.nft-search input{width:100%;
  border:0;
  border-bottom:1px solid #aaa;
  background:transparent;
  padding:7px 28px 7px 0;
  border-radius:0;
  outline:none;
  font:inherit;
  font-size:12px;}
.nft-search input:focus{border-color:#111;}
.nft-search span{position:absolute;
  right:0;
  top:7px;
  font-size:11px;
  color:#888;}
.nft-result-count{margin:0 0 15px;
  font-size:11px;
  color:#888;}
.nft-record{padding:30px 0 34px;}
.nft-record[hidden]{display:none;}
.nft-record-head{max-width:360px;}
.nft-record .artwork-title-meta{font-size:15px;}
.nft-record .medium-year{font-size:12px;}
.nft-record-data{font-size:12px;}
.nft-attrs{gap:18px;}
.nft-attr span{font-size:9px;}
.nft-attr strong{font-size:12px;}
.nft-jump{display:inline-block;
  margin-top:35px;
  font-size:11px;
  color:#666;}
.nft-jump:hover{color:#000;}
.contact{min-height:62vh;}
.contact h1{max-width:1000px;}
.contact p{max-width:680px;}
@media (max-width:720px){.page{padding-top:52px}
.page-title{margin-bottom:58px}
.work-grid{gap:64px}
.nft-tools{align-items:flex-start;
    flex-direction:column;
    gap:10px;}
.nft-search{width:100%;}
.nft-range-nav{gap:11px;}}
html{scroll-padding-top:calc(var(--header-h) + 18px);}
body{text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;}
.skip-link{position:fixed;
  left:14px;
  top:10px;
  z-index:2000;
  transform:translateY(-160%);
  padding:9px 12px;
  background:#111;
  color:#fff;
  font-size:12px;
  line-height:1;
  transition:transform .15s ease;}
.skip-link:focus{transform:translateY(0);}
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,.08);}
a:focus-visible,
button:focus-visible,
input:focus-visible,
[tabindex]:focus-visible{outline:1px solid #111;
  outline-offset:4px;}
.wordmark,
.nav a,
.section-head a,
.series-overview-head a,
.text-link,
.footnav a{transition:opacity .16s ease,color .16s ease;}
.wordmark:hover,
.section-head a:hover,
.series-overview-head a:hover,
.text-link:hover,
.footnav a:hover{opacity:.62;}
.exhibition-row{scroll-margin-top:calc(var(--header-h) + 24px);}
.exhibition-row:target{background:#fafafa;}
.nft-record{content-visibility:auto;
  contain-intrinsic-size:620px;
  scroll-margin-top:calc(var(--header-h) + 92px);}
.nft-record-image{position:relative;
  cursor:zoom-in;}
.nft-record-image picture{display:block;
  width:100%;}
.nft-record-image img{background:#fff;}
.nft-record-image .zoom-hint{pointer-events:none;}
.nft-record:target{background:#fafafa;}
.nft-result-count{min-height:1.3em;}
.nft-search input::-webkit-search-cancel-button{cursor:pointer;}
.nft-range-nav a{padding:3px 0;}
.nft-range-nav a:focus-visible{outline-offset:2px;}
.back-to-top{position:fixed;
  right:clamp(16px,2.5vw,36px);
  bottom:clamp(16px,2.5vw,34px);
  z-index:80;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid #bbb;
  background:rgba(255,255,255,.94);
  color:#111;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease,border-color .18s ease;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);}
.back-to-top.visible{opacity:1;
  visibility:visible;
  transform:translateY(0);}
.back-to-top:hover{border-color:#111;}
@media (max-width:720px){.nft-record{contain-intrinsic-size:860px;
    scroll-margin-top:calc(var(--header-h) + 142px);}
.nft-record-image{width:100%;}
.nft-tools{padding-top:11px;
    padding-bottom:11px;}}
@media (prefers-reduced-motion:reduce){.skip-link,
  .back-to-top,
  .wordmark,
  .nav a,
  .section-head a,
  .series-overview-head a,
  .text-link,
  .footnav a,
  .exrow[href]{transition:none!important;}}
:root{--display-ink:#0a0a0a;
  --soft:#f7f7f5;
  --koons-gutter:clamp(18px,2.7vw,52px);
  
  --max:2400px;}
body{font-family:"Helvetica Neue",Helvetica,Arial,"PingFang TC","Microsoft JhengHei",sans-serif;
  font-size:14px;
  line-height:1.5;
  letter-spacing:-.005em;}
.home-about .text-link{margin-top:24px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;}
.section-head h2,
.archive-section-head h2,
.works-title,
.statement h2,
.bio-block h2{font-size:10px;
  font-weight:700;
  letter-spacing:.105em;}
.page{width:100%;
  max-width:none;
  padding:clamp(62px,6vw,110px) var(--koons-gutter) clamp(120px,12vw,220px);}
.page-title,
.series-top h1,
.contact h1{color:var(--display-ink);
  font-size:clamp(70px,9.6vw,190px);
  line-height:.82;
  letter-spacing:-.07em;
  font-weight:700;}
.page-title{margin-bottom:clamp(90px,10vw,185px)}
.page-intro{grid-template-columns:minmax(150px,.45fr) minmax(0,1.55fr);
  gap:clamp(40px,8vw,160px);
  margin-bottom:clamp(100px,11vw,190px);}
.page-intro .label{font-size:10px;letter-spacing:.1em}
.page-intro .copy{max-width:1100px;
  font-size:clamp(21px,2.1vw,36px);
  line-height:1.42;
  letter-spacing:-.025em;}
.thumb .media,
.preview-card .media{background:#fff;
  overflow:visible;}
.series-top{padding-bottom:clamp(80px,8vw,145px);}
.series-top .year{margin-top:18px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;}
.series-cover{height:auto;
  min-height:0;
  margin-bottom:clamp(100px,11vw,190px);}
.series-cover img{max-height:84vh;width:auto;max-width:100%;margin:auto}
.statement{grid-template-columns:minmax(150px,.42fr) minmax(0,1.58fr);
  gap:clamp(40px,8vw,160px);
  padding-bottom:clamp(100px,11vw,190px);
  border-bottom:1px solid #111;}
.statement .text{max-width:1120px;
  font-size:clamp(21px,2.05vw,34px);
  line-height:1.5;
  letter-spacing:-.025em;}
.works{padding:clamp(100px,10vw,185px) 0}
.works-title{margin-bottom:clamp(50px,6vw,95px)}
.work-grid{gap:clamp(110px,13vw,250px) clamp(22px,4vw,70px);}
.work-grid:not(.portrait-grid) .work-card:nth-child(even){margin-top:clamp(70px,8vw,150px)}
.work-grid.portrait-grid{gap:clamp(90px,10vw,180px) clamp(22px,3vw,55px)}
.work-card .media{background:#fff}
.spec{margin-top:16px;max-width:700px;font-size:12px;line-height:1.5}
.artist-meta{font-size:10px;letter-spacing:.055em}
.artwork-title-meta{font-size:15px}
.medium-year{font-size:11px;color:#555}
.nft-series-facts{grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  padding:0;
  border-top:1px solid #111;
  border-bottom:1px solid #111;}
.nft-series-facts div{min-height:92px;
  padding:16px 18px 17px 0;
  border-right:1px solid #ddd;}
.nft-series-facts div:not(:first-child){padding-left:18px}
.nft-series-facts div:last-child{border-right:0}
.nft-tools{top:var(--header-h);
  padding:15px 0;
  margin-bottom:clamp(55px,6vw,95px);
  border-top:1px solid #111;
  border-bottom:1px solid #111;
  box-shadow:0 8px 18px rgba(255,255,255,.9);}
.nft-range-nav a,
.nft-search input,
.nft-search span,
.nft-result-count{font-size:10px}
.nft-archive{display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(85px,9vw,160px) clamp(20px,2.4vw,44px);
  border-top:0;
  align-items:start;}
.nft-record{display:block;
  padding:0;
  border-bottom:0;
  contain-intrinsic-size:720px;}
.nft-record:target{background:transparent}
.nft-record-image{width:100%;background:#fff}
.nft-record-image img{width:100%;aspect-ratio:1/1}
.nft-record-head{margin-top:13px;max-width:none}
.nft-record .artwork-title-meta{margin-top:3px;
  font-size:16px;
  font-weight:700;
  letter-spacing:-.02em;}
.nft-record .medium-year{margin-bottom:10px}
.nft-record-data{margin-top:10px;
  padding-top:10px;
  border-top:1px solid #111;
  font-size:10px;}
.nft-unique{margin-bottom:12px}
.nft-attrs{grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 16px;}
.nft-attr span{font-size:8px;letter-spacing:.08em}
.nft-attr strong{font-size:11px}
.zoom-hint{right:8px;
  bottom:8px;
  background:#fff;
  border:1px solid #111;
  font-size:8px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;}
.bio-block{grid-template-columns:minmax(150px,.42fr) minmax(0,1.58fr);
  gap:clamp(40px,8vw,160px);
  padding:clamp(80px,8vw,145px) 0;
  border-top:1px solid #111;}
.bio-block .content{max-width:1100px;font-size:16px;line-height:1.7}
.institutional-row{grid-template-columns:140px minmax(240px,.8fr) 1.7fr;
  padding:22px 0;
  border-bottom:1px solid #111;}
.institutional-title{font-size:16px;font-weight:700;letter-spacing:-.015em}
.exhibition-row{grid-template-columns:120px minmax(260px,1.1fr) minmax(240px,.9fr) minmax(180px,.7fr);
  padding:22px 0;
  border-bottom:1px solid #111;}
.exhibition-title{font-size:18px;font-weight:700;letter-spacing:-.02em}
.lightbox{background:rgba(255,255,255,.995)}
.lightbox-top,.lightbox-bottom{padding-left:var(--koons-gutter);padding-right:var(--koons-gutter)}
.lightbox-title{font-size:10px;font-weight:700;letter-spacing:.08em}
.footer{margin-top:0;
  padding:clamp(55px,6vw,105px) var(--koons-gutter) 32px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:40px;
  border-top:1px solid #111;
  font-size:9px;
  letter-spacing:.06em;
  color:#111;}
.footer::before{content:"YANG TSUNG HAN";
  grid-column:1 / -1;
  display:block;
  margin-bottom:clamp(55px,6vw,110px);
  color:#0a0a0a;
  font-size:clamp(58px,10vw,195px);
  line-height:.8;
  font-weight:700;
  letter-spacing:-.075em;
  white-space:nowrap;}
.footnav{gap:18px}
.footnav a{text-transform:uppercase;font-weight:700}
@media (max-width:980px){.nft-archive{grid-template-columns:repeat(2,minmax(0,1fr))}
.nft-series-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.nft-series-facts div{border-bottom:1px solid #ddd}
.nft-series-facts div:nth-child(even){border-right:0}
.nft-series-facts div:last-child{grid-column:1 / -1;border-bottom:0}
.institutional-row,.exhibition-row{grid-template-columns:120px 1fr}}
@media (max-width:720px){:root{--koons-gutter:18px}
.mosaic-item.portrait{width:72%;margin-left:auto}
.page{padding-top:58px;padding-bottom:110px}
.page-title,.series-top h1,.contact h1{font-size:clamp(62px,18vw,102px);
    line-height:.84;}
.page-intro,.statement,.bio-block{grid-template-columns:1fr;gap:42px}
.page-intro .copy,.statement .text{font-size:23px;line-height:1.45}
.work-grid:not(.portrait-grid) .work-card:nth-child(even){margin-top:0}
.nft-tools{position:static}
.nft-archive{grid-template-columns:1fr;gap:88px}
.nft-series-facts{grid-template-columns:1fr}
.nft-series-facts div,
  .nft-series-facts div:not(:first-child){min-height:0;
    padding:14px 0;
    border-right:0;
    border-bottom:1px solid #ddd;}
.nft-series-facts div:last-child{grid-column:auto}
.nft-record{contain-intrinsic-size:900px}
.footer{grid-template-columns:1fr;gap:20px}
.footer::before{white-space:normal;
    font-size:clamp(58px,19vw,108px);
    max-width:6.5ch;}}
:root{--v123-gutter:clamp(18px,2.55vw,48px);
  --v123-black:#0b0b0b;
  --v123-soft:#777;}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.v123-home{background:#fff;color:var(--v123-black)}
.home-hero-v123{padding:clamp(26px,3vw,50px) var(--v123-gutter) 0}
.home-hero-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;margin-bottom:clamp(42px,5vw,90px)}
.home-hero-heading h1{margin:0;font-size:clamp(82px,14.3vw,270px);line-height:.72;letter-spacing:-.085em;font-weight:700;color:#000}
.home-hero-side{display:grid;gap:4px;padding-bottom:9px;text-align:right;font-size:8px;letter-spacing:.12em;font-weight:700}
.hero-work{display:block;width:100%;position:relative}
.hero-work picture{display:block;width:100%;overflow:hidden}
.hero-work img{display:block;width:100%;height:min(73vh,1000px);object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.hero-work:hover img{transform:scale(1.008)}
.hero-work-cap{display:flex;justify-content:space-between;gap:20px;padding:9px 0 0;font-size:9px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.curatorial-wall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(14px,2vw,34px);row-gap:clamp(85px,10vw,190px);padding:clamp(120px,13vw,240px) var(--v123-gutter)}
.wall-kicker{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid #111;font-size:9px;font-weight:700;letter-spacing:.11em}
.wall-piece{display:block;min-width:0}
.wall-piece figure{margin:0}
.wall-piece picture{display:block}
.wall-piece img{display:block;width:100%;height:auto;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.wall-piece:hover img{transform:scale(1.012)}
.wall-piece figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:9px;font-size:9px;line-height:1.3;letter-spacing:.035em}
.wall-piece figcaption span:last-child{color:var(--v123-soft)}
.wall-sck{grid-column:1/5}
.wall-four{grid-column:6/13;margin-top:clamp(80px,9vw,170px)}
.wall-nft{grid-column:2/6}
.wall-dusk{grid-column:7/13;margin-top:clamp(-18px,-1vw,0px)}
.wall-night{grid-column:1/7;margin-top:clamp(40px,5vw,90px)}
.wall-sck2{grid-column:9/13;margin-top:clamp(145px,15vw,270px)}
.wall-nft2{grid-column:4/8;margin-top:clamp(20px,4vw,75px)}
.wall-view-all{grid-column:9/13;align-self:end;display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid #111;border-bottom:1px solid #111;font-size:10px;font-weight:700;letter-spacing:.08em}
.home-manifesto-v123{display:grid;grid-template-columns:2fr 10fr;gap:clamp(30px,6vw,120px);padding:clamp(90px,10vw,180px) var(--v123-gutter);border-top:1px solid #111}
.manifesto-label{font-size:9px;font-weight:700;letter-spacing:.11em}
.manifesto-copy{max-width:1250px;font-size:clamp(30px,3.4vw,64px);line-height:1.13;letter-spacing:-.045em;font-weight:500}
.manifesto-copy p{margin:0 0 .85em}
.manifesto-copy a{font-size:9px;letter-spacing:.1em;font-weight:700;border-bottom:1px solid #111;padding-bottom:4px}
.home-series-index-v123{padding:0 var(--v123-gutter) clamp(110px,11vw,200px);border-top:1px solid #111}
.series-index-head,.home-series-index-v123>a{display:grid;grid-template-columns:minmax(0,1fr) 170px 55px;gap:20px;align-items:baseline}
.series-index-head{padding:14px 0 24px;font-size:8px;letter-spacing:.12em;font-weight:700}
.series-index-head span:last-child{grid-column:2}
.home-series-index-v123>a{padding:22px 0 24px;border-top:1px solid #111}
.home-series-index-v123>a:last-child{border-bottom:1px solid #111}
.home-series-index-v123 strong{font-size:clamp(25px,2.8vw,49px);line-height:1;font-weight:700;letter-spacing:-.045em}
.home-series-index-v123 span,.home-series-index-v123 i{font-size:9px;font-style:normal;letter-spacing:.06em}
.home-series-index-v123 i{text-align:right;color:#777}
.home-series-index-v123>a:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.home-exhibitions-v123{padding:clamp(90px,9vw,160px) var(--v123-gutter) clamp(115px,11vw,200px);border-top:1px solid #111}
.exhibitions-v123-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:45px}
.exhibitions-v123-head h2{margin:0;font-size:9px;letter-spacing:.11em}
.exhibitions-v123-head a{font-size:9px;font-weight:700;letter-spacing:.09em}
.home-exhibitions-v123>a{display:grid;grid-template-columns:170px minmax(0,1.4fr) minmax(200px,.8fr);gap:24px;padding:23px 0;border-top:1px solid #111;align-items:baseline}
.home-exhibitions-v123>a:last-child{border-bottom:1px solid #111}
.home-exhibitions-v123>a span,.home-exhibitions-v123>a em{font-size:10px;font-style:normal;color:#666}
.home-exhibitions-v123>a strong{font-size:clamp(20px,2vw,34px);letter-spacing:-.03em}
.home-exhibitions-v123>a:hover strong{text-decoration:underline;text-underline-offset:4px}
.artwork-editorial-v123{padding:clamp(38px,4vw,70px) var(--v123-gutter) clamp(140px,14vw,250px)}
.artwork-hero-v123{min-height:calc(100svh - 52px);display:flex;flex-direction:column;justify-content:space-between;padding-bottom:clamp(45px,5vw,90px)}
.artwork-hero-meta{display:flex;justify-content:space-between;gap:30px;font-size:8px;letter-spacing:.12em;font-weight:700}
.artwork-hero-v123 h1{margin:0 0 -.07em;font-size:clamp(105px,19.5vw,370px);line-height:.68;letter-spacing:-.085em;font-weight:700;color:#000}
.series-jump-v123{position:sticky;top:52px;z-index:20;display:flex;gap:clamp(14px,2vw,32px);overflow-x:auto;white-space:nowrap;padding:13px 0 12px;border-top:1px solid #111;border-bottom:1px solid #111;background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}
.series-jump-v123 a{font-size:8px;font-weight:700;letter-spacing:.1em}
.series-panel-v123{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(16px,2vw,34px);padding:clamp(120px,13vw,240px) 0;border-bottom:1px solid #111;scroll-margin-top:95px;align-items:start}
.series-panel-title{grid-column:1/5;display:grid;align-content:start;gap:15px;position:sticky;top:105px}
.series-panel-title>span{font-size:9px;font-weight:700;letter-spacing:.1em}
.series-panel-title h2{margin:0;font-size:clamp(45px,5.5vw,105px);line-height:.88;letter-spacing:-.06em;font-weight:700}
.series-panel-title>div{display:flex;gap:18px}
.series-panel-title b{font-size:8px;letter-spacing:.09em}
.series-panel-title>a{width:max-content;margin-top:10px;padding-bottom:3px;border-bottom:1px solid #111;font-size:8px;font-weight:700;letter-spacing:.09em}
.panel-sck .panel-image-main{grid-column:6/10}
.panel-sck .panel-image-small{grid-column:10/13;margin-top:clamp(180px,18vw,330px)}
.panel-four .panel-image-main{grid-column:5/13}
.panel-four .panel-image-small{grid-column:8/12}
.panel-24 .panel-image-main{grid-column:6/13}
.panel-24 .panel-image-small{grid-column:5/10}
.panel-night .panel-image-main{grid-column:6/13}
.panel-night .panel-image-small{grid-column:5/9}
.panel-nft .series-panel-title{grid-column:1/5}
.js .reveal-item{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.js .reveal-item.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .reveal-item{opacity:1;transform:none;transition:none}}
.footer::before{font-size:clamp(70px,12.1vw,230px);line-height:.72;letter-spacing:-.075em}
@media (max-width:980px){.home-hero-heading{grid-template-columns:1fr}
.home-hero-side{display:none}
.hero-work img{height:auto;aspect-ratio:4/3}
.wall-sck{grid-column:1/6}
.wall-four{grid-column:6/13}
.wall-nft{grid-column:1/5}
.wall-dusk{grid-column:5/13}
.wall-night{grid-column:1/8}
.wall-sck2{grid-column:9/13}
.wall-nft2{grid-column:4/9}
.series-panel-title{position:static;grid-column:1/-1;margin-bottom:60px}
.panel-image-main,.panel-four .panel-image-main,.panel-24 .panel-image-main,.panel-night .panel-image-main{grid-column:1/9}
.panel-image-small,.panel-four .panel-image-small,.panel-24 .panel-image-small,.panel-night .panel-image-small{grid-column:9/13;margin-top:120px}
.panel-sck .panel-image-main{grid-column:1/7}
.panel-sck .panel-image-small{grid-column:8/13;margin-top:120px}}
@media (max-width:720px){.home-hero-v123{padding-top:20px}
.home-hero-heading{margin-bottom:38px}
.home-hero-heading h1{font-size:clamp(78px,25.2vw,122px);line-height:.74}
.hero-work img{aspect-ratio:4/3}
.hero-work-cap{font-size:8px}
.curatorial-wall{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:80px;padding-top:100px;padding-bottom:115px}
.wall-kicker{grid-column:1/-1}
.wall-sck{grid-column:1/5}
.wall-four{grid-column:1/7;margin-top:0}
.wall-nft{grid-column:2/6}
.wall-dusk{grid-column:1/7;margin-top:0}
.wall-night{grid-column:1/7;margin-top:0}
.wall-sck2{grid-column:2/6;margin-top:0}
.wall-nft2{grid-column:1/5;margin-top:0}
.wall-view-all{grid-column:1/7;margin-top:15px}
.home-manifesto-v123{grid-template-columns:1fr;gap:34px;padding-top:75px;padding-bottom:90px}
.manifesto-copy{font-size:clamp(28px,8.7vw,43px)}
.series-index-head,.home-series-index-v123>a{grid-template-columns:minmax(0,1fr) 75px 36px;gap:8px}
.home-series-index-v123 strong{font-size:24px}
.home-series-index-v123>a{padding:18px 0 20px}
.home-exhibitions-v123>a{grid-template-columns:1fr;gap:4px;padding:18px 0}
.home-exhibitions-v123>a strong{font-size:22px}
.home-exhibitions-v123>a em{margin-top:6px}
.artwork-editorial-v123{padding-top:28px}
.artwork-hero-v123{min-height:calc(80svh - 54px)}
.artwork-hero-v123 h1{font-size:clamp(90px,28vw,135px);line-height:.72}
.artwork-hero-meta{font-size:7px}
.series-jump-v123{top:54px;margin-left:calc(var(--v123-gutter) * -1);margin-right:calc(var(--v123-gutter) * -1);padding-left:var(--v123-gutter);padding-right:var(--v123-gutter)}
.series-panel-v123{grid-template-columns:repeat(6,minmax(0,1fr));padding:95px 0}
.series-panel-title{grid-column:1/-1;margin-bottom:48px}
.series-panel-title h2{font-size:clamp(43px,13vw,66px)}
.panel-image-main,.panel-four .panel-image-main,.panel-24 .panel-image-main,.panel-night .panel-image-main,.panel-sck .panel-image-main{grid-column:1/-1}
.panel-image-small,.panel-four .panel-image-small,.panel-24 .panel-image-small,.panel-night .panel-image-small,.panel-sck .panel-image-small{grid-column:2/6;margin-top:70px}}
.pixel-intro-v124{max-width:760px;margin:26px 0 54px;font-size:13px;line-height:1.6;color:var(--muted)}
.pixel-record.pixel-record-v124{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:clamp(30px,6vw,96px);align-items:start;padding:clamp(36px,5vw,80px) 0}
.pixel-record-image-v124{display:block;position:relative;overflow:hidden;background:#f2f2f2;cursor:zoom-in}
.pixel-record-image-v124 picture,.pixel-record-image-v124 img{display:block;width:100%;height:auto}
.pixel-record-image-v124 img{transition:transform .45s cubic-bezier(.2,.6,.2,1)}
.pixel-record-image-v124:hover img{transform:scale(1.008)}
.pixel-record-meta-v124{position:sticky;top:86px;padding-top:2px}
.pixel-record-meta-v124 .pixel-record-sizes{grid-template-columns:1fr;gap:18px;margin-top:30px}
.pixel-record-meta-v124 .pixel-record-title{padding-bottom:24px;border-bottom:1px solid var(--line)}
@media (max-width:980px){.pixel-record.pixel-record-v124{grid-template-columns:minmax(0,1.45fr) minmax(230px,.75fr);gap:36px}}
@media (max-width:720px){.pixel-record.pixel-record-v124{grid-template-columns:1fr;gap:22px;padding:42px 0 52px}
.pixel-record-meta-v124{position:static}
.pixel-record-meta-v124 .pixel-record-sizes{margin-top:20px}}

/* V1.26 — Final Refinement: one canonical header, image-first artwork, correct archive hierarchy */
:root{--header-h:52px;--v126-gutter:clamp(18px,2.25vw,44px)}
.site-header{position:sticky;top:0;z-index:100;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--v126-gutter);background:rgba(255,255,255,.97);border-bottom:1px solid rgba(0,0,0,.08);backdrop-filter:saturate(120%) blur(10px);-webkit-backdrop-filter:saturate(120%) blur(10px)}
.wordmark{font-size:10px;font-weight:700;letter-spacing:.08em;white-space:nowrap}
.nav{display:flex;align-items:center;gap:clamp(16px,1.8vw,28px)}
.nav a{font-size:9px;font-weight:700;letter-spacing:.08em;color:#111;text-decoration:none}
.nav a:hover,.nav a.active,.nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.menu{display:none;border:0;background:transparent;padding:8px 0;color:#111;font-size:9px;font-weight:700;letter-spacing:.09em;cursor:pointer}

/* A photograph is not a banner: the complete composition stays visible. */
.hero-work picture{display:block;width:100%;overflow:visible;background:#fff}
.hero-work img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}

/* Artwork landing: typography recedes; image density increases. */
.artwork-hero-v123{min-height:calc(88svh - var(--header-h));padding-bottom:clamp(36px,4vw,72px)}
.artwork-hero-v123 h1{font-size:clamp(96px,17vw,320px);line-height:.72}
.series-jump-v123{top:var(--header-h)}
.series-panel-v123{grid-template-columns:repeat(12,minmax(0,1fr));padding:clamp(95px,10vw,185px) 0;scroll-margin-top:calc(var(--header-h) + 44px)}
.series-panel-title{grid-column:1/4;position:sticky;top:calc(var(--header-h) + 46px);gap:12px}
.series-panel-title h2{font-size:clamp(38px,4.45vw,84px);line-height:.9}
.panel-gallery-v126{grid-column:4/13;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row;gap:clamp(42px,6vw,110px) clamp(12px,1.45vw,24px);align-items:start}
.panel-thumb-v126{display:block;color:inherit;min-width:0}
.panel-thumb-v126 picture,.panel-thumb-v126 img{display:block;width:100%;height:auto}
.panel-thumb-v126 img{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.panel-thumb-v126:hover img{transform:scale(1.008)}
.panel-thumb-v126>span{display:block;margin-top:8px;font-size:8px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
.panel-gallery-v126 .panel-thumb-v126:nth-child(1){grid-column:1/9;grid-row:1}
.panel-gallery-v126 .panel-thumb-v126:nth-child(2){grid-column:9/13;grid-row:1;margin-top:clamp(60px,7vw,130px)}
.panel-gallery-v126 .panel-thumb-v126:nth-child(3){grid-column:2/7;grid-row:2}
.panel-gallery-v126 .panel-thumb-v126:nth-child(4){grid-column:7/13;grid-row:2;margin-top:clamp(34px,4vw,78px)}
.panel-gallery-v126 .panel-thumb-v126:nth-child(5){grid-column:1/7;grid-row:3}
.panel-gallery-v126 .panel-thumb-v126:nth-child(6){grid-column:8/13;grid-row:3;margin-top:clamp(55px,6vw,105px)}
.panel-gallery-sck .panel-thumb-v126:nth-child(1){grid-column:1/6;grid-row:1}
.panel-gallery-sck .panel-thumb-v126:nth-child(2){grid-column:7/11;grid-row:1;margin-top:clamp(80px,10vw,175px)}
.panel-gallery-sck .panel-thumb-v126:nth-child(3){grid-column:4/9;grid-row:2;margin-top:0}
.panel-gallery-nft .panel-thumb-v126{margin-top:0}
.panel-gallery-nft .panel-thumb-v126:nth-child(1){grid-column:1/5;grid-row:1}
.panel-gallery-nft .panel-thumb-v126:nth-child(2){grid-column:5/9;grid-row:1;margin-top:clamp(46px,5vw,90px)}
.panel-gallery-nft .panel-thumb-v126:nth-child(3){grid-column:9/13;grid-row:1;margin-top:clamp(92px,10vw,180px)}
.panel-gallery-nft .panel-thumb-v126:nth-child(4){grid-column:2/6;grid-row:2}
.panel-gallery-nft .panel-thumb-v126:nth-child(5){grid-column:6/10;grid-row:2;margin-top:clamp(46px,5vw,90px)}
.panel-gallery-nft .panel-thumb-v126:nth-child(6){grid-column:9/13;grid-row:2;margin-top:clamp(92px,10vw,180px)}
.panel-gallery-pixel .panel-thumb-v126:nth-child(1){grid-column:1/8;grid-row:1}
.panel-gallery-pixel .panel-thumb-v126:nth-child(2){grid-column:8/13;grid-row:1;margin-top:clamp(70px,7vw,125px)}
.panel-gallery-pixel .panel-thumb-v126:nth-child(3){grid-column:2/7;grid-row:2}
.panel-gallery-pixel .panel-thumb-v126:nth-child(4){grid-column:7/13;grid-row:2;margin-top:clamp(48px,5vw,95px)}
.panel-gallery-pixel .panel-thumb-v126:nth-child(5){grid-column:1/8;grid-row:3}
.panel-gallery-pixel .panel-thumb-v126:nth-child(6){grid-column:8/13;grid-row:3;margin-top:clamp(58px,6vw,110px)}

/* Archive sticky elements align to the actual header, not historical values. */
.nft-tools{top:var(--header-h)}
.pixel-record-meta-v124{top:calc(var(--header-h) + 34px)}

/* Exhibition hierarchy: sections read as a professional CV rather than one mixed list. */
.archive-section-head h2{font-size:11px;letter-spacing:.09em}
.archive-section{scroll-margin-top:calc(var(--header-h) + 28px)}

@media(max-width:980px){
  .series-panel-title{position:static;grid-column:1/-1;margin-bottom:54px}
  .panel-gallery-v126{grid-column:1/-1}
}
@media(max-width:720px){
  :root{--header-h:54px;--v126-gutter:18px}
  .site-header{height:var(--header-h);padding:0 var(--v126-gutter)}
  .wordmark{font-size:9px}
  .menu{display:block;font-size:9px}
  .nav{display:none;position:fixed;top:var(--header-h);left:0;right:0;bottom:0;z-index:99;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding:30px var(--v126-gutter);background:#fff;border:0;overflow:auto}
  .nav.open{display:flex}
  .nav a{font-size:clamp(30px,9vw,46px);line-height:1;letter-spacing:-.04em;font-weight:700;padding:5px 0}
  .hero-work img{width:100%;height:auto;aspect-ratio:auto}
  .artwork-hero-v123{min-height:calc(75svh - var(--header-h))}
  .artwork-hero-v123 h1{font-size:clamp(82px,25vw,124px)}
  .series-jump-v123{top:var(--header-h)}
  .series-panel-v123{padding:82px 0}
  .series-panel-title{margin-bottom:42px}
  .series-panel-title h2{font-size:clamp(41px,12.5vw,62px)}
  .panel-gallery-v126{grid-template-columns:1fr;gap:48px}
  .panel-gallery-v126 .panel-thumb-v126{grid-column:1/-1!important;grid-row:auto!important;margin-top:0!important}
  .panel-gallery-nft,.panel-gallery-pixel{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 10px}
  .panel-gallery-nft .panel-thumb-v126,.panel-gallery-pixel .panel-thumb-v126{grid-column:auto!important}
  .panel-gallery-pixel .panel-thumb-v126:nth-child(1),.panel-gallery-pixel .panel-thumb-v126:nth-child(4){grid-column:1/-1!important}
  .panel-thumb-v126>span{font-size:7px}
  .pixel-record-meta-v124{position:static}
}
@media(prefers-reduced-motion:reduce){.panel-thumb-v126 img,.hero-work img{transition:none!important}}


/* V1.27 — Museum Edition: restrained, image-first, archive-led */
:root{--v127-gutter:clamp(18px,2.25vw,44px);--v127-line:rgba(0,0,0,.16);--v127-muted:#717171}
::selection{background:#111;color:#fff}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible{outline:1px solid #111;outline-offset:4px}
@view-transition{navigation:auto}
::view-transition-old(root){animation:180ms ease both v127-out}
::view-transition-new(root){animation:260ms ease both v127-in}
@keyframes v127-out{to{opacity:.7}}
@keyframes v127-in{from{opacity:.72}}

.v127-home .home-hero-v123{padding-left:var(--v127-gutter);padding-right:var(--v127-gutter)}
.v127-home .home-hero-heading{margin-bottom:clamp(34px,4vw,68px)}
.v127-home .home-hero-heading h1{font-size:clamp(84px,13.55vw,255px);line-height:.735;letter-spacing:-.08em}
.v127-home .home-hero-side{max-width:180px;gap:5px;color:#3f3f3f}
.v127-home .hero-work{width:calc(100% + (var(--v127-gutter) * 2));margin-left:calc(var(--v127-gutter) * -1)}
.v127-home .hero-work picture{width:100%;background:#fff}
.v127-home .hero-work img{width:100%;height:auto;object-fit:contain}
.v127-home .hero-work-cap{padding:10px var(--v127-gutter) 0;font-size:8px;letter-spacing:.09em}
.v127-home .curatorial-wall{padding-top:clamp(135px,14vw,255px)}
.v127-home .wall-kicker{padding-top:11px;border-color:#111}
.v127-home .wall-piece figcaption{font-size:8px;letter-spacing:.055em;text-transform:uppercase}
.v127-home .manifesto-copy{max-width:1180px}
.v127-home .home-series-index-v123>a{transition:padding-left .25s ease,padding-right .25s ease}
.v127-home .home-series-index-v123>a:hover{padding-left:8px;padding-right:8px}

.v127-artwork .artwork-hero-v123{min-height:calc(62svh - var(--header-h));padding-bottom:clamp(55px,6vw,95px)}
.v127-artwork .artwork-hero-v123 h1{font-size:clamp(96px,16.8vw,318px)}
.featured-work-v127{padding:0 0 clamp(120px,13vw,230px)}
.featured-kicker-v127{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid #111;font-size:8px;font-weight:700;letter-spacing:.11em}
.featured-image-v127{display:block;width:100%;background:#fff;overflow:hidden}
.featured-image-v127 picture,.featured-image-v127 img{display:block;width:100%;height:auto}
.featured-image-v127 img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.featured-image-v127:hover img{transform:scale(1.004)}
.featured-meta-v127{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr) auto;gap:clamp(20px,4vw,70px);align-items:start;padding:16px 0 0}
.featured-title-v127 h2{margin:0;font-size:clamp(28px,3.2vw,58px);line-height:.95;letter-spacing:-.045em}
.featured-title-v127 p{margin:8px 0 0;font-size:10px;color:var(--v127-muted)}
.featured-spec-v127{display:grid;gap:3px;padding-top:3px;font-size:9px;line-height:1.45;color:#333}
.featured-link-v127{justify-self:end;padding-bottom:4px;border-bottom:1px solid #111;font-size:8px;font-weight:700;letter-spacing:.09em}
.v127-artwork .series-jump-v123{border-top-color:#111;border-bottom-color:#111}

.series-position-v127{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(48px,6vw,95px);padding-top:10px;border-top:1px solid #111;font-size:8px;font-weight:700;letter-spacing:.11em}
.series-position-v127 a{border:0}
.v127-series .series-top h1{max-width:12ch;text-wrap:balance}
.series-switch-v127{display:grid;grid-template-columns:1fr 1fr;margin:clamp(120px,12vw,220px) calc(var(--koons-gutter) * -1) calc(-1 * clamp(120px,12vw,220px));border-top:1px solid #111}
.series-switch-v127>a{display:grid;grid-template-columns:1fr auto;grid-template-areas:'label year' 'title title';gap:clamp(22px,4vw,70px);min-height:clamp(245px,24vw,430px);padding:clamp(25px,3vw,48px) var(--koons-gutter);align-content:space-between;color:#111;text-decoration:none;overflow:hidden}
.series-switch-v127>a:first-child{border-right:1px solid #111}
.series-switch-v127 span{grid-area:label;font-size:8px;font-weight:700;letter-spacing:.11em}
.series-switch-v127 em{grid-area:year;font-style:normal;font-size:8px;letter-spacing:.08em;color:var(--v127-muted)}
.series-switch-v127 strong{grid-area:title;max-width:12ch;font-size:clamp(34px,4.2vw,78px);line-height:.87;letter-spacing:-.055em;font-weight:700;transition:transform .28s ease}
.series-switch-v127>a:hover strong{transform:translateX(6px)}
.series-prev-v127 strong::before{content:'← ';font-size:.55em;vertical-align:.14em}
.series-next-v127 strong::after{content:' ↗';font-size:.55em;vertical-align:.14em}

.pixel-record.pixel-record-v124,.work-card{content-visibility:auto;contain-intrinsic-size:auto 760px}
.nft-record{contain-intrinsic-size:auto 720px}

.contact-v127{max-width:none;min-height:calc(100svh - var(--header-h) - 180px);justify-content:flex-start}
.contact-kicker-v127{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #111;margin-bottom:clamp(50px,7vw,115px);font-size:8px;font-weight:700;letter-spacing:.11em}
.contact-v127 h1{margin-bottom:clamp(70px,8vw,145px)}
.contact-grid-v127{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.5fr);gap:clamp(40px,8vw,160px);padding-top:20px;border-top:1px solid #111}
.contact-grid-v127 p{max-width:900px;margin:0;font-size:clamp(22px,2.2vw,38px);line-height:1.35;letter-spacing:-.025em}
.contact-links-v127{display:grid;align-content:start}
.contact-links-v127 a{display:flex;justify-content:space-between;margin:0;padding:12px 0;border-bottom:1px solid #111;font-size:9px;font-weight:700;letter-spacing:.09em}

.lightbox-counter{font-size:9px;letter-spacing:.08em;color:#666;white-space:nowrap}
.lightbox-bottom{gap:24px}.lightbox-caption{flex:1}.lightbox-arrows{margin-left:auto}

@media(max-width:980px){
  .featured-meta-v127{grid-template-columns:1fr 1fr}.featured-link-v127{grid-column:2;justify-self:start}
  .series-switch-v127 strong{font-size:clamp(34px,6vw,62px)}
}
@media(max-width:720px){
  .v127-home .home-hero-heading h1{font-size:clamp(76px,24vw,116px)}
  .v127-home .hero-work-cap{padding-left:18px;padding-right:18px;gap:12px}
  .v127-home .hero-work-cap span:last-child{text-align:right}
  .v127-artwork .artwork-hero-v123{min-height:calc(52svh - var(--header-h))}
  .featured-work-v127{padding-bottom:105px}
  .featured-meta-v127{grid-template-columns:1fr;gap:20px;padding-top:12px}
  .featured-title-v127 h2{font-size:34px}.featured-spec-v127{font-size:9px}
  .featured-link-v127{grid-column:auto;justify-self:start;margin-top:4px}
  .series-position-v127{margin-bottom:44px}
  .series-switch-v127{grid-template-columns:1fr;margin-left:-18px;margin-right:-18px;margin-bottom:-110px}
  .series-switch-v127>a{min-height:220px;padding:24px 18px}
  .series-switch-v127>a:first-child{border-right:0;border-bottom:1px solid #111}
  .series-switch-v127 strong{font-size:clamp(38px,12vw,58px)}
  .contact-v127{min-height:70svh}.contact-kicker-v127{margin-bottom:52px}
  .contact-grid-v127{grid-template-columns:1fr;gap:44px}.contact-grid-v127 p{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none}
  .v127-home .home-series-index-v123>a,.featured-image-v127 img,.series-switch-v127 strong{transition:none!important}
}

/* V1.28 — Three-Type System: three families, three functional sizes, elder-friendly */
:root{
  --font-display:"Gill Sans","Gill Sans MT","Trebuchet MS","Helvetica Neue",Arial,sans-serif;
  --font-reading:Georgia,"Noto Serif TC","Songti TC","PMingLiU",serif;
  --font-interface:Arial,"PingFang TC","Microsoft JhengHei",sans-serif;
  --type-display:clamp(52px,6.2vw,112px);
  --type-reading:20px;
  --type-interface:15px;
  --ink:#151515;
  --muted:#595959;
  --line:#d2d2d2;
}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  font-family:var(--font-interface)!important;
  font-size:var(--type-interface)!important;
  line-height:1.55!important;
  color:var(--ink);
}
button,input,select,textarea{
  font-family:var(--font-interface)!important;
  font-size:var(--type-interface)!important;
}

/* 01 — DISPLAY: artist identity, page titles, series titles */
.page-title,
.series-top h1,
.contact h1,
.home-hero-heading h1,
.artwork-hero-v123 h1,
.series-panel-title h2,
.footer::before{
  font-family:var(--font-display)!important;
  font-size:var(--type-display)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
  font-weight:600!important;
}

/* 02 — READING: prose, artwork/exhibition titles, editorial statements */
.page-intro .copy,
.statement .text,
.bio-block .content,
.manifesto-copy,
.contact-grid-v127 p,
.artwork-title-meta,
.featured-title-v127 h2,
.home-series-index-v123 strong,
.home-exhibitions-v123>a strong,
.institutional-title,
.exhibition-title,
.pixel-record-title,
.series-switch-v127 strong,
.reference-row .name{
  font-family:var(--font-reading)!important;
  font-size:var(--type-reading)!important;
  line-height:1.7!important;
  letter-spacing:0!important;
  font-weight:400!important;
}

/* Keep reading measures comfortable on large displays */
.page-intro .copy,
.statement .text,
.bio-block .content,
.manifesto-copy,
.contact-grid-v127 p{
  max-width:66ch!important;
}

/* 03 — ARCHIVE / UI: navigation, labels, dates, metadata, dimensions, captions */
.wordmark,
.nav a,
.menu,
.crumb,
.page-intro .label,
.statement h2,
.works-title,
.bio-block h2,
.spec,
.artist-meta,
.medium-year,
.dimension-line,
.edition-line,
.date,.year,.where,
.footer,.footnav,
.zoom-hint,
.lightbox-caption,.lightbox-title,.lightbox-counter,.lightbox-nav,.lightbox-close,
.institutional-year,.institutional-detail,
.archive-section-head h2,.archive-count,
.exhibition-year,.exhibition-date,.exhibition-venue,
.nft-series-facts span,.nft-series-facts strong,
.nft-record-data,.nft-dim,.nft-unique,
.nft-attr span,.nft-attr strong,
.nft-range-nav,.nft-search input,.nft-search span,.nft-result-count,.nft-jump,
.home-hero-side,.hero-work-cap,.wall-kicker,.wall-piece figcaption,.wall-view-all,
.manifesto-label,.manifesto-copy a,
.series-index-head,.home-series-index-v123 span,.home-series-index-v123 i,
.exhibitions-v123-head h2,.exhibitions-v123-head a,.home-exhibitions-v123>a span,.home-exhibitions-v123>a em,
.artwork-hero-meta,.series-jump-v123 a,.series-panel-title>span,.series-panel-title b,.series-panel-title>a,
.panel-thumb-v126>span,
.pixel-intro-v124,
.featured-kicker-v127,.featured-title-v127 p,.featured-spec-v127,.featured-link-v127,
.series-position-v127,.series-switch-v127 span,.series-switch-v127 em,
.contact-kicker-v127,.contact-links-v127 a{
  font-family:var(--font-interface)!important;
  font-size:var(--type-interface)!important;
  line-height:1.5!important;
  letter-spacing:.025em!important;
}

/* UI hierarchy comes from weight/case, not tiny type */
.wordmark,.nav a,.menu,
.page-intro .label,.statement h2,.works-title,.bio-block h2,
.artist-meta,.archive-section-head h2,
.home-hero-side,.wall-kicker,.manifesto-label,.series-index-head,
.exhibitions-v123-head h2,.exhibitions-v123-head a,
.artwork-hero-meta,.series-panel-title>span,.series-panel-title b,.series-panel-title>a,
.featured-kicker-v127,.featured-link-v127,.series-position-v127,
.series-switch-v127 span,.contact-kicker-v127,.contact-links-v127 a{
  font-weight:700!important;
  text-transform:uppercase;
}

/* Remove elderly-unfriendly microtype and low contrast */
.date,.year,.where,
.medium-year,.institutional-year,.institutional-detail,
.exhibition-year,.exhibition-date,.exhibition-venue,
.nft-unique,.nft-range-nav a,.nft-result-count,.nft-jump,
.featured-title-v127 p,.series-switch-v127 em{
  color:var(--muted)!important;
}

/* Comfortable interaction targets */
.site-header{min-height:58px;height:58px!important}
:root{--header-h:58px!important}
.nav a,.menu,.contact-links-v127 a,.footnav a,.nft-range-nav a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
}
.nft-search input{min-height:44px;padding-top:10px!important;padding-bottom:10px!important}
.nft-search span{top:12px!important}

/* Reading rhythm */
.page-intro .copy p,
.statement .text p,
.bio-block .content p{margin-bottom:1.35em}
.spec,.nft-record-data,.pixel-record-sizes{line-height:1.65!important}
.work-grid{row-gap:clamp(72px,7vw,112px)}

/* Three-size discipline on responsive layouts */
@media (max-width:720px){
  :root{
    --type-display:clamp(44px,13.5vw,64px);
    --type-reading:19px;
    --type-interface:15px;
    --header-h:58px!important;
  }
  .page-title,.series-top h1,.contact h1,.home-hero-heading h1,.artwork-hero-v123 h1,.series-panel-title h2,.footer::before{
    font-size:var(--type-display)!important;
    line-height:.98!important;
  }
  .nav a{
    font-family:var(--font-display)!important;
    font-size:var(--type-display)!important;
    line-height:1!important;
    text-transform:none!important;
    min-height:auto;
    padding:8px 0!important;
  }
  .page-intro .copy,.statement .text,.bio-block .content,.manifesto-copy,.contact-grid-v127 p,
  .artwork-title-meta,.featured-title-v127 h2,.home-series-index-v123 strong,.home-exhibitions-v123>a strong,
  .institutional-title,.exhibition-title,.pixel-record-title,.series-switch-v127 strong,.reference-row .name{
    font-size:var(--type-reading)!important;
    line-height:1.65!important;
  }
}


/* V1.29 — Taiwan First: Traditional Chinese primary UI + official social identity */
:root{
  --font-display:"Helvetica Neue","PingFang TC","Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;
  --font-reading:"Noto Serif TC","Songti TC","PMingLiU",Georgia,serif;
  --font-interface:"PingFang TC","Microsoft JhengHei","Noto Sans TC",Arial,sans-serif;
}
.nav a,.footnav a,.menu{letter-spacing:.06em!important;text-transform:none!important}
.home-hero-side,.wall-kicker,.manifesto-label,.series-index-head,
.exhibitions-v123-head h2,.artwork-hero-meta,.featured-kicker-v127,
.series-position-v127,.contact-kicker-v127{letter-spacing:.045em!important;text-transform:none!important}
.contact-links-v127 a{letter-spacing:.035em!important;text-transform:none!important}
.footnav{gap:clamp(14px,2vw,26px)!important}
.footnav a[href*="instagram"],.footnav a[href*="facebook"]{font-weight:400!important;color:var(--muted)!important}
@media(max-width:720px){
  .nav a{font-family:var(--font-display)!important;font-weight:600!important;letter-spacing:-.02em!important}
  .menu{font-weight:700!important}
}

/* V1.30 — Homepage Layout Fix: editorial rhythm without overlap */
.v127-home .curatorial-wall{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:auto!important;
  align-items:start!important;
  column-gap:clamp(18px,2.4vw,40px)!important;
  row-gap:clamp(88px,9vw,165px)!important;
}
.v127-home .wall-kicker{
  grid-column:1/-1!important;
  grid-row:auto!important;
  margin:0!important;
}
.v127-home .wall-piece,
.v127-home .wall-view-all{
  grid-row:auto!important;
  margin-top:0!important;
  min-width:0!important;
  position:relative!important;
  z-index:auto!important;
  align-self:start!important;
}
/* Four stable editorial rows: 4/8, 4/8, 8/4, 4/8 */
.v127-home .wall-sck{grid-column:span 4!important}
.v127-home .wall-four{grid-column:span 8!important;padding-top:clamp(48px,5vw,90px)}
.v127-home .wall-nft{grid-column:span 4!important}
.v127-home .wall-dusk{grid-column:span 8!important;padding-top:clamp(18px,2vw,34px)}
.v127-home .wall-night{grid-column:span 8!important}
.v127-home .wall-sck2{grid-column:span 4!important;padding-top:clamp(58px,6vw,110px)}
.v127-home .wall-nft2{grid-column:span 4!important}
.v127-home .wall-view-all{grid-column:span 8!important;align-self:end!important;margin-top:0!important}

/* Images stay inside their own frame; captions always remain below the image. */
.v127-home .wall-piece figure{
  display:block!important;
  width:100%!important;
  margin:0!important;
  position:static!important;
}
.v127-home .wall-piece picture{
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  position:relative!important;
  background:#fff!important;
}
.v127-home .wall-piece img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  position:static!important;
  object-fit:contain!important;
}
.v127-home .wall-piece figcaption{
  position:static!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px 18px!important;
  width:100%!important;
  margin:12px 0 0!important;
  padding:0!important;
  min-height:0!important;
  overflow:visible!important;
}
.v127-home .wall-piece figcaption span{
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.v127-home .wall-piece figcaption span:last-child{
  white-space:nowrap!important;
  text-align:right!important;
}
/* Keep the quiet hover, but never let enlarged pixels escape into the next work. */
.v127-home .wall-piece:hover img{transform:scale(1.006)!important}

@media(max-width:980px){
  .v127-home .curatorial-wall{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    row-gap:clamp(72px,9vw,120px)!important;
  }
  .v127-home .wall-sck{grid-column:span 2!important}
  .v127-home .wall-four{grid-column:span 4!important;padding-top:38px}
  .v127-home .wall-nft{grid-column:span 2!important}
  .v127-home .wall-dusk{grid-column:span 4!important;padding-top:18px}
  .v127-home .wall-night{grid-column:span 4!important}
  .v127-home .wall-sck2{grid-column:span 2!important;padding-top:44px}
  .v127-home .wall-nft2{grid-column:span 2!important}
  .v127-home .wall-view-all{grid-column:span 4!important}
}

@media(max-width:720px){
  .v127-home .curatorial-wall{
    display:grid!important;
    grid-template-columns:1fr!important;
    column-gap:0!important;
    row-gap:68px!important;
    padding-top:86px!important;
    padding-bottom:105px!important;
  }
  .v127-home .wall-kicker,
  .v127-home .wall-piece,
  .v127-home .wall-view-all{
    grid-column:1/-1!important;
    grid-row:auto!important;
    margin:0!important;
    padding-top:0!important;
  }
  .v127-home .wall-piece figcaption{
    grid-template-columns:minmax(0,1fr) auto!important;
    margin-top:10px!important;
  }
  .v127-home .wall-view-all{margin-top:2px!important}
}


/* V1.31 — Precision Polish: readability, stable archive grids, Taiwan-first semantics */
:root{
  --type-interface:16px;
}

/* Desktop header has a complete primary nav; MENU is mobile-only. */
@media (min-width:721px){
  .site-header .menu{display:none!important;}
}

/* Keep the mobile menu trigger visible and comfortable. */
@media (max-width:720px){
  .site-header .menu{display:inline-flex!important;min-width:52px;justify-content:flex-end;}
  .v127-home .home-hero-side{
    display:grid!important;
    text-align:left!important;
    max-width:none!important;
    padding:0!important;
    margin-top:16px!important;
    gap:3px!important;
  }
}

/* Three-role typography: no visible archive/UI microtype below 16px. */
.pixel-record-sizes,.pixel-record-sizes * ,
.pixel-record-data,.pixel-record-data *,
.nft-record-head,.nft-record-head *,
.nft-record-data,.nft-record-data *,
.nft-tools,.nft-tools *,
.nft-series-facts,.nft-series-facts *,
.panel-thumb-v126>span,
.featured-spec-v127,.featured-title-v127 p,
.series-position-v127,.series-switch-v127 span,.series-switch-v127 em,
.hero-work-cap,.wall-kicker,.wall-piece figcaption,.wall-view-all,
.artwork-hero-meta,.series-panel-title>span,.series-panel-title b,.series-panel-title>a,
.footer,.footer a,.archive-count,.zoom-hint,.lightbox-title,.lightbox-caption,.lightbox-counter{
  font-family:var(--font-interface)!important;
  font-size:var(--type-interface)!important;
  line-height:1.5!important;
}

/* Bibliography: title/count at left, records use the full reading column. */
.bibliography-page .bio-block{
  grid-template-columns:minmax(170px,.38fr) minmax(0,1.62fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:clamp(42px,7vw,130px)!important;
  row-gap:8px!important;
  align-items:start!important;
}
.bibliography-page .bio-block>h2{grid-column:1;grid-row:1;margin:0!important;}
.bibliography-page .bio-block>.archive-count{grid-column:1;grid-row:2;margin:0!important;}
.bibliography-page .bio-block>.archive{grid-column:2;grid-row:1 / span 2;width:100%;max-width:none!important;}
.bibliography-page .archive-row{
  grid-template-columns:minmax(0,1fr) 90px minmax(150px,.42fr)!important;
  gap:clamp(18px,3vw,50px)!important;
  width:100%!important;
  padding:18px 0!important;
}
.bibliography-page .reference-row .name{min-width:0;}
.bibliography-page .reference-row .year,
.bibliography-page .reference-row .where{text-align:left;}

/* Series summaries added for AEO / human context. */
.v131-series-summary{margin-top:0!important;}
.v131-series-summary .text p{margin-top:0;}

/* Artwork landing: preserve impact but reach the first work sooner on desktop. */
@media (min-width:981px){
  .v127-artwork .artwork-hero-v123{
    min-height:calc(72svh - var(--header-h))!important;
  }
}

/* Tablet bibliography remains two-column; mobile becomes a clean vertical archive. */
@media (max-width:720px){
  .bibliography-page .bio-block{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    gap:12px!important;
  }
  .bibliography-page .bio-block>h2,
  .bibliography-page .bio-block>.archive-count,
  .bibliography-page .bio-block>.archive{
    grid-column:1!important;grid-row:auto!important;
  }
  .bibliography-page .bio-block>.archive{margin-top:22px;}
  .bibliography-page .archive-row{
    grid-template-columns:1fr auto!important;
    gap:6px 18px!important;
    padding:19px 0!important;
  }
  .bibliography-page .archive-row .where{grid-column:1/-1!important;}
}


/* V1.35 — Dark Institutional Pages
   Homepage + Artwork stay white. Biography / Exhibitions / Bibliography / Contact
   use a museum-like black field with white typography. */
body.dark-info-page{
  --ink:#fff;
  --muted:#b8b8b8;
  --line:rgba(255,255,255,.24);
  --display-ink:#fff;
  --v127-muted:#b8b8b8;
  background:#000!important;
  color:#fff!important;
  color-scheme:dark;
}
body.dark-info-page main,
body.dark-info-page .page{
  background:#000!important;
  color:#fff!important;
}
body.dark-info-page ::selection{background:#fff;color:#000}
body.dark-info-page a:focus-visible,
body.dark-info-page button:focus-visible,
body.dark-info-page input:focus-visible{outline-color:#fff!important}

/* Header + mobile navigation become part of the black page rather than a white bar. */
body.dark-info-page .site-header{
  background:rgba(0,0,0,.97)!important;
  border-bottom-color:rgba(255,255,255,.18)!important;
}
body.dark-info-page .wordmark,
body.dark-info-page .nav a,
body.dark-info-page .menu{color:#fff!important}
@media(max-width:720px){
  body.dark-info-page .nav{
    background:#000!important;
    color:#fff!important;
  }
}

/* Text hierarchy: white primary type, soft grey secondary information. */
body.dark-info-page .page-title,
body.dark-info-page .contact h1,
body.dark-info-page .page-intro .copy,
body.dark-info-page .bio-block .content,
body.dark-info-page .reference-row .name,
body.dark-info-page .institutional-title,
body.dark-info-page .exhibition-title,
body.dark-info-page .contact-grid-v127 p{color:#fff!important}
body.dark-info-page .crumb,
body.dark-info-page .page-intro .label,
body.dark-info-page .date,
body.dark-info-page .year,
body.dark-info-page .where,
body.dark-info-page .institutional-year,
body.dark-info-page .institutional-detail,
body.dark-info-page .exhibition-year,
body.dark-info-page .exhibition-date,
body.dark-info-page .exhibition-venue,
body.dark-info-page .archive-count,
body.dark-info-page .contact-kicker-v127{color:var(--muted)!important}

/* Rules and interaction affordances also invert; avoid stray black lines on black. */
body.dark-info-page .bio-block,
body.dark-info-page .archive-row,
body.dark-info-page .institutional-list,
body.dark-info-page .institutional-row,
body.dark-info-page .exhibition-list,
body.dark-info-page .exhibition-row,
body.dark-info-page .footer{border-color:var(--line)!important}
body.dark-info-page .contact-kicker-v127,
body.dark-info-page .contact-grid-v127,
body.dark-info-page .contact-links-v127 a,
body.dark-info-page .contact a,
body.dark-info-page .text-link{border-color:rgba(255,255,255,.72)!important}
body.dark-info-page .exhibition-row:target{background:#151515!important}

/* Footer stays black and the oversized artist signature remains legible. */
body.dark-info-page .footer{
  background:#000!important;
  color:#fff!important;
}
body.dark-info-page .footer::before,
body.dark-info-page .footnav a{color:#fff!important}

/* Utility controls use the same inverted system. */
body.dark-info-page .skip-link{background:#fff!important;color:#000!important}
body.dark-info-page .back-to-top{
  border-color:rgba(255,255,255,.48)!important;
  background:rgba(0,0,0,.9)!important;
  color:#fff!important;
}
body.dark-info-page .back-to-top:hover{border-color:#fff!important}


/* V1.36 — Full Site Optimization
   Preserve the white Artwork / black Institutional split while tightening
   readability, navigation, image behavior, archive performance and accessibility. */
:root{
  --v136-gutter:clamp(20px,3vw,56px);
  --v136-reading:44em;
  --v136-rule:rgba(0,0,0,.18);
}
html{scroll-padding-top:calc(var(--header-h) + 18px)}
body.v136-site{overflow-x:clip}
body.v136-site main{min-width:0}
body.v136-site h1,body.v136-site h2,body.v136-site h3{text-wrap:balance}
body.v136-site p{text-wrap:pretty}
body.menu-open{overflow:hidden;overscroll-behavior:none}

/* Header: clearer hit areas, stable rhythm, no accidental line wrapping. */
.v136-site .site-header{box-sizing:border-box;padding-inline:var(--v136-gutter)}
.v136-site .wordmark{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.v136-site .nav a{position:relative;white-space:nowrap;text-decoration:none!important}
@media (min-width:721px){
  .v136-site .nav a{padding-inline:2px}
  .v136-site .nav a::after{content:"";position:absolute;left:2px;right:2px;bottom:8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
  .v136-site .nav a:hover::after,.v136-site .nav a.active::after,.v136-site .nav a[aria-current="page"]::after{transform:scaleX(1)}
}

/* Reading pages: long Chinese prose gets a deliberately comfortable measure. */
.v136-site .page{padding-inline:var(--v136-gutter)}
.v136-site .page-intro .copy,
.v136-site .statement .text,
.v136-site .bio-block .content{max-width:var(--v136-reading)!important}
.v136-site .statement .text,
.v136-site .bio-block .content{line-height:1.82!important}
.v136-site .page-intro .copy{line-height:1.72!important}
.v136-site .bio-block{column-gap:clamp(48px,8vw,150px)}
.v136-site .bio-block .content p:last-child,
.v136-site .statement .text p:last-child{margin-bottom:0}

/* Dark institutional pages: keep pure black, but soften rules and secondary text. */
.v136-site.dark-info-page{--line:rgba(255,255,255,.22);--muted:#bdbdbd}
.v136-site.dark-info-page .page{max-width:1920px;margin-inline:auto}
.v136-site.dark-info-page .page-title{margin-bottom:clamp(78px,9vw,150px)}
.v136-site.dark-info-page .page-intro{margin-bottom:clamp(88px,9vw,160px)}
.v136-site.dark-info-page .bio-block{padding-block:clamp(72px,7.5vw,132px)}
.v136-site.dark-info-page .bio-block .content,
.v136-site.dark-info-page .page-intro .copy{color:#f5f5f5!important}
.v136-site.dark-info-page .archive-row:hover,
.v136-site.dark-info-page .institutional-row:hover,
.v136-site.dark-info-page .exhibition-row:hover{background:rgba(255,255,255,.035)}
.v136-site.dark-info-page .text-link,
.v136-site.dark-info-page .contact-links-v127 a{color:#fff!important}

/* Home: keep the editorial wall, but make every caption and call-to-action unambiguous. */
.v136-site.v127-home .home-hero-v123,
.v136-site.v127-home .curatorial-wall,
.v136-site.v127-home .home-manifesto-v123,
.v136-site.v127-home .home-series-index-v123,
.v136-site.v127-home .home-exhibitions-v123{padding-left:var(--v136-gutter)!important;padding-right:var(--v136-gutter)!important}
.v136-site .hero-work-cap,.v136-site .wall-piece figcaption{align-items:start}
.v136-site .wall-piece picture{isolation:isolate}
@media (hover:hover){
  .v136-site .wall-piece:hover img,.v136-site .panel-thumb-v126:hover img,.v136-site .pixel-record-image-v124:hover img{transform:scale(1.004)!important}
}

/* Artwork landing: sticky series labels remain readable without stealing image width. */
.v136-site .artwork-editorial-v123{padding-left:var(--v136-gutter);padding-right:var(--v136-gutter)}
.v136-site .series-jump-v123{scrollbar-width:none;-ms-overflow-style:none}
.v136-site .series-jump-v123::-webkit-scrollbar{display:none}
.v136-site .series-panel-title{max-width:360px}
.v136-site .panel-thumb-v126>span{margin-top:10px!important}

/* Series pages: a quiet museum-like reading/image cadence. */
.v136-site.v127-series .series-top{padding-bottom:clamp(64px,7vw,118px)}
.v136-site.v127-series .series-cover{margin-bottom:clamp(82px,9vw,150px)}
.v136-site.v127-series .statement{padding-bottom:clamp(82px,9vw,155px)}
.v136-site.v127-series .works{padding-block:clamp(82px,9vw,155px)}
.v136-site .work-card .media,.v136-site .pixel-record-image-v124,.v136-site .nft-record-image{overflow:hidden}
.v136-site .work-card img,.v136-site .pixel-record-image-v124 img,.v136-site .nft-record-image img{display:block;max-width:100%;height:auto}

/* NFT archive: make search and records easy to scan, while content-visibility handles 108 works. */
.v136-site .nft-tools{background:rgba(255,255,255,.985);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.v136-site .nft-search input{width:min(100%,420px)}
.v136-site .nft-record{scroll-margin-top:calc(var(--header-h) + 92px)}
.v136-site .nft-record-data{border-top-color:var(--v136-rule)}
.v136-site .nft-attr{min-width:0}
.v136-site .nft-attr strong{overflow-wrap:anywhere}

/* Lightbox: image first, controls readable on desktop and touch devices. */
.v136-site .lightbox-stage{padding-inline:var(--v136-gutter)}
.v136-site .lightbox-stage img{max-width:min(92vw,1800px);max-height:80svh;width:auto;height:auto;object-fit:contain}
.v136-site .lightbox-close,.v136-site .lightbox-nav{min-width:44px;min-height:44px}

/* Footer: stable on both color systems and easier to scan. */
.v136-site .footer{padding-left:var(--v136-gutter);padding-right:var(--v136-gutter)}
.v136-site .footnav{display:flex;flex-wrap:wrap;justify-content:flex-end}
.v136-site .footnav a{white-space:nowrap}

/* Utility controls meet comfortable touch targets. */
.v136-site .back-to-top{width:46px;height:46px;display:grid;place-items:center}

@media (max-width:980px){
  .v136-site .series-panel-title{max-width:none}
  .v136-site.dark-info-page .institutional-row,
  .v136-site.dark-info-page .exhibition-row{row-gap:8px}
}

@media (max-width:720px){
  :root{--v136-gutter:18px;--v136-reading:100%}
  .v136-site .site-header{padding-inline:var(--v136-gutter)}
  .v136-site .nav{overscroll-behavior:contain;padding-top:34px!important}
  .v136-site .nav a{width:100%}
  .v136-site .home-hero-heading h1{overflow-wrap:normal;word-break:keep-all}
  .v136-site .hero-work-cap{display:grid!important;grid-template-columns:1fr;gap:3px!important}
  .v136-site .hero-work-cap span:last-child{text-align:left!important}
  .v136-site .page-title{margin-bottom:64px!important}
  .v136-site .page-intro{gap:24px!important;margin-bottom:78px!important}
  .v136-site .statement,.v136-site .bio-block{gap:26px!important}
  .v136-site .statement .text,.v136-site .bio-block .content,.v136-site .page-intro .copy{line-height:1.72!important}
  .v136-site.dark-info-page .bio-block{padding-block:62px}
  .v136-site .series-jump-v123{margin-left:calc(var(--v136-gutter) * -1);margin-right:calc(var(--v136-gutter) * -1);padding-left:var(--v136-gutter);padding-right:var(--v136-gutter)}
  .v136-site .nft-archive{gap:72px}
  .v136-site .nft-tools{margin-bottom:58px}
  .v136-site .lightbox-stage{padding-inline:12px}
  .v136-site .lightbox-stage img{max-width:calc(100vw - 24px);max-height:76svh}
  .v136-site .footer{padding-top:68px}
  .v136-site .footnav{justify-content:flex-start;gap:4px 18px!important}
}

@media (prefers-reduced-motion:reduce){
  .v136-site .nav a::after{transition:none!important}
}

/* V1.37 — Final QC bugfix: prevent intrinsic-size optimizations from forcing
   artwork cards wider than responsive grid tracks on tablet/mobile. */
.v136-site .work-card{
  content-visibility:visible!important;
  contain-intrinsic-size:none!important;
  min-width:0;
  max-width:100%;
}
.v136-site .nft-record{
  contain-intrinsic-size:none 720px!important;
  min-width:0;
  width:100%;
  max-width:100%;
}