*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial,sans-serif;color:#1c1c1c;line-height:1.55}
a{color:inherit}.top{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 5vw;background:#111;color:#fff;z-index:2}
.logo{font-weight:800;letter-spacing:.2em;text-decoration:none}nav a{margin-left:18px;text-decoration:none;font-size:15px}nav a:hover{color:#f2b84b}
.hero{min-height:75vh;display:flex;align-items:center;padding:0 5vw;color:#fff;background:linear-gradient(120deg,rgba(0,0,0,.75),rgba(0,0,0,.3)),linear-gradient(135deg,#3a3a46,#c9a15a)}
.hero h1{font-size:clamp(34px,6vw,64px);margin:0 0 16px;max-width:12em;line-height:1.1}.hero p{max-width:34em;font-size:18px}
.btn{display:inline-block;margin-top:14px;padding:14px 28px;background:#f2b84b;color:#111;font-weight:700;text-decoration:none;border-radius:4px}
section,footer{padding:64px 5vw}.alt{background:#f4f1ec}h2{font-size:32px;margin:0 0 28px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
article{padding:24px;border:1px solid #ddd;border-radius:6px;background:#fff}article h3{margin-top:0}
.hall{min-height:200px;color:#fff;border:0;display:flex;flex-direction:column;justify-content:flex-end}.h1{background:linear-gradient(0deg,rgba(0,0,0,.6),transparent),#b8a98c}.h2{background:linear-gradient(0deg,rgba(0,0,0,.6),transparent),#33363d}
.prices{list-style:none;padding:0;max-width:640px;margin:0}.prices li{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #ddd}
.note{color:#777;font-size:14px}@media(max-width:560px){nav a{margin:0 12px 0 0}}