:root{--bg:#0d0d0f;--panel:#16161a;--fg:#ececec;--muted:#8a8a90;--accent:#c8a97e;--line:#26262b}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font-family:'Helvetica Neue',Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:22px 40px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(13,13,15,.9);backdrop-filter:blur(8px);z-index:10}
.logo{font-weight:300;letter-spacing:4px;font-size:18px}
.logo span{color:var(--accent);margin-left:6px}
nav a{margin-left:26px;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);transition:.2s}
nav a:hover,nav a.active{color:var(--fg)}
main{min-height:70vh}
.hero{height:78vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#141416,#0d0d0f)}
.hero-inner h1{font-size:52px;font-weight:200;letter-spacing:12px}
.hero-inner p{color:var(--muted);margin:18px 0 30px;letter-spacing:2px}
.btn{display:inline-block;border:1px solid var(--accent);color:var(--accent);padding:12px 34px;letter-spacing:2px;text-transform:uppercase;font-size:12px;transition:.25s}
.btn:hover{background:var(--accent);color:#0d0d0f}
.wrap{max-width:1140px;margin:0 auto;padding:60px 40px}
.wrap.narrow{max-width:640px}
h1{font-weight:200;letter-spacing:6px;font-size:34px}
h2{font-weight:200;letter-spacing:4px;font-size:26px;margin-bottom:24px}
.lead{color:var(--muted);margin:10px 0 30px;letter-spacing:1px}
.back{color:var(--muted);font-size:13px;display:inline-block;margin-bottom:16px}
.back:hover{color:var(--accent)}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.cat-card{position:relative;height:260px;background-size:cover;background-position:center;display:flex;align-items:flex-end;overflow:hidden;filter:grayscale(.3)}
.cat-card::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.cat-card span{position:relative;z-index:2;padding:18px;letter-spacing:3px;text-transform:uppercase;font-size:15px}
.cat-card:hover{filter:grayscale(0)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.gallery figure{background:var(--panel);overflow:hidden}
.gallery img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;transition:.3s}
.gallery figure:hover img{transform:scale(1.04)}
.gallery figcaption{padding:10px 12px;font-size:12px;color:var(--muted);letter-spacing:1px}
.prices{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.price-card{background:var(--panel);border:1px solid var(--line);padding:30px}
.price-card h3{font-weight:300;letter-spacing:2px;margin-bottom:12px}
.price-card .price{color:var(--accent);font-size:26px;margin-bottom:12px}
.price-card p{color:var(--muted);font-size:14px}
.contact-info{margin-bottom:30px;color:var(--muted);letter-spacing:1px}
.contact-info p{margin:4px 0}
.form{display:flex;flex-direction:column;gap:16px;max-width:520px}
.form label{display:flex;flex-direction:column;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);gap:6px}
.form input,.form textarea{background:var(--panel);border:1px solid var(--line);color:var(--fg);padding:12px;font-size:15px;font-family:inherit}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--accent)}
.form button{align-self:flex-start;border:1px solid var(--accent);background:none;color:var(--accent);padding:12px 34px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-size:12px;transition:.25s}
.form button:hover{background:var(--accent);color:#0d0d0f}
.note{padding:12px 16px;margin-bottom:20px;font-size:14px}
.note.ok{background:#1c2a1c;color:#9ad19a}
.note.err{background:#2a1c1c;color:#d19a9a}
.site-footer{border-top:1px solid var(--line);padding:30px 40px;text-align:center;color:var(--muted);font-size:12px;letter-spacing:2px}
@media(max-width:640px){.site-header{flex-direction:column;gap:14px;padding:18px}.hero-inner h1{font-size:34px;letter-spacing:6px}nav a{margin:0 10px}}