@font-face{font-family:DIN;src:url(inc/css/global/fonts/din_medium.ttf)}@font-face{font-family:DINLight;src:url(inc/css/global/fonts/din_light.ttf)}
*{box-sizing:border-box}body{max-width:944px;margin:0 auto;padding:0 0 24px;color:#333;background:white;font:16px/1.55 Arial,sans-serif}
header{min-height:120px;padding-top:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:url(images/public/bg_header.png) center 48px/auto no-repeat}
header img{display:block;max-width:100%}nav{display:flex;flex-wrap:wrap;gap:16px;padding-top:42px}nav a{font:13px DIN,Arial,sans-serif;text-decoration:none;color:#555}a{color:inherit}a:hover{color:#069}
main{padding-top:10px}main p{max-width:72ch}h1,h2{font-family:DINLight,Arial,sans-serif;font-weight:normal}h2{font-size:20px}
.hero{margin:0;position:relative}.hero img{display:block;width:100%;height:auto}.hero figcaption{position:absolute;bottom:0;width:100%;padding:8px 20px;background:url(images/public/bg_black_trans.png),rgba(0,0,0,.15);color:white;font:italic bold clamp(16px,3vw,28px)/1.1 DINLight,Arial,sans-serif}.hero a{text-decoration:none}
.exhibitions{padding-left:20px}.exhibitions li{padding:5px 0}footer{margin-top:25px;padding-top:10px;border-top:1px solid #e4e4e4;color:#666;font-size:11px}
@media(max-width:980px){body{padding:0 16px 24px}}@media(max-width:600px){header{display:block;min-height:auto;background:none}nav{padding:12px 0;border-bottom:1px solid #e4e4e4;gap:12px}}
.year-nav{padding:0 0 12px;border-bottom:1px solid #e4e4e4}
.exhibition-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,195px),1fr));gap:20px;padding:0;list-style:none}
.exhibition-grid a{display:block;text-decoration:none}
.exhibition-grid img{display:block;width:100%;height:auto;aspect-ratio:22/15;object-fit:cover}
.exhibition-grid span{display:block;margin-top:6px;font-family:DIN,Arial,sans-serif}
.exhibition-grid small{display:block;color:#666}

.art-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px}
.art-gallery figure{margin:0;min-width:0}
.art-image{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#f6f6f6}
.art-gallery img{width:100%;height:100%;object-fit:contain}
.art-gallery figcaption{padding-top:8px;font-size:14px}
.art-gallery figcaption p{margin:4px 0}
.year-nav [aria-current="page"]{text-decoration:underline}

.collection-intro{display:flow-root;border-top:1px solid #e4e4e4;padding-top:18px;margin-top:24px}
.collection-intro img{float:right;margin:0 0 16px 24px;max-width:100%;height:auto}
.contact-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:28px}
.email-form label{display:block;margin-bottom:12px}
.email-form :is(input,select,textarea){display:block;width:100%;padding:8px;font:inherit;border:1px solid #aaa;border-radius:2px}
.email-form button{border:0;padding:9px 14px;font:inherit;background:#444;color:white;cursor:pointer}
@media(max-width:600px){.collection-intro img{float:none;margin:0}}
