/* Salon Madu V.I.P. — refreshed light/dark luxury QR landing page */
:root{--ink:#30231e;--wine:#3b2624;--ivory:#fffaf3;--gold:#af7b40;--champagne:#e8cda7;--line:rgba(166,117,64,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f4ebdf;font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #a76d40;outline-offset:3px}
.page{min-height:100svh;padding:clamp(12px,3vw,38px) 14px 24px;background:radial-gradient(ellipse at 50% -20%,#fff9f1 0%,#f1dfca 54%,#e5d3bf 100%);position:relative;overflow:hidden}
.page:before{content:'';position:absolute;top:-230px;left:50%;width:680px;height:680px;transform:translateX(-50%);background:radial-gradient(circle,#ffffff99,transparent 67%);pointer-events:none}
.stage{max-width:610px;margin:auto;padding:clamp(28px,6vw,58px) clamp(22px,5.8vw,55px) 38px;border:1px solid #cba77e;background:linear-gradient(150deg,#fffdf9,#fcf5ea 63%,#f8ecdb);box-shadow:0 22px 80px #59412b29,0 0 0 6px #fffcf574;position:relative;overflow:hidden;isolation:isolate}
.stage:after{content:'';position:absolute;inset:10px;border:1px solid #dcb98d7d;pointer-events:none}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.stage-glow{position:absolute;width:460px;height:460px;top:-300px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,#d6b0835c,transparent 75%)}.stage-frame{pointer-events:none;position:absolute;inset:0}.stage-frame:before,.stage-frame:after{content:'✧';position:absolute;left:50%;color:#ad814b;font-size:20px}.stage-frame:before{top:1px}.stage-frame:after{bottom:1px}
.tiny-stars span{position:absolute;color:#d1a470;opacity:.68;animation:twinkle 5s ease-in-out infinite}.tiny-stars span:nth-child(1){left:5%;top:13%;font-size:15px}.tiny-stars span:nth-child(2){right:6%;top:28%;font-size:22px;animation-delay:1s}.tiny-stars span:nth-child(3){left:7%;bottom:27%;font-size:12px;animation-delay:2s}
.hero,.connections,.closing,.site-nav{position:relative;z-index:2}.hero{text-align:center}.monogram{max-width:365px;margin:0 auto 33px;padding:5px 0}.monogram img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 6px 15px #a7754724)}
.chapter{display:flex;align-items:center;justify-content:center;gap:11px;color:#946c46;font-size:9px;font-weight:700;letter-spacing:.22em}
h1{font:400 clamp(47px,9vw,70px)/1.14 'Italiana',Georgia,serif;letter-spacing:-.035em;margin:26px auto 17px;color:#34231c}h1 em{font-family:'Cormorant Garamond',serif;font-size:1.13em;color:#a47742;font-weight:500}h1 span{font-size:.8em}.hero-text{font-size:12px;line-height:1.95;color:#79695d;max-width:370px;margin:0 auto}.symbol-divider{display:flex;align-items:center;justify-content:center;gap:15px;margin:28px auto 30px;font:23px Georgia,serif;color:#b48b53}.symbol-divider span{width:48px;height:1px;background:linear-gradient(90deg,transparent,#c5a170)}.symbol-divider span:last-child{transform:rotate(180deg)}.kicker{font-size:9px;color:#936d45;letter-spacing:.28em;text-align:center;font-weight:700;margin:0 0 18px}
.socials{display:grid;gap:13px}.social-card{display:flex;align-items:center;gap:15px;min-height:90px;padding:15px 18px;background:#fff;border:1px solid #e5d4bc;border-radius:14px;box-shadow:0 5px 22px #7e553312;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.social-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #67412326;border-color:#c5a16a}.social-icon{flex-shrink:0;width:58px;height:58px;display:grid;place-items:center;border-radius:17px;color:white;box-shadow:0 5px 14px #00000020}.social-icon svg{width:30px;height:30px}.social-icon.instagram{background:linear-gradient(140deg,#6e41c7 4%,#c62b98 45%,#f04c55 69%,#ffbd54 100%)}.social-icon.facebook{background:#1877f2}.social-icon.tiktok{background:#111;box-shadow:-3px 3px 0 #25f4ee,3px -3px 0 #fe2c55}.social-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.social-name{font:500 30px/1 'Cormorant Garamond',serif;color:#402b22}.social-desc{font-size:10px;line-height:1.5;color:#87756a}.social-action{margin-left:auto;display:flex;align-items:center;gap:8px;color:#ac7d4b}.action-label{font-size:9px;letter-spacing:.15em;font-weight:700}.arrow{font-size:20px}.social-card.unavailable{opacity:.65;cursor:default}
.closing p{font:500 22px/1.22 'Cormorant Garamond',serif;color:#85613f;margin:0}.closing em{font-size:24px;color:#6b4631}.closing-line{width:30px;height:1px;background:#c49d6e}.site-nav{text-align:center}.site-nav a{display:inline-flex;align-items:center;gap:15px;color:#7e552e;border-bottom:1px solid #bd925b;padding:12px 3px;font-size:10px;font-weight:700;letter-spacing:.15em}.site-nav a:hover{color:#bd864a}.page-footer{max-width:610px;margin:18px auto 0;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;color:#7d6759}
@keyframes twinkle{50%{opacity:1;transform:scale(1.35)}}@media(max-width:480px){.page{padding:9px 9px 20px}.stage{padding:38px 22px 28px}.stage:after{inset:7px}.monogram{max-width:300px;margin-bottom:28px}.chapter{font-size:8px;letter-spacing:.12em}.social-card{padding:12px;min-height:80px;gap:12px}.social-icon{width:49px;height:49px;border-radius:14px}.social-icon svg{width:25px;height:25px}.social-name{font-size:28px}.social-desc{font-size:9px}.action-label{display:none}.page-footer{flex-direction:column;align-items:center;gap:7px;text-align:center}}@media(prefers-reduced-motion:reduce){.tiny-stars span{animation:none}.social-card{transition:none}}