/* Original logo package: clear wordmark at every viewport size. */
:root { --ink:#1c3550; --deep:#1c3550; --sage:#5e7f69; --muted:#4a5b6c; --paper:#f7f6f1; }
.site-header .brand { flex:0 0 260px; width:260px; max-width:260px; }
.site-header .approved-logo { width:260px; max-width:100%; height:auto; }
.site-header { min-height:0; }
.simple-opening h1 { letter-spacing:-.035em; }
@media(max-width:600px) {
 .site-header .brand { flex:0 0 168px; width:168px; max-width:168px; }
 .site-header .approved-logo { width:168px; }
 .simple-opening h1, .content-hero h1 { letter-spacing:-.7px; }
 .opening-cta.whatsapp-link { display:flex; width:100%; justify-content:center; }
}
.service-choice::after { content:''; width:10px; height:10px; top:36px; right:29px; border-top:2px solid currentColor; border-right:2px solid currentColor; }

.brand picture { display:block; }

/* Keep optional wellness secondary to the booking action. */
.optional-wellness { margin:18px 0 0; font-size:15px; line-height:1.65; color:var(--muted); max-width:680px; }
.optional-wellness a { text-decoration:underline; text-underline-offset:3px; color:var(--ink); }
footer { width:100%; max-width:1440px; margin-inline:auto; padding-inline:var(--gutter); grid-template-columns:minmax(0,1fr); overflow-wrap:break-word; }
footer > * { min-width:0; max-width:100%; }
footer p { width:100%; overflow-wrap:anywhere; }
@media(max-width:600px) { footer { padding-inline:22px; } }

.page-actions .optional-wellness { flex-basis:100%; max-width:none; margin-top:0; }

/* The cards are links without decorative corner marks. */
.service-choice::after { content:none; display:none; }

.nav-short { display:none; }
@media(max-width:600px) {
 .nav-long { display:none; }
 .nav-short { display:inline; }
 .site-header #nav, html:not(.js-enabled) .site-header #nav { gap:2px 16px; }
}

.service-learn-more { display:block; margin-top:20px; font-size:14px; font-weight:600; text-decoration:underline; text-underline-offset:4px; }
.service-choice:focus-visible .service-learn-more, .service-choice:hover .service-learn-more { text-decoration-thickness:2px; }

/* Full desktop wordmark; compact mark below 768px. */
@media(max-width:767px) {
 .site-header .brand { flex:0 0 168px; width:168px; max-width:168px; }
 .site-header .approved-logo { width:168px; }
}