/* The wall uses the photographed neutral background; artwork colours are untouched. */
:root {
  --wall: #f5f3ed;
  --wall-soft: #eeece5;
  --paper: #f5f3ed;
  --ink: #282b25;
  --muted: #686b62;
  --line: #d8d7cf;
  --bronze: #7d6a4c;
}

.site-header,
.detail-bar {
  --wall: #171a18;
  --ink: #f1ede4;
  --muted: #b8b2a5;
  --line: #41483e;
  --bronze: #c6b28c;
  color: var(--ink);
}

.site-header { min-height: 84px; }
.site-header .brand { width: 204px; }
.language-switch { display:flex; align-items:center; gap:9px; padding-left:14px; border-left:1px solid var(--line); font:11px/1.4 var(--sans); letter-spacing:.04em; }
.language-switch a { display:inline-flex; align-items:center; min-height:36px; padding:8px 0; color:var(--muted); }
.language-switch a[aria-current] { color:var(--bronze); text-decoration:underline; text-underline-offset:5px; }
.detail-tools { justify-self:end; display:flex; gap:20px; align-items:center; }
.detail-tools > span { font-size:11px; letter-spacing:.08em; color:var(--muted); white-space:nowrap; }
.detail-tools .language-switch { border-left:0; padding-left:0; }
.gallery-intro { padding-top: 30px; padding-bottom: 27px; }
.gallery-intro h1 { font-size: 36px; }
.intro-note .edition-number { display: none; }
.intro-note > div > span { color: var(--muted); }
.collection { gap: 34px; }
.guide-note { line-height: 1.7; }
.search-field input::placeholder { color: #797d73; }
.select-wrap select { color-scheme: light; border-bottom-color: #a9aa9e; }
.category-tab.is-active { color: #242821; }
.card-image-stage {
  height: 470px;
  padding: 40px 36px 36px;
  background: #f5f3ed;
}
.card-image-status { background: #f5f3ed; }
.card-image-stage > img { opacity: 1; filter: none; }
.product-grid { gap: 32px 30px; }
.card-footer {
  grid-template-columns: 24px minmax(0, 1fr) 22px;
  gap: 12px;
  padding: 17px 3px 20px;
  border-top: 1px solid var(--line);
}
.card-title { font-size: 23px; margin-bottom: 7px; letter-spacing: -.015em; }
.card-number { font-size: 10px; padding-top: 5px; }
.card-category { font-size: 11px; line-height: 1.7; }
.card-open:hover .card-title { color: #796342; }
.card-open:hover .card-arrow { transform: translate(2px, -2px); }
.card-arrow { font-size: 19px; transition: transform .15s ease; }
.card-view-count { display: none; }
.about-gallery { border-top: 1px solid var(--line); padding-block: 38px; }
.about-gallery h2 { font-size: 28px; }
.about-index { font-size: 24px; }
.site-footer { border-top: 1px solid var(--line); }

.work-page-heading h1 { font-size: 31px; }
.gallery-display {
  --ink: #282b25;
  --muted: #686b62;
  --line: #babbb0;
  padding-block: 25px;
}
.gallery-display > .gallery-arrow { color: var(--ink); }
.gallery-display .zoom-label { border: 1px solid #d7d4c9; background: #f5f3ed; }
.thumbnail { border-color: #c8c7bd; }
.thumbnail.is-active { border-color: var(--bronze); }
.detail-thumbnails { margin-top: 16px; }
.gallery-actions { display:flex; align-items:center; gap:clamp(8px,2vw,23px); }
.room-jump { padding:7px 0; border:0; background:transparent; color:var(--bronze); font:13px/1.5 var(--sans); cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.room-jump:hover { color:var(--ink); }
.detail-tags { display:flex; flex-wrap:wrap; gap:6px 16px; max-width:740px; margin:24px 0; padding:0; list-style:none; }
.detail-tags[hidden] { display:none; }
.detail-tags a { display:inline-block; padding-block:5px; color:#6f5a39; font:13px/1.5 var(--sans); overflow-wrap:anywhere; }
.detail-tags a:hover { text-decoration:underline; text-underline-offset:4px; }
.thumbnail { height: 86px; justify-content: center; }
.thumbnail-image { height: 72px; }
@media (max-width: 600px) { .thumbnail { height: 72px; }.thumbnail-image { height: 58px; } }
.thumbnail-label { color: #4a5045; }
.product-information { border-top: 1px solid var(--line); padding-top: 37px; }
.detail-story { font-size: 15px; line-height: 1.85; color: #42473d; }
.detail-story-area { max-width: 740px; }
.detail-specs { margin-top: 27px; }
.photo-set-switch { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px; }
.photo-set-switch[hidden],.original-photo-note[hidden] { display:none; }
.photo-set-switch button { font:13px/1.5 var(--sans); padding:11px 17px; border:1px solid var(--line); background:transparent; color:var(--muted); cursor:pointer; }
.photo-set-switch button[aria-pressed="true"] { border-color:var(--bronze); color:var(--ink); background:#eae6db; }
.photo-set-switch button:focus-visible { outline:2px solid var(--bronze); outline-offset:3px; }
.original-photo-note { max-width:750px; margin:0 0 20px; color:var(--muted); font:13px/1.7 var(--sans); }
.exhibition-note { margin:25px 0 30px; max-width:740px; padding:20px 22px; border-left:2px solid #a18a62; background:#ece8de; }
.exhibition-note p { margin:0; font-size:13px; line-height:1.85; color:#44483f; white-space:pre-line; }
#detail-condition-specific:not([hidden]) { margin-top:12px; padding-top:12px; border-top:1px solid #d3cbbd; }
@media(max-width:600px) { .exhibition-note { padding:18px 17px; } }

.zoom-dialog {
  --wall: #171a18;
  --ink: #f1ede4;
  --muted: #b8b2a5;
  --bronze: #c6b28c;
}

@media (min-width: 1550px) {
  .card-image-stage { height: 520px; padding: 43px 40px 40px; }
}
@media (min-width: 601px) and (max-width: 1180px) {
  .gallery-controls { display:block; }
  .guide-heading { margin-bottom:7px; }
  .collection-tabs { flex-wrap:wrap; gap:0 22px; }
  .category-tab { flex:0 1 auto; }
}
@media (max-width: 820px) {
  .card-image-stage { height: 385px; padding: 31px 24px; }
  .card-title { font-size: 22px; }
  .gallery-intro h1 { font-size: 32px; }
}
@media (max-width: 600px) {
  .site-header { min-height: 72px; }
  .site-header .brand { width: 164px; }
  .site-header nav { gap:14px; }
  .site-header nav #collection-link { display:none; }
  .language-switch { padding-left:10px; gap:8px; font-size:10px; }
  .detail-tools { gap:12px; }
  .detail-tools > span { font-size:10px; }
  .gallery-intro { padding-top: 21px; padding-bottom: 17px; }
  .gallery-intro h1 { font-size: 29px; }
  .card-image-stage { height: 420px; padding: 29px 21px; }
  .card-title { font-size: 23px; }
  .product-grid { gap: 13px; }
  .card-footer { padding-top: 14px; padding-bottom: 18px; }
  .work-page-heading h1 { font-size: 28px; }
  .gallery-display { height: clamp(290px, 88vw, 390px); padding-block: 12px; }
  .product-information { padding-top: 28px; }
}
@media (max-width: 360px) {
  .site-header .brand { width: 143px; }
  .card-image-stage { height: 365px; padding-inline: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .card-arrow { transition: none; }
}

.exhibition-note[hidden],.decor-photo-note[hidden],.photo-set-switch button[hidden] { display:none; }
.exhibition-note h2 { font:11px/1.4 var(--sans); text-transform:uppercase; letter-spacing:.1em; color:var(--muted); margin-bottom:13px; }
.decor-photo-note { max-width:750px; margin:0 0 20px; padding:12px 15px; border-left:2px solid var(--bronze); background:#ece8de; color:#44483f; font:13px/1.7 var(--sans); }

.brand-about { grid-template-columns:212px minmax(0,740px); column-gap:34px; padding-block:48px 54px; scroll-margin-top:100px; }
.brand-about > .about-heading:first-child { display:block; }
.brand-about .about-heading .eyebrow { margin-bottom:10px; }
.brand-about .about-copy p { margin:0 0 20px; font-size:15px; line-height:1.9; }
.brand-about .about-copy p:last-child { margin-bottom:0; }
.brand-about .about-copy .about-lead { color:var(--ink); font-size:17px; }
.brand-about h2:focus { outline:none; }
@media(max-width:820px){.brand-about{grid-template-columns:150px minmax(0,1fr);column-gap:22px;}}
@media(max-width:600px){.brand-about{display:block;padding:30px 20px 38px;scroll-margin-top:82px;}.brand-about > .about-heading:first-child{margin-bottom:23px;}.brand-about .about-copy p{font-size:14px;line-height:1.85;margin-bottom:18px;}.brand-about .about-copy .about-lead{font-size:15px;}}

/* 2026-11-15 · layout and presentation refinements (no artwork pixels touched) */
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;}
.card-image-stage{height:400px;padding:30px 26px 26px;transition:background-color .25s ease;}
.card-image-stage>img{transition:transform .45s cubic-bezier(.2,.7,.2,1);}
.card-open:hover .card-image-stage{background:#efece4;}
.card-open:hover .card-image-stage>img{transform:translateY(-4px) scale(1.012);}
.card-open:focus-visible{outline:2px solid var(--bronze);outline-offset:4px;}
.card-title{font-size:21px;}
.decor-badge{position:absolute;left:14px;bottom:14px;z-index:2;max-width:calc(100% - 28px);padding:6px 10px;background:rgba(23,26,24,.78);color:#f1ede4;font:10.5px/1.45 var(--sans);letter-spacing:.03em;pointer-events:none;backdrop-filter:blur(2px);}
.gallery-display{position:relative;}
@media (min-width:1550px){.card-image-stage{height:440px;padding:34px 30px 30px;}}
@media (max-width:1180px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.card-image-stage{height:420px;}}
@media (max-width:820px){.card-image-stage{height:340px;padding:24px 18px;}}
@media (max-width:600px){
  .collection{grid-template-columns:minmax(0,1fr);}.gallery-controls{min-width:0;}
  .collection-tabs{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:0 -20px;padding:2px 20px 6px;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:20px;}
  .collection-tabs::-webkit-scrollbar{display:none;}
  .category-tab{flex:0 0 auto;width:auto;min-height:38px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;white-space:nowrap;scroll-snap-align:start;}
  .category-tab.is-active{border-color:var(--bronze);background:#ebe7dc;}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;}
  .card-image-stage{height:clamp(200px,62vw,270px);padding:14px 8px 10px;}
  .card-footer{grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 2px 12px;}
  .card-number,.card-arrow{display:none;}
  .card-title{font-size:16px;line-height:1.3;margin-bottom:3px;}
  .card-category{font-size:10px;line-height:1.5;}
  .decor-badge{left:10px;bottom:10px;font-size:10px;padding:5px 8px;}
}
@media (max-width:360px){.card-image-stage{height:200px;padding-inline:6px;}.card-title{font-size:15px;}}
@media (prefers-reduced-motion:reduce){.card-open:hover .card-image-stage>img{transform:none;}}