.work-card-copy { display: block; }
.work-card strong { display: block; padding: .85rem 1rem .2rem; font-weight: 700; }
.work-card small { display: block; padding: 0 1rem 1rem; color: #665d5a; font: 500 .78rem/1.4 system-ui, sans-serif; }
.gallery-tools { display: grid; grid-template-columns: minmax(240px,1.7fr) repeat(3,minmax(145px,.8fr)); gap: 1rem; align-items: end; margin: 2rem 0 0; padding: 1.2rem; background: rgba(255,255,255,.72); border: 1px solid var(--line); box-shadow: 0 14px 40px rgba(59,38,32,.06); }
.gallery-tools label,.gallery-tools legend { display: block; margin: 0 0 .45rem; font: 700 .78rem/1.3 system-ui,sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.gallery-tools input,.gallery-tools select { width: 100%; min-height: 46px; padding: .7rem .8rem; border: 1px solid #9a8980; border-radius: 0; background: var(--white); color: var(--ink); font: .92rem/1.3 system-ui,sans-serif; }
.gallery-tools input:focus,.gallery-tools select:focus,.gallery-tools button:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }
.gallery-views { grid-column: 1 / span 2; margin: 0; padding: 0; border: 0; }
.gallery-views div { display: inline-flex; border: 1px solid #9a8980; background: var(--white); }
.gallery-views button,.gallery-summary button { min-height: 42px; padding: .55rem .9rem; border: 0; border-right: 1px solid var(--line); background: transparent; color: var(--ink); font: 700 .82rem/1.2 system-ui,sans-serif; cursor: pointer; }
.gallery-views button:last-child { border-right: 0; }
.gallery-views button[aria-pressed="true"] { background: var(--rose); color: var(--white); }
.gallery-summary { grid-column: 3 / -1; display: flex; justify-content: flex-end; align-items: center; gap: 1rem; }
.gallery-summary p { margin: 0; font: 700 .9rem/1.3 system-ui,sans-serif; }
.gallery-summary button { border: 1px solid #9a8980; }
.gallery-empty { margin: 0 0 4rem; padding: 2rem; background: var(--white); border: 1px solid var(--line); }
.work-card.gallery-filtered-out,
.work-card[hidden] { display: none !important; }
.work-grid[data-gallery-layout="mosaic"] { display: block; columns: 4 220px; column-gap: 1rem; }
.work-grid[data-gallery-layout="mosaic"] .work-card { display: inline-block; width: 100%; margin: 0 0 1rem; break-inside: avoid; overflow: hidden; box-shadow: 0 8px 24px rgba(48,30,25,.09); }
.work-grid[data-gallery-layout="mosaic"] .work-card img { width: 100%; height: auto; max-height: none; object-fit: contain; background: #f1e9df; }
.work-grid[data-gallery-layout="mosaic"] .work-card a { position: relative; }
.work-grid[data-gallery-layout="mosaic"] .work-card-copy { position: absolute; inset: auto 0 0; padding-top: 3.5rem; color: var(--white); background: linear-gradient(transparent,rgba(27,20,20,.88)); opacity: 0; transform: translateY(.35rem); transition: opacity .18s ease,transform .18s ease; }
.work-grid[data-gallery-layout="mosaic"] .work-card:hover .work-card-copy,.work-grid[data-gallery-layout="mosaic"] .work-card a:focus-visible .work-card-copy { opacity: 1; transform: translateY(0); }
.work-grid[data-gallery-layout="mosaic"] .work-card strong,.work-grid[data-gallery-layout="mosaic"] .work-card small { color: inherit; }
.work-grid[data-gallery-layout="list"] { grid-template-columns: 1fr 1fr; }
.work-grid[data-gallery-layout="list"] .work-card a { display: grid; grid-template-columns: 150px minmax(0,1fr); align-items: center; }
.work-grid[data-gallery-layout="list"] .work-card img { width: 150px; height: 120px; object-fit: contain; background: #f1e9df; }
.work-grid[data-gallery-layout="list"] .work-card-copy { min-width: 0; }
.work-detail { grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); }
.work-detail figure { position: sticky; top: 1rem; }
.work-information h2 { font-size: 1.35rem; margin: 0 0 .7rem; }
.work-facts { margin: 2rem 0; border-top: 1px solid var(--line); }
.work-facts div { display: grid; grid-template-columns: minmax(120px,.45fr) minmax(0,1fr); gap: 1rem; padding: .7rem 0; border-bottom: 1px solid var(--line); }
.work-facts dt { font: 700 .82rem/1.4 system-ui, sans-serif; }
.work-facts dd { margin: 0; }
.work-colors { margin: 2rem 0; }
.color-list { display: flex; flex-wrap: wrap; gap: .5rem; }
.color-chip { display: block; width: 34px; height: 34px; border-radius: 50%; border: 2px solid var(--white); box-shadow: 0 0 0 1px #81736c; }
.purchase-note { margin: 2rem 0; padding: 1.2rem; background: var(--white); border: 1px solid var(--line); }
.purchase-note p:first-child { margin-top: 0; }
.purchase-note p:last-child { margin-bottom: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 760px) {
  .gallery-tools { grid-template-columns: 1fr 1fr; }
  .gallery-search,.gallery-summary { grid-column: 1 / -1; }
  .gallery-views { grid-column: 1 / -1; }
  .gallery-summary { justify-content: space-between; }
  .work-grid[data-gallery-layout="list"] { grid-template-columns: 1fr; }
  .work-detail figure { position: static; }
  .work-facts div { grid-template-columns: 1fr; gap: .2rem; }
}
@media (max-width: 480px) {
  .gallery-tools { grid-template-columns: 1fr; }
  .gallery-search,.gallery-select,.gallery-views,.gallery-summary { grid-column: 1; }
  .gallery-summary { align-items: flex-start; flex-direction: column; }
  .gallery-views div { width: 100%; }
  .gallery-views button { flex: 1; }
  .work-grid[data-gallery-layout="mosaic"] { columns: 2 135px; }
  .work-grid[data-gallery-layout="mosaic"] .work-card-copy { position: static; padding-top: 0; color: var(--ink); background: var(--white); opacity: 1; transform: none; }
  .work-grid[data-gallery-layout="list"] .work-card a { grid-template-columns: 110px minmax(0,1fr); }
  .work-grid[data-gallery-layout="list"] .work-card img { width: 110px; height: 100px; }
}
@media (prefers-reduced-motion: reduce) { .work-grid[data-gallery-layout="mosaic"] .work-card-copy { transition: none; } }
