/* ── HEADER ── */
    #site-header {
      position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
      height: 68px; padding: 0 60px;
      display: flex; align-items: center; justify-content: space-between;
      background: transparent; border-bottom: 1px solid transparent;
      transition: background 0.3s, border-color 0.3s;
    }
    #site-header.scrolled {
      background: rgba(255,255,255,0.92);
      backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
      border-bottom-color: var(--border);
    }
    #site-header .logo { font-size: 14px; font-weight: 700; letter-spacing: -0.3px; color: var(--text); text-decoration: none; }
    #site-header .logo span { font-weight: 300; color: var(--muted); }
    .lang-switcher {
      display: flex; align-items: center; gap: 0;
      font-size: 11px; font-weight: 600; letter-spacing: 1.5px;
      margin-left: 12px; padding-left: 12px;
      border-left: 1px solid rgba(255,255,255,0.12);
    }
    .lang-switcher a {
      color: var(--muted); text-decoration: none; padding: 6px 10px;
      transition: color 0.2s, background 0.2s; border-radius: 3px;
      display: inline-flex; align-items: center; gap: 6px;
    }
    .lang-switcher .fi { width: 16px; height: 12px; border-radius: 2px; filter: grayscale(1); transition: filter 0.2s; }
    .lang-switcher a:hover .fi { filter: grayscale(0); }
    .lang-switcher a:hover { color: var(--text); background: rgba(255,255,255,0.08); }
    .lang-switcher a.active { color: var(--text); background: rgba(255,255,255,0.12); }
    .lang-switcher .divider { color: var(--muted); margin: 0 2px; }
    #main-nav { display: flex; align-items: center; gap: 4px; }
    #main-nav a { font-size: 11px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: var(--muted); text-decoration: none; padding: 8px 14px; transition: color 0.2s; }
    #main-nav a:hover { color: var(--text); }
    #main-nav a[aria-current="page"] { color: var(--text); position: relative; }
    #main-nav a[aria-current="page"]::after {
      content: ''; position: absolute; bottom: 2px; left: 14px; right: 14px;
      height: 1.5px; background: var(--text);
    }
    /* ── SERVICES DROPDOWN ── */
    .nav-dropdown { position: relative; display: flex; align-items: center; }
    .nav-ddtoggle {
      background: none; border: none; cursor: pointer;
      font-family: inherit;
      font-size: 11px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase;
      color: var(--muted); padding: 8px 14px;
      display: flex; align-items: center; gap: 5px;
      transition: color 0.2s;
    }
    .nav-ddtoggle:hover, .nav-dropdown:hover .nav-ddtoggle { color: var(--text); }
    .nav-ddtoggle.active { color: var(--text); position: relative; }
    .nav-ddtoggle.active::after {
      content: ''; position: absolute; bottom: 2px; left: 14px; right: 14px;
      height: 1.5px; background: var(--text);
    }
    .nav-chevron {
      width: 10px; height: 6px; flex-shrink: 0;
      transition: transform 0.2s;
    }
    .nav-dropdown:hover .nav-chevron,
    .nav-dropdown.open .nav-chevron { transform: rotate(180deg); }
    .nav-ddmenu {
      position: absolute; top: 100%; left: 50%;
      transform: translateX(-50%) translateY(-4px);
      background: rgba(15,15,15,0.97); backdrop-filter: blur(16px);
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: 4px;
      padding: 14px 0 6px; /* top padding bridges the visual gap */
      min-width: 210px;
      opacity: 0; visibility: hidden; pointer-events: none;
      transition: opacity 0.18s, transform 0.18s, visibility 0.18s;
      z-index: 1100;
    }
    .nav-dropdown:hover .nav-ddmenu,
    .nav-dropdown.open .nav-ddmenu {
      opacity: 1; visibility: visible; pointer-events: auto;
      transform: translateX(-50%) translateY(0);
    }
    .nav-ddmenu a {
      display: block; padding: 10px 18px;
      font-size: 12px; font-weight: 500; letter-spacing: 0.5px;
      color: rgba(240,237,232,0.55); text-decoration: none;
      transition: color 0.15s, background 0.15s;
      white-space: nowrap;
    }
    .nav-ddmenu a:hover { color: #f0ede8; background: rgba(255,255,255,0.06); }
    .nav-ddmenu a[aria-current="page"] { color: #f0ede8; }
    .nav-ddmenu .ddivider {
      height: 1px; background: rgba(255,255,255,0.07); margin: 4px 0;
    }

.nav-cta { background: var(--text) !important; color: var(--white) !important; padding: 8px 16px !important; border-radius: var(--radius) !important; transition: opacity 0.2s !important; }
    .nav-cta:hover { opacity: 0.75 !important; }
    .nav-cta[aria-current="page"] { opacity: 1 !important; outline: 2px solid var(--text); outline-offset: 2px; }
    .nav-cta[aria-current="page"]::after { display: none; }
    .hamburger { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 4px; z-index: 1001; touch-action: manipulation; }
    .hamburger span { width: 20px; height: 1.5px; background: var(--text); display: block; transition: all 0.3s; }
    .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(4.5px, 4.5px); }
    .hamburger.active span:nth-child(2) { opacity: 0; }
    .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(4.5px, -4.5px); }
    @media (max-width: 900px) {
      #site-header { padding: 0 24px; }
      .hamburger { display: flex; }
      #main-nav { display: none; flex-direction: column; position: fixed; top: 68px; left: 0; right: 0; background: rgba(255,255,255,0.97); border-bottom: 1px solid var(--border); padding: 16px 0; z-index: 999; }
      #main-nav.active { display: flex; }
      #main-nav a { color: var(--muted); font-size: 14px; padding: 12px 24px; }
      #main-nav a[aria-current="page"] { color: var(--text); font-weight: 600; }
      #main-nav a[aria-current="page"]::after { left: 24px; right: 24px; bottom: 8px; }
      .nav-cta { background: var(--text) !important; color: #fff !important; margin: 8px 24px 4px; border-radius: var(--radius) !important; }
      #site-header { z-index: 1000; }
      /* dropdown — mobile */
      .nav-dropdown { flex-direction: column; align-items: stretch; width: 100%; }
      .nav-ddtoggle { font-size: 14px; padding: 12px 24px; justify-content: center; width: 100%; gap: 8px; }
      .nav-ddtoggle .nav-chevron { display: none; }
      .nav-ddmenu {
        position: static; transform: none !important;
        opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
        background: rgba(0,0,0,0.04); border: none; border-radius: 0;
        border-top: 1px solid var(--border);
        padding: 0; display: none;
        min-width: unset; backdrop-filter: none;
      }
      .nav-dropdown.open .nav-ddmenu { display: block; }
      .nav-ddmenu a { padding: 10px 36px; font-size: 13px; color: var(--muted); }
      .nav-ddmenu .ddivider { display: none; }
    }