/* Gallery styles are isolated from the preserved homepage stylesheet. */
.gallery-page { font-family: 'Source Sans 3', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 300; }
.gallery-page .site-header { font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; }
.gallery-page nav a[aria-current] { color: var(--teal); border-bottom: 1px solid var(--gold); }
.gallery-main { width: 84%; max-width: 1680px; margin: 32px auto 110px; }
.collection-heading { padding: 20px 0 64px; border-bottom: 1px solid var(--line); }
.collection-heading .eyebrow { margin-bottom: 22px; font-size: 11px; color: var(--muted); }
.collection-heading h1 { margin: 0 0 16px; font-size: clamp(64px, 7vw, 116px); }
.collection-heading .artist-credit { font-size: 17px; margin: 0; color: var(--muted); }
.collection-index { display: flex; flex-wrap: wrap; column-gap: 34px; row-gap: 14px; margin-top: 36px; font-size: 15px; }
.collection-index a { border-bottom: 1px solid transparent; padding: 0; font-size: 15px; line-height: 1.65; text-transform: none; letter-spacing: normal; }
.collection-index a:hover { border-color: var(--gold); }
.collection-work { padding: 70px 0; border-bottom: 1px solid var(--line); }
.work-copy { max-width: 700px; }
.work-number { color: #8a6832; letter-spacing: .12em; font-size: 12px; margin: 0 0 18px; }
.collection-work h2 { font-size: clamp(40px, 4.3vw, 74px); line-height: 1.05; margin-bottom: 30px; }
.collection-work h2 a:hover { color: #245357; }
.work-narrative { font-size: clamp(17px, 1.25vw, 22px); line-height: 1.85; margin: 0 0 23px; }
.work-details { display: grid; grid-template-columns: 115px 1fr; gap: 12px 20px; font-size: 17px; line-height: 1.6; margin: 32px 0 22px; }
.work-details dt { color: var(--muted); }
.work-details dd { margin: 0; }
.work-materials { font-size: 16px; line-height: 1.7; color: var(--muted); margin: 0 0 28px; }
.collection-work .text-link { font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; margin-top: 12px; }
.collection-work[data-layout='image-right'] > .work-copy { margin-left: auto; }
.has-image { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 7%; }
.work-image { margin: 0; }
.work-image img { display: block; width: 100%; height: auto; }
.has-image[data-layout='image-right'] > .work-image { grid-column: 2; grid-row: 1; }
.has-image[data-layout='image-right'] > .work-copy { grid-column: 1; grid-row: 1; }
.breadcrumb { display: flex; gap: 14px; align-items: center; color: var(--muted); font-size: 15px; margin: 15px 0 45px; }
.breadcrumb a { text-decoration: underline; text-underline-offset: 5px; text-transform: none; letter-spacing: normal; font-size: inherit; padding: 0; }
.artwork-heading { border-bottom: 1px solid var(--line); margin-bottom: 50px; padding-bottom: 40px; }
.artwork-heading h1 { font-size: clamp(48px, 6vw, 96px); margin: 0 0 20px; max-width: 1100px; }
.artist-credit { margin: 0; font-size: 17px; color: var(--muted); }
.work-content:has(.work-copy:empty) { display: none; }
.work-navigation { border-top: 1px solid var(--line); margin: 65px 0 30px; padding-top: 32px; display: flex; justify-content: space-between; gap: 30px; }
.work-neighbor { display: flex; flex-direction: column; gap: 12px; max-width: 48%; min-width: 0; overflow-wrap: anywhere; text-transform: none; letter-spacing: normal; padding: 0; }
.work-neighbor[data-direction='next'] { margin-left: auto; text-align: right; }
.neighbor-label { color: var(--muted); text-transform: uppercase; font-size: 11px; letter-spacing: .1em; }
.neighbor-title { font: 400 clamp(24px, 2.4vw, 38px)/1.15 'Cormorant Garamond', Georgia, serif; color: var(--teal); }
.work-neighbor:hover .neighbor-title { text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 5px; }
.collection-return { display: inline-block; margin-top: 24px; font-size: 16px; border-bottom: 1px solid var(--gold); padding-bottom: 7px; }
@media (max-width: 760px) {
  .gallery-main { width: 88%; margin: 30px auto 65px; }
  .collection-heading { padding-top: 0; padding-bottom: 36px; }
  .collection-heading h1 { font-size: 64px; }
  .collection-index { flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 26px; }
  .collection-work { padding: 42px 0; }
  .collection-work h2 { font-size: 42px; margin-bottom: 24px; }
  .collection-work[data-layout] > .work-copy { margin-left: 0; }
  .has-image { grid-template-columns: 1fr; gap: 30px; }
  .has-image[data-layout] > .work-image, .has-image[data-layout] > .work-copy { grid-column: auto; grid-row: auto; }
  .work-details { grid-template-columns: 90px 1fr; gap: 10px; }
  .breadcrumb { font-size: 14px; margin-bottom: 30px; }
  .artwork-heading { margin-bottom: 35px; padding-bottom: 30px; }
  .artwork-heading h1 { font-size: 50px; }
  .work-navigation { gap: 20px; margin-top: 45px; }
}

/* Editorial copy uses the existing serif/sans hierarchy within the artwork column. */
.work-editorial { margin-top: 40px; }
.work-editorial h2 { font-size: clamp(30px, 2.6vw, 44px); line-height: 1.15; margin-bottom: 24px; }

/* An existing artwork close-up accompanies the complete statement. */
.artist-statement-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  column-gap: 8%;
  align-items: center;
  margin-top: 60px;
  padding-top: 50px;
  border-top: 1px solid var(--line);
}
.artist-statement-feature .work-editorial { margin-top: 0; max-width: 680px; }
.statement-detail { margin: 0; width: min(100%, 380px); justify-self: end; }
.statement-detail img { display: block; width: 100%; height: auto; }
.statement-detail figcaption { margin-top: 12px; color: var(--muted); font: 300 14px/1.6 'Source Sans 3', sans-serif; }
@media (max-width: 760px) {
  .artist-statement-feature { grid-template-columns: minmax(0, 1fr); gap: 30px; margin-top: 45px; padding-top: 35px; }
  .statement-detail { justify-self: start; }
}

/* A complete reading section for artworks without additional documentary images. */
.artist-statement-reading { margin-top: 60px; padding-top: 50px; border-top: 1px solid var(--line); }
.artist-statement-reading .work-editorial { width: 100%; max-width: 680px; margin: 0 auto; }
@media (max-width: 760px) {
  .artist-statement-reading { margin-top: 45px; padding-top: 35px; }
}

/* Visible keyboard focus for the existing native artwork video players. */
.artwork-video video:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 5px;
}

