/* Static equivalent of the clinic SiteHeader / home-shell at 456007dd63d5998.
   Scoped to the header: no anatomy, viewer controls or page typography changes. */
#clinic-site-header {
  --navy:#031a2b; --champagne:#d5c2a3;
  --font-sans:"Clinic Manrope"; --font-display:"Clinic Cormorant Garamond";
  position:sticky; top:0; z-index:100; height:88px;
  padding:0 max(32px,calc((100vw - 1120px)/2));
  display:flex; align-items:center; justify-content:space-between;
  background:var(--navy); color:#fff; border-bottom:1px solid rgba(213,194,163,.2);
  font-family:var(--font-sans),Arial,sans-serif; line-height:1.5;
}
#clinic-site-header[aria-modal="true"] { z-index:1000; }
#clinic-site-header > .brand, #clinic-site-header > nav { position:relative; z-index:2; }
#clinic-site-header a { color:inherit; text-decoration:none; }
#clinic-site-header .brand { display:inline-flex; align-items:center; gap:10px; letter-spacing:normal; }
#clinic-site-header .brand-mark { width:48px; height:54px; flex:none; object-fit:contain; }
#clinic-site-header .brand-copy { display:flex; flex-direction:column; align-items:center; min-width:194px; margin:0; color:inherit; font:inherit; letter-spacing:normal; }
#clinic-site-header .brand-name { display:block; margin:0; color:inherit; width:100%; font:500 46px/.8 var(--font-display),serif; letter-spacing:.15em; text-align:center; }
#clinic-site-header .brand-rule { width:100%; margin-top:8px; display:flex; align-items:center; justify-content:center; gap:6px; color:#39c5c7; font:600 8px/1.5 var(--font-sans),Arial,sans-serif; letter-spacing:.2em; white-space:nowrap; text-align:center; }
#clinic-site-header .brand-rule span { display:inline; margin:0; color:inherit; font:inherit; letter-spacing:inherit; }
#clinic-site-header .brand-rule i { width:16px; height:1px; background:#39c5c7; }
#clinic-site-header nav { display:flex; align-items:center; gap:clamp(26px,3vw,52px); font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
#clinic-site-header nav a { padding:13px 0; border-bottom:1px solid transparent; transition:.25s; }
#clinic-site-header .desktop-nav-links { display:flex; align-items:center; gap:clamp(18px,2vw,30px); }
#clinic-site-header .nav-contact { min-height:44px; padding:0 25px; display:flex; align-items:center; border:1px solid var(--champagne); background:var(--champagne); color:var(--navy); }
#clinic-site-header .nav-contact:hover { background:#e7d7bf; color:var(--navy); }
#clinic-site-header .menu-dropdown { position:relative; }
#clinic-site-header .menu-trigger { min-height:50px; padding:0 18px; position:relative; display:flex; align-items:center; gap:11px; border:1px solid rgba(255,255,255,.32); border-radius:0; background:transparent; color:inherit; cursor:pointer; font:inherit; letter-spacing:inherit; text-transform:inherit; transition:.25s; }
#clinic-site-header .menu-trigger span { width:15px; height:10px; position:relative; border-top:1px solid currentColor; border-bottom:1px solid currentColor; }
#clinic-site-header .menu-trigger:after { content:""; width:15px; height:1px; position:absolute; top:50%; right:18px; background:currentColor; }
#clinic-site-header nav a:hover, #clinic-site-header .menu-trigger:hover, #clinic-site-header .menu-dropdown.open .menu-trigger { color:var(--champagne); border-color:var(--champagne); }
#clinic-site-header .nav-contact:hover { color:var(--navy); }
#clinic-site-header :is(a,button):focus-visible { outline:3px solid var(--champagne); outline-offset:4px; }
#clinic-site-header .site-menu-overlay[hidden] { display:none!important; }
#clinic-site-header .site-menu-overlay { position:fixed; z-index:1; inset:var(--menu-header-height,88px) 0 0; font-family:var(--font-sans),Arial,sans-serif; }
#clinic-site-header .menu-backdrop { position:fixed; z-index:0; inset:var(--menu-header-height,88px) 0 0; width:100%; border:0; background:rgba(3,26,43,.48); cursor:default; }
#clinic-site-header .menu-panel { display:flex; flex-direction:column; position:absolute; z-index:1; inset:0 0 0 auto; width:clamp(340px,33.333vw,720px); height:100%; padding:32px clamp(28px,3vw,56px); overflow-y:auto; overscroll-behavior:contain; background:#031a2b; color:#f4f0e8; border:0; border-left:1px solid rgba(213,194,163,.3); box-shadow:-20px 0 60px rgba(0,13,23,.2); animation:clinicMenuArrive .28s ease-out both; font-weight:600; text-transform:uppercase; letter-spacing:.1em; }
#clinic-site-header .menu-close { min-height:44px; display:flex; justify-content:space-between; gap:22px; cursor:pointer; text-align:left; font:inherit; position:sticky; top:0; z-index:2; margin-bottom:24px; padding:8px 0 20px; background:#031a2b; color:#d5c2a3; border:0; border-bottom:1px solid rgba(213,194,163,.3); font-size:11px; }
#clinic-site-header .menu-close span { font-size:24px; line-height:1; }
#clinic-site-header .menu-primary { display:flex; flex-direction:column; }
#clinic-site-header .menu-primary a, #clinic-site-header .menu-professional a, #clinic-site-header .menu-careers { min-height:62px; padding:16px 0; border-bottom:1px solid rgba(213,194,163,.22); font:400 clamp(24px,2.2vw,34px)/1.2 var(--font-display),Georgia,serif; letter-spacing:0; text-transform:none; }
#clinic-site-header .menu-primary .menu-subitem { min-height:46px; padding:12px 0 12px 18px; font:500 12px/1.4 var(--font-sans),Arial,sans-serif; color:#b6c5cb; }
#clinic-site-header .menu-professional { margin-top:152px; padding-top:32px; border-top:1px solid rgba(213,194,163,.3); }
#clinic-site-header .menu-professional a, #clinic-site-header .menu-careers { display:flex; align-items:center; border:0; }
#clinic-site-header .menu-panel a:hover, #clinic-site-header .menu-panel a:focus-visible, #clinic-site-header .menu-panel a[aria-current="page"] { color:#d5c2a3; background:rgba(213,194,163,.08); border-color:rgba(213,194,163,.4); }
#clinic-site-header .menu-primary .menu-book { margin-top:20px; padding:16px 20px; display:flex; justify-content:space-between; align-items:center; gap:16px; background:#d5c2a3; color:#031a2b; border-color:#d5c2a3; font:700 14px/1.4 var(--font-sans),Arial,sans-serif; }
#clinic-site-header .menu-primary .menu-book:hover { background:#e7d7bf; }
#clinic-site-header .menu-booking-arrow { display:flex; }
#clinic-site-header .menu-booking-arrow svg { width:22px; fill:none; stroke:currentColor; stroke-width:1.6; }
@media(max-width:1100px) { #clinic-site-header .desktop-nav-links { display:none; } }
@media(max-width:900px) {
  #clinic-site-header { height:80px; padding-inline:24px; }
  #clinic-site-header nav { gap:10px; font-size:9px; }
  #clinic-site-header .nav-contact { padding:0 18px; }
}
@media(max-width:600px) {
  #clinic-site-header { height:72px; padding:12px 16px; }
  #clinic-site-header .brand { gap:7px; }
  #clinic-site-header .brand-mark { width:32px; height:36px; }
  #clinic-site-header .brand-copy { min-width:112px; width:112px; }
  #clinic-site-header .brand-name { font-size:28px; }
  #clinic-site-header .brand-rule { font-size:4.7px; line-height:1; margin-top:6px; gap:3px; letter-spacing:.12em; }
  #clinic-site-header .brand-rule i { display:none; }
  #clinic-site-header nav { margin-left:auto; justify-content:flex-end; gap:8px; font-size:10px; letter-spacing:.1em; }
  #clinic-site-header .menu-trigger { min-width:92px; min-height:44px; padding:0 12px; font-size:10px; gap:10px; justify-content:flex-start; }
  #clinic-site-header .menu-trigger span, #clinic-site-header .menu-trigger:after { width:14px; }
  #clinic-site-header .menu-trigger:after { right:12px; }
  #clinic-site-header .nav-contact { min-width:52px; min-height:44px; padding:0 12px; font-size:11px; justify-content:center; }
  #clinic-site-header .menu-backdrop { display:none; }
  #clinic-site-header .site-menu-overlay { top:var(--menu-header-height,72px); }
  #clinic-site-header .menu-panel { inset:0; width:auto; min-height:0; max-height:none; padding:16px 20px max(24px,env(safe-area-inset-bottom)); border:0; border-top:1px solid rgba(255,255,255,.14); box-shadow:none; font-size:13px; letter-spacing:.1em; animation:none; }
  #clinic-site-header .menu-close { position:static; margin:0; padding:10px 14px; background:transparent; color:inherit; border-color:rgba(255,255,255,.2); font-size:inherit; }
  #clinic-site-header .menu-panel a { min-height:56px; padding:17px 12px; display:flex; align-items:center; border-bottom:1px solid rgba(255,255,255,.12); font:inherit; letter-spacing:inherit; text-transform:inherit; }
  #clinic-site-header .menu-primary .menu-subitem { padding:11px 12px 11px 28px; font-size:.9em; color:#b6c5cb; }
  #clinic-site-header .menu-professional { margin-top:auto; padding-top:18px; border-color:rgba(255,255,255,.14); }
  #clinic-site-header .menu-professional a { border:0; color:#adc0c8; }
  #clinic-site-header .menu-primary .menu-book { margin:0; padding:17px 12px; background:transparent; color:inherit; border-color:rgba(255,255,255,.12); font:inherit; }
  #clinic-site-header .menu-booking-arrow { display:none; }
  #clinic-site-header .menu-panel a:hover, #clinic-site-header .menu-panel a:focus-visible, #clinic-site-header .menu-panel a[aria-current="page"] { color:#d5c2a3; background:rgba(213,194,163,.1); border-color:rgba(213,194,163,.3); }
}
@media(max-width:380px) {
  #clinic-site-header .brand-copy { width:102px; }
  #clinic-site-header nav { gap:6px; }
  #clinic-site-header .menu-trigger { min-width:82px; gap:9px; }
}
@keyframes clinicMenuArrive { from { transform:translateX(100%); } to { transform:translateX(0); } }
@media(prefers-reduced-motion:reduce) { #clinic-site-header .menu-panel { animation:none; } }