/* Original theme retained above; responsive and accessible gallery additions below. */
img{max-width:100%}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #d71d24;outline-offset:3px}
#content{background-color:#e7d5ad;background-size:100% auto}
.gallery-layout{display:grid;grid-template-columns:1fr 328px;gap:42px;align-items:start}.gallery-index{min-width:0}.gallery-index p{margin-bottom:28px}
#gallery-thumbs{display:grid;grid-template-columns:repeat(4,74px);gap:16px 18px}
#gallery-thumbs li{float:none;margin:0;list-style:none}
#gallery-thumbs button{border:0;padding:0;background:transparent;cursor:pointer;line-height:0}
#gallery-thumbs img{display:block;width:70px;height:70px;object-fit:cover;padding:2px;background:#fff}
#gallery-thumbs button[aria-pressed=true]{outline:2px solid #d71d24;outline-offset:2px}
.gallery-view{position:sticky;top:20px;text-align:center}#gallery-full{display:block;background:#fff;padding:4px;line-height:0}#gallery-photo{width:100%;height:420px;object-fit:contain;background:#fff}
.gallery-controls{display:flex;gap:8px;align-items:center;justify-content:center;padding-top:12px}.gallery-controls button{min-height:36px;min-width:36px;border:1px solid #8b745b;background:#f3e6c9;color:#533b27;cursor:pointer}.gallery-controls span{font-size:12px;white-space:nowrap}
@media(max-width:960px){
#wrapper{width:100%;max-width:940px;margin-bottom:20px}
#content{width:auto;padding:30px 7% 35px;background-size:100% auto}
.content-column{width:59%;padding-right:4%;box-sizing:border-box}.sidebar{width:35%;padding-left:3%;box-sizing:border-box}
#primary-nav ul.hori-nav li>a{padding:0 16px}
.gallery-layout{grid-template-columns:minmax(0,1fr) minmax(0,328px);gap:24px}#gallery-thumbs{grid-template-columns:repeat(auto-fit,74px);gap:14px}
}
@media(max-width:640px){
body{background-size:auto 600px;font-size:15px}
#primary-nav{height:auto;background-size:cover;background-color:#533b27}
#primary-nav ul.hori-nav{display:grid;grid-template-columns:1fr 1fr;padding:4px 8px}
#primary-nav ul.hori-nav li{font-size:13px;line-height:22px}#primary-nav ul.hori-nav li>a{padding:12px 4px;min-height:22px}
#primary-nav .separator{display:none}
#content{padding:26px 6% 32px;background-image:none;background-color:#e7d5ad}
.content-column,.sidebar{float:none;width:100%;padding:0;border:0}.sidebar{border-top:2px solid #8b745b;margin-top:24px;padding-top:22px}
#content h1{font-size:22px;line-height:26px}#content h1 span{display:inline-block;font-size:17px;line-height:23px;margin:8px 0 10px}
.floatR{float:none;margin:16px 0 0}.fourth{float:none;width:100%;box-sizing:border-box;padding:0 0 16px;text-align:left}.fourth li{font-size:14px}
.list-continues{padding-bottom:0}.list-continues > ul{margin-bottom:0}
.gallery-layout{display:flex;flex-direction:column;gap:20px}.gallery-index{display:contents}.gallery-index p{order:0;margin-bottom:0}.gallery-view{position:static;order:1;width:100%;max-width:328px;align-self:center}
#gallery-thumbs{order:2;width:100%;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:12px}#gallery-thumbs li{min-width:0}#gallery-thumbs button{width:100%}#gallery-thumbs img{box-sizing:border-box;width:100%;height:auto;aspect-ratio:1}#gallery-photo{height:min(420px,110vw)}
#footer-nav{padding:15px 14px;line-height:25px}#footer-nav li{font-size:12px}#footer-nav li.separator{display:none}#footer-nav li:last-of-type{display:none}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#gallery-thumbs li[hidden]{display:none}

@media(max-width:640px){#content,.home #content,.page-id-10 #content{background-image:url('parchment-tile.png');background-repeat:repeat;background-size:256px 256px}#primary-nav{background-size:100% 100%}}

.gallery-status{display:block;min-height:1.5em;margin-top:6px;font-size:12px;line-height:1.5;text-align:center}#gallery-photo{display:block;min-height:240px}

/* Both supplied banners include the logo. Keep the home link over the artwork. */
#header {
  height: auto;
  aspect-ratio: 1880 / 620;
  background: url('HeaderATT.png') center / contain no-repeat;
}
#header #branding { inset: 0; }
#header #branding h2 a {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  background: none;
}
@media (max-width: 640px) {
  #header {
    aspect-ratio: 1240 / 426;
    background-image: url('HeaderATT-Mobile.png');
  }
  .gallery-callout .gallery-link img {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}