/* Compact collection opening; all artwork presentations remain unchanged. */
.collection-page .gallery-main { margin-top: 16px; }
.collection-page .collection-heading {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 24px;
  align-items: center;
  padding: 0 0 18px;
}
.collection-page .collection-heading .eyebrow { grid-column: 1 / -1; margin: 0 0 8px; }
.collection-page .collection-heading h1 { margin: 0; font-size: clamp(52px, 5vw, 76px); line-height: 1; }
.collection-page .collection-heading .artist-credit { border-left: 1px solid var(--gold); padding-left: 24px; font-size: 18px; line-height: 1.5; }
.collection-page [data-collection] > .collection-work:first-child { padding-top: 24px; }
@media (max-width: 760px) {
  .collection-page .gallery-main { margin-top: 12px; }
  .collection-page .collection-heading { column-gap: 16px; padding-bottom: 16px; }
  .collection-page .collection-heading .artist-credit { padding-left: 16px; font-size: 16px; }
  .collection-page [data-collection] > .collection-work:first-child { padding-top: 20px; }
}

/* One quiet collection label replaces the growing row of artwork titles. */
.collection-page .selected-works-heading {
  font: 400 clamp(26px, 2vw, 28px)/1.2 'Cormorant Garamond', Georgia, serif;
  color: var(--teal);
  margin: 16px 0 0;
}
.collection-page [data-collection] > .collection-work:first-child { padding-top: 12px; }
@media (max-width: 760px) {
  .collection-page .selected-works-heading { margin-top: 14px; }
  .collection-page [data-collection] > .collection-work:first-child { padding-top: 12px; }
}