/* Optional visual studies; the booking implementation is shared unchanged. */
:root[data-design="modern"]{--ink:#172337;--teal:#3156b7;--muted:#5b6678;--line:#d7deeb;--light:#f1f4fa;--page:#fff;--panel:#edf1f8;--accent-soft:#e2e9fa;--radius:3px;--heading-font:Manrope,Arial,sans-serif;--heading-weight:700}
:root[data-design="editorial"]{--ink:#35252a;--teal:#773b4d;--muted:#76636a;--line:#e2d5d3;--light:#f6eeeb;--page:#fffcf8;--panel:#f4eeea;--accent-soft:#ecdedc;--radius:4px;--heading-font:'Cormorant Garamond',Georgia,serif;--heading-weight:600}
:root[data-design="soft"]{--ink:#352646;--teal:#75519a;--muted:#746680;--line:#dfd5e9;--light:#f5f1fa;--page:#fff;--panel:#f4eef9;--accent-soft:#eadef3;--radius:22px;--heading-font:Outfit,Arial,sans-serif;--heading-weight:500}
html[data-design] body{background:var(--page);color:var(--ink)}
html[data-design] header{background:var(--page);border-bottom-color:var(--line)}
html[data-design] h1,html[data-design] h2,html[data-design] h3{font-family:var(--heading-font);font-weight:var(--heading-weight)}
html[data-design] .hero h1{font-family:var(--heading-font);font-weight:var(--heading-weight)}
html[data-design] .booking,html[data-design] .card,html[data-design] .careers-card{border-radius:var(--radius);border-color:var(--line)}
html[data-design] .filters{background:var(--panel)}
html[data-design] .modes{border-color:var(--line);border-radius:var(--radius)}
html[data-design] .modes button{border-color:var(--line);border-radius:var(--radius);background:var(--page)}
html[data-design] .modes button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:none}
html[data-design] .service-trigger,html[data-design] .service-menu-items,html[data-design] .service-menu-option{background:var(--page);border-color:var(--line);border-radius:var(--radius)}
html[data-design] .service-trigger[aria-expanded=true]{border-color:var(--teal)}
html[data-design] .service-menu-option:hover,html[data-design] .service-menu-option:focus-visible,html[data-design] .service-menu-option[aria-pressed=true]{background:var(--accent-soft)}
html[data-design] .specialist-option img{box-shadow:0 0 0 1px var(--line)}
html[data-design] .specialist-option:hover img,html[data-design] .specialist-option:focus-visible img{box-shadow:0 0 0 3px var(--teal)}
html[data-design] .button{border-radius:var(--radius);border-color:var(--ink);background:var(--ink);color:#fff}
html[data-design] .button:hover{background:var(--teal);border-color:var(--teal)}
html[data-design] .button.lime{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--ink)}
html[data-design] .visit{background:var(--ink);border-radius:var(--radius)}
html[data-design] .visit p{color:#eee9ef}
html[data-design] .team-portrait,html[data-design] .hero-slides img,html[data-design] .gallery img{border-radius:var(--radius)}
html[data-design] .team-portrait figcaption{background:var(--ink)}
html[data-design] .scheduler-bar{border-color:var(--line);background:var(--page)}
/* Modern: precise typography, strong blue accents, crisp corners. */
html[data-design="modern"] .eyebrow{color:var(--teal);font-weight:600;letter-spacing:1.6px}
html[data-design="modern"] .hero h1{letter-spacing:-2.5px}
html[data-design="modern"] .brand{letter-spacing:-1px}
html[data-design="modern"] .careers-card{border-left:4px solid var(--teal)}
/* Editorial: expressive serif headlines with a quiet neutral body. */
html[data-design="editorial"] .hero h1{font-size:clamp(52px,6vw,80px);line-height:1;letter-spacing:-1.8px}
html[data-design="editorial"] .hero h1 em{font-style:italic}
html[data-design="editorial"] h2{font-size:48px;letter-spacing:-1px}
html[data-design="editorial"] .brand{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:29px;letter-spacing:.2px}
html[data-design="editorial"] .eyebrow{font-size:12px;letter-spacing:2.5px}
html[data-design="editorial"] .careers-card{background:#f4ece7}
/* Soft: rounded typography, lilac surfaces and subtle shadows. */
html[data-design="soft"] body{font-family:Outfit,Arial,sans-serif}
html[data-design="soft"] .brand{font-family:Outfit,Arial,sans-serif;font-weight:700}
html[data-design="soft"] .brand small{font-family:Outfit,Arial,sans-serif}
html[data-design="soft"] .hero h1{letter-spacing:-1.8px}
html[data-design="soft"] .button{border-radius:100px}
html[data-design="soft"] .booking{box-shadow:0 12px 35px #35264609}
html[data-design="soft"] .modes{padding:5px;background:#e9dff1}
html[data-design="soft"] .modes button{border:0;border-radius:17px}
html[data-design="soft"] .careers-card{background:#f5f0fa;border:0}
@media(max-width:650px){html[data-design="editorial"] .hero h1{font-size:54px}html[data-design="editorial"] h2{font-size:36px}html[data-design="modern"] .hero h1{font-size:45px}html[data-design="soft"] .hero h1{font-size:46px}html[data-design] .service-menu-option{border-radius:5px}}