/* Erzeugt von werkzeuge/nav_einheit.py aus dem CSS der Referenzseite daemmerschlaf-zahnarzt/ (Menue-Einheit, 29.09.2026). Nicht von Hand aendern: Nav-Gestaltung im CSS der Referenz pflegen, dann python3 werkzeuge/nav_einheit.py und python3 werkzeuge/css_pakete.py. css_pakete.py packt diese Datei auf jeder Seite mit Website-Menue als letzte Quelle. Hintergrund der Leiste bleibt Sache der Seite. */ @font-face{font-family:"Fraunces Nav"; font-style:normal; font-weight:300 500; font-display:swap; src:url('../assets/fonts/fraunces/fraunces-normal-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:"Fraunces Nav"; font-style:normal; font-weight:300 500; font-display:swap; src:url('../assets/fonts/fraunces/fraunces-normal-latinext.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;} @font-face{font-family:"Fraunces Nav"; font-style:italic; font-weight:300 400; font-display:swap; src:url('../assets/fonts/fraunces/fraunces-italic-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:"Fraunces Nav"; font-style:italic; font-weight:300 400; font-display:swap; src:url('../assets/fonts/fraunces/fraunces-italic-latinext.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;} @font-face{font-family:"Gotham Nav";src:url(../assets/fonts/gotham-ssm-light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap} @font-face{font-family:"Gotham Nav";src:url(../assets/fonts/gotham-ssm-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:"Gotham Nav";src:url(../assets/fonts/gotham-ssm-medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap} @font-face{font-family:"Gotham Nav";src:url(../assets/fonts/gotham-ssm-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap} @font-face{font-family:"Gotham Nav";src:url(../assets/fonts/gotham-ssm-narrow-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-stretch:condensed;font-display:swap} :is(.nav,#nav-drawer){--c-dark-brown-warm:#1a1208;--font-display:"Fraunces Nav",ui-serif,Georgia,serif;--font-body:"Gotham Nav",ui-sans-serif,system-ui,-apple-system,sans-serif;--c-ink:#17150f;--c-ink-soft:#54504a;--c-gold:#bf9f77;--c-gold-fill:#bf9f77;--c-line:rgba(20,18,12,.12);--c-mist:#c0c0c0;--c-light-ash:#ccc;--c-cream:#f5f5f0;--c-line-soft:rgba(245,245,240,.1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-drawer:cubic-bezier(.32,.72,0,1);--r-pill:999px;--ease-out:cubic-bezier(.23,1,.32,1);--shell-max:1280px;--cta-fill:#15130d;--cta-fill-hover:#000;--cta-text:#faf7f0;--cta-shadow:0 18px 36px -16px rgba(20,18,12,.45);--shell-pad:clamp(20px,5vw,72px)} :is(.nav,#nav-drawer){--ff-disp:var(--font-display);--ff-body:var(--font-body);--gold-grad:linear-gradient(180deg,#cbaa80 0%,#bf9f77 52%,#b18f63 100%);--hair:rgba(212,175,124,.18);--c-white:#fff;--c-ash:#999;--ease:cubic-bezier(.23,1,.32,1);--sheet-ease:cubic-bezier(.32,.72,0,1)} :is(.nav,#nav-drawer){color:#17150f;font-family:"Gotham Nav",ui-sans-serif,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;font-size:16px;text-rendering:auto;font-feature-settings:normal;font-kerning:auto;word-spacing:normal;letter-spacing:normal;font-style:normal;text-transform:none} /* Grundwerte gegen Familien-CSS: Eigenschaften, die Seitenfamilien im Menue setzen und die Referenz gar nicht (Befund Messung 29.09.2026). Stehen vor den Regeln der Referenz, diese gehen darueber. */ img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:inline;max-width:none} .nav-cta:is(.nav,.nav *,#nav-drawer,#nav-drawer *){min-width:auto;flex:0 1 auto;justify-content:normal;text-transform:none} .nav-burger span:is(.nav,.nav *,#nav-drawer,#nav-drawer *){border-radius:0} .nav-inner:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:static;inset:auto} .nav-drawer-group>summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *){justify-content:normal} .nav a:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-mega a:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-drawer a:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav .logo:is(.nav,.nav *,#nav-drawer,#nav-drawer *){text-decoration:none} .nav-drawer:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-mega:is(.nav,.nav *,#nav-drawer,#nav-drawer *){--c-bg:#0a0a0a;--c-fg:#fff;--c-cream:#f5f5f0;--c-steel:#202020;--c-mist:#c0c0c0;--c-ash:#999;--c-light-ash:#ccc;--c-charcoal:#333;--c-line:rgba(255,255,255,.12);--c-line-soft:rgba(255,255,255,.06);--c-badge:rgba(200,200,200,.10);--c-gold:#bf9f77;--c-gold-soft:rgba(191,159,119,.45);--c-gold-bright:#bf9f77;--c-bg-deep:#000;--c-bg-base:#0a0a0a;--c-bg-elev-1:#0c0c0c;--c-bg-elev-2:#111;--c-bg-warm:#1a1208;--c-white:#fff;--font-display:"Fraunces Nav",ui-serif,Georgia,serif;--font-body:"Gotham Nav",'Montserrat',ui-sans-serif,system-ui,-apple-system,sans-serif;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-drawer:cubic-bezier(.32,.72,0,1);--r-pill:9999px} .nav:is(.nav,.nav *,#nav-drawer,#nav-drawer *){--c-bg:#0a0a0a;--c-fg:#fff;--c-cream:#f5f5f0;--c-steel:#202020;--c-mist:#c0c0c0;--c-ash:#999;--c-light-ash:#ccc;--c-charcoal:#333;--c-line:rgba(255,255,255,.12);--c-line-soft:rgba(255,255,255,.06);--c-badge:rgba(200,200,200,.10);--c-gold:#bf9f77;--c-gold-soft:rgba(191,159,119,.45);--c-gold-bright:#bf9f77;--c-bg-deep:#000;--c-bg-base:#0a0a0a;--c-bg-elev-1:#0c0c0c;--c-bg-elev-2:#111;--c-bg-warm:#1a1208;--c-white:#fff;--font-display:"Fraunces Nav",ui-serif,Georgia,serif;--font-body:"Gotham Nav",'Montserrat',ui-sans-serif,system-ui,-apple-system,sans-serif;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-drawer:cubic-bezier(.32,.72,0,1);--r-pill:9999px} .nav .btn:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:inline-flex;align-items:center;gap:4px;height:48px;padding:0 24px;border-radius:var(--r-pill);font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:-.005em;transition:transform .16s var(--ease-out),background .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out);white-space:nowrap;cursor:pointer} .nav .btn:active:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scale(.97)} .nav .btn-sm:is(.nav,.nav *,#nav-drawer,#nav-drawer *){height:44px;padding:0 18px;font-size:13px} .nav-cta.btn-primary:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:transparent;color:var(--c-white);border:1px solid rgba(255,255,255,.5);box-shadow:none} @media (hover:hover) and (pointer:fine){.nav-cta.btn-primary:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:rgba(255,255,255,.08);color:var(--c-white);border-color:var(--c-white);transform:translateY(-2px)}} [data-nav-theme="light"] .nav:is(.nav,.nav *,#nav-drawer,#nav-drawer *){border-bottom:1px solid rgba(0,0,0,.08) !important} [data-nav-theme="light"] body.nav-scrolled .nav:is(.nav,.nav *,#nav-drawer,#nav-drawer *),[data-nav-theme="light"] body.nav-mega-open .nav:is(.nav,.nav *,#nav-drawer,#nav-drawer *){border-bottom:1px solid rgba(0,0,0,.08) !important} [data-nav-theme="light"] .logo img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){filter:brightness(0) !important} [data-nav-theme="light"] .nav-links a:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:#54504a} [data-nav-theme="light"] .nav-links a:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:var(--c-gold)} [data-nav-theme="light"] .nav-divider:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:rgba(0,0,0,.12)} [data-nav-theme="light"] .nav-phone:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:#54504a} [data-nav-theme="light"] .nav-phone:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:#17150f} [data-nav-theme="light"] .nav-burger:is(.nav,.nav *,#nav-drawer,#nav-drawer *){border-color:rgba(0,0,0,.15)} [data-nav-theme="light"] .nav-burger span:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:#17150f} [data-nav-theme="light"] .nav-cta.btn-primary:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:#17150f;color:#fff;border-color:#17150f} [data-nav-theme="light"] .nav-cta.btn-primary:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:#bf9f77;border-color:#bf9f77;color:#fff} [data-nav-theme="light"] .nav-links a.nav-pillar-dental:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:#17150f;color:#fff} [data-nav-theme="light"] .nav-pillar-dental:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before{background:#fff} [data-nav-theme="light"] .nav-links a.nav-pillar-dental:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:#17150f;color:#fff;opacity:.85} [data-nav-theme="light"] .nav-links a.nav-pillar-aesthetik:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:#17150f;color:#fff} [data-nav-theme="light"] .nav-pillar-aesthetik:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before{background:#bf9f77} [data-nav-theme="light"] .nav-links a.nav-pillar-aesthetik:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:#17150f;color:#fff;opacity:.85} .nav:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid var(--c-line-soft);transition:transform .35s var(--ease-out), background .35s var(--ease-out), backdrop-filter .35s var(--ease-out), border-color .25s ease;will-change:transform} .nav.is-hidden:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:translateY(-100%)} body.nav-scrolled .nav:is(.nav,.nav *,#nav-drawer,#nav-drawer *),body.nav-mega-open .nav:is(.nav,.nav *,#nav-drawer,#nav-drawer *){border-bottom:1px solid var(--c-line-soft)} .nav-inner:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;align-items:center;justify-content:space-between;gap:32px;height:72px} .logo:is(.nav,.nav *,#nav-drawer,#nav-drawer *){flex-shrink:0} .logo img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){height:28px;width:auto;filter:brightness(0) invert(1)} .logo .logo-mono:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.logo .logo-horiz:is(.nav,.nav *,#nav-drawer,#nav-drawer *){filter:none} .nav-links:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;gap:16px;align-items:center} .nav-links a:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-size:14px;font-weight:400;color:var(--c-light-ash);transition:color .2s var(--ease-out);position:relative;display:inline-flex;align-items:center;min-height:44px;padding-block:0;touch-action:manipulation} .nav-links a:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:var(--c-gold)} .nav-links a.has-sub:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{content:"";display:inline-block;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:8px} .nav-links a.nav-pillar:is(.nav,.nav *,#nav-drawer,#nav-drawer *){padding:7px 16px;border-radius:var(--r-pill);min-height:auto;align-self:center;gap:8px;white-space:nowrap;min-width:auto;justify-content:center;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-stretch:condensed;background:var(--c-badge);color:var(--c-white);backdrop-filter:blur(8px);transition:background .2s var(--ease-out)} .nav-pillar:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--c-white);flex:0 0 auto} .nav-links a.nav-pillar-dental:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:var(--c-white);color:var(--c-bg-elev-2)} .nav-pillar-dental:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before{background:var(--c-bg-elev-2)} .nav-links a.nav-pillar-aesthetik:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:var(--c-gold);color:var(--c-bg-warm)} .nav-pillar-aesthetik:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before{background:#1a1208} .nav-pillar:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:var(--c-white);background:rgba(200,200,200,.18)} .nav-links a.nav-pillar-dental:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:var(--c-white);color:var(--c-bg-elev-2);opacity:.85} .nav-links a.nav-pillar-aesthetik:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:var(--c-gold);color:var(--c-bg-warm);opacity:.85} .nav-pillar.has-sub:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{margin-left:2px;transform:rotate(45deg) translateY(-1px)} .nav-pillar.has-mega:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:relative} .nav-mega:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:fixed;left:0;right:0;top:72px;background:linear-gradient(180deg,#0a0a0a 0%,#050505 100%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--c-line-soft);box-shadow:0 24px 60px -10px rgba(0,0,0,.6);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.985);transform-origin:top center;transition:opacity .2s var(--ease-out), transform .25s var(--ease-out), visibility 0s linear .25s;z-index:998} .nav-mega.is-open:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-pillar.has-mega:hover ~ .nav-mega:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-mega:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .2s var(--ease-out), transform .25s var(--ease-out), visibility 0s linear 0s} @media (max-width: 1024px){.nav-mega:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:none!important}} .nav-divider:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:1px;height:18px;background:var(--c-line);flex:0 0 auto;align-self:center} .nav-right:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;align-items:center;gap:16px} .nav-phone:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:38px;width:38px;border-radius:50%;background:var(--c-gold);color:var(--c-bg-warm);text-decoration:none} .nav-phone svg:is(.nav,.nav *,#nav-drawer,#nav-drawer *){flex:0 0 auto;width:18px;height:18px} .nav-phone .nav-phone-num:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:absolute;top:calc(100% + 12px);right:0;white-space:nowrap;background:var(--c-gold);color:var(--c-bg-warm);font-size:13px;font-weight:600;letter-spacing:.01em;padding:9px 16px;border-radius:10px;box-shadow:0 14px 30px -10px rgba(0,0,0,.5);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)} .nav-phone .nav-phone-num:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before{content:"";position:absolute;bottom:100%;right:14px;border:6px solid transparent;border-bottom-color:var(--c-gold)} .nav-phone:focus-visible .nav-phone-num:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:none} @media (hover:hover) and (pointer:fine){.nav-phone:hover .nav-phone-num:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:none}} .nav-burger:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:none;background:transparent;border:0;padding:0;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:7px;touch-action:manipulation;transition:transform .2s var(--ease-out);position:relative} .nav-burger:active:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scale(.94)} .nav-burger span:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:block;height:1px;width:22px;background:var(--c-white);transition:transform .35s var(--ease-in-out), opacity .25s var(--ease-out), background .25s var(--ease-out);transform-origin:center} .nav-burger span:nth-child(1):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scaleX(1)} .nav-burger span:nth-child(2):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scaleX(.59);background:var(--c-gold);opacity:.85} .nav-burger span:nth-child(3):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scaleX(1)} @media (hover: hover) and (pointer: fine){.nav-burger:hover span:nth-child(2):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scaleX(1);opacity:1}} .nav-burger[aria-expanded="true"] span:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:var(--c-white)} .nav-burger[aria-expanded="true"] span:nth-child(1):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:translateY(8px) rotate(45deg) scaleX(1)} .nav-burger[aria-expanded="true"] span:nth-child(2):is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:0;transform:scaleX(.3)} .nav-burger[aria-expanded="true"] span:nth-child(3):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:translateY(-8px) rotate(-45deg) scaleX(1)} .nav-drawer:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:fixed;inset:0;z-index:45;background: radial-gradient(ellipse 80% 60% at 85% 0%, rgba(245,245,240,.05), transparent 70%), radial-gradient(ellipse 60% 50% at 15% 100%, rgba(245,245,240,.03), transparent 70%), linear-gradient(180deg, #0a0a0a 0%, #050505 100%);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:translateX(100%);transition:transform .32s var(--ease-drawer), visibility 0s linear .32s;visibility:hidden;overflow-y:auto} .nav-drawer.is-open:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:translateX(0);visibility:visible;transition:transform .32s var(--ease-drawer), visibility 0s linear 0s} .nav-drawer-inner:is(.nav,.nav *,#nav-drawer,#nav-drawer *){min-height:100%;display:flex;flex-direction:column;padding:88px 28px max(40px, env(safe-area-inset-bottom)) 28px;padding-top:max(88px, calc(72px + env(safe-area-inset-top) + 20px))} .nav-drawer-links:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;flex-direction:column;gap:0} .nav-drawer-link:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-drawer-group > summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:relative;font-family:var(--font-display);font-weight:300;font-size:17px;letter-spacing:-.015em;color:var(--c-white);text-decoration:none;padding:10px 8px 10px 16px;border-bottom:1px solid rgba(255,255,255,.05);transition:color .25s var(--ease-out), transform .35s var(--ease-out), opacity .35s var(--ease-out);touch-action:manipulation;opacity:0;transform:translateX(20px);display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none} .nav-drawer-group > summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::-webkit-details-marker{display:none} .nav-drawer.is-open .nav-drawer-link:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-drawer.is-open .nav-drawer-group > summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:translateX(0)} .nav-drawer.is-open .nav-drawer-links > *:nth-child(1) > summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-drawer.is-open .nav-drawer-links > *:nth-child(1).nav-drawer-link:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition-delay:.06s} .nav-drawer.is-open .nav-drawer-links > *:nth-child(2) > summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-drawer.is-open .nav-drawer-links > *:nth-child(2).nav-drawer-link:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition-delay:.10s} .nav-drawer.is-open .nav-drawer-links > *:nth-child(3) > summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-drawer.is-open .nav-drawer-links > *:nth-child(3).nav-drawer-link:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition-delay:.14s} .nav-drawer.is-open .nav-drawer-links > *:nth-child(4) > summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-drawer.is-open .nav-drawer-links > *:nth-child(4).nav-drawer-link:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition-delay:.18s} .nav-drawer.is-open .nav-drawer-links > *:nth-child(n+5).nav-drawer-link:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition-delay:.22s} .nav-drawer-chev:is(.nav,.nav *,#nav-drawer,#nav-drawer *){margin-left:auto;width:7px;height:7px;border-right:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4);transform:rotate(45deg);transition:transform .24s var(--ease-out), border-color .25s ease} .nav-drawer-group[open] > summary .nav-drawer-chev:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:rotate(-135deg);border-color:var(--c-gold)} .nav-drawer-tiles:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;flex-direction:column;gap:8px;margin:8px 0 22px} .nav-drawer-group.is-tile:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-drawer-link.is-tile:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:block;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.02);overflow:hidden;transition:border-color .25s var(--ease-out), background .25s var(--ease-out)} .nav-drawer-group.is-tile > summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-drawer-link.is-tile:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;align-items:center;gap:16px;padding:16px 16px;border-bottom:0;font-size:16px;opacity:0;transform:translateX(20px)} .nav-drawer-link.is-tile:is(.nav,.nav *,#nav-drawer,#nav-drawer *){padding:16px} .nav-drawer-tile-icon:is(.nav,.nav *,#nav-drawer,#nav-drawer *){flex-shrink:0;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.04);color:var(--c-gold);border:1px solid rgba(255,255,255,.06)} .nav-drawer-tile-icon svg:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:20px;height:20px;display:block} .nav-drawer-tile-img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){flex-shrink:0;width:48px;height:48px;border-radius:10px;overflow:hidden;display:block;border:1px solid rgba(255,255,255,.06);background:var(--c-bg-base)} .nav-drawer-tile-img img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:100%;height:100%;object-fit:cover;display:block;object-position:center 25%;filter:saturate(.95) contrast(1.02)} .nav-drawer-group.is-tile.is-aesthetic .nav-drawer-tile-icon:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:rgba(191,159,119,.1);border-color:rgba(191,159,119,.2)} .nav-drawer-link.is-tile.is-config .nav-drawer-tile-icon:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:rgba(191,159,119,.06)} .nav-drawer-tile-text:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;flex-direction:column;gap:2px;flex:1;min-width:0} .nav-drawer-tile-title:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--font-display);font-weight:300;font-size:17px;line-height:1.15;color:var(--c-white);letter-spacing:-.01em} .nav-drawer-tile-sub:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--font-body);font-size:11px;letter-spacing:.04em;color:var(--c-ash);line-height:1.3} .nav-drawer-group.is-tile > summary .nav-drawer-chev:is(.nav,.nav *,#nav-drawer,#nav-drawer *){margin-left:8px} @media (hover:hover) and (pointer:fine){.nav-drawer-group.is-tile:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-drawer-link.is-tile:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){border-color:rgba(191,159,119,.45);background:rgba(191,159,119,.04)}} .nav-drawer-group.is-tile[open]:is(.nav,.nav *,#nav-drawer,#nav-drawer *){border-color:rgba(191,159,119,.4);background:rgba(191,159,119,.03)} .nav-drawer-tile-arrow:is(.nav,.nav *,#nav-drawer,#nav-drawer *){margin-left:auto;color:var(--c-gold);font-size:18px;transition:transform .25s var(--ease-out)} .nav-drawer-link.is-tile:hover .nav-drawer-tile-arrow:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:translateX(3px)} .nav-drawer-quickactions:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)} .nav-drawer-qa:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.02);color:var(--c-white);text-decoration:none;transition:border-color .25s var(--ease-out), background .25s var(--ease-out), transform .15s var(--ease-out);min-height:84px} .nav-drawer-qa-icon:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.04);color:var(--c-gold);border:1px solid rgba(255,255,255,.06)} .nav-drawer-qa-icon svg:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:18px;height:18px;display:block} .nav-drawer-qa-label:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--font-body);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-cream)} .nav-drawer-qa.is-whatsapp .nav-drawer-qa-icon:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:rgba(37,211,102,.12);color:#25D366;border-color:rgba(37,211,102,.25)} .nav-drawer-qa.is-primary:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:var(--c-gold);border-color:var(--c-gold)} .nav-drawer-qa.is-primary .nav-drawer-qa-icon:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:rgba(0,0,0,.15);color:var(--c-bg-base);border-color:rgba(0,0,0,.1)} .nav-drawer-qa.is-primary .nav-drawer-qa-label:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:var(--c-bg-base)} @media (hover:hover) and (pointer:fine){.nav-drawer-qa:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){border-color:rgba(191,159,119,.45);background:rgba(191,159,119,.04)}} @media (hover:hover) and (pointer:fine){.nav-drawer-qa.is-primary:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:var(--c-gold-bright);border-color:var(--c-gold-bright)}} .nav-drawer-qa:active:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scale(.97)} .nav-drawer-grid:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px} .nav-drawer-chip:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-display);font-weight:300;font-size:15px;letter-spacing:-.01em;color:var(--c-white);text-decoration:none;padding:16px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);transition:border-color .25s var(--ease-out), background .25s var(--ease-out), color .25s var(--ease-out);opacity:0;transform:translateX(20px)} .nav-drawer.is-open .nav-drawer-chip:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:translateX(0);transition:opacity .35s var(--ease-out), transform .35s var(--ease-out), border-color .25s var(--ease-out), background .25s var(--ease-out)} .nav-drawer.is-open .nav-drawer-grid > *:nth-child(1):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition-delay:.22s} .nav-drawer.is-open .nav-drawer-grid > *:nth-child(2):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition-delay:.24s} .nav-drawer.is-open .nav-drawer-grid > *:nth-child(3):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition-delay:.26s} .nav-drawer.is-open .nav-drawer-grid > *:nth-child(4):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition-delay:.28s} .nav-drawer.is-open .nav-drawer-grid > *:nth-child(5):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition-delay:.30s} .nav-drawer.is-open .nav-drawer-grid > *:nth-child(6):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition-delay:.32s} .nav-drawer.is-open .nav-drawer-grid > *:nth-child(7):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition-delay:.34s} @media (hover:hover) and (pointer:fine){.nav-drawer-chip:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){border-color:rgba(191,159,119,.45);background:rgba(191,159,119,.04);color:var(--c-gold)}} .nav-drawer-chip:active:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scale(.97)} @media (hover:hover) and (pointer:fine){.nav-drawer-link:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-drawer-group > summary:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:var(--c-gold);transform:translateX(4px)}} .nav-drawer-link:active:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-drawer-group > summary:active:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scale(.97)} .nav-drawer-sub:is(.nav,.nav *,#nav-drawer,#nav-drawer *){padding:10px 8px 16px 20px;display:flex;flex-direction:column;gap:0;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(245,245,240,.015);animation:subReveal .24s var(--ease-out)} .nav-drawer-subhead:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--font-body);font-stretch:condensed;font-weight:500;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--c-ash);padding:16px 0 4px;margin-bottom:2px} .nav-drawer-subhead:first-child:is(.nav,.nav *,#nav-drawer,#nav-drawer *){padding-top:2px} .nav-drawer-sub a:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--font-body);font-weight:400;font-size:13px;color:var(--c-mist);padding:10px 0 10px 12px;text-decoration:none;transition:color .2s var(--ease-out), padding .25s var(--ease-out);position:relative;display:flex;align-items:center;gap:8px;line-height:1.3} .nav-drawer-sub a:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before{content:"";display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:1px;background:var(--c-gold);opacity:.4;transition:width .25s var(--ease-out), opacity .25s ease} @media (hover:hover) and (pointer:fine){.nav-drawer-sub a:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:var(--c-white);padding-left:16px}} @media (hover:hover) and (pointer:fine){.nav-drawer-sub a:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before{width:10px;opacity:1}} .nav-drawer-sub a:active:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scale(.99)} @media (max-width:1330px){.nav-links:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:none}} @media (max-width:1330px){.nav-right .nav-phone:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-right .nav-cta:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:none}} @media (max-width:1330px){.nav-burger:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:inline-flex}} .nav-drawer:is(.nav,.nav *,#nav-drawer,#nav-drawer *){--c-ash:#999;--c-cream:#f5f5f0;--c-gold:#bf9f77;--c-mist:#c0c0c0;--ease:cubic-bezier(.23,1,.32,1);--ease-drawer:cubic-bezier(.32,.72,0,1);--ff-body:var(--font-body);--ff-disp:var(--font-display);--gold-grad:linear-gradient(180deg,#cbaa80 0%,#bf9f77 52%,#b18f63 100%);--hair:rgba(212,175,124,.18);--sheet-ease:cubic-bezier(.32,.72,0,1)} .nav-drawer :where(details):is(.nav,.nav *,#nav-drawer,#nav-drawer *){padding:0;border-bottom:0;cursor:auto} .nav-drawer :where(summary):is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{content:none} #nav-drawer details[open]>summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:var(--c-white,#fff)} #nav-drawer details>summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{content:none} .nav-drawer:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:fixed;inset:0;z-index:45;background:radial-gradient(ellipse 80% 60% at 85% 0%,rgba(245,245,240,.05),transparent 70%),radial-gradient(ellipse 60% 50% at 15% 100%,rgba(245,245,240,.03),transparent 70%),linear-gradient(180deg,#0a0a0a,#050505);backdrop-filter:blur(24px);transform:translate(100%);transition:transform .32s var(--ease-drawer),visibility 0s linear .32s;visibility:hidden;overflow-y:auto} .nav-drawer.is-open:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:translate(0);visibility:visible;transition:transform .32s var(--ease-drawer),visibility 0s linear 0s} .nav-drawer.is-open @media(hover:hover)and (pointer:fine):is(.nav,.nav *,#nav-drawer,#nav-drawer *){} #nav-drawer .nav-drawer-career:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:block;position:relative;overflow:hidden;margin-top:12px;padding:0;border:1px solid var(--hair);border-radius:14px;background:linear-gradient(180deg,rgba(191,159,119,.08),rgba(191,159,119,0));text-decoration:none;opacity:0;transform:translateY(14px);transition:border-color .2s var(--ease),opacity .5s var(--ease),transform .5s var(--ease),scale .16s var(--ease)} #nav-drawer .nav-drawer-career-txt:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:relative;z-index:2;display:flex;flex-direction:column;gap:7px;align-items:flex-start;padding:13px 14px 9px} #nav-drawer .nav-drawer-career-img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:block;position:relative;line-height:0} #nav-drawer .nav-drawer-career-img img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:100%;height:auto;display:block;transition:transform .2s var(--ease)} #nav-drawer .nav-drawer-career-img:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0d0d0d 0%,rgba(13,13,13,0) 46%)} #nav-drawer.is-open .nav-drawer-career:active:is(.nav,.nav *,#nav-drawer,#nav-drawer *){scale:.985} @media (hover:hover) and (pointer:fine){#nav-drawer .nav-drawer-career:hover .nav-drawer-career-img img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scale(1.03)}} #nav-drawer.is-open .nav-drawer-career:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:none} #nav-drawer .nav-drawer-career:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){border-color:rgba(212,175,124,.45)} #nav-drawer .nav-drawer-career-q:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--ff-disp);font-weight:300;font-size:17px;line-height:1.2;color:var(--c-cream)} #nav-drawer .nav-drawer-career-cta:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:inline-flex;align-items:center;gap:6px;font-family:var(--ff-body);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--c-gold)} #nav-drawer .nav-drawer-career-cta span:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition:transform .2s var(--ease)} #nav-drawer .nav-drawer-career:hover .nav-drawer-career-cta span:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:translate(2px,-2px)} #nav-drawer .nav-drawer-inner:is(.nav,.nav *,#nav-drawer,#nav-drawer *){padding:max(88px,calc(64px + env(safe-area-inset-top) + 20px)) 20px max(28px,env(safe-area-inset-bottom))} #nav-drawer:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:fixed;inset:0;z-index:48;max-width:460px;margin:0 auto;background:radial-gradient(ellipse 80% 60% at 85% 0%,rgba(245,245,240,.05),transparent 70%), radial-gradient(ellipse 60% 50% at 15% 100%,rgba(245,245,240,.03),transparent 70%), linear-gradient(180deg,#0a0a0a 0%,#050505 100%);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform:translateX(100%);visibility:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:transform .32s var(--sheet-ease),visibility 0s linear .32s} #nav-drawer.is-open:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:none;visibility:visible;transition:transform .32s var(--sheet-ease),visibility 0s} #nav-drawer .nav-drawer-inner:is(.nav,.nav *,#nav-drawer,#nav-drawer *){min-height:100%;display:flex;flex-direction:column;padding:max(88px,calc(64px + env(safe-area-inset-top) + 20px)) 20px max(28px,env(safe-area-inset-bottom))} #nav-drawer .nav-drawer-tiles:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;flex-direction:column;gap:7px;margin:0 0 10px} #nav-drawer .nav-drawer-group:is(.nav,.nav *,#nav-drawer,#nav-drawer *),#nav-drawer .nav-drawer-link.is-tile:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:block;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.02);overflow:hidden} #nav-drawer .nav-drawer-group>summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *),#nav-drawer .nav-drawer-link.is-tile:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;align-items:center;gap:14px;padding:11px 16px;cursor:pointer;list-style:none;text-decoration:none;opacity:0;transform:translateY(14px);filter:blur(4px);transition:opacity .5s var(--ease),transform .5s var(--ease),filter .5s var(--ease);transition-delay:var(--d,0s)} #nav-drawer.is-open .nav-drawer-group>summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *),#nav-drawer.is-open .nav-drawer-link.is-tile:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:none;filter:none} #nav-drawer .nav-drawer-group>summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::-webkit-details-marker{display:none} #nav-drawer .nav-drawer-tile-img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){flex-shrink:0;width:44px;height:44px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#0a0a0a} #nav-drawer .nav-drawer-tile-img img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:saturate(1.08) sepia(.1) contrast(1.02)} #nav-drawer .nav-drawer-tile-icon:is(.nav,.nav *,#nav-drawer,#nav-drawer *){flex-shrink:0;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(191,159,119,.08);color:var(--c-gold);border:1px solid rgba(255,255,255,.06)} #nav-drawer .nav-drawer-tile-icon svg:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:20px;height:20px} #nav-drawer .nav-drawer-tile-text:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;flex-direction:column;gap:2px;flex:1;min-width:0} #nav-drawer .nav-drawer-tile-title:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--ff-disp);font-weight:300;font-size:17px;line-height:1.15;color:#fff;letter-spacing:-.01em} #nav-drawer .nav-drawer-tile-sub:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--ff-body);font-size:11px;letter-spacing:.04em;color:var(--c-ash)} #nav-drawer .nav-drawer-tile-arrow:is(.nav,.nav *,#nav-drawer,#nav-drawer *){margin-left:auto;color:var(--c-gold);font-size:18px} #nav-drawer .nav-drawer-chev:is(.nav,.nav *,#nav-drawer,#nav-drawer *){margin-left:auto;width:7px;height:7px;border-right:1.5px solid var(--c-gold);border-bottom:1.5px solid var(--c-gold);transform:rotate(45deg);transition:transform .24s var(--ease),border-color .25s} #nav-drawer .nav-drawer-group[open]>summary .nav-drawer-chev:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:rotate(-135deg);border-color:var(--c-gold)} #nav-drawer .nav-drawer-group[open]:is(.nav,.nav *,#nav-drawer,#nav-drawer *){border-color:rgba(191,159,119,.4);background:rgba(191,159,119,.03)} #nav-drawer .nav-drawer-sub:is(.nav,.nav *,#nav-drawer,#nav-drawer *){padding:8px 8px 14px 18px;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.05);background:rgba(245,245,240,.015);animation:subReveal .24s var(--ease)} #nav-drawer .nav-drawer-subhead:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--ff-body);font-weight:500;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--c-ash);padding:14px 0 4px} #nav-drawer .nav-drawer-subhead:first-child:is(.nav,.nav *,#nav-drawer,#nav-drawer *){padding-top:2px} #nav-drawer .nav-drawer-sub a:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--ff-body);font-weight:400;font-size:13px;color:var(--c-mist);padding:10px 0 10px 12px;text-decoration:none;position:relative;line-height:1.3} #nav-drawer .nav-drawer-sub a:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:1px;background:var(--c-gold);opacity:.4} #nav-drawer .nav-drawer-grid:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px} #nav-drawer .nav-drawer-chip:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--ff-disp);font-weight:300;font-size:15px;letter-spacing:-.01em;color:#fff;text-decoration:none;padding:15px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);opacity:0;transform:translateY(14px);filter:blur(4px);transition:opacity .5s var(--ease),transform .5s var(--ease),filter .5s var(--ease);transition-delay:var(--d,0s)} #nav-drawer.is-open .nav-drawer-chip:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:none;filter:none} #nav-drawer.is-open .nav-drawer-tiles>:nth-child(1):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.05s} #nav-drawer.is-open .nav-drawer-tiles>:nth-child(2):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.10s} #nav-drawer.is-open .nav-drawer-tiles>:nth-child(3):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.15s} #nav-drawer.is-open .nav-drawer-tiles>:nth-child(4):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.20s} #nav-drawer.is-open .nav-drawer-grid>:nth-child(1):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.22s} #nav-drawer.is-open .nav-drawer-grid>:nth-child(2):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.25s} #nav-drawer.is-open .nav-drawer-grid>:nth-child(3):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.27s} #nav-drawer.is-open .nav-drawer-grid>:nth-child(4):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.29s} #nav-drawer.is-open .nav-drawer-grid>:nth-child(5):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.30s} #nav-drawer.is-open .nav-drawer-grid>:nth-child(6):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.31s} #nav-drawer.is-open .nav-drawer-grid>:nth-child(7):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.32s} #nav-drawer .nav-drawer-quickactions:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease) .30s,transform .5s var(--ease) .30s} #nav-drawer.is-open .nav-drawer-quickactions:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:none} #nav-drawer .nav-drawer-quickactions:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)} #nav-drawer .nav-drawer-qa:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;min-height:62px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02);color:#fff;text-decoration:none;transition:transform .15s var(--ease)} #nav-drawer .nav-drawer-qa:active:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scale(.97)} #nav-drawer .nav-drawer-qa-icon:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.04);color:var(--c-gold);border:1px solid rgba(255,255,255,.06)} #nav-drawer .nav-drawer-qa-icon svg:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:15px;height:15px} #nav-drawer .nav-drawer-qa-label:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--ff-body);font-weight:500;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-cream)} #nav-drawer .nav-drawer-qa.is-whatsapp .nav-drawer-qa-icon:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:rgba(37,211,102,.12);color:#25D366;border-color:rgba(37,211,102,.25)} #nav-drawer .nav-drawer-qa.is-primary:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:var(--gold-grad);border-color:transparent} #nav-drawer .nav-drawer-qa.is-primary .nav-drawer-qa-icon:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:rgba(0,0,0,.15);color:#241a0e;border-color:rgba(0,0,0,.1)} #nav-drawer .nav-drawer-qa.is-primary .nav-drawer-qa-label:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:#241a0e} @media (prefers-reduced-motion:reduce){#nav-drawer:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition:visibility 0s}} @media (prefers-reduced-motion:reduce){#nav-drawer .nav-drawer-group>summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *),#nav-drawer .nav-drawer-link.is-tile:is(.nav,.nav *,#nav-drawer,#nav-drawer *),#nav-drawer .nav-drawer-chip:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:none;filter:none;transition:none}} @media (prefers-reduced-motion:reduce){#nav-drawer .nav-drawer-quickactions:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:none;transition:none}} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik).nav-mega:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:radial-gradient(1000px 560px at 85% -10%,rgba(191,159,119,.07),transparent 60%),linear-gradient(180deg,#0b0b0b,#060606)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) a:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:inherit;text-decoration:none} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) ul:is(.nav,.nav *,#nav-drawer,#nav-drawer *){list-style:none;margin:0;padding:0} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) p:is(.nav,.nav *,#nav-drawer,#nav-drawer *){margin:0} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:block} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-vh:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-nw:is(.nav,.nav *,#nav-drawer,#nav-drawer *){white-space:nowrap} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-label:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:block;font-family:var(--font-body);font-stretch:condensed;font-weight:500;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#9a968e} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-link:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--font-body);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,245,240,.8);padding-bottom:5px;background:linear-gradient(var(--c-gold),var(--c-gold)) left bottom/0 1px no-repeat;transition:background-size .45s var(--ease-out),color .25s var(--ease-out)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-link:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{content:"→";transition:transform .3s var(--ease-out)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-link:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:#fff;background-size:100% 1px} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-link:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{transform:translateX(4px)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) :is(a,button):focus-visible:is(.nav,.nav *,#nav-drawer,#nav-drawer *){outline:1px solid var(--c-gold);outline-offset:4px;border-radius:2px} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-hell:is(.nav,.nav *,#nav-drawer,#nav-drawer *){filter:none} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-bild:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(6,6,6,0) 38%,rgba(6,6,6,.5) 62%,rgba(6,6,6,.88) 100%)} @media (prefers-reduced-motion:reduce){:is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) *:is(.nav,.nav *,#nav-drawer,#nav-drawer *),:is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) *:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before,:is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) *:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{transition:none!important;animation:none!important}} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-inner:is(.nav,.nav *,#nav-drawer,#nav-drawer *){max-width:1440px;margin:0 auto;display:grid;grid-template-columns:290px minmax(0,1fr) 440px;min-height:540px} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-inner > * + *:is(.nav,.nav *,#nav-drawer,#nav-drawer *){border-left:1px solid rgba(245,245,240,.07)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-cats:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;flex-direction:column;padding:34px 24px 28px 28px} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-cats [role=tablist]:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;flex-direction:column;gap:4px} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-cats button:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px;width:100%;padding:15px 16px 15px 20px;text-align:left;background:transparent;border:0;border-radius:2px;cursor:pointer;color:rgba(245,245,240,.9);transition:background .25s var(--ease-out),color .25s var(--ease-out)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-cats button:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{content:"";grid-column:2;grid-row:1;width:7px;height:7px;border-right:1px solid currentColor;border-top:1px solid currentColor;transform:rotate(45deg);opacity:.45;transition:transform .3s var(--ease-out),opacity .25s} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-cats button:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:rgba(245,245,240,.045)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-cats button:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{opacity:1;transform:translateX(3px) rotate(45deg)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-cats button.is-active:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:linear-gradient(90deg,rgba(191,159,119,.15),rgba(191,159,119,.02));color:var(--c-gold)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-cats button.is-active:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;background:var(--c-gold)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-cats button.is-active:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{opacity:1} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-cat:is(.nav,.nav *,#nav-drawer,#nav-drawer *){grid-column:1;font-family:var(--font-display);font-weight:300;font-size:27px;line-height:1.1;letter-spacing:-.012em} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-direkt:is(.nav,.nav *,#nav-drawer,#nav-drawer *){margin:auto 0 0 20px;padding-top:22px} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-listen:is(.nav,.nav *,#nav-drawer,#nav-drawer *){padding:49px 40px 28px 44px;min-width:0} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-liste:is(.nav,.nav *,#nav-drawer,#nav-drawer *){columns:2 220px;column-gap:44px} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-liste[hidden]:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:none} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-gruppe:is(.nav,.nav *,#nav-drawer,#nav-drawer *){break-inside:avoid;padding-bottom:20px} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-gruppe .mx-label:is(.nav,.nav *,#nav-drawer,#nav-drawer *){margin-bottom:8px} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-gruppe .mx-label.mx-leer:is(.nav,.nav *,#nav-drawer,#nav-drawer *){visibility:hidden} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:relative;display:block;padding:5px 0 5px 18px;font-family:var(--font-display);font-weight:300;font-size:18px;line-height:1.3;color:rgba(245,245,240,.86);transition:color .2s var(--ease-out)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before{content:"";position:absolute;left:0;top:calc(5px + .66em);width:6px;height:1px;background:rgba(191,159,119,.45);transition:width .3s var(--ease-out),background .3s} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *),:is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a:focus-visible:is(.nav,.nav *,#nav-drawer,#nav-drawer *),:is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a.mx-aktuell:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:#fff} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before,:is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a:focus-visible:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before,:is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a.mx-aktuell:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before{width:12px;background:var(--c-gold)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{content:"→";display:inline-block;margin-left:8px;font-family:var(--font-body);font-size:13px;color:var(--c-gold);opacity:0;transform:translateX(-4px);transition:opacity .2s var(--ease-out),transform .3s var(--ease-out)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after,:is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a:focus-visible:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{opacity:1;transform:none} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{margin-right:-24px} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a.is-var:is(.nav,.nav *,#nav-drawer,#nav-drawer *){margin-left:18px;padding:3px 0 3px 14px;font-family:var(--font-body);font-size:13px;color:#a29e95;border-left:1px solid rgba(191,159,119,.24)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a.is-var:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before{display:none} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a.is-var.mx-aktuell:is(.nav,.nav *,#nav-drawer,#nav-drawer *),:is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a.is-var:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:#fff} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-karte:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:relative;min-width:0;overflow:hidden;background:#080808} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-bild:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:absolute;inset:0;display:block} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-bild img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s var(--ease-out),transform 1.4s var(--ease-out)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-karte:hover .mx-bild img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scale(1.03)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-bild:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 90% at 50% 38%,transparent 42%,rgba(0,0,0,.5) 100%), linear-gradient(to top,rgba(10,10,10,.97) 0%,rgba(10,10,10,.66) 26%,rgba(0,0,0,.12) 52%,transparent 70%)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-karte:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{content:"";position:absolute;inset:16px;z-index:3;pointer-events:none;border:1px solid rgba(191,159,119,.3)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-info:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:absolute;left:44px;right:44px;bottom:44px;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:0} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-info > *:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition:opacity .2s var(--ease-out),transform .35s var(--ease-out)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-info.mx-wechselt > *:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:0;transform:translateY(5px)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-eyebrow:is(.nav,.nav *,#nav-drawer,#nav-drawer *){margin-bottom:14px;font-family:var(--font-body);font-stretch:condensed;font-weight:500;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--c-gold)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-name:is(.nav,.nav *,#nav-drawer,#nav-drawer *){margin:0 0 30px;font-family:var(--font-display);font-weight:300;font-size:36px;line-height:1.06;letter-spacing:-.018em;color:#fff;text-wrap:balance} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-name em:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-style:italic;color:var(--c-gold)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-name-a:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:inherit} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-cta:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:inline-flex;align-items:center;gap:14px;padding-bottom:10px;font-family:var(--font-body);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:linear-gradient(rgba(191,159,119,.85),rgba(191,159,119,.85)) left bottom/100% 1px no-repeat} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-cta:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{content:"→";transition:transform .3s var(--ease-out)} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-cta:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{transform:translateX(4px)} @media (max-width:1330px){:is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-inner:is(.nav,.nav *,#nav-drawer,#nav-drawer *){grid-template-columns:240px minmax(0,1fr) 350px}} @media (max-width:1330px){:is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-cats:is(.nav,.nav *,#nav-drawer,#nav-drawer *){padding:28px 16px 22px 20px}} @media (max-width:1330px){:is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-cat:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-size:23px}} @media (max-width:1330px){:is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-listen:is(.nav,.nav *,#nav-drawer,#nav-drawer *){padding:42px 28px 24px 30px}} @media (max-width:1330px){:is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-a:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-size:16.5px}} @media (max-width:1330px){:is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-info:is(.nav,.nav *,#nav-drawer,#nav-drawer *){left:34px;right:34px;bottom:34px}} @media (max-width:1330px){:is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik) .mx-name:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-size:29px;margin-bottom:22px}} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik).is-open .mx-liste.is-active .mx-gruppe:is(.nav,.nav *,#nav-drawer,#nav-drawer *){animation:mxEin .5s var(--ease-out) both} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik).is-open .mx-liste.is-active .mx-gruppe:nth-child(2):is(.nav,.nav *,#nav-drawer,#nav-drawer *){animation-delay:.05s} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik).is-open .mx-liste.is-active .mx-gruppe:nth-child(3):is(.nav,.nav *,#nav-drawer,#nav-drawer *){animation-delay:.1s} :is(#mx-aesthetik,#mx-dental,#mx-aerzte,#mx-klinik).is-open .mx-liste.is-active .mx-gruppe:nth-child(4):is(.nav,.nav *,#nav-drawer,#nav-drawer *){animation-delay:.15s} *:is(.nav,.nav *,#nav-drawer,#nav-drawer *),*:is(.nav,.nav *,#nav-drawer,#nav-drawer *):before,*:is(.nav,.nav *,#nav-drawer,#nav-drawer *):after{box-sizing:border-box;margin:0;padding:0} .shell:is(.nav,.nav *,#nav-drawer,#nav-drawer *){max-width:var(--shell-max);margin-inline:auto;padding-inline:var(--shell-pad)} em:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-style:italic;color:var(--c-gold)} p:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-size:17px;line-height:1.65;color:var(--c-ink-soft)} .btn:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 26px;border-radius:var(--r-pill);font-size:13px;font-weight:500;letter-spacing:.02em;transition:transform .16s var(--ease-out),background .2s,color .2s,border-color .2s,box-shadow .2s;white-space:nowrap;text-decoration:none;cursor:pointer;border:0} .btn:active:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scale(.97)} .btn-primary:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:var(--cta-fill);color:var(--cta-text);box-shadow:var(--cta-shadow)} .btn-primary:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:var(--cta-fill-hover)} .btn-primary:active:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:translateY(0) scale(.97)} @media(hover:hover)and (pointer:fine){.btn-primary:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:translateY(-2px);box-shadow:0 22px 48px -16px #14120c8c}} .btn-sm:is(.nav,.nav *,#nav-drawer,#nav-drawer *){height:40px;padding:0 18px;font-size:12px} .nav:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid rgba(245,245,240,.1);transition:transform .35s var(--ease-out),background .35s var(--ease-out),border-color .25s var(--ease-out);will-change:transform} .nav.is-hidden:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:translateY(-100%)} .nav-inner:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;align-items:center;justify-content:space-between;gap:32px;height:72px} .logo:is(.nav,.nav *,#nav-drawer,#nav-drawer *){flex-shrink:0} .logo img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){height:28px;width:auto;display:block;filter:brightness(0) invert(1)} .logo .logo-mono:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.logo .logo-horiz:is(.nav,.nav *,#nav-drawer,#nav-drawer *){filter:none} .nav-links:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;gap:36px;align-items:center} .nav-links a:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-size:13px;font-weight:400;color:var(--c-light-ash,#ccc);text-decoration:none;transition:color .2s var(--ease-out);position:relative;display:inline-flex;align-items:center;min-height:44px} .nav-links a:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:#fff} .nav-links a.has-sub:is(.nav,.nav *,#nav-drawer,#nav-drawer *):after{content:"";display:inline-block;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:8px} .nav-links a.nav-pillar:is(.nav,.nav *,#nav-drawer,#nav-drawer *){padding:7px 14px;border-radius:var(--r-pill);min-height:auto;align-self:center;gap:8px;white-space:nowrap;min-width:214px;justify-content:center;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-stretch:condensed;background:#c8c8c81a;color:#fff;backdrop-filter:blur(8px);transition:background .2s var(--ease-out)} .nav-pillar:is(.nav,.nav *,#nav-drawer,#nav-drawer *):before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;flex:0 0 auto} .nav-links a.nav-pillar-dental:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:#fff;color:#111} .nav-pillar-dental:is(.nav,.nav *,#nav-drawer,#nav-drawer *):before{background:#111} .nav-links a.nav-pillar-aesthetik:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:var(--c-gold-fill);color:var(--c-dark-brown-warm)} .nav-pillar-aesthetik:is(.nav,.nav *,#nav-drawer,#nav-drawer *):before{background:var(--c-dark-brown-warm)} .nav-pillar:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:#fff;background:#c8c8c82e} .nav-links a.nav-pillar-dental:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:#fff;color:#111;opacity:.85} .nav-links a.nav-pillar-aesthetik:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:var(--c-gold-fill);color:var(--c-dark-brown-warm);opacity:.85} .nav-pillar.has-sub:is(.nav,.nav *,#nav-drawer,#nav-drawer *):after{margin-left:2px;transform:rotate(45deg) translateY(-1px)} .nav-divider:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:1px;height:18px;background:#f5f5f02e;flex:0 0 auto;align-self:center} .nav-right:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;align-items:center;gap:16px} .nav-phone:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:38px;width:38px;border-radius:50%;background:var(--c-gold);color:var(--c-dark-brown-warm);text-decoration:none} .nav-phone svg:is(.nav,.nav *,#nav-drawer,#nav-drawer *){flex:0 0 auto;width:18px;height:18px} .nav-phone .nav-phone-num:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:absolute;top:calc(100% + 12px);right:0;white-space:nowrap;background:var(--c-gold);color:var(--c-dark-brown-warm);font-size:13px;font-weight:600;letter-spacing:.01em;padding:9px 14px;border-radius:10px;box-shadow:0 14px 30px -10px #00000080;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)} .nav-phone .nav-phone-num:is(.nav,.nav *,#nav-drawer,#nav-drawer *):before{content:"";position:absolute;bottom:100%;right:14px;border:6px solid transparent;border-bottom-color:var(--c-gold)} .nav-phone:focus-visible .nav-phone-num:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:none} @media(hover:hover)and (pointer:fine){.nav-phone:hover .nav-phone-num:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:none}} @media(prefers-reduced-motion:reduce){.nav-phone:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-phone .nav-phone-num:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition:none}} .nav-cta.btn-primary:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);box-shadow:none;height:40px;font-size:12px} .nav-cta.btn-primary:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:#ffffff14;color:#fff;border-color:#fff} .nav-burger:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:none;background:transparent;border:0;padding:0;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:7px;touch-action:manipulation;transition:transform .2s var(--ease-out);position:relative} .nav-burger:active:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scale(.94)} .nav-burger span:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:block;height:1px;width:22px;background:#fff;transition:transform .35s var(--ease-in-out),opacity .25s var(--ease-out),background .25s var(--ease-out);transform-origin:center} .nav-burger span:nth-child(1):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scaleX(1)} .nav-burger span:nth-child(2):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scaleX(.59);background:var(--c-gold-fill);opacity:.85} .nav-burger span:nth-child(3):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scaleX(1)} .nav-burger[aria-expanded=true] span:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:#fff} .nav-burger[aria-expanded=true] span:nth-child(1):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:translateY(8px) rotate(45deg) scaleX(1)} .nav-burger[aria-expanded=true] span:nth-child(2):is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:0;transform:scaleX(.3)} .nav-burger[aria-expanded=true] span:nth-child(3):is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:translateY(-8px) rotate(-45deg) scaleX(1)} .nav-drawer:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:fixed;inset:0;z-index:45;background:radial-gradient(ellipse 80% 60% at 85% 0%,rgba(245,245,240,.05),transparent 70%),radial-gradient(ellipse 60% 50% at 15% 100%,rgba(245,245,240,.03),transparent 70%),linear-gradient(180deg,#0a0a0a,#050505);backdrop-filter:blur(24px);transform:translate(100%);transition:transform .32s var(--ease-drawer),visibility 0s linear .32s;visibility:hidden;overflow-y:auto} .nav-drawer.is-open:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:translate(0);visibility:visible;transition:transform .32s var(--ease-drawer),visibility 0s linear 0s} .nav-drawer.is-open @media(hover:hover)and (pointer:fine):is(.nav,.nav *,#nav-drawer,#nav-drawer *){} @media(prefers-reduced-motion:reduce){.btn-primary:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:none}} @media(max-width:1340px){.nav-inner:is(.nav,.nav *,#nav-drawer,#nav-drawer *){gap:20px}} @media(max-width:1340px){.nav-links:is(.nav,.nav *,#nav-drawer,#nav-drawer *){gap:24px}} @media(max-width:1024px){.nav-links:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-right .nav-phone:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.nav-right .nav-cta:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:none}} @media(max-width:1024px){.nav-burger:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:inline-flex}} @media(max-width:760px){.nav-links:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:none}} .logo .logo-mono:is(.nav,.nav *,#nav-drawer,#nav-drawer *),.logo .logo-mark:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:none} @media (max-width:1024px){.logo .logo-horiz:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:none}} @media (max-width:1024px){.logo .logo-mono:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:block;height:26px}} @media (max-width:1024px){.logo .logo-mark:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:block;height:9px}} #nav-drawer .nav-drawer-career:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:block;position:relative;overflow:hidden;margin-top:12px;padding:0;border:1px solid var(--hair);border-radius:14px;background:linear-gradient(180deg,rgba(191,159,119,.08),rgba(191,159,119,0));text-decoration:none;opacity:0;transform:translateY(14px);transition:border-color .2s var(--ease),opacity .5s var(--ease),transform .5s var(--ease),scale .16s var(--ease)} #nav-drawer .nav-drawer-career-txt:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:relative;z-index:2;display:flex;flex-direction:column;gap:7px;align-items:flex-start;padding:13px 14px 9px} #nav-drawer .nav-drawer-career-img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:block;position:relative;line-height:0} #nav-drawer .nav-drawer-career-img img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:100%;height:auto;display:block;transition:transform .2s var(--ease)} #nav-drawer .nav-drawer-career-img:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0d0d0d 0%,rgba(13,13,13,0) 46%)} #nav-drawer.is-open .nav-drawer-career:active:is(.nav,.nav *,#nav-drawer,#nav-drawer *){scale:.985} @media (hover:hover) and (pointer:fine){#nav-drawer .nav-drawer-career:hover .nav-drawer-career-img img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scale(1.03)}} #nav-drawer.is-open .nav-drawer-career:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:none} #nav-drawer .nav-drawer-career:hover:is(.nav,.nav *,#nav-drawer,#nav-drawer *){border-color:rgba(212,175,124,.45)} #nav-drawer .nav-drawer-career-q:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--ff-disp);font-weight:300;font-size:17px;line-height:1.2;color:var(--c-cream)} #nav-drawer .nav-drawer-career-cta:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:inline-flex;align-items:center;gap:6px;font-family:var(--ff-body);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--c-gold)} #nav-drawer .nav-drawer-career-cta span:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition:transform .2s var(--ease)} #nav-drawer .nav-drawer-career:hover .nav-drawer-career-cta span:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:translate(2px,-2px)} #nav-drawer .nav-drawer-inner:is(.nav,.nav *,#nav-drawer,#nav-drawer *){padding:max(88px,calc(64px + env(safe-area-inset-top) + 20px)) 20px max(28px,env(safe-area-inset-bottom))} #nav-drawer:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:fixed;inset:0;z-index:48;max-width:460px;margin:0 auto;background:radial-gradient(ellipse 80% 60% at 85% 0%,rgba(245,245,240,.05),transparent 70%), radial-gradient(ellipse 60% 50% at 15% 100%,rgba(245,245,240,.03),transparent 70%), linear-gradient(180deg,#0a0a0a 0%,#050505 100%);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform:translateX(100%);visibility:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:transform .32s var(--sheet-ease),visibility 0s linear .32s} #nav-drawer.is-open:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:none;visibility:visible;transition:transform .32s var(--sheet-ease),visibility 0s} #nav-drawer .nav-drawer-inner:is(.nav,.nav *,#nav-drawer,#nav-drawer *){min-height:100%;display:flex;flex-direction:column;padding:max(88px,calc(64px + env(safe-area-inset-top) + 20px)) 20px max(28px,env(safe-area-inset-bottom))} #nav-drawer .nav-drawer-tiles:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;flex-direction:column;gap:7px;margin:0 0 10px} #nav-drawer .nav-drawer-group:is(.nav,.nav *,#nav-drawer,#nav-drawer *),#nav-drawer .nav-drawer-link.is-tile:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:block;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.02);overflow:hidden} #nav-drawer .nav-drawer-group>summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *),#nav-drawer .nav-drawer-link.is-tile:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;align-items:center;gap:14px;padding:11px 16px;cursor:pointer;list-style:none;text-decoration:none;opacity:0;transform:translateY(14px);filter:blur(4px);transition:opacity .5s var(--ease),transform .5s var(--ease),filter .5s var(--ease);transition-delay:var(--d,0s)} #nav-drawer.is-open .nav-drawer-group>summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *),#nav-drawer.is-open .nav-drawer-link.is-tile:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:none;filter:none} #nav-drawer .nav-drawer-group>summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::-webkit-details-marker{display:none} #nav-drawer .nav-drawer-tile-img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){flex-shrink:0;width:44px;height:44px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#0a0a0a} #nav-drawer .nav-drawer-tile-img img:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:saturate(1.08) sepia(.1) contrast(1.02)} #nav-drawer .nav-drawer-tile-icon:is(.nav,.nav *,#nav-drawer,#nav-drawer *){flex-shrink:0;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(191,159,119,.08);color:var(--c-gold);border:1px solid rgba(255,255,255,.06)} #nav-drawer .nav-drawer-tile-icon svg:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:20px;height:20px} #nav-drawer .nav-drawer-tile-text:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;flex-direction:column;gap:2px;flex:1;min-width:0} #nav-drawer .nav-drawer-tile-title:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--ff-disp);font-weight:300;font-size:17px;line-height:1.15;color:#fff;letter-spacing:-.01em} #nav-drawer .nav-drawer-tile-sub:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--ff-body);font-size:11px;letter-spacing:.04em;color:var(--c-ash)} #nav-drawer .nav-drawer-tile-arrow:is(.nav,.nav *,#nav-drawer,#nav-drawer *){margin-left:auto;color:var(--c-gold);font-size:18px} #nav-drawer .nav-drawer-chev:is(.nav,.nav *,#nav-drawer,#nav-drawer *){margin-left:auto;width:7px;height:7px;border-right:1.5px solid var(--c-gold);border-bottom:1.5px solid var(--c-gold);transform:rotate(45deg);transition:transform .24s var(--ease),border-color .25s} #nav-drawer .nav-drawer-group[open]>summary .nav-drawer-chev:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:rotate(-135deg);border-color:var(--c-gold)} #nav-drawer .nav-drawer-group[open]:is(.nav,.nav *,#nav-drawer,#nav-drawer *){border-color:rgba(191,159,119,.4);background:rgba(191,159,119,.03)} #nav-drawer .nav-drawer-sub:is(.nav,.nav *,#nav-drawer,#nav-drawer *){padding:8px 8px 14px 18px;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.05);background:rgba(245,245,240,.015);animation:subReveal .24s var(--ease)} #nav-drawer .nav-drawer-subhead:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--ff-body);font-weight:500;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--c-ash);padding:14px 0 4px} #nav-drawer .nav-drawer-subhead:first-child:is(.nav,.nav *,#nav-drawer,#nav-drawer *){padding-top:2px} #nav-drawer .nav-drawer-sub a:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--ff-body);font-weight:400;font-size:13px;color:var(--c-mist);padding:10px 0 10px 12px;text-decoration:none;position:relative;line-height:1.3} #nav-drawer .nav-drawer-sub a:is(.nav,.nav *,#nav-drawer,#nav-drawer *)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:1px;background:var(--c-gold);opacity:.4} #nav-drawer .nav-drawer-grid:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px} #nav-drawer .nav-drawer-chip:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--ff-disp);font-weight:300;font-size:15px;letter-spacing:-.01em;color:#fff;text-decoration:none;padding:15px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);opacity:0;transform:translateY(14px);filter:blur(4px);transition:opacity .5s var(--ease),transform .5s var(--ease),filter .5s var(--ease);transition-delay:var(--d,0s)} #nav-drawer.is-open .nav-drawer-chip:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:none;filter:none} #nav-drawer.is-open .nav-drawer-tiles>:nth-child(1):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.05s} #nav-drawer.is-open .nav-drawer-tiles>:nth-child(2):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.10s} #nav-drawer.is-open .nav-drawer-tiles>:nth-child(3):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.15s} #nav-drawer.is-open .nav-drawer-tiles>:nth-child(4):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.20s} #nav-drawer.is-open .nav-drawer-grid>:nth-child(1):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.22s} #nav-drawer.is-open .nav-drawer-grid>:nth-child(2):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.25s} #nav-drawer.is-open .nav-drawer-grid>:nth-child(3):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.27s} #nav-drawer.is-open .nav-drawer-grid>:nth-child(4):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.29s} #nav-drawer.is-open .nav-drawer-grid>:nth-child(5):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.30s} #nav-drawer.is-open .nav-drawer-grid>:nth-child(6):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.31s} #nav-drawer.is-open .nav-drawer-grid>:nth-child(7):is(.nav,.nav *,#nav-drawer,#nav-drawer *){--d:.32s} #nav-drawer .nav-drawer-quickactions:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease) .30s,transform .5s var(--ease) .30s} #nav-drawer.is-open .nav-drawer-quickactions:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:none} #nav-drawer .nav-drawer-quickactions:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)} #nav-drawer .nav-drawer-qa:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;min-height:62px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02);color:#fff;text-decoration:none;transition:transform .15s var(--ease)} #nav-drawer .nav-drawer-qa:active:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transform:scale(.97)} #nav-drawer .nav-drawer-qa-icon:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.04);color:var(--c-gold);border:1px solid rgba(255,255,255,.06)} #nav-drawer .nav-drawer-qa-icon svg:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:15px;height:15px} #nav-drawer .nav-drawer-qa-label:is(.nav,.nav *,#nav-drawer,#nav-drawer *){font-family:var(--ff-body);font-weight:500;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-cream)} #nav-drawer .nav-drawer-qa.is-whatsapp .nav-drawer-qa-icon:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:rgba(37,211,102,.12);color:#25D366;border-color:rgba(37,211,102,.25)} #nav-drawer .nav-drawer-qa.is-primary:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:var(--gold-grad);border-color:transparent} #nav-drawer .nav-drawer-qa.is-primary .nav-drawer-qa-icon:is(.nav,.nav *,#nav-drawer,#nav-drawer *){background:rgba(0,0,0,.15);color:#241a0e;border-color:rgba(0,0,0,.1)} #nav-drawer .nav-drawer-qa.is-primary .nav-drawer-qa-label:is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:#241a0e} @media (prefers-reduced-motion:reduce){#nav-drawer:is(.nav,.nav *,#nav-drawer,#nav-drawer *){transition:visibility 0s}} @media (prefers-reduced-motion:reduce){#nav-drawer .nav-drawer-group>summary:is(.nav,.nav *,#nav-drawer,#nav-drawer *),#nav-drawer .nav-drawer-link.is-tile:is(.nav,.nav *,#nav-drawer,#nav-drawer *),#nav-drawer .nav-drawer-chip:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:none;filter:none;transition:none}} @media (prefers-reduced-motion:reduce){#nav-drawer .nav-drawer-quickactions:is(.nav,.nav *,#nav-drawer,#nav-drawer *){opacity:1;transform:none;transition:none}} .nav .nav-inner:is(.nav,.nav *,#nav-drawer,#nav-drawer *){max-width:1440px;padding-left:56px;padding-right:56px} @media (min-width:1025px) and (max-width:1100px){nav.nav .nav-inner:is(.nav,.nav *,#nav-drawer,#nav-drawer *){padding-left:24px;padding-right:24px;gap:12px}} @media (min-width:1025px) and (max-width:1100px){nav.nav .nav-links:is(.nav,.nav *,#nav-drawer,#nav-drawer *){gap:10px}} @media (max-width:1024px){.nav-burger:is(.nav,.nav *,#nav-drawer,#nav-drawer *){display:inline-flex}} @media (max-width:768px){.nav .nav-inner:is(.nav,.nav *,#nav-drawer,#nav-drawer *){max-width:460px;margin-inline:auto;height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0 16px}} @media (max-width:768px){.nav .nav-burger:is(.nav,.nav *,#nav-drawer,#nav-drawer *){width:52px;height:52px;gap:8px}} @media (max-width:768px){.nav .nav-burger span:is(.nav,.nav *,#nav-drawer,#nav-drawer *){height:1.5px;width:28px}} @media (max-width:1024px){.logo:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;z-index:1}} @media (max-width:1024px){.nav-burger:is(.nav,.nav *,#nav-drawer,#nav-drawer *){position:relative;z-index:2}} @media (max-width:1024px){.nav-right:is(.nav,.nav *,#nav-drawer,#nav-drawer *){margin-left:auto}} @media (max-width:768px){.nav:is(.nav,.nav *,#nav-drawer,#nav-drawer *){border-bottom:0}} @media (max-width:768px){body.nav-scrolled .nav:is(.nav,.nav *,#nav-drawer,#nav-drawer *){border-bottom:1px solid rgba(245,245,240,.1)}} @media (max-width:420px){.btn:is(.nav,.nav *,#nav-drawer,#nav-drawer *){white-space:normal;height:auto;min-height:48px;padding-top:10px;padding-bottom:10px;text-align:center;line-height:1.3}} .nav .nav-links:is(.nav,.nav *,#nav-drawer,#nav-drawer *){gap:16px} .nav .nav-cta:is(.nav,.nav *,#nav-drawer,#nav-drawer *){height:44px;font-size:13px} main .shell>p a:not([class]):is(.nav,.nav *,#nav-drawer,#nav-drawer *){color:var(--c-gold);text-decoration:underline;text-underline-offset:3px} @keyframes mxEin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @keyframes subReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}