/* orkaminsky.com — small overrides on top of Big Picture. Cosmetic changes go here. */
.works-grid article h3 { text-align: center; font-size: 0.9em; margin: 0.5em 0 1.5em; }
.works-grid article h3 a { border: 0; }
.works-grid article h3 small { opacity: 0.7; margin-left: 0.5em; }
.work-image { max-width: 1200px; margin: 0 auto 2em; }
.work-image img { width: 100%; height: auto; display: block; }
dl.label { display: grid; grid-template-columns: max-content 1fr; gap: 0.3em 1.5em; max-width: 600px; margin: 0 auto 1.5em; text-align: left; }
dl.label dt { font-weight: bold; }
dl.label dd { margin: 0; }
.box.buy, .box.original, .box.text { max-width: 700px; margin: 2em auto; text-align: left; }
.box.text { text-align: left; }
p.sold { font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.8; }
p.reseller { opacity: 0.7; }
ul.exhibitions { list-style: none; padding: 0; text-align: left; }
ul.exhibitions li { margin-bottom: 1em; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form-status:empty { display: none; }
/* No header override: Big Picture already pins #header (fixed, 3em, white) and
   compensates with body{padding-top:3em}. Every page gets the same bar. */
/* even grid tiles regardless of artwork shape (full image lives on the work page) */
.works-grid article a.image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
/* breathing room between tiles */
.works-grid { display: flex; flex-wrap: wrap; gap: 2em; justify-content: center; }
.works-grid article { width: calc(50% - 1em); margin: 0; }
@media screen and (max-width: 736px) { .works-grid article { width: 100%; } }
[hidden] { display: none !important; }
/* Gallery pages: a photo band at the top when a wallpaper is set, grid on white below. */
#gallery-hero { min-height: 22em; }
#gallery-hero h2 { font-size: 3.25em; }
@media screen and (max-width: 736px) { #gallery-hero { min-height: 14em; } #gallery-hero h2 { font-size: 2em; } }