Perfect Nipps \u2013 Accueil<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@200;300;400&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --or: #C9A96E;\n --or-clair: #E8D5A3;\n --or-pale: #F5EDD8;\n --rose-1: #F2C4CE;\n --rose-2: #E8A0B0;\n --rose-3: #C97A8A;\n --violet: #6B4E71;\n --violet-clair: #9B7EA8;\n --blanc: #FDFAF6;\n --texte: #2A1F2D;\n }\n\n- { margin: 0; padding: 0; box-sizing: border-box; }\n\nbody {\nfont-family: \u2018Jost\u2019, sans-serif;\nbackground: var(\u2013blanc);\ncolor: var(\u2013texte);\noverflow-x: hidden;\n}\n\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\nnav {\nposition: fixed; top: 0; width: 100%; z-index: 100;\nbackground: rgba(253,250,246,0.92);\nbackdrop-filter: blur(12px);\nborder-bottom: 1px solid var(\u2013or-clair);\npadding: 0 40px;\ndisplay: flex; align-items: center; justify-content: space-between;\nheight: 70px;\n}\n.nav-logo {\nfont-family: \u2018Cormorant Garamond\u2019, serif;\nfont-size: 1.5rem; font-weight: 300; letter-spacing: 0.15em;\ncolor: var(\u2013violet);\ntext-decoration: none;\n}\n.nav-logo span { color: var(\u2013or); }\n.nav-links { display: flex; gap: 28px; list-style: none; }\n.nav-links a {\nfont-size: 0.7rem; letter-spacing: 0.2em; text-transform: uppercase;\ncolor: var(\u2013texte); text-decoration: none; font-weight: 300;\ntransition: color 0.3s;\n}\n.nav-links a:hover { color: var(\u2013or); }\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero {\nmin-height: 100vh;\ndisplay: flex; align-items: center; justify-content: center;\nflex-direction: column; text-align: center;\npadding: 100px 40px 60px;\nbackground:\nradial-gradient(ellipse at 20% 50%, rgba(201,121,138,0.12) 0%, transparent 60%),\nradial-gradient(ellipse at 80% 20%, rgba(107,78,113,0.1) 0%, transparent 55%),\nradial-gradient(ellipse at 60% 80%, rgba(201,169,110,0.08) 0%, transparent 50%),\nvar(\u2013blanc);\nposition: relative;\n}\n\n.hero-eyebrow {\nfont-size: 0.65rem; letter-spacing: 0.4em; text-transform: uppercase;\ncolor: var(\u2013or); margin-bottom: 24px; font-weight: 300;\nanimation: fadeUp 0.8s ease forwards;\n}\n.hero-title {\nfont-family: \u2018Cormorant Garamond\u2019, serif;\nfont-size: clamp(3.5rem, 8vw, 7rem);\nfont-weight: 300; line-height: 1.05;\ncolor: var(\u2013texte); margin-bottom: 8px;\nanimation: fadeUp 0.8s 0.15s ease both;\n}\n.hero-title em { color: var(\u2013violet); font-style: italic; }\n.hero-subtitle {\nfont-family: \u2018Cormorant Garamond\u2019, serif;\nfont-size: clamp(1rem, 2.5vw, 1.5rem);\nfont-weight: 300; font-style: italic;\ncolor: var(\u2013rose-3); margin-bottom: 48px;\nanimation: fadeUp 0.8s 0.3s ease both;\n}\n.hero-desc {\nmax-width: 560px; font-size: 0.9rem; line-height: 1.85;\ncolor: #5A4A5D; margin-bottom: 56px; font-weight: 300;\nanimation: fadeUp 0.8s 0.45s ease both;\n}\n.hero-cta {\nanimation: fadeUp 0.8s 0.6s ease both;\n}\n.btn-or {\ndisplay: inline-block;\npadding: 16px 44px;\nbackground: linear-gradient(135deg, var(\u2013or), var(\u2013rose-3));\ncolor: white; text-decoration: none;\nfont-size: 0.7rem; letter-spacing: 0.25em; text-transform: uppercase;\nfont-weight: 300; border: none; cursor: pointer;\ntransition: opacity 0.3s, transform 0.3s;\n}\n.btn-or:hover { opacity: 0.85; transform: translateY(-2px); }\n\n\/* ornement *\/\n.ornement {\nposition: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);\ndisplay: flex; flex-direction: column; align-items: center; gap: 8px;\nanimation: fadeUp 1s 0.9s ease both;\n}\n.ornement-line { width: 1px; height: 50px; background: linear-gradient(var(\u2013or), transparent); }\n.ornement-dot { width: 5px; height: 5px; border-radius: 50%; background: var(\u2013or); }\n\n\/* \u2500\u2500 SERVICES GRID \u2500\u2500 *\/\n.section-title-wrap { text-align: center; padding: 80px 40px 50px; }\n.section-eyebrow {\nfont-size: 0.62rem; letter-spacing: 0.4em; text-transform: uppercase;\ncolor: var(\u2013or); display: block; margin-bottom: 16px;\n}\n.section-title {\nfont-family: \u2018Cormorant Garamond\u2019, serif;\nfont-size: clamp(2rem, 4vw, 3rem); font-weight: 300;\ncolor: var(\u2013texte);\n}\n.section-title em { color: var(\u2013violet); font-style: italic; }\n\n.services-grid {\ndisplay: grid;\ngrid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\ngap: 2px; padding: 0 2px 80px;\n}\n.service-card {\nposition: relative; overflow: hidden;\naspect-ratio: 3\/4;\ndisplay: flex; flex-direction: column; justify-content: flex-end;\npadding: 36px 28px;\ntext-decoration: none; color: white;\ntransition: transform 0.4s ease;\n}\n.service-card:hover { transform: scale(1.01); }\n.service-card:hover .card-overlay { opacity: 0.75; }\n\n.card-bg { position: absolute; inset: 0; z-index: 0; }\n.card-overlay {\nposition: absolute; inset: 0; z-index: 1;\nbackground: linear-gradient(to top, rgba(42,31,45,0.85) 0%, rgba(42,31,45,0.1) 60%);\ntransition: opacity 0.4s;\n}\n\n\/* couleurs de fond par carte *\/\n.card-1 .card-bg { background: linear-gradient(135deg, var(\u2013rose-2), var(\u2013rose-3)); }\n.card-2 .card-bg { background: linear-gradient(135deg, var(\u2013violet), #3D2440); }\n.card-3 .card-bg { background: linear-gradient(135deg, var(\u2013or), #A07840); }\n.card-4 .card-bg { background: linear-gradient(135deg, #9B7EA8, var(\u2013violet)); }\n.card-5 .card-bg { background: linear-gradient(135deg, var(\u2013rose-3), var(\u2013violet)); }\n.card-6 .card-bg { background: linear-gradient(135deg, var(\u2013or-clair), var(\u2013or)); }\n.card-7 .card-bg { background: linear-gradient(135deg, #3D2440, var(\u2013violet-clair)); }\n.card-8 .card-bg { background: linear-gradient(135deg, var(\u2013rose-1), var(\u2013rose-2)); }\n\n.card-number {\nposition: absolute; top: 24px; right: 24px;\nfont-family: \u2018Cormorant Garamond\u2019, serif;\nfont-size: 3.5rem; font-weight: 300; line-height: 1;\ncolor: rgba(255,255,255,0.15); z-index: 2;\n}\n.card-content { position: relative; z-index: 2; }\n.card-label {\nfont-size: 0.6rem; letter-spacing: 0.3em; text-transform: uppercase;\nopacity: 0.7; margin-bottom: 8px;\n}\n.card-title {\nfont-family: \u2018Cormorant Garamond\u2019, serif;\nfont-size: 1.6rem; font-weight: 300; line-height: 1.2;\nmargin-bottom: 12px;\n}\n.card-arrow {\nfont-size: 0.65rem; letter-spacing: 0.2em; opacity: 0.8;\ndisplay: flex; align-items: center; gap: 8px;\n}\n.card-arrow::after {\ncontent: \u2018\u2192\u2019; font-size: 1rem;\ntransition: transform 0.3s;\n}\n.service-card:hover .card-arrow::after { transform: translateX(6px); }\n\n\/* \u2500\u2500 SIGNATURE \u2500\u2500 *\/\n.signature-band {\nbackground: linear-gradient(135deg, var(\u2013violet), #3D2440);\npadding: 80px 40px; text-align: center;\nposition: relative; overflow: hidden;\n}\n.signature-band::before {\ncontent: \u2018PERFECT NIPPS\u2019;\nposition: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);\nfont-family: \u2018Cormorant Garamond\u2019, serif;\nfont-size: clamp(4rem, 12vw, 10rem); font-weight: 300;\ncolor: rgba(255,255,255,0.03); white-space: nowrap; pointer-events: none;\n}\n.signature-band p {\nfont-family: \u2018Cormorant Garamond\u2019, serif;\nfont-size: clamp(1.2rem, 3vw, 2rem);\nfont-style: italic; color: var(\u2013or-clair);\nposition: relative; z-index: 1;\n}\n.signature-band .btn-or { margin-top: 32px; display: inline-block; }\n\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\nfooter {\nbackground: var(\u2013texte); color: rgba(253,250,246,0.6);\ntext-align: center; padding: 32px;\nfont-size: 0.72rem; letter-spacing: 0.12em;\n}\nfooter a { color: var(\u2013or); text-decoration: none; }\n\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n@keyframes fadeUp {\nfrom { opacity: 0; transform: translateY(24px); }\nto { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 768px) {\nnav { padding: 0 20px; }\n.nav-links { display: none; }\n.services-grid { grid-template-columns: 1fr 1fr; }\n.service-card { aspect-ratio: 1\/1; padding: 20px 16px; }\n.card-title { font-size: 1.1rem; }\n}\n<\/style>\n\n<\/head>\n<body>\n\n\n\n<nav>\n <a href=\"accueil.html\" class=\"nav-logo\">Perfect <span>Nipps<\/span><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"protheses.html\">Proth\u00e8ses<\/a><\/li>\n <li><a href=\"pret-a-porter.html\">Pr\u00eat-\u00e0-porter<\/a><\/li>\n <li><a href=\"sur-mesure.html\">Sur mesure<\/a><\/li>\n <li><a href=\"dermopigmentation.html\">Dermopigmentation<\/a><\/li>\n <li><a href=\"accompagnement.html\">Accompagnement<\/a><\/li>\n <li><a href=\"rendez-vous.html\">Rendez-vous<\/a><\/li>\n <li><a href=\"mon-histoire.html\">Mon histoire<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n\n<section class=\"hero\">\n <p class=\"hero-eyebrow\">Beaut\u00e9 \u00b7 Bien-\u00eatre \u00b7 Renaissance<\/p>\n <h1 class=\"hero-title\">Perfect <em>Nipps<\/em><\/h1>\n <p class=\"hero-subtitle\">L’art de se sentir enti\u00e8re, \u00e0 nouveau<\/p>\n <p class=\"hero-desc\">\n Un espace d\u00e9di\u00e9 aux femmes en qu\u00eate de beaut\u00e9, de s\u00e9r\u00e9nit\u00e9 et de renaissance.\n Proth\u00e8ses oncologiques, dermopigmentation, accompagnement int\u00e9rieur \u2014\n chaque soin est pens\u00e9 avec amour et pr\u00e9cision.\n <\/p>\n <div class=\"hero-cta\">\n <a href=\"rendez-vous.html\" class=\"btn-or\">Prendre rendez-vous<\/a>\n <\/div>\n <div class=\"ornement\">\n <div class=\"ornement-line\"><\/div>\n <div class=\"ornement-dot\"><\/div>\n <\/div>\n<\/section>\n\n\n\n<div class=\"section-title-wrap\">\n <span class=\"section-eyebrow\">Mes univers<\/span>\n <h2 class=\"section-title\">D\u00e9couvrez <em>nos services<\/em><\/h2>\n<\/div>\n\n<div class=\"services-grid\">\n <a href=\"protheses.html\" class=\"service-card card-1\">\n <div class=\"card-bg\"><\/div>\n <div class=\"card-overlay\"><\/div>\n <span class=\"card-number\">01<\/span>\n <div class=\"card-content\">\n <p class=\"card-label\">Soin oncologique<\/p>\n <h3 class=\"card-title\">Proth\u00e8ses mammaires<\/h3>\n <p class=\"card-arrow\">D\u00e9couvrir<\/p>\n <\/div>\n <\/a>\n\n <a href=\"pret-a-porter.html\" class=\"service-card card-2\">\n <div class=\"card-bg\"><\/div>\n <div class=\"card-overlay\"><\/div>\n <span class=\"card-number\">02<\/span>\n <div class=\"card-content\">\n <p class=\"card-label\">Collection<\/p>\n <h3 class=\"card-title\">Pr\u00eat-\u00e0-porter<\/h3>\n <p class=\"card-arrow\">D\u00e9couvrir<\/p>\n <\/div>\n <\/a>\n\n <a href=\"sur-mesure.html\" class=\"service-card card-3\">\n <div class=\"card-bg\"><\/div>\n <div class=\"card-overlay\"><\/div>\n <span class=\"card-number\">03<\/span>\n <div class=\"card-content\">\n <p class=\"card-label\">Cr\u00e9ation unique<\/p>\n <h3 class=\"card-title\">Sur mesure<\/h3>\n <p class=\"card-arrow\">D\u00e9couvrir<\/p>\n <\/div>\n <\/a>\n\n <a href=\"dermopigmentation.html\" class=\"service-card card-4\">\n <div class=\"card-bg\"><\/div>\n <div class=\"card-overlay\"><\/div>\n <span class=\"card-number\">04<\/span>\n <div class=\"card-content\">\n <p class=\"card-label\">Beaut\u00e9 permanente<\/p>\n <h3 class=\"card-title\">Dermopigmentation & sourcils<\/h3>\n <p class=\"card-arrow\">D\u00e9couvrir<\/p>\n <\/div>\n <\/a>\n\n <a href=\"accompagnement.html\" class=\"service-card card-5\">\n <div class=\"card-bg\"><\/div>\n <div class=\"card-overlay\"><\/div>\n <span class=\"card-number\">05<\/span>\n <div class=\"card-content\">\n <p class=\"card-label\">Bien-\u00eatre<\/p>\n <h3 class=\"card-title\">Accompagnement & lib\u00e9ration int\u00e9rieure<\/h3>\n <p class=\"card-arrow\">D\u00e9couvrir<\/p>\n <\/div>\n <\/a>\n\n <a href=\"rendez-vous.html\" class=\"service-card card-6\">\n <div class=\"card-bg\"><\/div>\n <div class=\"card-overlay\"><\/div>\n <span class=\"card-number\">06<\/span>\n <div class=\"card-content\">\n <p class=\"card-label\">R\u00e9servation<\/p>\n <h3 class=\"card-title\">Prendre rendez-vous<\/h3>\n <p class=\"card-arrow\">R\u00e9server<\/p>\n <\/div>\n <\/a>\n\n <a href=\"mon-histoire.html\" class=\"service-card card-7\">\n <div class=\"card-bg\"><\/div>\n <div class=\"card-overlay\"><\/div>\n <span class=\"card-number\">07<\/span>\n <div class=\"card-content\">\n <p class=\"card-label\">\u00c0 propos<\/p>\n <h3 class=\"card-title\">Mon histoire<\/h3>\n <p class=\"card-arrow\">Lire<\/p>\n <\/div>\n <\/a>\n\n <a href=\"divers.html\" class=\"service-card card-8\">\n <div class=\"card-bg\"><\/div>\n <div class=\"card-overlay\"><\/div>\n <span class=\"card-number\">08<\/span>\n <div class=\"card-content\">\n <p class=\"card-label\">Autres<\/p>\n <h3 class=\"card-title\">Divers<\/h3>\n <p class=\"card-arrow\">Voir<\/p>\n <\/div>\n <\/a>\n<\/div>\n\n\n\n<section class=\"signature-band\">\n <p>\u00ab Parce que chaque femme m\u00e9rite de se sentir belle, enti\u00e8re et en paix. \u00bb<\/p>\n <a href=\"rendez-vous.html\" class=\"btn-or\">Prendre rendez-vous<\/a>\n<\/section>\n\n\n\n<footer>\n <p>\u00a9 2025 Perfect Nipps \u00b7 Tous droits r\u00e9serv\u00e9s \u00b7 <a href=\"rendez-vous.html\">Contact<\/a><\/p>\n<\/footer>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Perfect Nipps \u2013 Accueil Perfect Nipps Proth\u00e8ses Pr\u00eat-\u00e0-porter Sur mesure Dermopigmentation Accompagnement Rendez-vous Mon histoire Beaut\u00e9 \u00b7 Bien-\u00eatre \u00b7 Renaissance Perfect Nipps L’art de se sentir enti\u00e8re, \u00e0 nouveau Un espace d\u00e9di\u00e9 aux femmes en qu\u00eate de beaut\u00e9, de s\u00e9r\u00e9nit\u00e9 et de renaissance. Proth\u00e8ses oncologiques, dermopigmentation, accompagnement int\u00e9rieur \u2014 chaque soin est pens\u00e9 avec amour […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":1,"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":55,"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/pages\/54\/revisions\/55"}],"wp:attachment":[{"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":54,"date":"2026-04-13T16:22:17","date_gmt":"2026-04-13T16:22:17","guid":{"rendered":"https:\/\/perfectnipps.re\/?page_id=54"},"modified":"2026-04-13T16:22:17","modified_gmt":"2026-04-13T16:22:17","slug":"accueil-perfect-nipps","status":"publish","type":"page","link":"http:\/\/perfectnipps.re\/index.php\/accueil-perfect-nipps\/","title":{"rendered":"Accueil – Perfect Nipps"},"content":{"rendered":"\n\n\n\n\n\n\nPerfect Nipps \u2013 Accueil<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@200;300;400&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --or: #C9A96E;\n --or-clair: #E8D5A3;\n --or-pale: #F5EDD8;\n --rose-1: #F2C4CE;\n --rose-2: #E8A0B0;\n --rose-3: #C97A8A;\n --violet: #6B4E71;\n --violet-clair: #9B7EA8;\n --blanc: #FDFAF6;\n --texte: #2A1F2D;\n }\n\n- { margin: 0; padding: 0; box-sizing: border-box; }\n\nbody {\nfont-family: \u2018Jost\u2019, sans-serif;\nbackground: var(\u2013blanc);\ncolor: var(\u2013texte);\noverflow-x: hidden;\n}\n\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\nnav {\nposition: fixed; top: 0; width: 100%; z-index: 100;\nbackground: rgba(253,250,246,0.92);\nbackdrop-filter: blur(12px);\nborder-bottom: 1px solid var(\u2013or-clair);\npadding: 0 40px;\ndisplay: flex; align-items: center; justify-content: space-between;\nheight: 70px;\n}\n.nav-logo {\nfont-family: \u2018Cormorant Garamond\u2019, serif;\nfont-size: 1.5rem; font-weight: 300; letter-spacing: 0.15em;\ncolor: var(\u2013violet);\ntext-decoration: none;\n}\n.nav-logo span { color: var(\u2013or); }\n.nav-links { display: flex; gap: 28px; list-style: none; }\n.nav-links a {\nfont-size: 0.7rem; letter-spacing: 0.2em; text-transform: uppercase;\ncolor: var(\u2013texte); text-decoration: none; font-weight: 300;\ntransition: color 0.3s;\n}\n.nav-links a:hover { color: var(\u2013or); }\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero {\nmin-height: 100vh;\ndisplay: flex; align-items: center; justify-content: center;\nflex-direction: column; text-align: center;\npadding: 100px 40px 60px;\nbackground:\nradial-gradient(ellipse at 20% 50%, rgba(201,121,138,0.12) 0%, transparent 60%),\nradial-gradient(ellipse at 80% 20%, rgba(107,78,113,0.1) 0%, transparent 55%),\nradial-gradient(ellipse at 60% 80%, rgba(201,169,110,0.08) 0%, transparent 50%),\nvar(\u2013blanc);\nposition: relative;\n}\n\n.hero-eyebrow {\nfont-size: 0.65rem; letter-spacing: 0.4em; text-transform: uppercase;\ncolor: var(\u2013or); margin-bottom: 24px; font-weight: 300;\nanimation: fadeUp 0.8s ease forwards;\n}\n.hero-title {\nfont-family: \u2018Cormorant Garamond\u2019, serif;\nfont-size: clamp(3.5rem, 8vw, 7rem);\nfont-weight: 300; line-height: 1.05;\ncolor: var(\u2013texte); margin-bottom: 8px;\nanimation: fadeUp 0.8s 0.15s ease both;\n}\n.hero-title em { color: var(\u2013violet); font-style: italic; }\n.hero-subtitle {\nfont-family: \u2018Cormorant Garamond\u2019, serif;\nfont-size: clamp(1rem, 2.5vw, 1.5rem);\nfont-weight: 300; font-style: italic;\ncolor: var(\u2013rose-3); margin-bottom: 48px;\nanimation: fadeUp 0.8s 0.3s ease both;\n}\n.hero-desc {\nmax-width: 560px; font-size: 0.9rem; line-height: 1.85;\ncolor: #5A4A5D; margin-bottom: 56px; font-weight: 300;\nanimation: fadeUp 0.8s 0.45s ease both;\n}\n.hero-cta {\nanimation: fadeUp 0.8s 0.6s ease both;\n}\n.btn-or {\ndisplay: inline-block;\npadding: 16px 44px;\nbackground: linear-gradient(135deg, var(\u2013or), var(\u2013rose-3));\ncolor: white; text-decoration: none;\nfont-size: 0.7rem; letter-spacing: 0.25em; text-transform: uppercase;\nfont-weight: 300; border: none; cursor: pointer;\ntransition: opacity 0.3s, transform 0.3s;\n}\n.btn-or:hover { opacity: 0.85; transform: translateY(-2px); }\n\n\/* ornement *\/\n.ornement {\nposition: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);\ndisplay: flex; flex-direction: column; align-items: center; gap: 8px;\nanimation: fadeUp 1s 0.9s ease both;\n}\n.ornement-line { width: 1px; height: 50px; background: linear-gradient(var(\u2013or), transparent); }\n.ornement-dot { width: 5px; height: 5px; border-radius: 50%; background: var(\u2013or); }\n\n\/* \u2500\u2500 SERVICES GRID \u2500\u2500 *\/\n.section-title-wrap { text-align: center; padding: 80px 40px 50px; }\n.section-eyebrow {\nfont-size: 0.62rem; letter-spacing: 0.4em; text-transform: uppercase;\ncolor: var(\u2013or); display: block; margin-bottom: 16px;\n}\n.section-title {\nfont-family: \u2018Cormorant Garamond\u2019, serif;\nfont-size: clamp(2rem, 4vw, 3rem); font-weight: 300;\ncolor: var(\u2013texte);\n}\n.section-title em { color: var(\u2013violet); font-style: italic; }\n\n.services-grid {\ndisplay: grid;\ngrid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\ngap: 2px; padding: 0 2px 80px;\n}\n.service-card {\nposition: relative; overflow: hidden;\naspect-ratio: 3\/4;\ndisplay: flex; flex-direction: column; justify-content: flex-end;\npadding: 36px 28px;\ntext-decoration: none; color: white;\ntransition: transform 0.4s ease;\n}\n.service-card:hover { transform: scale(1.01); }\n.service-card:hover .card-overlay { opacity: 0.75; }\n\n.card-bg { position: absolute; inset: 0; z-index: 0; }\n.card-overlay {\nposition: absolute; inset: 0; z-index: 1;\nbackground: linear-gradient(to top, rgba(42,31,45,0.85) 0%, rgba(42,31,45,0.1) 60%);\ntransition: opacity 0.4s;\n}\n\n\/* couleurs de fond par carte *\/\n.card-1 .card-bg { background: linear-gradient(135deg, var(\u2013rose-2), var(\u2013rose-3)); }\n.card-2 .card-bg { background: linear-gradient(135deg, var(\u2013violet), #3D2440); }\n.card-3 .card-bg { background: linear-gradient(135deg, var(\u2013or), #A07840); }\n.card-4 .card-bg { background: linear-gradient(135deg, #9B7EA8, var(\u2013violet)); }\n.card-5 .card-bg { background: linear-gradient(135deg, var(\u2013rose-3), var(\u2013violet)); }\n.card-6 .card-bg { background: linear-gradient(135deg, var(\u2013or-clair), var(\u2013or)); }\n.card-7 .card-bg { background: linear-gradient(135deg, #3D2440, var(\u2013violet-clair)); }\n.card-8 .card-bg { background: linear-gradient(135deg, var(\u2013rose-1), var(\u2013rose-2)); }\n\n.card-number {\nposition: absolute; top: 24px; right: 24px;\nfont-family: \u2018Cormorant Garamond\u2019, serif;\nfont-size: 3.5rem; font-weight: 300; line-height: 1;\ncolor: rgba(255,255,255,0.15); z-index: 2;\n}\n.card-content { position: relative; z-index: 2; }\n.card-label {\nfont-size: 0.6rem; letter-spacing: 0.3em; text-transform: uppercase;\nopacity: 0.7; margin-bottom: 8px;\n}\n.card-title {\nfont-family: \u2018Cormorant Garamond\u2019, serif;\nfont-size: 1.6rem; font-weight: 300; line-height: 1.2;\nmargin-bottom: 12px;\n}\n.card-arrow {\nfont-size: 0.65rem; letter-spacing: 0.2em; opacity: 0.8;\ndisplay: flex; align-items: center; gap: 8px;\n}\n.card-arrow::after {\ncontent: \u2018\u2192\u2019; font-size: 1rem;\ntransition: transform 0.3s;\n}\n.service-card:hover .card-arrow::after { transform: translateX(6px); }\n\n\/* \u2500\u2500 SIGNATURE \u2500\u2500 *\/\n.signature-band {\nbackground: linear-gradient(135deg, var(\u2013violet), #3D2440);\npadding: 80px 40px; text-align: center;\nposition: relative; overflow: hidden;\n}\n.signature-band::before {\ncontent: \u2018PERFECT NIPPS\u2019;\nposition: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);\nfont-family: \u2018Cormorant Garamond\u2019, serif;\nfont-size: clamp(4rem, 12vw, 10rem); font-weight: 300;\ncolor: rgba(255,255,255,0.03); white-space: nowrap; pointer-events: none;\n}\n.signature-band p {\nfont-family: \u2018Cormorant Garamond\u2019, serif;\nfont-size: clamp(1.2rem, 3vw, 2rem);\nfont-style: italic; color: var(\u2013or-clair);\nposition: relative; z-index: 1;\n}\n.signature-band .btn-or { margin-top: 32px; display: inline-block; }\n\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\nfooter {\nbackground: var(\u2013texte); color: rgba(253,250,246,0.6);\ntext-align: center; padding: 32px;\nfont-size: 0.72rem; letter-spacing: 0.12em;\n}\nfooter a { color: var(\u2013or); text-decoration: none; }\n\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n@keyframes fadeUp {\nfrom { opacity: 0; transform: translateY(24px); }\nto { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 768px) {\nnav { padding: 0 20px; }\n.nav-links { display: none; }\n.services-grid { grid-template-columns: 1fr 1fr; }\n.service-card { aspect-ratio: 1\/1; padding: 20px 16px; }\n.card-title { font-size: 1.1rem; }\n}\n<\/style>\n\n<\/head>\n<body>\n\n\n\n<nav>\n <a href=\"accueil.html\" class=\"nav-logo\">Perfect <span>Nipps<\/span><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"protheses.html\">Proth\u00e8ses<\/a><\/li>\n <li><a href=\"pret-a-porter.html\">Pr\u00eat-\u00e0-porter<\/a><\/li>\n <li><a href=\"sur-mesure.html\">Sur mesure<\/a><\/li>\n <li><a href=\"dermopigmentation.html\">Dermopigmentation<\/a><\/li>\n <li><a href=\"accompagnement.html\">Accompagnement<\/a><\/li>\n <li><a href=\"rendez-vous.html\">Rendez-vous<\/a><\/li>\n <li><a href=\"mon-histoire.html\">Mon histoire<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n\n<section class=\"hero\">\n <p class=\"hero-eyebrow\">Beaut\u00e9 \u00b7 Bien-\u00eatre \u00b7 Renaissance<\/p>\n <h1 class=\"hero-title\">Perfect <em>Nipps<\/em><\/h1>\n <p class=\"hero-subtitle\">L’art de se sentir enti\u00e8re, \u00e0 nouveau<\/p>\n <p class=\"hero-desc\">\n Un espace d\u00e9di\u00e9 aux femmes en qu\u00eate de beaut\u00e9, de s\u00e9r\u00e9nit\u00e9 et de renaissance.\n Proth\u00e8ses oncologiques, dermopigmentation, accompagnement int\u00e9rieur \u2014\n chaque soin est pens\u00e9 avec amour et pr\u00e9cision.\n <\/p>\n <div class=\"hero-cta\">\n <a href=\"rendez-vous.html\" class=\"btn-or\">Prendre rendez-vous<\/a>\n <\/div>\n <div class=\"ornement\">\n <div class=\"ornement-line\"><\/div>\n <div class=\"ornement-dot\"><\/div>\n <\/div>\n<\/section>\n\n\n\n<div class=\"section-title-wrap\">\n <span class=\"section-eyebrow\">Mes univers<\/span>\n <h2 class=\"section-title\">D\u00e9couvrez <em>nos services<\/em><\/h2>\n<\/div>\n\n<div class=\"services-grid\">\n <a href=\"protheses.html\" class=\"service-card card-1\">\n <div class=\"card-bg\"><\/div>\n <div class=\"card-overlay\"><\/div>\n <span class=\"card-number\">01<\/span>\n <div class=\"card-content\">\n <p class=\"card-label\">Soin oncologique<\/p>\n <h3 class=\"card-title\">Proth\u00e8ses mammaires<\/h3>\n <p class=\"card-arrow\">D\u00e9couvrir<\/p>\n <\/div>\n <\/a>\n\n <a href=\"pret-a-porter.html\" class=\"service-card card-2\">\n <div class=\"card-bg\"><\/div>\n <div class=\"card-overlay\"><\/div>\n <span class=\"card-number\">02<\/span>\n <div class=\"card-content\">\n <p class=\"card-label\">Collection<\/p>\n <h3 class=\"card-title\">Pr\u00eat-\u00e0-porter<\/h3>\n <p class=\"card-arrow\">D\u00e9couvrir<\/p>\n <\/div>\n <\/a>\n\n <a href=\"sur-mesure.html\" class=\"service-card card-3\">\n <div class=\"card-bg\"><\/div>\n <div class=\"card-overlay\"><\/div>\n <span class=\"card-number\">03<\/span>\n <div class=\"card-content\">\n <p class=\"card-label\">Cr\u00e9ation unique<\/p>\n <h3 class=\"card-title\">Sur mesure<\/h3>\n <p class=\"card-arrow\">D\u00e9couvrir<\/p>\n <\/div>\n <\/a>\n\n <a href=\"dermopigmentation.html\" class=\"service-card card-4\">\n <div class=\"card-bg\"><\/div>\n <div class=\"card-overlay\"><\/div>\n <span class=\"card-number\">04<\/span>\n <div class=\"card-content\">\n <p class=\"card-label\">Beaut\u00e9 permanente<\/p>\n <h3 class=\"card-title\">Dermopigmentation & sourcils<\/h3>\n <p class=\"card-arrow\">D\u00e9couvrir<\/p>\n <\/div>\n <\/a>\n\n <a href=\"accompagnement.html\" class=\"service-card card-5\">\n <div class=\"card-bg\"><\/div>\n <div class=\"card-overlay\"><\/div>\n <span class=\"card-number\">05<\/span>\n <div class=\"card-content\">\n <p class=\"card-label\">Bien-\u00eatre<\/p>\n <h3 class=\"card-title\">Accompagnement & lib\u00e9ration int\u00e9rieure<\/h3>\n <p class=\"card-arrow\">D\u00e9couvrir<\/p>\n <\/div>\n <\/a>\n\n <a href=\"rendez-vous.html\" class=\"service-card card-6\">\n <div class=\"card-bg\"><\/div>\n <div class=\"card-overlay\"><\/div>\n <span class=\"card-number\">06<\/span>\n <div class=\"card-content\">\n <p class=\"card-label\">R\u00e9servation<\/p>\n <h3 class=\"card-title\">Prendre rendez-vous<\/h3>\n <p class=\"card-arrow\">R\u00e9server<\/p>\n <\/div>\n <\/a>\n\n <a href=\"mon-histoire.html\" class=\"service-card card-7\">\n <div class=\"card-bg\"><\/div>\n <div class=\"card-overlay\"><\/div>\n <span class=\"card-number\">07<\/span>\n <div class=\"card-content\">\n <p class=\"card-label\">\u00c0 propos<\/p>\n <h3 class=\"card-title\">Mon histoire<\/h3>\n <p class=\"card-arrow\">Lire<\/p>\n <\/div>\n <\/a>\n\n <a href=\"divers.html\" class=\"service-card card-8\">\n <div class=\"card-bg\"><\/div>\n <div class=\"card-overlay\"><\/div>\n <span class=\"card-number\">08<\/span>\n <div class=\"card-content\">\n <p class=\"card-label\">Autres<\/p>\n <h3 class=\"card-title\">Divers<\/h3>\n <p class=\"card-arrow\">Voir<\/p>\n <\/div>\n <\/a>\n<\/div>\n\n\n\n<section class=\"signature-band\">\n <p>\u00ab Parce que chaque femme m\u00e9rite de se sentir belle, enti\u00e8re et en paix. \u00bb<\/p>\n <a href=\"rendez-vous.html\" class=\"btn-or\">Prendre rendez-vous<\/a>\n<\/section>\n\n\n\n<footer>\n <p>\u00a9 2025 Perfect Nipps \u00b7 Tous droits r\u00e9serv\u00e9s \u00b7 <a href=\"rendez-vous.html\">Contact<\/a><\/p>\n<\/footer>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Perfect Nipps \u2013 Accueil Perfect Nipps Proth\u00e8ses Pr\u00eat-\u00e0-porter Sur mesure Dermopigmentation Accompagnement Rendez-vous Mon histoire Beaut\u00e9 \u00b7 Bien-\u00eatre \u00b7 Renaissance Perfect Nipps L’art de se sentir enti\u00e8re, \u00e0 nouveau Un espace d\u00e9di\u00e9 aux femmes en qu\u00eate de beaut\u00e9, de s\u00e9r\u00e9nit\u00e9 et de renaissance. Proth\u00e8ses oncologiques, dermopigmentation, accompagnement int\u00e9rieur \u2014 chaque soin est pens\u00e9 avec amour […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":1,"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":55,"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/pages\/54\/revisions\/55"}],"wp:attachment":[{"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}