
:root{
  --pink:#f7dfe9;
  --soft-pink:#fff4f8;
  --rose:#d984a7;
  --rose-dark:#8b3f61;
  --gold:#b98931;
  --cream:#fffaf7;
  --ink:#2f2430;
  --muted:#765c69;
  --white:#ffffff;
  --shadow:0 18px 45px rgba(139,63,97,.13);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 12% 8%, rgba(217,132,167,.18), transparent 28%),
    radial-gradient(circle at 84% 5%, rgba(185,137,49,.10), transparent 24%),
    linear-gradient(180deg,#fff8fb 0%,#f9e7ef 48%,#fffaf7 100%);
}
a{color:inherit;text-decoration:none}
.container{width:min(1120px,92vw);margin:0 auto}
.topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(255,250,247,.92);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(217,132,167,.18);
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.2px;color:var(--rose-dark)}
.brand img{width:54px;height:54px;object-fit:cover;border-radius:50%;box-shadow:0 8px 22px rgba(185,137,49,.22)}
.brand span{line-height:1.05}.brand small{display:block;font-weight:700;color:var(--muted);letter-spacing:2.4px;font-size:.65rem;margin-top:4px}
.navlinks{display:flex;align-items:center;gap:20px;font-weight:800;color:var(--muted);font-size:.94rem}.navlinks a:hover{color:var(--rose-dark)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 22px;font-weight:900;cursor:pointer;transition:.2s ease;background:var(--rose-dark);color:white;box-shadow:0 10px 25px rgba(139,63,97,.20)}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(139,63,97,.28)}.btn.secondary{background:white;color:var(--rose-dark);border:1px solid rgba(139,63,97,.16);box-shadow:none}.btn.gold{background:linear-gradient(135deg,#b98931,#e3c16d);color:#321f0a}
.hero{padding:64px 0 38px}.hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--rose-dark);font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;background:rgba(255,255,255,.78);border:1px solid rgba(217,132,167,.25);padding:9px 14px;border-radius:999px}
.hero h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.7rem,5.8vw,5.15rem);line-height:1.02;margin:20px 0 18px;color:var(--rose-dark);letter-spacing:-.035em;max-width:660px}.hero p{font-size:1.08rem;line-height:1.75;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero-card{position:relative;background:rgba(255,255,255,.82);border:1px solid rgba(217,132,167,.24);border-radius:38px;padding:18px;box-shadow:var(--shadow);overflow:hidden}.hero-card::before{content:"";position:absolute;right:-90px;bottom:-90px;width:230px;height:230px;border-radius:50%;background:rgba(217,132,167,.15)}.hero-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:28px;box-shadow:0 20px 50px rgba(139,63,97,.13)}.hero-badge{position:absolute;left:34px;bottom:34px;background:rgba(255,255,255,.94);border:1px solid rgba(185,137,49,.25);border-radius:22px;padding:15px 18px;box-shadow:0 18px 35px rgba(47,36,48,.12)}.hero-badge strong{display:block;color:var(--rose-dark);font-size:1.02rem}.hero-badge span{font-size:.86rem;color:var(--muted)}
section{padding:58px 0}.section-title{text-align:center;margin:0 auto 32px;max-width:780px}.section-title h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2rem,4.4vw,3.6rem);color:var(--rose-dark);line-height:1.02;margin:0 0 14px}.section-title p{margin:0;color:var(--muted);line-height:1.7}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:rgba(255,255,255,.86);border:1px solid rgba(217,132,167,.24);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:15px;min-height:190px}.service-card h3{margin:0;color:var(--rose-dark);font-size:1.16rem}.price{display:none!important}.duration{color:var(--muted);font-weight:800;font-size:.95rem}.service-card .btn{margin-top:auto;width:max-content;min-width:150px}
.extras{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.extra-card{background:white;border:1px dashed rgba(185,137,49,.42);border-radius:24px;padding:18px;text-align:center}.extra-card strong{display:block;color:var(--rose-dark);font-size:1.1rem}.extra-card span{font-weight:900;color:var(--gold);font-size:.95rem;text-transform:uppercase;letter-spacing:.12em}
.reserve-panel{background:linear-gradient(135deg,rgba(139,63,97,.96),rgba(217,132,167,.88));border-radius:38px;padding:34px;color:white;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.reserve-panel h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2rem,4vw,3.35rem);line-height:1;margin:0 0 12px}.reserve-panel p{line-height:1.7;color:rgba(255,255,255,.9)}.reserve-list{display:grid;gap:12px}.reserve-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:14px}.reserve-row strong{display:block}.reserve-row small{color:rgba(255,255,255,.82)}
.filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:24px 0 28px}.filter{border:1px solid rgba(139,63,97,.18);background:white;color:var(--rose-dark);font-weight:850;border-radius:999px;padding:10px 15px;cursor:pointer}.filter.active,.filter:hover{background:var(--rose-dark);color:white}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-card{background:white;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(217,132,167,.18);cursor:pointer;transition:.2s ease}.gallery-card:hover{transform:translateY(-4px)}.gallery-card img{width:100%;height:360px;display:block;object-fit:cover}.gallery-card figcaption{padding:16px 18px;font-weight:900;color:var(--rose-dark)}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video-card{background:white;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(217,132,167,.18)}.video-card video{display:block;width:100%;height:360px;object-fit:cover;background:#111}.video-card strong{display:block;padding:16px 18px;color:var(--rose-dark)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-card{background:rgba(255,255,255,.86);border:1px solid rgba(217,132,167,.22);border-radius:26px;padding:24px;box-shadow:var(--shadow)}.info-card h3{color:var(--rose-dark);margin:0 0 10px}.info-card p{color:var(--muted);line-height:1.65;margin:0}.faq{display:grid;gap:14px;max-width:900px;margin:0 auto}.faq details{background:white;border-radius:20px;border:1px solid rgba(217,132,167,.22);padding:18px 20px;box-shadow:0 10px 24px rgba(139,63,97,.08)}.faq summary{font-weight:900;color:var(--rose-dark);cursor:pointer}.faq p{color:var(--muted);line-height:1.65}.footer{padding:36px 0;background:rgba(139,63,97,.95);color:white}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer p{margin:4px 0;color:rgba(255,255,255,.8)}.modal{position:fixed;inset:0;background:rgba(47,36,48,.82);z-index:200;display:none;align-items:center;justify-content:center;padding:24px}.modal.open{display:flex}.modal img{max-width:min(1100px,94vw);max-height:86vh;border-radius:26px;box-shadow:0 30px 80px rgba(0,0,0,.45);background:white}.modal button{position:absolute;top:18px;right:18px;border:0;background:white;color:var(--rose-dark);border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}
@media(max-width:980px){.hero-grid,.reserve-panel{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.gallery,.video-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.navlinks{display:none}.hero{padding-top:46px}.hero h1{max-width:720px}.hero-card{max-width:720px}}
@media(max-width:620px){.hero h1{font-size:2.85rem}.cards,.extras,.gallery,.video-grid{grid-template-columns:1fr}.gallery-card img,.video-card video{height:auto;max-height:520px}.reserve-row{flex-direction:column;align-items:flex-start}.btn{width:100%}.hero-actions .btn{width:auto}.brand span{font-size:.95rem}.container{width:min(92vw,560px)}.hero-badge{position:static;margin-top:12px}.hero-card img{aspect-ratio:4/3}.service-card .btn{width:100%}}
