:root{--paper:#fcf8f4;--ink:#382330;--wine:#412536;--gold:#af8c58;--muted:#75666b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.draft{text-align:center;background:var(--wine);color:#fff5e9;padding:8px 18px;font-size:12px;letter-spacing:1.2px}header{max-width:1440px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5dcd9}.brand{display:flex;flex-direction:column}.brand-title{font-family:Georgia,serif;font-size:27px}.brand-sub{font-size:10px;letter-spacing:1.3px;color:var(--muted)}nav{display:flex;align-items:center;gap:34px;font-size:14px}.nav-button{border:1px solid #bfa99e;padding:10px 26px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 46%;position:relative;padding:44px 6% 64px;gap:6%;align-items:center}.eyebrow{font-size:12px;letter-spacing:2.6px;font-weight:600;margin:0 0 24px;color:#896d4e}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1;margin:0}h1{font-size:clamp(55px,6vw,86px);letter-spacing:-3px}em{font-weight:400;color:#8a566e}p.intro{max-width:345px;margin:27px 0 34px;color:var(--muted);font-size:17px}.button{display:inline-flex;gap:40px;align-items:center;background:var(--wine);color:white;font-size:14px;padding:17px 24px}.button:hover{background:#633e53}.hero-foot{display:flex;align-items:center;gap:20px;margin-top:72px;font-size:11px;letter-spacing:1.8px;color:var(--muted)}.divider{width:30px;height:1px;background:var(--gold)}.hero-image{margin:0;position:relative}.hero-image img{display:block;width:100%;height:570px;object-fit:cover;border-radius:48% 48% 0 0}.hero-image figcaption{color:var(--muted);font-size:12px;margin-top:8px;text-align:center}.vertical{position:absolute;right:22px;top:38%;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;color:var(--muted)}.treatments{padding:78px 8% 85px;max-width:1440px;margin:auto;border-top:1px solid #e5dcd9}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:48px}h2{font-size:clamp(38px,4vw,54px);letter-spacing:-1.4px}.section-heading>p{color:var(--muted);font-size:15px;max-width:370px;margin:0}.pending{color:#79686d;font-size:14px}.service-list article{display:grid;grid-template-columns:55px 1fr auto;gap:20px;align-items:center;border-top:1px solid #d9ceca;padding:29px 0}.service-list article:last-child{border-bottom:1px solid #d9ceca}.number{font-family:Georgia,serif;font-size:17px;color:#927348}h3{font-size:30px}.service-list p{color:var(--muted);font-size:14px;margin:10px 0 0}.duration{font-size:14px;border:1px solid #d6c6bd;padding:7px 16px;border-radius:30px}.visit{background:var(--wine);color:var(--paper);padding:80px 12%;display:grid;grid-template-columns:1fr 1fr;gap:15%}.visit .eyebrow{color:#d5b78a}.visit em{color:#dfb3c7}.visit-copy>p:not(.eyebrow){color:#d5c3ca;margin:24px 0}.text-link{display:inline-block;border-bottom:1px solid #c9a374;padding-bottom:5px;font-size:14px}.text-link span{margin-left:35px}.hours h3{font-size:26px;margin-bottom:25px}.hours dl{margin:0}.hours dl div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #765364;padding:10px 0;font-size:14px}.hours dd{margin:0;color:#eadce2}.contact{text-align:center;padding:85px 20px}.contact p:last-child{margin:25px 0 0}footer{border-top:1px solid #e5dcd9;margin:0 6%;padding:27px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer>span:first-child{letter-spacing:1.5px}@media(max-width:760px){header{padding:20px 6%;align-items:start;gap:20px}.brand-title{font-size:22px}.brand-sub{max-width:170px;font-size:9px}nav{gap:15px;font-size:13px;flex-wrap:wrap;justify-content:end}nav .nav-button{padding:4px 12px}.hero{grid-template-columns:1fr;padding-top:35px;gap:35px}.hero h1{font-size:61px}.hero-copy{padding-top:8px}.hero-foot{margin-top:33px}.hero-image img{height:420px;border-radius:45% 45% 0 0}.vertical{display:none}.section-heading{display:block}.section-heading>p{margin-top:25px}.treatments{padding:52px 6%}.service-list article{grid-template-columns:28px 1fr;gap:10px}h3{font-size:27px}.duration{grid-column:2;justify-self:start;font-size:13px;margin-top:8px}.visit{padding:52px 8%;grid-template-columns:1fr;gap:42px}.contact{padding:60px 6%}footer{flex-wrap:wrap;font-size:12px}.draft{font-size:11px}.hero .eyebrow{margin-bottom:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.logo{display:block;width:116px;height:116px;object-fit:contain}header{padding-top:10px;padding-bottom:10px}.contact-actions{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:30px}.hero h1{font-size:clamp(50px,5.4vw,76px)}@media(max-width:760px){.logo{width:93px;height:93px}header{align-items:center}.hero h1{font-size:56px}.hero-image img{height:390px}}
.salon{padding:76px 6%;max-width:1440px;margin:auto}.salon-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.salon-top p:last-child{max-width:340px;color:var(--muted);font-size:15px}.salon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.salon-grid figure{margin:0}.salon-grid img{width:100%;height:390px;object-fit:cover;display:block}.salon-grid figcaption{font-size:14px;margin-top:10px;color:var(--muted)}.salon details{margin-top:30px}.salon summary{cursor:pointer;display:list-item;width:fit-content;padding:12px 0;color:var(--wine);font-size:15px}.salon details .salon-grid{margin-top:22px}.salon-grid a{display:block}.salon-grid a:hover{opacity:.93}@media(max-width:760px){.salon{padding:52px 6%}.salon-top{display:block}.salon-top p:last-child{margin-top:22px}.salon-grid{grid-template-columns:1fr 1fr;gap:18px}.salon-grid img{height:260px}.salon-grid figure:first-child{grid-column:1/-1}.salon-grid figure:first-child img{height:410px}}@media(max-width:400px){.salon-grid{grid-template-columns:1fr}.salon-grid img{height:350px}}
:root{--paper:#fcf8f4;--ink:#362b28;--wine:#3d2b29;--gold:#b58a58;--muted:#746763}em{color:#a06577}.draft{background:#3d2b29}.visit{background:#3d2b29}.visit em{color:#e2b8be}.button{border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#67434b;transform:translateY(-2px)}.nav-button{border-radius:3px}.hero-image img{box-shadow:16px 16px 0 #ede0d4}.hero{padding-bottom:80px}.hero-image figcaption{margin-top:22px}.eyebrow{color:#87653f}.service-list article{transition:background .2s,padding .2s}.service-list article:hover{background:#f3e9e2;padding-left:14px;padding-right:14px}.salon-grid img{border-radius:3px}.salon-grid figure:nth-child(2) img{border-radius:44% 44% 3px 3px}.contact{background:#f3e6e3}.hours dl div{border-color:#786057}.treatments .section-heading h2 em{color:#a06577}nav a{min-height:44px;display:inline-flex;align-items:center}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.hero-actions .text-link{font-size:14px}.booking-note{margin:18px 0 0;font-size:13px;color:var(--muted)}@media(prefers-reduced-motion:reduce){.button,.service-list article{transition:none}.button:hover{transform:none}}@media(max-width:760px){nav{gap:7px 15px}.hero-image img{box-shadow:10px 10px 0 #ede0d4}nav a[href="#visit"]{display:none}}
.logo{width:142px;height:111px;object-fit:cover;mix-blend-mode:multiply}.hero-copy{animation:settle-in .7s ease-out both}@keyframes settle-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero-copy{animation:none}}@media(max-width:760px){.logo{width:116px;height:96px}.hero h1{font-size:clamp(46px,12vw,62px);line-height:1.08}.hero-copy{animation:none}.hero-foot{font-size:12px}.vertical{font-size:12px}}
.ritual{display:grid;grid-template-columns:45% 55%;min-height:400px;background:#eee0d4}.ritual-art{background:url('spa-hero.jpg') center 60%/cover;min-height:400px}.ritual-copy{padding:60px 14%;align-self:center}.ritual-copy p:not(.eyebrow){color:var(--muted);max-width:390px}.ritual-copy h2{font-size:clamp(37px,4vw,53px)}@media(max-width:760px){.ritual{grid-template-columns:1fr}.ritual-art{min-height:290px;max-height:290px}.ritual-copy{padding:42px 8%}}

.price-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 64px;align-items:start}.price-category{min-width:0}.price-category h3{font-size:29px;color:#754451;border-bottom:1px solid #b58a58;padding-bottom:18px}.price-category dl{margin:12px 0 0}.price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;border-bottom:1px solid #e5dcd9;padding:12px 0;font-size:16px}.price-row dd{margin:0;font-variant-numeric:tabular-nums;color:#754451;white-space:nowrap}.menu-note{font-size:14px;color:var(--muted);margin:12px 0 0}@media(max-width:760px){.price-menu{grid-template-columns:1fr;gap:34px}.price-category h3{font-size:27px}}

/* Tonal tropical spa setting */
body{background-color:var(--paper);background-image:url('tropical-background-exact.jpeg');background-position:center 120px;background-size:100% auto;background-repeat:repeat-y}
header{background:rgba(252,248,244,.92)}
.logo{width:174px;height:116px;object-fit:contain;mix-blend-mode:multiply}
.hero{background:rgba(252,248,244,.30)}
.hero-copy{position:relative;background:rgba(252,248,244,.68);padding:26px 20px 26px 0}
.treatments{background:rgba(252,248,244,.88)}
.salon{background:rgba(252,248,244,.82)}
.contact{background-image:linear-gradient(rgba(243,230,227,.6),rgba(243,230,227,.6)),url('tropical-background-exact.jpeg');background-position:center;background-size:cover}
footer{background:rgba(252,248,244,.88)}
@media(max-width:760px){body{background-size:100% auto;background-position:center 100px}.logo{width:132px;height:100px}.hero-copy{padding:20px 10px}.hero{padding-left:4%;padding-right:4%}.contact{background-size:auto 100%}}

.nav-book{color:#754451;font-weight:600;border-bottom:1px solid #b58a58}@media(max-width:760px){nav{column-gap:12px}header{gap:12px}}

.client-results{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:76px 8%;background:#f3e6e3;border-top:1px solid #ddc8bf;border-bottom:1px solid #ddc8bf}.client-results-message{border-left:1px solid #b58a58;padding-left:38px}.results-label{font-size:12px;letter-spacing:2px;color:#87653f;margin:0 0 18px}.client-results-message h3{font-size:29px;line-height:1.25}.client-results-message>p:last-child{color:#746763;max-width:460px;margin:20px 0 0}nav{gap:24px}@media(max-width:1000px){nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}}@media(max-width:760px){.client-results{grid-template-columns:1fr;padding:52px 8%;gap:28px}.client-results-message{border-left:0;border-top:1px solid #b58a58;padding:24px 0 0}nav a[href="#client-results"]{font-size:13px}}

/* Exact owner-supplied logo and warm brown text */
.logo{width:180px;height:auto;max-width:100%;object-fit:contain;mix-blend-mode:normal}
header{padding-top:16px;padding-bottom:16px}
.draft{background:#ead8c8;color:#493029}
.button{background:#ead0bc;color:#493029;border:1px solid #b58a58}
.button:hover{background:#dfbdb0;color:#493029}
.visit{background:#eee0d4;color:#493029}
.visit .eyebrow{color:#79573e}
.visit em{color:#754451}
.visit-copy>p:not(.eyebrow){color:#695047}
.hours dd{color:#493029}
.hours dl div{border-color:#c5aa96}
@media(max-width:760px){.logo{width:140px;height:auto}header{align-items:center}.brand{flex-shrink:0}}

/* Explicit text colours prevent inherited white heading and link styles. */
.draft,.draft *,a.button,a.button:visited,a.button:hover,a.button *, .visit,.visit h2,.visit h2 em,.visit h3,.visit p,.visit a,.visit a:visited,.visit span,.visit dt,.visit dd{color:#593a2e!important}
.hero h1,.hero h1 em,.treatments h2,.treatments h2 em,.price-category h3,.ritual h2,.ritual h2 em,.salon h2,.salon h2 em,.client-results h2,.client-results h2 em,.client-results h3,.contact h2,.contact h2 em{color:#593a2e}

.loyalty{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#f7eee6;padding:76px 8%;border-top:1px solid #ddc8bf;color:#593a2e}.loyalty h2,.loyalty h2 em,.loyalty h3,.loyalty p{color:#593a2e}.loyalty-copy{border-left:1px solid #b58a58;padding-left:38px}.loyalty-copy h3{font-size:32px;line-height:1.3}.loyalty-copy p{font-size:17px;max-width:390px;margin:22px 0 0}nav .services-link,nav .loyalty-link{display:inline-flex}@media(max-width:760px){.loyalty{grid-template-columns:1fr;gap:28px;padding:52px 8%}.loyalty-copy{border-left:0;border-top:1px solid #b58a58;padding:24px 0 0}.loyalty-copy h3{font-size:28px}nav .services-link{max-width:150px;line-height:1.4}}

/* Light beige and barely-there sage palms */
:root{--paper:#f7f0e6}
body{background-color:#f7f0e6}
header,footer{background:rgba(247,240,230,.90)}
.hero{background:rgba(247,240,230,.08)}
.hero-copy{background:rgba(247,240,230,.45)}
.treatments,.salon{background:rgba(247,240,230,.48)}
.ritual,.client-results,.loyalty,.visit{background-color:#f1e8dc}
.contact{background-color:#f7f0e6;background-image:linear-gradient(rgba(247,240,230,.12),rgba(247,240,230,.12)),url('tropical-background-exact.jpeg')}

/* High-contrast lettering across every light surface. */
:root{--ink:#302019;--muted:#443027}
body,header,nav,main,section,article,footer,h1,h2,h3,p,a,a:visited,span,em,dt,dd,figcaption,summary,.eyebrow,.pending,.number,.duration,.booking-note,.menu-note,.results-label,.vertical,.text-link,.price-row dd,.hero-foot,.brand-sub{color:#302019!important}
.draft,.draft *,a.button,a.button:visited,a.button:hover,a.button *, .visit,.visit h2,.visit h2 em,.visit h3,.visit p,.visit a,.visit a:visited,.visit span,.visit dt,.visit dd,.loyalty h2,.loyalty h2 em,.loyalty h3,.loyalty p{color:#302019!important}

/* Four evenly aligned primary links, separate from utility links. */
header{display:grid;grid-template-columns:180px minmax(0,1fr);gap:48px;align-items:center}
.header-links{min-width:0}
nav.primary-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-items:stretch;width:100%;border-top:1px solid #cdbbab;border-bottom:1px solid #cdbbab}
nav.primary-navigation>a{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:68px;padding:12px 14px;margin:0;border:0;font-size:15px;font-weight:500;line-height:1.45;max-width:none}
nav.primary-navigation>a+a{border-left:1px solid #dfd1c3}
nav.primary-navigation>a:hover{background:#eee4d7}
.header-utilities{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px 28px;margin-top:14px}
.header-utilities>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
@media(max-width:1000px){header{grid-template-columns:1fr;gap:20px}.brand{justify-self:center}.header-links{width:100%}.header-utilities{justify-content:center}}
@media(max-width:540px){header{padding:16px 6% 20px}nav.primary-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}nav.primary-navigation>a{min-height:66px;font-size:14px;padding:10px 12px}nav.primary-navigation>a:nth-child(3){border-left:0}nav.primary-navigation>a:nth-child(n+3){border-top:1px solid #dfd1c3}.header-utilities{gap:6px 20px;margin-top:10px}}

/* Continue the approved tropical artwork through the price menu only. */
.treatments{background-color:#f7f0e6;background-image:url('tropical-background-exact.jpeg');background-position:center top;background-size:100% auto;background-repeat:repeat-y}

/* Floating contact action, matched to the salon palette. */
.text-us-float{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:100;display:inline-flex;align-items:center;gap:9px;min-height:52px;padding:12px 20px;border:1px solid #b58a58;border-radius:999px;background:#ead0bc;box-shadow:0 4px 18px rgba(48,32,25,.18);font-size:16px;font-weight:600;line-height:1.4;text-decoration:none;color:#302019}
.text-us-float:hover{background:#dfbdb0}.text-us-float:focus-visible{outline:3px solid #302019;outline-offset:4px}.text-us-float svg{flex-shrink:0}footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}