[Studio Name] | Personal Color Analysis<\/title>\n\n <style>\n :root{\n \/* base *\/\n --bg: #F7F4F1;\n --card: rgba(255,255,255,.84);\n --card2: rgba(255,255,255,.92);\n --text:#121212;\n --muted:#5A5A5A;\n --line: rgba(232,226,221,.9);\n --shadow: 0 18px 40px rgba(0,0,0,.08);\n --radius: 18px;\n --max: 1080px;\n\n \/* brand accent: indie pink *\/\n --accent:#B86B78;\n --accentDeep:#8F4C58;\n --dark:#241F21;\n\n \/* warm \/ muted palette (no blue\/purple emphasis) *\/\n --p1:#F4C7B9; \/* peach *\/\n --p2:#E8A9B2; \/* dusty rose *\/\n --p3:#C98592; \/* deeper rose *\/\n --b1:#FFE9D2; \/* cream *\/\n --b2:#FFF2E6; \/* milk *\/\n --s1:#B9C7B0; \/* soft sage *\/\n --t1:#C9B7AE; \/* warm taupe *\/\n --t2:#9B857D; \/* cocoa *\/\n --n1:#E9E2DB; --n2:#B9B2AC; --n3:#3D3D3D;\n }\n\n *{box-sizing:border-box}\n html,body{height:100%}\n body{\n margin:0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n color:var(--text);\n background: var(--bg);\n overflow-x:hidden;\n }\n a{color:inherit;text-decoration:none}\n\n .wrap{\n max-width:var(--max);\n margin:0 auto;\n padding:22px 18px 70px;\n position:relative;\n }\n\n \/* Background mesh *\/\n .mesh{\n position:fixed; inset:-20vh -10vw; z-index:-3;\n background:\n radial-gradient(52rem 40rem at 18% 15%, color-mix(in srgb, var(--b1) 86%, transparent) 0%, transparent 66%),\n radial-gradient(58rem 48rem at 78% 18%, color-mix(in srgb, var(--p1) 78%, transparent) 0%, transparent 64%),\n radial-gradient(62rem 50rem at 66% 62%, color-mix(in srgb, var(--s1) 52%, transparent) 0%, transparent 66%),\n radial-gradient(56rem 44rem at 26% 76%, color-mix(in srgb, var(--p2) 60%, transparent) 0%, transparent 68%),\n radial-gradient(44rem 34rem at 88% 78%, color-mix(in srgb, var(--t1) 48%, transparent) 0%, transparent 70%),\n linear-gradient(180deg, rgba(255,255,255,.58) 0%, rgba(255,255,255,0) 55%, rgba(255,255,255,.35) 100%);\n opacity:.95;\n transform: translateZ(0);\n }\n .grain{\n position:fixed; inset:-2px; z-index:-2;\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='.22'\/%3E%3C\/svg%3E\");\n mix-blend-mode:multiply;\n opacity:.20;\n pointer-events:none;\n }\n\n \/* Nav *\/\n .nav{\n position:sticky; top:14px; z-index:10;\n display:flex; align-items:center; justify-content:space-between;\n padding:14px 16px;\n border:1px solid var(--line);\n border-radius:16px;\n background: rgba(255,255,255,.76);\n backdrop-filter: blur(10px);\n box-shadow: 0 10px 26px rgba(0,0,0,.06);\n }\n .brand{font-weight:900; letter-spacing:.2px}\n .menu{display:flex; gap:26px; color:var(--muted); font-size:14px}\n .menu a:hover{color:var(--text)}\n\n .btn{\n display:inline-flex; align-items:center; justify-content:center;\n padding:10px 14px;\n border-radius:12px;\n font-weight:800; font-size:14px;\n border:1px solid transparent;\n transition:.18s ease;\n white-space:nowrap;\n }\n .btn.primary{background:var(--accent); color:#fff}\n .btn.primary:hover{filter:brightness(.96)}\n .btn.dark{background:var(--dark); color:#fff}\n .btn.dark:hover{filter:brightness(.95)}\n .btn.ghost{background:transparent; border-color:var(--line)}\n .btn.ghost:hover{background:rgba(255,255,255,.75)}\n\n \/* Hero *\/\n .hero{\n margin-top:18px;\n border-radius:var(--radius);\n border:1px solid var(--line);\n background: var(--card);\n box-shadow: var(--shadow);\n overflow:hidden;\n position:relative;\n }\n .heroGlow{\n position:absolute; inset:-30%;\n background:\n radial-gradient(36rem 26rem at 20% 25%, rgba(244,199,185,.95) 0%, rgba(244,199,185,0) 60%),\n radial-gradient(40rem 30rem at 72% 22%, rgba(232,169,178,.75) 0%, rgba(232,169,178,0) 62%),\n radial-gradient(44rem 34rem at 70% 76%, rgba(185,199,176,.38) 0%, rgba(185,199,176,0) 66%),\n radial-gradient(28rem 22rem at 90% 80%, rgba(201,183,174,.28) 0%, rgba(201,183,174,0) 70%);\n filter: blur(10px);\n opacity:.65;\n pointer-events:none;\n }\n .heroInner{\n display:grid;\n grid-template-columns: 1fr;\n gap:16px;\n padding:26px;\n position:relative;\n }\n h1{\n margin:0 0 10px;\n font-size:46px;\n letter-spacing:-.7px;\n line-height:1.05;\n }\n .sub{\n margin:0 0 18px;\n color:var(--muted);\n font-size:18px;\n max-width:760px;\n }\n .tags{display:flex; flex-wrap:wrap; gap:10px; margin:0 0 18px}\n .tag{\n padding:7px 12px;\n border-radius:999px;\n border:1px solid var(--line);\n background: rgba(255,255,255,.65);\n font-size:13px;\n color:#3A3A3A;\n }\n .ctaRow{display:flex; gap:12px; flex-wrap:wrap}\n\n \/* Sections *\/\n .section{margin-top:34px}\n .section h2{margin:0 0 8px; font-size:30px; letter-spacing:-.3px}\n .section p.lead{margin:0 0 18px; color:var(--muted); font-size:16px}\n\n .grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}\n .card{\n background: var(--card2);\n border:1px solid var(--line);\n border-radius:var(--radius);\n padding:18px;\n box-shadow: 0 10px 18px rgba(0,0,0,.04);\n position:relative;\n overflow:hidden;\n }\n .card::before{\n content:\"\";\n position:absolute; inset:-1px;\n background:\n linear-gradient(90deg,\n color-mix(in srgb, var(--b1) 70%, transparent),\n color-mix(in srgb, var(--p1) 66%, transparent),\n color-mix(in srgb, var(--p2) 56%, transparent),\n color-mix(in srgb, var(--s1) 46%, transparent),\n color-mix(in srgb, var(--t1) 46%, transparent)\n );\n opacity:.15;\n filter: blur(10px);\n pointer-events:none;\n }\n .card > *{position:relative}\n .cardTitle{font-weight:950; color:var(--accentDeep); margin:0 0 8px; font-size:16px}\n .cardText{margin:0; color:var(--muted); font-size:15px}\n\n .ribbon{\n height:12px;\n border-radius:999px;\n border:1px solid var(--line);\n overflow:hidden;\n background:#fff;\n margin-top:14px;\n }\n .ribbon i{\n display:block; height:100%;\n background: linear-gradient(90deg, var(--b1), var(--p1), var(--p2), var(--s1), var(--t1), var(--n1));\n }\n\n \/* Single Package *\/\n .pricing{\n display:grid;\n grid-template-columns: 1fr;\n gap:14px;\n margin-top:12px;\n max-width: 560px;\n }\n .priceTop{\n display:flex; align-items:center; justify-content:space-between;\n padding:10px 12px;\n border-radius:14px;\n background: rgba(255,242,230,.65);\n border:1px solid rgba(232,226,221,.6);\n margin:-6px -6px 14px;\n }\n .priceName{font-weight:950; color:var(--accentDeep)}\n .priceDur{color:var(--muted); font-size:13px}\n .priceVal{font-weight:980; font-size:28px; margin:0 0 10px}\n ul{margin:0 0 14px 18px; padding:0; color:var(--muted)}\n li{margin:6px 0}\n\n \/* FAQ + Location *\/\n .twoCol{display:grid; grid-template-columns: 1fr 1fr; gap:14px; margin-top:16px}\n .q{font-weight:950; color:var(--accentDeep); margin:0 0 6px}\n .a{margin:0; color:var(--muted)}\n .faqItem{margin:12px 0 16px}\n\n .mapBox{\n margin-top:14px;\n height:150px;\n border-radius:16px;\n border:1px solid var(--line);\n background:\n radial-gradient(28rem 18rem at 20% 40%, rgba(232,169,178,.35) 0%, transparent 60%),\n radial-gradient(24rem 16rem at 80% 60%, rgba(185,199,176,.25) 0%, transparent 62%),\n rgba(244,244,244,.78);\n display:flex; align-items:center; justify-content:center;\n color:var(--muted); font-size:14px;\n }\n\n \/* CTA Strip *\/\n .ctaStrip{\n margin-top:22px;\n border-radius:18px;\n padding:18px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:12px;\n color:#fff;\n background:\n linear-gradient(90deg, rgba(184,107,120,1), rgba(143,76,88,.92)),\n radial-gradient(30rem 16rem at 20% 50%, rgba(255,233,210,.26) 0%, transparent 60%),\n radial-gradient(30rem 16rem at 80% 50%, rgba(185,199,176,.16) 0%, transparent 60%);\n box-shadow: var(--shadow);\n border:1px solid rgba(255,255,255,.12);\n }\n .ctaStrip strong{font-size:18px}\n\n footer{\n margin-top:26px;\n color:var(--muted);\n font-size:13px;\n text-align:center;\n }\n\n @media (max-width: 980px){\n .menu{display:none}\n h1{font-size:40px}\n .grid3{grid-template-columns:1fr}\n .twoCol{grid-template-columns:1fr}\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"mesh\"><\/div>\n <div class=\"grain\"><\/div>\n\n <div class=\"wrap\">\n <div class=\"nav\">\n <div class=\"brand\">[Studio Name]<\/div>\n <div class=\"menu\">\n <a href=\"#service\">Service<\/a>\n <a href=\"#package\">Package<\/a>\n <a href=\"#faq\">FAQ<\/a>\n <a href=\"#location\">Location<\/a>\n <\/div>\n <a class=\"btn primary\" href=\"\/ko\/[Booking Link]\/\">Book Now<\/a>\n <\/div>\n\n \n <section class=\"hero\" id=\"service\">\n <div class=\"heroGlow\"><\/div>\n <div class=\"heroInner\">\n <div>\n <h1>Personal Color Analysis<\/h1>\n <p class=\"sub\">A refined session built around wearable color harmony \u2014 minimal, modern, and easy to apply.<\/p>\n\n <div class=\"tags\">\n <span class=\"tag\">1:1 Session<\/span>\n <span class=\"tag\">Color Draping<\/span>\n <span class=\"tag\">Makeup & Style Direction<\/span>\n <span class=\"tag\">Digital Summary<\/span>\n <\/div>\n\n <div class=\"ctaRow\">\n <a class=\"btn primary\" href=\"\/ko\/[Booking Link]\/\">Book Appointment<\/a>\n <a class=\"btn dark\" href=\"#package\">View Package<\/a>\n <a class=\"btn ghost\" href=\"#location\">Location<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\">\n <h2>What you\u2019ll get<\/h2>\n <p class=\"lead\">Clear, practical direction \u2014 presented in a soft, brand-aligned palette system.<\/p>\n\n <div class=\"grid3\">\n <div class=\"card\">\n <div class=\"cardTitle\">Color Direction<\/div>\n <p class=\"cardText\">A cohesive palette direction designed for everyday wear.<\/p>\n <div class=\"ribbon\"><i><\/i><\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"cardTitle\">Makeup Matching<\/div>\n <p class=\"cardText\">Shade & finish guidance to simplify your routine.<\/p>\n <div class=\"ribbon\"><i><\/i><\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"cardTitle\">Style Harmony<\/div>\n <p class=\"cardText\">Clothing and hair tone direction that elevates the full look.<\/p>\n <div class=\"ribbon\"><i><\/i><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"package\">\n <h2>Package<\/h2>\n <p class=\"lead\">One signature session \u2014 straightforward and complete.<\/p>\n\n <div class=\"pricing\">\n <div class=\"card\">\n <div class=\"priceTop\">\n <div class=\"priceName\">Signature Session<\/div>\n <div class=\"priceDur\">120 min<\/div>\n <\/div>\n <p class=\"priceVal\">KRW XXX,000<\/p>\n <ul>\n <li>Precision color draping<\/li>\n <li>Makeup shade & finish direction<\/li>\n <li>Hair tone & wardrobe guidance<\/li>\n <li>Digital summary after the session<\/li>\n <\/ul>\n <a class=\"btn primary\" style=\"width:100%\" href=\"\/ko\/[Booking Link]\/\">Book Now<\/a>\n <\/div>\n <\/div>\n\n <div class=\"ctaStrip\">\n <strong>Ready to refine your look with cohesive color harmony?<\/strong>\n <a class=\"btn dark\" href=\"\/ko\/[Booking Link]\/\">Book Now<\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"section twoCol\">\n <div class=\"card\" id=\"faq\">\n <h2 style=\"margin:0 0 10px\">FAQ<\/h2>\n\n <div class=\"faqItem\">\n <p class=\"q\">Do I need to be makeup-free?<\/p>\n <p class=\"a\">Makeup-free is ideal, but not required. You can remove makeup before draping if you prefer.<\/p>\n <\/div>\n\n <div class=\"faqItem\">\n <p class=\"q\">Will I receive my results?<\/p>\n <p class=\"a\">Yes. A digital summary is sent after the session with key recommendations.<\/p>\n <\/div>\n\n <div class=\"faqItem\" style=\"margin-bottom:0\">\n <p class=\"q\">Can I book for two people?<\/p>\n <p class=\"a\">Yes. Duo sessions are available.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"card\" id=\"location\">\n <h2 style=\"margin:0 0 10px\">Location & Contact<\/h2>\n <p style=\"margin:0; color:var(--muted)\">\n <strong>Address:<\/strong> 60, Bongeunsa-ro 47-gil, Gangnam-gu, Seoul, Republic of Korea \ubd09\uc740\uc0ac\ub85c47\uae38 60<br\/>\n <strong>Nearest subway:<\/strong> Gangnam-gu Office Station (Line 7), Exit 2 – 5 min walk<br\/>\n <strong>Hours:<\/strong> [Mon-Sat 10:00-19:00]<br\/>\n <strong>Contact:<\/strong> korea@individuelcosmetics.com \u00b7 @individuelgeneve_kr_official\n <\/p>\n\n <div class=\"mapBox\">Map embed placeholder (Google \/ Naver)<\/div>\n <\/div>\n <\/section>\n\n <footer>\u00a9 [Year] [Studio Name]. All rights reserved.<\/footer>\n <\/div>\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>[Studio Name] | Personal Color Analysis [Studio Name] Service Package FAQ Location Book Now Personal Color Analysis A refined session built around wearable color harmony \u2014 minimal, modern, and easy to apply. 1:1 Session Color Draping Makeup & Style Direction Digital Summary Book Appointment View Package Location What you\u2019ll get Clear, practical direction \u2014 presented […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7507","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inkoseoul.com\/ko\/wp-json\/wp\/v2\/pages\/7507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inkoseoul.com\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inkoseoul.com\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inkoseoul.com\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inkoseoul.com\/ko\/wp-json\/wp\/v2\/comments?post=7507"}],"version-history":[{"count":0,"href":"https:\/\/inkoseoul.com\/ko\/wp-json\/wp\/v2\/pages\/7507\/revisions"}],"wp:attachment":[{"href":"https:\/\/inkoseoul.com\/ko\/wp-json\/wp\/v2\/media?parent=7507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n [Studio Name] | Personal Color Analysis<\/title>\n\n <style>\n :root{\n \/* base *\/\n --bg: #F7F4F1;\n --card: rgba(255,255,255,.84);\n --card2: rgba(255,255,255,.92);\n --text:#121212;\n --muted:#5A5A5A;\n --line: rgba(232,226,221,.9);\n --shadow: 0 18px 40px rgba(0,0,0,.08);\n --radius: 18px;\n --max: 1080px;\n\n \/* brand accent: indie pink *\/\n --accent:#B86B78;\n --accentDeep:#8F4C58;\n --dark:#241F21;\n\n \/* warm \/ muted palette (no blue\/purple emphasis) *\/\n --p1:#F4C7B9; \/* peach *\/\n --p2:#E8A9B2; \/* dusty rose *\/\n --p3:#C98592; \/* deeper rose *\/\n --b1:#FFE9D2; \/* cream *\/\n --b2:#FFF2E6; \/* milk *\/\n --s1:#B9C7B0; \/* soft sage *\/\n --t1:#C9B7AE; \/* warm taupe *\/\n --t2:#9B857D; \/* cocoa *\/\n --n1:#E9E2DB; --n2:#B9B2AC; --n3:#3D3D3D;\n }\n\n *{box-sizing:border-box}\n html,body{height:100%}\n body{\n margin:0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n color:var(--text);\n background: var(--bg);\n overflow-x:hidden;\n }\n a{color:inherit;text-decoration:none}\n\n .wrap{\n max-width:var(--max);\n margin:0 auto;\n padding:22px 18px 70px;\n position:relative;\n }\n\n \/* Background mesh *\/\n .mesh{\n position:fixed; inset:-20vh -10vw; z-index:-3;\n background:\n radial-gradient(52rem 40rem at 18% 15%, color-mix(in srgb, var(--b1) 86%, transparent) 0%, transparent 66%),\n radial-gradient(58rem 48rem at 78% 18%, color-mix(in srgb, var(--p1) 78%, transparent) 0%, transparent 64%),\n radial-gradient(62rem 50rem at 66% 62%, color-mix(in srgb, var(--s1) 52%, transparent) 0%, transparent 66%),\n radial-gradient(56rem 44rem at 26% 76%, color-mix(in srgb, var(--p2) 60%, transparent) 0%, transparent 68%),\n radial-gradient(44rem 34rem at 88% 78%, color-mix(in srgb, var(--t1) 48%, transparent) 0%, transparent 70%),\n linear-gradient(180deg, rgba(255,255,255,.58) 0%, rgba(255,255,255,0) 55%, rgba(255,255,255,.35) 100%);\n opacity:.95;\n transform: translateZ(0);\n }\n .grain{\n position:fixed; inset:-2px; z-index:-2;\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='.22'\/%3E%3C\/svg%3E\");\n mix-blend-mode:multiply;\n opacity:.20;\n pointer-events:none;\n }\n\n \/* Nav *\/\n .nav{\n position:sticky; top:14px; z-index:10;\n display:flex; align-items:center; justify-content:space-between;\n padding:14px 16px;\n border:1px solid var(--line);\n border-radius:16px;\n background: rgba(255,255,255,.76);\n backdrop-filter: blur(10px);\n box-shadow: 0 10px 26px rgba(0,0,0,.06);\n }\n .brand{font-weight:900; letter-spacing:.2px}\n .menu{display:flex; gap:26px; color:var(--muted); font-size:14px}\n .menu a:hover{color:var(--text)}\n\n .btn{\n display:inline-flex; align-items:center; justify-content:center;\n padding:10px 14px;\n border-radius:12px;\n font-weight:800; font-size:14px;\n border:1px solid transparent;\n transition:.18s ease;\n white-space:nowrap;\n }\n .btn.primary{background:var(--accent); color:#fff}\n .btn.primary:hover{filter:brightness(.96)}\n .btn.dark{background:var(--dark); color:#fff}\n .btn.dark:hover{filter:brightness(.95)}\n .btn.ghost{background:transparent; border-color:var(--line)}\n .btn.ghost:hover{background:rgba(255,255,255,.75)}\n\n \/* Hero *\/\n .hero{\n margin-top:18px;\n border-radius:var(--radius);\n border:1px solid var(--line);\n background: var(--card);\n box-shadow: var(--shadow);\n overflow:hidden;\n position:relative;\n }\n .heroGlow{\n position:absolute; inset:-30%;\n background:\n radial-gradient(36rem 26rem at 20% 25%, rgba(244,199,185,.95) 0%, rgba(244,199,185,0) 60%),\n radial-gradient(40rem 30rem at 72% 22%, rgba(232,169,178,.75) 0%, rgba(232,169,178,0) 62%),\n radial-gradient(44rem 34rem at 70% 76%, rgba(185,199,176,.38) 0%, rgba(185,199,176,0) 66%),\n radial-gradient(28rem 22rem at 90% 80%, rgba(201,183,174,.28) 0%, rgba(201,183,174,0) 70%);\n filter: blur(10px);\n opacity:.65;\n pointer-events:none;\n }\n .heroInner{\n display:grid;\n grid-template-columns: 1fr;\n gap:16px;\n padding:26px;\n position:relative;\n }\n h1{\n margin:0 0 10px;\n font-size:46px;\n letter-spacing:-.7px;\n line-height:1.05;\n }\n .sub{\n margin:0 0 18px;\n color:var(--muted);\n font-size:18px;\n max-width:760px;\n }\n .tags{display:flex; flex-wrap:wrap; gap:10px; margin:0 0 18px}\n .tag{\n padding:7px 12px;\n border-radius:999px;\n border:1px solid var(--line);\n background: rgba(255,255,255,.65);\n font-size:13px;\n color:#3A3A3A;\n }\n .ctaRow{display:flex; gap:12px; flex-wrap:wrap}\n\n \/* Sections *\/\n .section{margin-top:34px}\n .section h2{margin:0 0 8px; font-size:30px; letter-spacing:-.3px}\n .section p.lead{margin:0 0 18px; color:var(--muted); font-size:16px}\n\n .grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}\n .card{\n background: var(--card2);\n border:1px solid var(--line);\n border-radius:var(--radius);\n padding:18px;\n box-shadow: 0 10px 18px rgba(0,0,0,.04);\n position:relative;\n overflow:hidden;\n }\n .card::before{\n content:\"\";\n position:absolute; inset:-1px;\n background:\n linear-gradient(90deg,\n color-mix(in srgb, var(--b1) 70%, transparent),\n color-mix(in srgb, var(--p1) 66%, transparent),\n color-mix(in srgb, var(--p2) 56%, transparent),\n color-mix(in srgb, var(--s1) 46%, transparent),\n color-mix(in srgb, var(--t1) 46%, transparent)\n );\n opacity:.15;\n filter: blur(10px);\n pointer-events:none;\n }\n .card > *{position:relative}\n .cardTitle{font-weight:950; color:var(--accentDeep); margin:0 0 8px; font-size:16px}\n .cardText{margin:0; color:var(--muted); font-size:15px}\n\n .ribbon{\n height:12px;\n border-radius:999px;\n border:1px solid var(--line);\n overflow:hidden;\n background:#fff;\n margin-top:14px;\n }\n .ribbon i{\n display:block; height:100%;\n background: linear-gradient(90deg, var(--b1), var(--p1), var(--p2), var(--s1), var(--t1), var(--n1));\n }\n\n \/* Single Package *\/\n .pricing{\n display:grid;\n grid-template-columns: 1fr;\n gap:14px;\n margin-top:12px;\n max-width: 560px;\n }\n .priceTop{\n display:flex; align-items:center; justify-content:space-between;\n padding:10px 12px;\n border-radius:14px;\n background: rgba(255,242,230,.65);\n border:1px solid rgba(232,226,221,.6);\n margin:-6px -6px 14px;\n }\n .priceName{font-weight:950; color:var(--accentDeep)}\n .priceDur{color:var(--muted); font-size:13px}\n .priceVal{font-weight:980; font-size:28px; margin:0 0 10px}\n ul{margin:0 0 14px 18px; padding:0; color:var(--muted)}\n li{margin:6px 0}\n\n \/* FAQ + Location *\/\n .twoCol{display:grid; grid-template-columns: 1fr 1fr; gap:14px; margin-top:16px}\n .q{font-weight:950; color:var(--accentDeep); margin:0 0 6px}\n .a{margin:0; color:var(--muted)}\n .faqItem{margin:12px 0 16px}\n\n .mapBox{\n margin-top:14px;\n height:150px;\n border-radius:16px;\n border:1px solid var(--line);\n background:\n radial-gradient(28rem 18rem at 20% 40%, rgba(232,169,178,.35) 0%, transparent 60%),\n radial-gradient(24rem 16rem at 80% 60%, rgba(185,199,176,.25) 0%, transparent 62%),\n rgba(244,244,244,.78);\n display:flex; align-items:center; justify-content:center;\n color:var(--muted); font-size:14px;\n }\n\n \/* CTA Strip *\/\n .ctaStrip{\n margin-top:22px;\n border-radius:18px;\n padding:18px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:12px;\n color:#fff;\n background:\n linear-gradient(90deg, rgba(184,107,120,1), rgba(143,76,88,.92)),\n radial-gradient(30rem 16rem at 20% 50%, rgba(255,233,210,.26) 0%, transparent 60%),\n radial-gradient(30rem 16rem at 80% 50%, rgba(185,199,176,.16) 0%, transparent 60%);\n box-shadow: var(--shadow);\n border:1px solid rgba(255,255,255,.12);\n }\n .ctaStrip strong{font-size:18px}\n\n footer{\n margin-top:26px;\n color:var(--muted);\n font-size:13px;\n text-align:center;\n }\n\n @media (max-width: 980px){\n .menu{display:none}\n h1{font-size:40px}\n .grid3{grid-template-columns:1fr}\n .twoCol{grid-template-columns:1fr}\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"mesh\"><\/div>\n <div class=\"grain\"><\/div>\n\n <div class=\"wrap\">\n <div class=\"nav\">\n <div class=\"brand\">[Studio Name]<\/div>\n <div class=\"menu\">\n <a href=\"#service\">Service<\/a>\n <a href=\"#package\">Package<\/a>\n <a href=\"#faq\">FAQ<\/a>\n <a href=\"#location\">Location<\/a>\n <\/div>\n <a class=\"btn primary\" href=\"\/ko\/[Booking Link]\/\">Book Now<\/a>\n <\/div>\n\n \n <section class=\"hero\" id=\"service\">\n <div class=\"heroGlow\"><\/div>\n <div class=\"heroInner\">\n <div>\n <h1>Personal Color Analysis<\/h1>\n <p class=\"sub\">A refined session built around wearable color harmony \u2014 minimal, modern, and easy to apply.<\/p>\n\n <div class=\"tags\">\n <span class=\"tag\">1:1 Session<\/span>\n <span class=\"tag\">Color Draping<\/span>\n <span class=\"tag\">Makeup & Style Direction<\/span>\n <span class=\"tag\">Digital Summary<\/span>\n <\/div>\n\n <div class=\"ctaRow\">\n <a class=\"btn primary\" href=\"\/ko\/[Booking Link]\/\">Book Appointment<\/a>\n <a class=\"btn dark\" href=\"#package\">View Package<\/a>\n <a class=\"btn ghost\" href=\"#location\">Location<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\">\n <h2>What you\u2019ll get<\/h2>\n <p class=\"lead\">Clear, practical direction \u2014 presented in a soft, brand-aligned palette system.<\/p>\n\n <div class=\"grid3\">\n <div class=\"card\">\n <div class=\"cardTitle\">Color Direction<\/div>\n <p class=\"cardText\">A cohesive palette direction designed for everyday wear.<\/p>\n <div class=\"ribbon\"><i><\/i><\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"cardTitle\">Makeup Matching<\/div>\n <p class=\"cardText\">Shade & finish guidance to simplify your routine.<\/p>\n <div class=\"ribbon\"><i><\/i><\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"cardTitle\">Style Harmony<\/div>\n <p class=\"cardText\">Clothing and hair tone direction that elevates the full look.<\/p>\n <div class=\"ribbon\"><i><\/i><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"package\">\n <h2>Package<\/h2>\n <p class=\"lead\">One signature session \u2014 straightforward and complete.<\/p>\n\n <div class=\"pricing\">\n <div class=\"card\">\n <div class=\"priceTop\">\n <div class=\"priceName\">Signature Session<\/div>\n <div class=\"priceDur\">120 min<\/div>\n <\/div>\n <p class=\"priceVal\">KRW XXX,000<\/p>\n <ul>\n <li>Precision color draping<\/li>\n <li>Makeup shade & finish direction<\/li>\n <li>Hair tone & wardrobe guidance<\/li>\n <li>Digital summary after the session<\/li>\n <\/ul>\n <a class=\"btn primary\" style=\"width:100%\" href=\"\/ko\/[Booking Link]\/\">Book Now<\/a>\n <\/div>\n <\/div>\n\n <div class=\"ctaStrip\">\n <strong>Ready to refine your look with cohesive color harmony?<\/strong>\n <a class=\"btn dark\" href=\"\/ko\/[Booking Link]\/\">Book Now<\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"section twoCol\">\n <div class=\"card\" id=\"faq\">\n <h2 style=\"margin:0 0 10px\">FAQ<\/h2>\n\n <div class=\"faqItem\">\n <p class=\"q\">Do I need to be makeup-free?<\/p>\n <p class=\"a\">Makeup-free is ideal, but not required. You can remove makeup before draping if you prefer.<\/p>\n <\/div>\n\n <div class=\"faqItem\">\n <p class=\"q\">Will I receive my results?<\/p>\n <p class=\"a\">Yes. A digital summary is sent after the session with key recommendations.<\/p>\n <\/div>\n\n <div class=\"faqItem\" style=\"margin-bottom:0\">\n <p class=\"q\">Can I book for two people?<\/p>\n <p class=\"a\">Yes. Duo sessions are available.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"card\" id=\"location\">\n <h2 style=\"margin:0 0 10px\">Location & Contact<\/h2>\n <p style=\"margin:0; color:var(--muted)\">\n <strong>Address:<\/strong> 60, Bongeunsa-ro 47-gil, Gangnam-gu, Seoul, Republic of Korea \ubd09\uc740\uc0ac\ub85c47\uae38 60<br\/>\n <strong>Nearest subway:<\/strong> Gangnam-gu Office Station (Line 7), Exit 2 – 5 min walk<br\/>\n <strong>Hours:<\/strong> [Mon-Sat 10:00-19:00]<br\/>\n <strong>Contact:<\/strong> korea@individuelcosmetics.com \u00b7 @individuelgeneve_kr_official\n <\/p>\n\n <div class=\"mapBox\">Map embed placeholder (Google \/ Naver)<\/div>\n <\/div>\n <\/section>\n\n <footer>\u00a9 [Year] [Studio Name]. All rights reserved.<\/footer>\n <\/div>\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>[Studio Name] | Personal Color Analysis [Studio Name] Service Package FAQ Location Book Now Personal Color Analysis A refined session built around wearable color harmony \u2014 minimal, modern, and easy to apply. 1:1 Session Color Draping Makeup & Style Direction Digital Summary Book Appointment View Package Location What you\u2019ll get Clear, practical direction \u2014 presented […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7507","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inkoseoul.com\/ko\/wp-json\/wp\/v2\/pages\/7507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inkoseoul.com\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inkoseoul.com\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inkoseoul.com\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inkoseoul.com\/ko\/wp-json\/wp\/v2\/comments?post=7507"}],"version-history":[{"count":0,"href":"https:\/\/inkoseoul.com\/ko\/wp-json\/wp\/v2\/pages\/7507\/revisions"}],"wp:attachment":[{"href":"https:\/\/inkoseoul.com\/ko\/wp-json\/wp\/v2\/media?parent=7507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}