:root{--gold:#d6b36a;--white:#fff;--dark:#0b0b0b}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:var(--dark);color:var(--white);overflow:hidden}
.hero{height:100vh;width:100%;position:relative;overflow:hidden}
.slides,.slide,.shade{position:absolute;inset:0}
.slide{background-image:var(--bg);background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity 1s ease,transform 6s ease}
.slide.active{opacity:1;transform:scale(1)}
.shade{background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.2) 55%,rgba(0,0,0,.72))}
.intro{position:absolute;left:8vw;top:50%;transform:translateY(-50%);z-index:2}
.eyebrow{font-size:12px;letter-spacing:5px;color:var(--gold);margin-bottom:18px}
h1{font-family:Georgia,serif;font-size:clamp(70px,12vw,170px);line-height:.8;letter-spacing:8px}
h2{font-family:Georgia,serif;font-size:clamp(25px,3vw,45px);font-weight:400;margin:22px 0}
.intro>p:last-child{font-size:18px;letter-spacing:2px}
.side-menu{position:absolute;right:34px;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:19px}
.side-menu button{border:0;background:none;color:#fff;cursor:pointer;font-size:12px;letter-spacing:3px;text-transform:uppercase;transition:.25s;padding:5px 0}
.side-menu button:hover{color:var(--gold);transform:translateX(-7px)}
.side-menu button:first-child{color:var(--gold)}
.dots{position:absolute;left:8vw;bottom:42px;display:flex;gap:9px;z-index:3}
.dot{width:28px;height:2px;background:rgba(255,255,255,.45);transition:.3s}.dot.active{background:var(--gold);width:52px}
.panel{position:fixed;z-index:20;top:4vh;right:0;width:min(470px,92vw);height:92vh;background:rgba(13,13,13,.96);backdrop-filter:blur(15px);border-left:1px solid rgba(214,179,106,.35);padding:48px 42px;transform:translateX(105%);transition:transform .45s cubic-bezier(.77,0,.18,1);overflow:auto}
.panel.open{transform:translateX(0)}
.close{position:absolute;right:25px;top:18px;border:0;background:none;color:#fff;font-size:32px;cursor:pointer}
.panel h3{font:400 42px Georgia,serif;margin:20px 0 12px}.panel .gold{color:var(--gold)}
.panel-intro{color:#aaa;line-height:1.7;margin-bottom:28px}
.service,.price,.product{border-bottom:1px solid #292929;padding:18px 0}.row{display:flex;justify-content:space-between;gap:15px}.row strong{font-weight:500}.price b,.product b{color:var(--gold)}
.product{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center}.product img{width:90px;height:90px;object-fit:cover}
.form{display:grid;gap:12px}.form input,.form select{width:100%;background:#181818;border:1px solid #333;color:#fff;padding:13px}.form button{background:var(--gold);border:0;padding:14px;cursor:pointer;font-weight:bold;margin-top:8px}
.contact-line{padding:16px 0;border-bottom:1px solid #292929;color:#ddd}
@media(max-width:700px){.intro{left:7vw}.side-menu{right:18px;gap:14px}.side-menu button{font-size:10px;letter-spacing:2px}.panel{top:0;height:100vh;padding:48px 25px}h1{font-size:75px}}