/* Kunstgalerie‑Venus — styles.css */
:root{
  --bg:#000; --text:#d4af37; --muted:#c9b27a; --maxw:1100px;
  --font: Arial, Helvetica, "Liberation Sans", "Nimbus Sans", sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }
body{margin:0; background:var(--bg); color:var(--text); font-family:var(--font); line-height:1.6}
a{color:var(--text)}
a:focus{outline:2px solid #fff; outline-offset:2px}
.container{max-width:var(--maxw); margin:0 auto; padding:0 1rem}
.header{position:sticky; top:0; z-index:50; background:#000c; backdrop-filter: blur(4px); border-bottom:1px solid #2b2410}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:.7rem 0}
.brand{font-weight:800; letter-spacing:.04em; text-transform:uppercase}
nav ul{display:flex; gap:.5rem; list-style:none; margin:0; padding:0}
nav a{display:inline-block; padding:.45rem .7rem; border-radius:.4rem; border:1px solid #2b2410; text-decoration:none}
nav a:hover, nav a:focus{background:#111}

.skip-link{position:absolute; left:-9999px}
.skip-link:focus{left:1rem; top:1rem; background:#fff; color:#000; padding:.5rem; z-index:9999}

.hero{padding:7rem 0 4rem; text-align:center; background:radial-gradient(70% 60% at 50% 25%, rgba(212,175,55,.12), transparent 60%)}
.hero h1{font-size:clamp(2rem,5vw,3.8rem); margin:.2rem 0}
.hero p{max-width:62ch; margin:.4rem auto 0; color:var(--muted)}
.cta{display:inline-block; margin-top:1rem; padding:.85rem 1.1rem; border:1px solid #6f5b1c; border-radius:.4rem; text-decoration:none}
.cta:hover{background:rgba(212,175,55,.12)}

.section{padding:3.5rem 0; border-top:1px solid #2b2410}
.section h2{margin:0 0 1rem; font-size:clamp(1.4rem,3vw,2.2rem)}
.grid{display:grid; gap:1rem; grid-template-columns:repeat(auto-fill, minmax(260px,1fr))}
figure{margin:0; border:1px solid #2b2410; padding:.5rem; border-radius:.4rem; background:rgba(255,255,255,.02)}
figure img{width:100%; height:auto; border-radius:.25rem; display:block}
figcaption{color:var(--muted); font-size:.95rem; margin-top:.3rem}

.artist{display:grid; gap:2rem; grid-template-columns:1fr}
@media (min-width:900px){ .artist{grid-template-columns:1fr 1fr} }
.card{border:1px solid #2b2410; padding:1rem; border-radius:.4rem; background:rgba(255,255,255,.02)}

.form-group{margin-bottom:1rem}
label{display:block; margin-bottom:.35rem}
input, textarea{width:100%; padding:.75rem .85rem; background:#0c0c0c; border:1px solid #6f5b1c; color:var(--text); border-radius:.35rem}
input::placeholder, textarea::placeholder{color:#9e8f54}
button{padding:.8rem 1.1rem; border:1px solid #6f5b1c; border-radius:.35rem; background:#111; color:var(--text); cursor:pointer}
button:hover{background:rgba(212,175,55,.12)}

.footer{padding:2rem 0; border-top:1px solid #2b2410; color:var(--muted)}