.medium-tabs { display: flex; gap: 8px; margin: -20px 0 34px; flex-wrap: wrap; }
.medium-tabs a { border: 1px solid var(--line); color: inherit; padding: 12px 17px; text-decoration: none; font: 10px var(--mono); text-transform: uppercase; transition: background .2s, color .2s, border-color .2s; }
.medium-tabs a:hover, .medium-tabs a.active { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.gallery.sculpture-gallery, .gallery.photo-gallery, .gallery.print-gallery, .gallery.drawing-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 18px; }
.gallery .work, .gallery .work-wide { grid-column: auto; grid-row: auto; margin: 0; cursor: pointer; }
.gallery .work .art, .gallery .work-large .art, .gallery .work-tall .art, .gallery .work-wide .art, .gallery .art-photo, .gallery .work-photo-two .art, .gallery .work-photo-three .art, .gallery .art-print, .gallery .print-two .art, .gallery .art-draw, .gallery .draw-two .art, .gallery .draw-three .art { height: clamp(185px, 20vw, 290px); max-height: none; margin: 0; }
.gallery .work:focus-visible { outline: 2px solid var(--ink); outline-offset: 5px; }
.gallery figcaption { gap: 8px; padding: 9px 0 6px; }
.gallery figcaption::after { content: 'View work ↗'; font: 9px var(--mono); white-space: nowrap; }
.work-viewer { border: 0; padding: 0; width: min(950px, calc(100vw - 40px)); max-width: none; background: var(--paper); color: var(--ink); box-shadow: 0 18px 60px rgba(0,0,0,.28); }
.work-viewer::backdrop { background: rgba(28,26,22,.6); backdrop-filter: blur(3px); }
.viewer-close { position: absolute; right: 14px; top: 10px; z-index: 2; border: 0; background: transparent; color: var(--ink); font: 36px/1 var(--serif); cursor: pointer; }
.viewer-content { display: grid; grid-template-columns: 1.35fr .65fr; min-height: 560px; }
.viewer-image { min-height: 560px; background: #d8d4ca; }
.viewer-image > .art { height: 100%; min-height: 560px; }
.viewer-info { padding: 46px 28px 28px; display: flex; flex-direction: column; }
.viewer-count { font: 10px var(--mono); text-transform: uppercase; margin: 0 0 56px; }
.viewer-info h2 { font: 48px/.9 var(--serif); font-weight: 400; letter-spacing: -.04em; margin: 0 0 14px; }
.viewer-meta { font: 10px/1.4 var(--mono); text-transform: uppercase; margin: 0; opacity: .65; }
.viewer-views { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: auto; }
.viewer-thumb { height: 75px; padding: 0; border: 1px solid transparent; background: transparent; cursor: pointer; overflow: hidden; }
.viewer-thumb.active { border-color: var(--ink); }
.viewer-thumb .art { height: 100%; transform: none; }
.viewer-variant-1 { transform: scale(1.35); transform-origin: 65% 38%; }
.viewer-variant-2 { transform: scale(2.1); transform-origin: 35% 65%; }
@media (max-width: 760px) { .gallery.sculpture-gallery, .gallery.photo-gallery, .gallery.print-gallery, .gallery.drawing-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 11px; } .gallery .work .art, .gallery .work-large .art, .gallery .work-tall .art, .gallery .work-wide .art, .gallery .art-photo, .gallery .work-photo-two .art, .gallery .work-photo-three .art, .gallery .art-print, .gallery .print-two .art, .gallery .art-draw, .gallery .draw-two .art, .gallery .draw-three .art { height: 45vw; } .gallery figcaption { display: block; font-size: 8px; } .gallery figcaption span:last-child { display: none; } .gallery figcaption::after { display: block; font-size: 8px; margin-top: 5px; } .work-viewer { width: calc(100vw - 22px); } .viewer-content { display: block; min-height: 0; } .viewer-image, .viewer-image > .art { min-height: 0; height: 72vw; } .viewer-info { padding: 22px 18px 18px; min-height: 250px; } .viewer-count { margin-bottom: 28px; } .viewer-info h2 { font-size: 39px; } .viewer-thumb { height: 60px; } }
@media (max-width: 760px) { .medium-tabs { margin: -9px 0 24px; gap: 6px; } .medium-tabs a { padding: 10px 11px; font-size: 8px; } }