.nav-current { border-bottom: 1px solid var(--clay); padding-bottom: .2rem; }

.art-hero { min-height: 720px; padding: clamp(4rem,8vw,8rem) clamp(1.4rem,7vw,8rem); display: grid; grid-template-columns: minmax(340px,.85fr) minmax(430px,1.15fr); gap: clamp(3rem,8vw,9rem); align-items: center; position: relative; overflow: hidden; }
.art-hero-copy { position: relative; z-index: 2; }
.art-hero h1 { font-size: clamp(4.5rem,8vw,9rem); }
.art-hero-copy > p:last-child { max-width: 520px; color: var(--muted); margin-top: 2.2rem; }
.art-hero-image { margin: 0; padding: 0 0 2.5rem 2.5rem; position: relative; }
.art-hero-image::before { content: ""; position: absolute; inset: 2.5rem 2.5rem 0 0; background: #ded2c6; }
.art-hero-image img { position: relative; aspect-ratio: 16/11; object-fit: cover; }
.collection-count { position: absolute; left: clamp(1.4rem,7vw,8rem); bottom: clamp(2rem,4vw,4rem); display: flex; align-items: center; gap: 1rem; margin: 0; }
.collection-count strong { font-family: var(--display); font-size: 3rem; font-weight: 300; line-height: 1; }
.collection-count span { padding-left: 1rem; border-left: 1px solid var(--line); color: var(--muted); font-size: .66rem; line-height: 1.5; text-transform: uppercase; letter-spacing: .14em; }

.gallery-section { padding: clamp(5rem,9vw,8rem) 0; overflow: hidden; }
.gallery-light { background: var(--paper); color: var(--ink); }
.gallery-dark { background: var(--charcoal); color: white; }
.gallery-heading { padding: 0 clamp(1.4rem,7vw,8rem); margin-bottom: 3.5rem; display: flex; justify-content: space-between; align-items: end; gap: 2rem; }
.gallery-heading h2 { font-size: clamp(3.4rem,6vw,6.8rem); letter-spacing: -.035em; }
.gallery-controls { display: flex; align-items: center; gap: .7rem; }
.gallery-controls > span { margin-right: 1rem; text-transform: uppercase; letter-spacing: .15em; font-size: .65rem; color: var(--muted); white-space: nowrap; }
.gallery-dark .gallery-controls > span { color: rgba(255,255,255,.5); }
.gallery-controls button { width: 48px; height: 48px; border: 1px solid var(--line); border-radius: 50%; color: inherit; background: transparent; cursor: pointer; font-size: 1.25rem; transition: background .2s,color .2s,opacity .2s; }
.gallery-dark .gallery-controls button { border-color: rgba(255,255,255,.24); }
.gallery-controls button:hover:not(:disabled) { background: var(--ink); color: white; }
.gallery-dark .gallery-controls button:hover:not(:disabled) { background: white; color: var(--ink); }
.gallery-controls button:disabled { opacity: .28; cursor: default; }
.gallery-rail { display: flex; gap: clamp(1.2rem,2.4vw,2.6rem); overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--clay) transparent; padding: 0 clamp(1.4rem,7vw,8rem) 2rem; }
.gallery-rail:focus-visible { outline: 1px solid var(--clay); outline-offset: -1px; }
.gallery-work { flex: 0 0 auto; width: clamp(290px,31vw,500px); padding: 0; border: 0; color: inherit; background: transparent; text-align: left; cursor: zoom-in; scroll-snap-align: start; }
.gallery-work.portrait { width: clamp(250px,25vw,390px); }
.gallery-work img { height: clamp(350px,35vw,540px); object-fit: cover; transition: transform .55s ease,filter .55s ease; }
.gallery-work:hover img { transform: scale(.992); filter: brightness(.94); }

.art-inquiry { padding: clamp(6rem,11vw,11rem) clamp(1.4rem,7vw,8rem); text-align: center; background: #ded2c6; }
.art-inquiry h2 { font-size: clamp(4rem,7vw,8rem); letter-spacing: -.035em; }
.art-inquiry > p:not(.eyebrow) { max-width: 560px; margin: 2rem auto 2.5rem; color: #6e655e; }

@media (max-width: 900px) {
  .art-hero { min-height: auto; grid-template-columns: 1fr; padding-bottom: 7rem; }
  .art-hero-copy { padding-right: 12vw; }
  .art-hero-image { max-width: 760px; }
  .collection-count { position: static; margin-top: -2rem; }
}

@media (max-width: 640px) {
  .art-hero { padding-top: 4.5rem; gap: 3.5rem; }
  .art-hero-copy { padding-right: 0; }
  .art-hero-image { padding: 0 0 1.25rem 1.25rem; }
  .art-hero-image::before { inset: 1.25rem 1.25rem 0 0; }
  .gallery-heading { display: block; margin-bottom: 2.5rem; }
  .gallery-heading h2 { font-size: clamp(3rem,14vw,4.5rem); }
  .gallery-controls { margin-top: 1.5rem; }
  .gallery-controls > span { margin-right: auto; }
  .gallery-controls button { width: 44px; height: 44px; }
  .gallery-work, .gallery-work.portrait { width: 78vw; }
  .gallery-work img { height: 92vw; max-height: 520px; }
}