:root{--ink:#1f1512;--muted:#4e3c35;--gold:#8a6420;--goldl:#d9b877;--blush:#f0d5cb;--nude:#dcb8a6;--cream:#faf3e6}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font-family:Jost,sans-serif;color:var(--ink);background:var(--cream);line-height:1.7;font-weight:400;overflow-x:hidden}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.1}
a{color:inherit}
header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;background:rgba(24,14,10,.9);backdrop-filter:blur(8px);color:#fff}
header .brand{font-family:'Cormorant Garamond',serif;font-size:1.35rem;text-decoration:none;color:var(--goldl)}
nav{display:none;gap:1.6rem;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}nav a{text-decoration:none}nav a:hover{color:var(--goldl)}
.top{position:fixed;inset:0 0 auto;z-index:20}
.promo{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem .9rem;padding:.5rem 1rem;background:linear-gradient(90deg,#b98d3f,#e6c98a,#b98d3f);color:#1a0f0b;text-align:center;border-bottom:1px solid #8a6420}
.promo strong{font-family:'Cormorant Garamond',serif;font-size:1.05rem;letter-spacing:.12em;font-weight:700}
.promo a{padding:.3rem 1rem;background:#1a0f0b;color:#f0d79a;border-radius:30px;text-decoration:none;font-size:.7rem;letter-spacing:.14em;font-weight:500}
.promo a:hover{background:#000}
.hero .btn{padding:1.1rem 2.6rem;font-size:.9rem}
.btn{display:inline-block;padding:.9rem 2rem;background:linear-gradient(135deg,#e6c98a,#b98d3f);color:#1a0f0b;border:1px solid #8a6420;text-decoration:none;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;font-weight:500;border-radius:40px;transition:.3s;box-shadow:0 6px 20px rgba(169,128,58,.35)}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(169,128,58,.5)}
header .btn{padding:.55rem 1.1rem;font-size:.7rem}
.hero{min-height:100svh;display:grid;place-items:center;text-align:center;padding:12.5rem 1.4rem 4rem;color:#fff;background:linear-gradient(90deg,rgba(28,15,10,.86),rgba(28,15,10,.6) 60%,rgba(28,15,10,.3)),url(images/french-manicure-engagement-ring.jpg) center 35%/cover;text-align:left}.hero>div{max-width:40rem;margin-right:auto}.hero .btn{margin-right:.6rem}@media(min-width:900px){.hero>div{margin-left:8vw}}
.hero img{display:block;width:clamp(170px,44vw,220px);height:auto;aspect-ratio:1;border-radius:50%;border:2px solid var(--goldl);margin:0 auto 1.5rem}
.hero h1{font-size:clamp(2.8rem,10vw,6rem);text-shadow:0 2px 20px rgba(0,0,0,.5)}
.hero p{max-width:34rem;margin:1rem 0 2rem;font-size:1.05rem;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.eyebrow{letter-spacing:.3em;text-transform:uppercase;font-size:.78rem;font-weight:500;color:var(--gold);margin-bottom:.8rem}
.hero .eyebrow{color:#f0d79a;text-shadow:0 1px 8px rgba(0,0,0,.6)}
section{padding:5rem 1.4rem}.wrap{max-width:1100px;margin:auto}
h2{font-size:clamp(2.2rem,6vw,3.4rem);margin-bottom:2rem}
.center{text-align:center}
.about{display:grid;gap:2rem;align-items:center}.about img{width:100%;border-radius:200px 200px 12px 12px;aspect-ratio:4/5;object-fit:cover}
.about p{color:var(--muted);margin-bottom:1rem}
#services{background:var(--blush)}.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:2.5rem}.strip img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:120px 120px 10px 10px;box-shadow:0 10px 30px rgba(120,80,60,.18)}.band{height:46vh;min-height:280px;background:linear-gradient(rgba(30,15,10,.15),rgba(30,15,10,.15)),url(images/nail-art-rings-hand.jpg) center 40%/cover;background-attachment:scroll}
.svc{list-style:none;padding:0;display:grid;gap:.8rem}
.svc li{background:var(--cream);padding:1.1rem 1.3rem;border-radius:10px;border:1px solid var(--nude);font-family:'Cormorant Garamond',serif;font-size:1.3rem;display:flex;gap:1rem;align-items:baseline;transition:.3s}
.svc li:hover{transform:translateY(-3px);border-color:var(--goldl)}.svc span{font-family:Jost;font-size:.75rem;color:var(--gold);letter-spacing:.1em}
.gallery{columns:2;column-gap:.7rem}.gallery figure{break-inside:avoid;margin-bottom:.7rem;overflow:hidden;border-radius:10px}
.gallery img{width:100%;display:block;transition:transform .6s}.gallery figure:hover img{transform:scale(1.05)}
#offers{background:linear-gradient(rgba(28,15,10,.86),rgba(28,15,10,.9)),url(images/luxury-nail-art-manicure.jpg) center/cover;color:#fff}
#offers h2{color:var(--goldl)}.offers{display:grid;gap:1.2rem}
.offer{border:1px solid rgba(212,175,106,.6);padding:2rem;border-radius:14px;background:rgba(255,255,255,.06)}
.offer h3{font-size:1.8rem;color:var(--goldl)}.offer p{margin-top:.6rem}.offer{text-align:center;position:relative}.oi{width:34px;height:34px;color:var(--goldl);margin-bottom:.6rem}.big{font-family:"Cormorant Garamond",serif;font-size:clamp(2.6rem,9vw,3.6rem);line-height:1.1;margin:.4rem 0;background:linear-gradient(135deg,#f3dca0,#c9983f);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}.treat{margin:2rem 0 1.2rem;font-family:"Cormorant Garamond",serif;font-size:1.5rem;color:var(--goldl);font-style:italic}.terms{margin-top:1.5rem;font-size:.85rem;opacity:.85}
.info{display:grid;gap:1.2rem}.card{background:#fff9ee;border:1px solid var(--nude);border-radius:14px;padding:2rem}
.card h3{font-size:1.7rem;margin-bottom:.8rem}.card table{width:100%;border-collapse:collapse}.card td{padding:.4rem 0;border-bottom:1px solid var(--nude)}.card td:last-child{text-align:right}
.card p{color:var(--muted)}.card a.l{color:var(--gold);font-weight:400}
.soc{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.soc a{padding:.5rem 1.1rem;border:1px solid var(--goldl);border-radius:30px;text-decoration:none;font-size:.9rem}.soc a:hover{background:var(--goldl)}
#book{background:var(--blush)}iframe{border:0;background:#fff;border-radius:14px;width:100%;height:650px;box-shadow:0 10px 40px rgba(0,0,0,.08)}
footer{background:#1c0f0a;color:#d9cfca;text-align:center;padding:2.5rem 1.4rem;font-size:.9rem}footer small{display:block;margin-top:.6rem;font-size:.8em;color:#c4b5ac}
.sticky{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:15;text-align:center}
@media(min-width:760px){nav{display:flex}.about{grid-template-columns:1fr 1fr;gap:4rem}.svc{grid-template-columns:repeat(3,1fr)}.gallery{columns:3;column-gap:1rem}.gallery figure{margin-bottom:1rem}.offers,.info{grid-template-columns:1fr 1fr}.sticky{display:none}section{padding:7rem 2rem}}
#signup{background:var(--cream)}.signlead{max-width:36rem;margin:0 auto 2rem;color:var(--muted)}.sform{max-width:34rem;margin:0 auto;background:#fff9ee;border:1px solid var(--goldl);border-radius:16px;padding:1.6rem;display:grid;gap:1rem;box-shadow:0 10px 40px rgba(0,0,0,.08)}.sform label{display:grid;gap:.35rem;font-size:.9rem;font-weight:500}.sform em{font-style:normal;font-weight:400;color:var(--muted);font-size:.8rem}.sform input[type=text],.sform input[type=tel],.sform input[type=email]{font:inherit;padding:.8rem 1rem;border:1px solid var(--nude);border-radius:10px;background:#fff;color:var(--ink);width:100%}.sform input:focus{outline:2px solid var(--gold);outline-offset:1px}.row2{display:grid;gap:1rem}.chk{display:flex!important;gap:.7rem;align-items:flex-start;font-weight:400!important}.chk input{margin-top:.3rem;accent-color:var(--gold)}.sform .btn{border:1px solid #8a6420;cursor:pointer;font-family:inherit;padding:1rem 2rem}.fine{font-size:.78rem;color:var(--muted);text-align:center}@media(min-width:560px){.row2{grid-template-columns:1fr 1fr}.sform{padding:2.2rem}}
#showcase{background:#f3e6d0}.car-wrap{position:relative}.car{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.8rem;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
.car figure{flex:0 0 78%;scroll-snap-align:center;border-radius:16px;overflow:hidden;border:1px solid var(--goldl);box-shadow:0 8px 24px rgba(60,35,20,.15)}.car img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.car-btn{display:none;position:absolute;top:45%;z-index:2;width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);background:var(--cream);color:var(--gold);font-size:1.8rem;line-height:1;cursor:pointer}.car-btn.prev{left:-1.4rem}.car-btn.next{right:-1.4rem}.car-btn:hover{background:var(--goldl)}
@media(min-width:760px){.car figure{flex-basis:calc(33.333% - .55rem)}.car-btn{display:block}}
#signup{background:linear-gradient(160deg,#f6ecd9,#fffaf0 50%,#efdcb4)}.vip{text-align:center;max-width:44rem;border:1px solid #c9a24d;border-radius:20px;padding:3rem 1.5rem;background:rgba(255,252,243,.7);box-shadow:0 10px 40px rgba(138,100,32,.15)}.vipsub{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-style:italic;font-size:1.25rem;color:#8a6420;margin:.5rem 0 1.25rem}.vipbtn{background:linear-gradient(135deg,#f1dca3,#d4af6a 55%,#b88a36);color:#2a1d08;border:1px solid #8a6420;letter-spacing:.12em;margin-top:.5rem}@media(min-width:560px){.vip{padding:4rem 3rem}}.gv{display:grid;gap:2rem;max-width:960px;margin:2rem auto 0;border:1px solid rgba(212,175,106,.6);border-radius:14px;padding:1.2rem;background:rgba(255,255,255,.06);box-shadow:0 0 40px rgba(212,175,106,.15)}.gv img{width:100%;height:auto;border-radius:10px;display:block;aspect-ratio:2/3;object-fit:cover}.gvt{text-align:center;align-self:center}.gvl{font-family:"Cormorant Garamond",serif;font-size:1.6rem;font-style:italic;color:var(--goldl)}.prz{list-style:none;padding:0;margin:1.2rem 0;display:grid;gap:.8rem}.prz li{border:1px solid rgba(212,175,106,.5);border-radius:10px;padding:.9rem;background:rgba(0,0,0,.35)}.prz span{display:block;font-size:.78rem;letter-spacing:.25em;text-transform:uppercase;color:var(--goldl)}.prz b{font-family:"Cormorant Garamond",serif;font-size:1.6rem;font-weight:600;color:#fff}.draw{font-size:1.05rem}.draw strong{color:var(--goldl)}@media(min-width:760px){.gv{grid-template-columns:5fr 6fr;padding:2rem;gap:2.5rem}}
.top{position:sticky}
nav a.on{color:var(--goldl);border-bottom:1px solid var(--goldl)}
.menu{background:none;border:1px solid var(--goldl);color:var(--goldl);border-radius:8px;padding:.35rem .7rem;font-size:1.1rem;cursor:pointer}
header .right{display:flex;gap:.6rem;align-items:center}
@media(max-width:759px){nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;background:rgba(24,14,10,.98);padding:1rem 1.4rem;gap:1rem;display:none}nav.open{display:flex}}
@media(min-width:760px){.menu{display:none}}
.pagehero{padding:4rem 1.4rem 2.5rem;text-align:center;background:linear-gradient(rgba(28,15,10,.88),rgba(28,15,10,.88)),url(images/luxury-nail-art-gold-pearls.jpg) center 30%/cover;color:#fff}
.pagehero h1{font-size:clamp(2.4rem,8vw,4.2rem);color:var(--goldl)}.pagehero .eyebrow{color:#f0d79a}
.top{position:sticky;top:0}
.hero{padding-top:5rem}
section{scroll-margin-top:5rem}
.sticky{display:block}
@media(min-width:760px){.sticky{display:none}.pagehero{padding:5.5rem 2rem 3.5rem}}
body{padding-bottom:4.5rem}@media(min-width:760px){body{padding-bottom:0}}
.sticky{display:none!important}body{padding-bottom:0!important}
.hero{padding-top:3rem;min-height:80svh}
header .brand{white-space:nowrap;font-size:1.15rem}
header .btn{white-space:nowrap;padding:.5rem .9rem;font-size:.66rem;letter-spacing:.1em}
.menu{font-size:0;width:40px;height:36px;position:relative}
.menu::before{content:"";position:absolute;left:10px;right:10px;top:11px;height:2px;background:var(--goldl);box-shadow:0 7px 0 var(--goldl),0 14px 0 var(--goldl)}
@media(max-width:400px){header{padding:.6rem .8rem}header .brand{font-size:1rem}header .right{gap:.4rem}}
.btn.big{display:flex;justify-content:center;width:100%;padding:1.1rem 1.5rem;font-size:1.05rem;letter-spacing:.12em;text-align:center}@media(min-width:760px){.btn.big{display:inline-flex;width:auto}}

.hs{position:relative;background:#140c09}
.hs-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hs-track::-webkit-scrollbar{display:none}
.hs-slide{flex:0 0 100%;scroll-snap-align:start;min-height:100svh;display:grid;align-items:center;padding:11rem 1.4rem 6rem;color:#fff;background:linear-gradient(90deg,rgba(20,10,6,.9),rgba(20,10,6,.72) 60%,rgba(20,10,6,.5)),var(--bg) center/cover}
.hs-in{max-width:40rem;margin:0 auto 0 0}@media(min-width:900px){.hs-in{margin-left:8vw}}
.hs-in h1,.hs-in h2{font-size:clamp(2.2rem,8vw,4.8rem);line-height:1.05;margin:.2rem 0 1rem;text-shadow:0 2px 20px rgba(0,0,0,.5)}
.hs-in p{margin:.6rem 0 1.6rem;font-size:1.05rem;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.hs-in .eyebrow{color:#f0d79a;margin:0}
.prizes{list-style:none;padding:0;margin:0 0 .6rem;display:grid;gap:.6rem}.prizes li{display:flex;align-items:baseline;gap:.9rem;border-left:2px solid #d9b877;padding-left:.9rem}.prizes b{font-size:1.8rem;color:#f0d79a;min-width:4.2rem}.prizes span{font-size:.95rem}
.hs-dots{position:absolute;bottom:1.8rem;left:0;right:0;display:flex;justify-content:center;gap:.7rem}
.hs-dots button{width:11px;height:11px;padding:0;border-radius:50%;border:1px solid #d9b877;background:transparent;cursor:pointer}.hs-dots button[aria-selected=true]{background:#d9b877}
.hs-slide.s1{background:radial-gradient(circle at 80% 30%,rgba(217,184,119,.28),transparent 55%),linear-gradient(135deg,#1a0f0b,#2b1a10)}

.hs-slide{padding:9rem 1.4rem 6rem}.hs-slide.s4{background:radial-gradient(circle at 20% 30%,rgba(217,184,119,.28),transparent 55%),linear-gradient(135deg,#2b1a10,#140c09)}
.hs-fine{display:block;margin-top:1.1rem;font-size:.8rem;color:#e9dcc0;max-width:30rem}
.big15{font-size:1.4rem!important}.big15 b{font-size:2.4rem;color:#f0d79a;margin-right:.4rem}.code{display:inline-block;border:1px dashed #d9b877;padding:.2rem .8rem;color:#f0d79a;letter-spacing:.15em}
.hs-in .tag{letter-spacing:.2em;text-transform:uppercase;font-size:1.1rem}.hs-btns{display:flex;flex-wrap:wrap;gap:.8rem}.tl{color:#f0d79a}
.hs-arr{position:absolute;top:55%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid #d9b877;background:rgba(20,10,6,.55);color:#f0d79a;font-size:1.7rem;line-height:1;cursor:pointer}.hs-arr.prev{left:.6rem}.hs-arr.next{right:.6rem}
@media(max-width:600px){.hs-arr{top:auto;bottom:1.2rem;transform:none}.hs-slide{padding-bottom:6.5rem}}
.hs{padding:0!important}.hs-slide{min-height:min(100svh,820px)}
