.art-gallery{width:min(1440px,92vw);margin:auto;padding:48px 0 90px}.art-gallery h1{font:normal clamp(44px,7vw,88px)/1.05 Georgia,serif;margin:12px 0 24px;color:#f4e6cf}.art-gallery .intro{max-width:680px;color:#cbd0d3;font:20px/1.6 Georgia,serif}.gallery-tools{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin:36px 0 16px}.gallery-tools label{display:block;font-size:14px;color:#ddc5a4}.gallery-tools input,.gallery-tools select{display:block;width:100%;min-height:48px;background:#111a22;color:#f8f6f1;border:1px solid #ddc5a45c;padding:12px;font:inherit;margin-top:8px}.gallery-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;padding:0}.gallery-grid [hidden]{display:none}.art-card{border-bottom:1px solid #ddc5a44a;padding-bottom:24px;min-width:0}.art-card figure{margin:0;background:#080d12}.art-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.art-card h2{font:normal 25px/1.3 Georgia,serif;margin:18px 0 8px}.art-card p{color:#cbd0d3;font-size:14px}.gallery-actions{display:flex;flex-wrap:wrap;gap:12px}.gallery-actions a,dialog.art-viewer button,dialog.art-viewer a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 16px;border:1px solid #ddc5a46c;border-radius:3px;text-decoration:none;color:#f4e6cf;background:#111a22;font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffe2a6;outline-offset:4px}.art-viewer{width:min(1500px,96vw);max-height:95dvh;overflow:auto;padding:20px;background:#0c1217;color:#f8f6f1;border:1px solid #ddc5a4}.art-viewer::backdrop{background:#000d}.art-viewer header{display:flex;justify-content:space-between;gap:20px;align-items:center}.art-viewer h2{font:normal 24px/1.3 Georgia,serif}.art-viewer img{display:block;max-width:100%;width:auto;height:auto;max-height:70dvh;margin:16px auto;object-fit:contain}@media(max-width:760px){.gallery-grid,.gallery-tools{grid-template-columns:1fr}.art-gallery{padding-top:30px}.art-viewer{padding:12px}.art-viewer header{align-items:flex-start}.art-viewer h2{font-size:20px}}
