.header-classic {
      container-type: inline-size;
      container-name: header-classic;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1000;
      background: transparent;
      transition: background 0.4s ease, backdrop-filter 0.4s ease, box-shadow 0.4s ease;
    }

    .header-classic.is-scrolled {
      position: fixed;
      background: var(--bg-surface);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      box-shadow: 0 1px 0 var(--border-primary);
    }

    /* Mobile menu open - glassmorphic background (must be outside container query) */
    .header-classic.is-menu-open {
      background: rgba(255, 255, 255, 0.92) !important;
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
    }

    .header-classic__inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: var(--space-m) 0;
      gap: var(--space-xl);
    }

    /* Logo */
    .header-classic__logo {
      display: flex;
      align-items: center;
      flex-shrink: 0;
    }

    .header-classic__logo-img {
      height: 36px;
      width: auto;
      transition: opacity 0.3s ease;
    }

    .header-classic__logo:hover .header-classic__logo-img {
      opacity: 0.8;
    }

    /* Desktop Navigation */
    .header-classic__nav {
      display: flex;
      align-items: center;
      flex: 1;
      justify-content: center;
    }

    .header-classic__nav-list {
      display: flex;
      align-items: center;
      gap: var(--space-2xl);
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .header-classic__nav-link {
      font-family: var(--font-primary);
      font-size: var(--text-xs);
      font-weight: 400;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--light-80);
      text-decoration: none;
      position: relative;
      padding: var(--space-2xs) 0;
      transition: color 0.3s ease;
    }

    .header-classic__nav-link::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 1px;
      background: var(--light);
      transition: width 0.3s ease, background 0.3s ease;
    }

    .header-classic__nav-link:hover {
      color: var(--light);
    }

    .header-classic__nav-link:hover::after {
      width: 100%;
    }

    .header-classic.is-scrolled .header-classic__nav-link {
      color: var(--text-body);
    }

    .header-classic.is-scrolled .header-classic__nav-link:hover {
      color: var(--text-title);
    }

    .header-classic.is-scrolled .header-classic__nav-link::after {
      background: var(--text-title);
    }

    /* CTA */
    .header-classic__cta {
      display: inline-flex;
      align-items: center;
      gap: var(--space-2xs);
      font-family: var(--font-primary);
      font-size: var(--text-xs);
      font-weight: 500;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--light);
      text-decoration: none;
      padding: var(--space-xs) var(--space-m);
      border: 1px solid var(--light-40);
      border-radius: 2px;
      transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
      flex-shrink: 0;
    }

    .header-classic__cta:hover {
      background: var(--light);
      border-color: var(--light);
      color: var(--dark);
    }

    .header-classic__cta i {
      width: 14px;
      height: 14px;
    }

    .header-classic.is-scrolled .header-classic__cta {
      color: var(--text-title);
      border-color: var(--text-title);
    }

    .header-classic.is-scrolled .header-classic__cta:hover {
      background: var(--text-title);
      color: var(--bg-body);
    }

    /* Mobile Toggle */
    .header-classic__toggle {
      display: none;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 5px;
      width: 36px;
      height: 36px;
      background: none;
      border: none;
      cursor: pointer;
      padding: 0;
    }

    .header-classic__toggle-bar {
      display: block;
      width: 22px;
      height: 2px;
      background: var(--light);
      border-radius: 1px;
      transition: transform 0.3s ease, opacity 0.3s ease, background 0.3s ease;
    }

    .header-classic.is-scrolled .header-classic__toggle-bar,
    .header-classic:has(.header-classic__mobile-nav.is-open) .header-classic__toggle-bar {
      background: var(--text-title);
    }

    .header-classic__toggle[aria-expanded="true"] .header-classic__toggle-bar:first-child {
      transform: translateY(7px) rotate(45deg);
    }

    .header-classic__toggle[aria-expanded="true"] .header-classic__toggle-bar:nth-child(2) {
      opacity: 0;
    }

    .header-classic__toggle[aria-expanded="true"] .header-classic__toggle-bar:last-child {
      transform: translateY(-7px) rotate(-45deg);
    }

    /* Mobile Navigation */
    .header-classic__mobile-nav {
      display: none;
      padding: var(--space-s) 0 var(--space-xl);
      border-top: 1px solid var(--border-primary);
      opacity: 0;
      transform: translateY(-10px);
      transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .header-classic__mobile-nav.is-open {
      display: block;
      opacity: 1;
      transform: translateY(0);
    }

    .header-classic__mobile-list {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .header-classic__mobile-link {
      display: block;
      padding: var(--space-s) 0;
      font-family: var(--font-primary);
      font-size: var(--text-m);
      font-weight: 400;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--text-title);
      text-decoration: none;
      border-bottom: 1px solid var(--border-primary);
      transition: opacity 0.3s ease, padding-left 0.3s ease;
    }

    .header-classic__mobile-link:hover {
      opacity: 0.6;
      padding-left: var(--space-s);
    }

    .header-classic__mobile-cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: var(--space-xs);
      width: 100%;
      margin-top: var(--space-l);
      padding: var(--space-s) var(--space-l);
      font-family: var(--font-primary);
      font-size: var(--text-xs);
      font-weight: 500;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      text-decoration: none;
      background: var(--text-title);
      color: var(--bg-body);
      border-radius: 2px;
      transition: opacity 0.3s ease;
    }

    .header-classic__mobile-cta i {
      width: 14px;
      height: 14px;
    }

    .header-classic__mobile-cta:hover {
      opacity: 0.9;
    }

    /* Container Queries */
    @container header-classic (max-width: 968px) {
      .header-classic__nav-list {
        gap: var(--space-xl);
      }
    }

    @container header-classic (max-width: 768px) {
      .header-classic__nav,
      .header-classic__cta {
        display: none;
      }

      .header-classic__toggle {
        display: flex;
      }

      .header-classic.is-scrolled {
        background: var(--bg-surface);
      }
    }

    @container header-classic (max-width: 480px) {
      .header-classic__inner {
        padding: var(--space-s) 0;
      }

      .header-classic__logo-img {
        height: 28px;
      }

      .header-classic__mobile-link {
        font-size: var(--text-s);
      }

      .header-classic__mobile-cta {
        font-size: var(--text-2xs);
      }
    }