body{margin:0;background:#fbf8f0;color:#725015;font-family:var(--sans,Georgia,serif)}main{max-width:1260px;margin:auto;padding:30px}header{max-width:760px;margin:0 auto 25px;text-align:center}header img{width:263px;height:auto}h1{font:700 30px/1.3 var(--serif,Georgia,serif);color:#b81321;margin:25px 0 16px}p{font-size:21px;line-height:1.3}a{color:#11746b;text-underline-offset:3px}.gallery-filters{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.gallery-filters label{display:grid;gap:5px;text-align:left;font-size:18px}.gallery-filters select{font:18px var(--sans,Georgia,serif);color:#725015;background:#fffdf7;border:1px solid #cdbb9b;border-radius:7px;padding:7px 10px;max-width:100%}#galleryCount{font-size:18px;color:#50687b}#gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:20px}article{border:1px solid #e1d7c3;border-radius:14px;padding:18px;background:#fffdf7;display:flex;flex-direction:column;text-align:center}article img{width:100%;height:180px;object-fit:contain}article h2{font:700 17px/1.35 var(--serif,Georgia,serif);color:#b81321;margin:12px 0}article p{font-size:18px;text-align:left;flex:1;margin:0 0 12px}article a{font-size:18px;padding:8px}button{font:18px var(--sans,Georgia,serif)}@media(max-width:500px){main{padding:22px 12px}h1{font-size:24px}#gallery{grid-template-columns:1fr 1fr;gap:10px}article{padding:11px}article img{height:130px}article h2{font-size:14px}article p{font-size:17px}article a{font-size:17px}.gallery-filters{display:grid;grid-template-columns:1fr}header p{font-size:19px}}
