:root{
  --bg:#ffffff;
  --text:#2b2b2b;
  --muted:#5c5c5c;
  --soft-gold:#c9a959;
  --light:#f6f6f6;
  --border:#e8e8e8;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,'Helvetica Neue',Arial; color:var(--text); background:var(--bg);}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1100px,92%);margin:0 auto}
.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.86);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0}
.logo{display:flex;align-items:center;gap:.6rem;font-weight:700}
.logo img{width:40px;height:40px;object-fit:cover;border-radius:8px}
.logo .brand{display:flex;flex-direction:column;line-height:1}
.logo .brand .name{font-weight:700}
.logo .brand .sub{font-size:.72rem;color:var(--muted)}
nav ul{display:flex;gap:.4rem;list-style:none;padding:0;margin:0;align-items:center}
nav a{padding:.45rem .65rem;border-radius:8px}
nav a:hover{background:var(--light)}
.lang-toggle{border:1px solid var(--border);padding:.45rem .7rem;border-radius:8px;background:#fff}
.header-contacts{display:none}
@media (min-width:740px){
  .header-contacts{display:flex;gap:1rem;align-items:center;font-size:.95rem}
  .header-contacts a{display:flex;gap:.4rem;align-items:center}
}

.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem;align-items:center;padding:2rem 0}
.hero h1{font-size:clamp(2rem,4vw,3rem);margin:.2rem 0}
.hero p{color:var(--muted);font-size:1.05rem}
.cta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.btn{padding:.8rem 1rem;border:1px solid var(--border);border-radius:10px}
.btn.primary{border-color:var(--soft-gold);background:var(--soft-gold);color:#1b1b1b;font-weight:600}
.section{padding:2.2rem 0;border-top:1px solid var(--border)}
.section h2{font-size:clamp(1.4rem,3vw,2rem);margin:0 0 .5rem 0}
.lead{color:var(--muted)}

.about{display:grid;grid-template-columns:1fr;gap:1.3rem}
@media (min-width:860px){
  .about{grid-template-columns:1.1fr .9fr;align-items:start}
}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.6rem}
@media (min-width:680px){
  .gallery{grid-template-columns:repeat(3,1fr)}
}
.card-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-top:1rem}
@media (min-width:720px){
  .card-grid{grid-template-columns:repeat(3,1fr)}
}
.card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}
.card .body{padding:.9rem}
.badge{display:inline-block;padding:.25rem .5rem;border:1px solid var(--border);border-radius:999px;font-size:.75rem;color:var(--muted)}

.contact{display:grid;grid-template-columns:1fr;gap:1rem}
@media (min-width:900px){
  .contact{grid-template-columns:1fr 1fr}
}
.form{display:grid;gap:.7rem}
.input, textarea{width:100%;padding:.9rem;border:1px solid var(--border);border-radius:10px;font-size:1rem}
.submit{padding:.9rem;border:1px solid var(--soft-gold);background:var(--soft-gold);border-radius:10px;font-weight:700}
.footer{padding:1.5rem 0;border-top:1px solid var(--border);color:var(--muted);font-size:.95rem}
.small{font-size:.9rem;color:var(--muted)}

.hidden{display:none !important}