.hero.ux-compact-hero{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start;padding-top:38px}.ux-compact-hero .hero-copy{background:#f0ece5;border:1px solid #e9e1d7;padding:32px;border-radius:20px}.ux-compact-hero h1{font-size:clamp(2.5rem,3.6vw,4rem);line-height:1.12;letter-spacing:-.035em;min-height:0;margin:20px 0}.ux-compact-hero .hero-copy .intro{font-size:18px;line-height:1.6;min-height:0;margin:16px 0 22px}.ux-compact-hero .hero-location{display:none}.ux-compact-hero .hero-copy .actions{min-height:0;gap:20px}.ux-compact-hero .small-note{margin-bottom:0;min-height:0}.ux-compact-hero .brand-slogan{margin:12px 0 0}.ux-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ux-quick-card{display:block;text-decoration:none;color:#27221f;min-width:0}.ux-quick-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center;border-radius:18px}.ux-quick-card h2{font:25px/1.3 Arial,sans-serif;font-weight:600;margin:16px 0 8px;letter-spacing:-.02em}.ux-quick-card p{font-size:16px;color:#685d54;margin:0}.ux-quick-card strong{font-weight:400}.ux-ai-caption{font-size:11px;color:#8b755c;margin:12px 0 24px}.ux-why h2{font:26px/1.3 Georgia,serif;margin:0 0 14px}.ux-why p{font-size:15px;line-height:1.8;margin:0}.ux-why a{color:#50463e;text-decoration:none;border-bottom:1px solid #d9cdbf}.ux-why .ux-local-line{border-top:1px solid #d9cdbf;margin-top:20px;padding-top:16px;font-size:14px}.ux-compact-hero .ribbon{grid-column:1/-1;margin-top:0}.ux-signature-look{grid-column:1/-1;border-top:1px solid #d9cdbf;padding:18px 0}.ux-signature-look summary{cursor:pointer;font-size:14px;color:#785d42;min-height:36px}.ux-signature-look .hero-photo{max-width:460px;margin:20px auto}.ux-signature-look .hero-photo img{max-height:580px}
@media(max-width:700px){.hero.ux-compact-hero{display:flex;flex-direction:column;padding:18px 5% 26px;gap:18px}.ux-compact-hero .hero-copy{width:100%;padding:22px 20px;border-radius:18px}.ux-compact-hero h1{font-size:30px;line-height:1.15;margin:16px 0;max-width:340px}.ux-compact-hero .hero-copy .eyebrow{font-size:10px;letter-spacing:.06em;line-height:1.6;margin:0}.ux-compact-hero .brand-slogan{font-size:12px!important;margin-top:10px}.ux-compact-hero .hero-copy .intro{font-size:15px;line-height:1.55;margin:14px 0 18px}.ux-compact-hero .actions .button{min-height:44px;padding:11px 14px}.ux-compact-hero .actions .text-link,.ux-compact-hero .small-note{display:none}.ux-quick-services{width:100%}.ux-quick-grid{gap:14px}.ux-quick-card img{aspect-ratio:1.12/1;border-radius:16px}.ux-quick-card h2{font-size:18px;margin:12px 0 6px}.ux-quick-card p{font-size:14px}.ux-ai-caption{font-size:10px;margin:8px 0 20px}.ux-why h2{font:21px/1.3 Arial,sans-serif;font-weight:600;margin-bottom:10px}.ux-why p{font-size:14px;line-height:1.7}.ux-why .ux-local-line{font-size:13px;padding-top:14px;margin-top:18px}.ux-signature-look{width:100%}.ux-compact-hero .ribbon{padding-top:12px;font-size:11px}.ux-compact-hero .hero-photo{width:100%}}
/* Keep the hero CTA compact and intentional, with one clear action. */
.ux-compact-hero .hero-copy .actions{display:flex;align-items:center;gap:16px;margin-top:24px}.ux-compact-hero .hero-copy .actions .button{width:auto;min-height:52px;padding:15px 24px;border-radius:12px;background:#32594b;border-color:#32594b;color:#fffdf9;font-size:14px;font-weight:600}.ux-compact-hero .hero-copy .actions .text-link{font-size:12px;color:#685d54}.ux-compact-hero .hero-copy .actions .button:hover{background:#244638}.ux-compact-hero .hero-copy .small-note{font-size:12px;line-height:1.6;margin-top:14px;color:#786b60}
@media(max-width:700px){.ux-compact-hero .hero-copy .actions{margin-top:22px;gap:0;width:100%}.ux-compact-hero .hero-copy .actions .button{width:100%;min-height:52px;padding:15px 18px;font-size:14px}header .ux-header-book{border-radius:10px;min-height:44px}}

.ux-quick-card img{aspect-ratio:1.1/1;object-fit:cover;border-radius:18px}

/* Homepage SEO/hero refinement — 1 November 2026. */
.ux-compact-hero h1{font-size:clamp(2.1rem,3.2vw,3.5rem);line-height:1.16;text-wrap:balance}.ux-compact-hero .hero-brand-line{font:italic 21px/1.4 Georgia,serif;color:#785d42;margin:0 0 20px}.ux-compact-hero .hero-copy .intro{text-align:left;text-align-last:left;word-spacing:normal;letter-spacing:normal;line-height:1.7;max-width:60ch;hyphens:none}.hero-service-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin:18px 0 6px}.hero-service-links a{color:#50463e;font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;padding:8px 0;min-height:40px}
@media(max-width:700px){.ux-compact-hero h1{font-size:clamp(27px,7.5vw,34px);line-height:1.18;max-width:none}.ux-compact-hero .hero-brand-line{font-size:19px;margin:0 0 18px}.ux-compact-hero .hero-copy .intro{font-size:15px;line-height:1.7;margin:16px 0}.hero-service-links{display:grid;gap:0;margin:12px 0}.hero-service-links a{display:flex;align-items:center;min-height:44px;font-size:13px}.floating-book,.follow-qr-button{position:static!important;vertical-align:middle;margin:14px 0 18px 5%;transform:none!important}.follow-qr-button{min-height:48px}.floating-book{display:inline-flex!important;width:50px;height:50px}.follow-qr-dialog{max-width:calc(100vw - 32px)}}
.ux-compact-hero .hero-service-links{justify-content:flex-start;align-items:start;text-align:left;padding:0;border:0}.ux-compact-hero .hero-service-links a{justify-content:flex-start;text-align:left;margin:0}

/* Accurate service imagery and readable card descriptions. */
#services .service p,#services .ux-service-price,.ux-quick-card p{ text-align:left!important;text-align-last:left!important;word-spacing:normal;letter-spacing:normal;hyphens:none }
.ux-quick-card[href="/services/manicure/"] img{object-position:center 40%}
@media(min-width:360px) and (max-width:430px){#services .service p{font-size:15px;line-height:1.7}.ux-quick-card p{font-size:14px;line-height:1.5}.ux-ai-caption{font-size:12px;line-height:1.6}}
/* Compact header and hero — Preview 54. */
.ux-hero-combo{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;margin:0 0 20px;background:#e9e1d7;border:1px solid #d9cdbf;border-radius:10px;color:#27221f;text-decoration:none;font-size:15px}.ux-hero-combo strong{font-size:20px;white-space:nowrap}.ux-quick-card h2{font:600 20px/1.35 Arial,sans-serif;margin:12px 0 5px}.ux-quick-card strong{font-size:20px;font-weight:600;color:#50463e}.ux-ai-caption{font-size:12px;line-height:1.5;margin:10px 0 14px}.ux-compact-hero .hero-copy .brand-slogan{display:none!important}
@media(max-width:700px){html{scroll-padding-top:72px}header{min-height:64px;padding:8px 5%;gap:8px;flex-wrap:wrap;align-items:center}header .brand-logo{flex:1;min-width:0;gap:8px}header .brand-logo img{width:34px;height:34px}header .logo span{font-size:11px;letter-spacing:.04em}header .logo small{font-size:8px}header .menu-toggle{order:2;margin:0;padding:8px;min-height:40px;font-size:12px}header select{order:3;margin:0;max-width:95px;min-height:40px;font-size:12px}header .ux-header-book{display:none!important}header nav{order:4;width:100%}header nav.is-open{margin:0;padding:8px 0;gap:12px}.hero.ux-compact-hero{padding:12px 5% 22px;gap:14px}.ux-compact-hero .hero-copy{padding:16px}.ux-compact-hero .hero-copy .eyebrow{display:none}.ux-compact-hero h1{font-size:clamp(26px,7vw,30px);margin:0 0 10px;line-height:1.16}.ux-compact-hero .hero-brand-line{font-size:18px;margin:0 0 12px}.ux-compact-hero .hero-copy .intro{font-size:15px;line-height:1.55;margin:10px 0 12px}.ux-compact-hero .hero-copy .actions{margin-top:12px}.ux-compact-hero .hero-copy .actions .button{min-height:48px;padding:12px 16px}.hero-service-links{display:flex;gap:8px 16px;margin:4px 0}.hero-service-links a{min-height:36px;font-size:12px}.ux-quick-card img{aspect-ratio:1.12/1}.ux-quick-card h2{font-size:16px;line-height:1.35;margin:9px 0 4px}.ux-quick-card p{margin:0}.ux-quick-card strong{font-size:19px}.ux-hero-combo{margin-bottom:16px;font-size:14px;padding:10px 12px}.floating-book{position:fixed!important;right:12px!important;bottom:12px!important;margin:0!important;width:44px;height:44px;padding:10px;z-index:40}.floating-book svg{width:24px;height:24px}.floating-book[data-content-overlap=true]{visibility:hidden;pointer-events:none}.follow-qr-button{position:static!important}.ux-quick-services{min-width:0}}
