@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;800&family=Instrument+Serif:ital@0;1&display=swap');:root{--bg:#f7eaf0;--ink:#431832;--pink:#ff9bc5;--hot:#ff4f9a;--cream:#fff9ed;--chrome:#dddde2;--card:#fffafc;--line:#4318322b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 "DM Sans",sans-serif;overflow-x:hidden}body.dark{--bg:#21101b;--ink:#fff4f8;--cream:#2d1725;--card:#321a29;--chrome:#533747;--line:#ffffff29}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}header{height:64px;max-width:1120px;margin:auto;padding:0 20px;display:flex;align-items:center;gap:24px}.logo{font-weight:800;font-size:19px}.logo+span{font-size:9px;letter-spacing:.16em;margin-left:auto}.theme{border:1px solid var(--line);background:var(--card);border-radius:50%;width:38px;height:38px}.bento{max-width:1080px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr 105px;grid-template-rows:1fr 105px;gap:12px;padding:15px 20px 55px}.tile{border:1px solid var(--line);border-radius:22px;overflow:hidden}.headline{grid-row:span 2;background:var(--cream);padding:40px;display:flex;flex-direction:column}.headline p,.kicker{font-size:10px;letter-spacing:.18em;font-weight:800}.headline h1{font:400 clamp(45px,7vw,74px)/.88 "Instrument Serif",serif;margin:45px 0 30px}.headline i{color:var(--hot)}.headline button,form button{border:0;background:var(--ink);color:var(--cream);padding:14px 17px;font-weight:800;margin-top:auto}.photo{grid-row:span 2;margin:0;position:relative}.photo img{width:100%;height:100%;min-height:485px;object-fit:cover;display:block}.photo figcaption{position:absolute;bottom:12px;left:12px;background:var(--cream);padding:8px 12px;font-size:9px;font-weight:800;letter-spacing:.12em}.dot{background:var(--pink);font-size:34px;display:grid;place-items:center;text-align:center}.dot small{font-size:8px;letter-spacing:.12em;text-transform:uppercase;margin-top:-25px}.stamp{background:var(--chrome);display:grid;place-items:center;text-align:center;font-weight:800;font-size:11px;line-height:1.2}.about{max-width:850px;margin:auto;padding:65px 20px;text-align:center}.about>span,.title>span,.visit>span{font-size:10px;letter-spacing:.18em;color:var(--hot);font-weight:800}.about h2,.title h2,.visit h2,.dialog h2{font:400 clamp(34px,5vw,52px)/1 "Instrument Serif",serif;margin:14px 0}.about p{color:color-mix(in srgb,var(--ink),transparent 30%);max-width:630px;margin:20px auto 0}.services{max-width:1080px;margin:auto;padding:30px 20px 65px}.title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:1fr .9fr 1.1fr;gap:12px;margin-top:18px}.service-grid button{border:1px solid var(--line);border-radius:20px;min-height:270px;padding:22px;text-align:left;display:flex;flex-direction:column;color:#431832}.gel{background:#ffbfd9}.art{background:#dfe0e5}.spa{background:#fff1b8}.service-grid small{font-weight:800}.service-grid b{font:400 31px/1 "Instrument Serif",serif;margin:auto 0 8px}.service-grid span{font-size:12px}.service-grid em{font-style:normal;font-weight:800;font-size:11px;margin-top:24px}.social{max-width:1080px;margin:auto;padding:0 20px 65px;display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.quote{background:var(--ink);color:var(--cream);padding:28px}.quote span{font:70px/1 "Instrument Serif",serif;color:var(--pink)}.quote p{font:400 28px/1.1 "Instrument Serif",serif}.visit{background:var(--card);padding:28px}.visit a{color:var(--hot);font-weight:800}footer{border-top:1px solid var(--line);padding:24px max(20px,calc((100vw - 1040px)/2));display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em}footer button{border:0;background:none;font-weight:800}.whatsapp{position:fixed;right:max(18px,calc((100vw - 1120px)/2));bottom:96px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#08190e;display:grid;place-items:center;box-shadow:0 12px 28px #0004;z-index:20}.whatsapp svg{width:29px;fill:currentColor}.modal{position:fixed;inset:0;background:#240717c9;display:none;place-items:center;padding:18px;z-index:40}.modal.open{display:grid}.dialog{background:var(--card);width:min(500px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:28px;border-radius:24px;position:relative}.close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:34px}.notice{background:color-mix(in srgb,var(--pink),transparent 65%);border:1px solid var(--hot);padding:12px 14px;margin:16px 0}.notice b{color:var(--hot)}label{display:grid;gap:6px;margin:12px 0;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}input,select{width:100%;border:1px solid var(--line);background:var(--cream);color:var(--ink);padding:13px;font:15px "DM Sans",sans-serif}.cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}form button{width:100%;background:var(--hot);color:white;margin-top:8px}
@media(max-width:700px){header{height:58px;padding:0 18px}.logo+span{display:none}.theme{margin-left:auto}.bento{padding:10px 18px 42px;grid-template-columns:1fr 78px;grid-template-rows:auto 78px;gap:9px}.headline{grid-column:1/-1;grid-row:auto;padding:25px 22px}.headline h1{font-size:45px;margin:25px 0 22px}.headline button{margin-top:0}.photo{grid-column:1;grid-row:2/4}.photo img{height:245px;min-height:0;object-position:center 27%}.dot{grid-column:2;grid-row:2}.stamp{grid-column:2;grid-row:3}.photo figcaption{font-size:8px}.about{padding:44px 18px}.about h2,.title h2,.visit h2,.dialog h2{font-size:32px}.services{padding:24px 18px 44px}.title{display:block}.service-grid{grid-template-columns:1fr}.service-grid button{min-height:178px}.service-grid b{font-size:28px;margin:25px 0 7px}.social{padding:0 18px 44px;grid-template-columns:1fr}.quote p{font-size:26px}.whatsapp{right:18px;bottom:96px;width:54px;height:54px}.dialog{padding:24px 20px}.cols{grid-template-columns:1fr}}
