:root{--m:#5a1230;--g:#c9a15a;--c:#fbf6ef;--t:#2b1b22}
*{box-sizing:border-box;margin:0}body{font:16px/1.65 system-ui,Segoe UI,Arial,sans-serif;color:var(--t);background:var(--c)}
h1,h2,h3{font-family:Georgia,serif;color:var(--m);line-height:1.2;margin-bottom:.5em}h1{font-size:clamp(2rem,5vw,3.2rem)}h2{font-size:1.8rem}p{margin-bottom:1em}a{color:var(--m)}
.w{max-width:1100px;margin:auto;padding:0 20px}.sec{padding:48px 20px}
header{background:#fff;border-bottom:2px solid var(--g);position:sticky;top:0;z-index:9}.bar{display:flex;align-items:center;justify-content:space-between;padding-top:10px;padding-bottom:10px}
.logo{font:700 1.05rem Georgia,serif;text-decoration:none}nav a{margin-left:14px;text-decoration:none;font-size:.92rem;color:var(--t)}nav a.on,nav a:hover{color:var(--m);border-bottom:2px solid var(--g)}
#mb{display:none;background:none;border:0;font-size:1.6rem;color:var(--m)}
.hero{background:linear-gradient(135deg,#fff,#f3e4d3);padding:56px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.eye{letter-spacing:.15em;text-transform:uppercase;color:#8a6a2c;font-size:.8rem}
.btn{display:inline-block;background:var(--m);color:#fff;padding:12px 22px;border-radius:30px;text-decoration:none;border:2px solid var(--m);font:600 1rem system-ui;cursor:pointer;margin:4px 4px 4px 0}.btn.o{background:none;color:var(--m)}.btn:hover{background:var(--g);border-color:var(--g);color:#2b1b22}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:#fff;border:1px solid #ead9c4;border-radius:12px;padding:20px}
.ph{aspect-ratio:4/3;background:repeating-linear-gradient(45deg,#f0e0cc,#f0e0cc 12px,#f7ecdd 12px,#f7ecdd 24px);border:2px dashed var(--g);border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;color:#7a5a2a;font-size:.9rem}.ph small{display:block;font-size:.75rem;opacity:.8}
.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:16px 0}.note{font-size:.88rem;color:#6b5560;margin-top:16px}.sm{font-size:.8rem}
.band{background:var(--m);color:#fff;text-align:center;padding:44px 0}.band h2{color:#fff}.band .btn{background:var(--g);border-color:var(--g);color:#2b1b22}
.map{width:100%;height:340px;border:0;border-radius:12px;margin:12px 0}.form{display:grid;gap:14px;max-width:520px}.form label{display:grid;gap:4px;font-weight:600}
input,select,textarea{padding:10px;border:1px solid #cdb79b;border-radius:8px;font:inherit}footer{background:#2b1b22;color:#eadccb;padding:32px 0}footer a{color:var(--g)}
.wa{position:fixed;right:16px;bottom:16px;background:#25d366;color:#073b1a;font-weight:700;padding:12px 18px;border-radius:30px;text-decoration:none;box-shadow:0 3px 10px #0004}
@media(max-width:800px){.grid2{grid-template-columns:1fr}#mb{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:10px 20px;border-bottom:2px solid var(--g)}nav.open{display:block}nav a{display:block;margin:0;padding:10px 0}}

.salon-img,.gal img,.grid2 img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid #ead9c4;box-shadow:0 4px 12px rgba(90,18,48,0.08)}