.works [hidden],.gallery-more[hidden],.gallery-status[hidden]{display:none!important}
.gallery-more{display:block;margin:30px auto 0;padding:12px 28px;border:1px solid #8a8070;border-radius:3px;background:#fffefa;color:#232320;cursor:pointer;min-height:48px}
.gallery-more:hover{background:#e9e4d9}
.gallery-status{text-align:center;font-size:12px;color:#66655f;margin:10px 0 0}
#full-title{font-weight:700;line-height:1.5}
#full-description{font-size:14px;line-height:1.7;color:#62615a}
@media(max-width:599px){
 .gallery{padding-left:4%;padding-right:4%}
 .works{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:18px 12px}
 .works figure{padding:7px 7px 0}
 .works figcaption{min-height:64px;padding:12px 2px 16px;display:block}
 .works .work-no,.works figcaption p,.works .zoom{display:none}
 .works h3{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
 .works .art-button{cursor:zoom-in}
 #viewer{width:96vw;max-width:96vw;max-height:94dvh;padding:48px 10px 12px}
 #viewer img{max-width:100%;max-height:68dvh;object-fit:contain}
 .close{min-height:36px}
}
.hero-compact{display:none}
@media(max-width:599px){
 .callouts.has-compact-version{display:none}
 .hero-compact{display:block;background:#f9f7f0;padding:12px 4%}
 .hero-feature-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .hero-feature-buttons button{min-height:44px;padding:8px 3px;font-size:12px;border:1px solid #dedbd1;border-radius:3px;background:#fffefa;color:#504839;cursor:pointer}
 .hero-feature-buttons button[aria-expanded=true]{background:#e8dfce;border-color:#9c8c6d}
 #hero-feature-description{padding:14px 8px 6px}
 #hero-feature-description[hidden]{display:none}
 #hero-feature-description h2{font-family:inherit;font-size:15px;line-height:1.7}
 #hero-feature-description h2 br{display:none}
 #hero-feature-description p{font-size:13px;line-height:1.7;margin:5px 0 0}
}

/* Gallery: six columns on desktop, four on medium screens. */
@media(min-width:1200px){
 .gallery .works{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
 .gallery .works figure{padding:9px 9px 0}
 .gallery .works figcaption{padding:14px 2px 18px;gap:7px;min-height:108px}
 .gallery .works h3{font-size:15px;overflow-wrap:anywhere}
 .gallery .works p{font-size:12px}
 .gallery .works .zoom{right:6px;bottom:6px;padding:3px 6px;font-size:10px}
}
@media(min-width:900px) and (max-width:1199px){
 .gallery .works{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
}