.lc-ribbon{
  background:var(--color-surface-atmosphere);
  color:var(--color-text-primary);
  text-align:center;
  padding:0.4rem 1rem;
  font-size:var(--fs-6);
  border-bottom:1px solid var(--color-accent-copper);
}

.lc-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:var(--color-bg-primary);
  border-bottom:1px solid var(--color-border-taupe);
}

.lc-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:72px;
  gap:var(--space-2);
}

.lc-brand{
  display:flex;
  align-items:center;
  gap:0.6rem;
  text-decoration:none;
  color:var(--color-text-primary);
}

.lc-logo{
  height:48px;
  width:auto;
}

.lc-brand-text{
  font-family:var(--font-heading);
  font-size:1.3rem;
  letter-spacing:0.05em;
}

.lc-nav{
}

.lc-nav-list{
  display:flex;
  gap:1.5rem;
  list-style:none;
  margin:0;
  padding:0;
}

.lc-nav-link{
  font-size:var(--fs-6);
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--color-text-secondary);
}

.lc-nav-link:hover{
  color:var(--color-accent-copper);
}

.lc-menu-toggle,
.lc-menu-close{
  display:none;
  width:44px;
  height:44px;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:none;
  border-radius:var(--radius-sm);
  cursor:pointer;
  transition:background-color var(--transition-fast);
}

.lc-menu-toggle{
  flex-direction:column;
  gap:4px;
}

.lc-menu-close{
  position:absolute;
  top:14px;
  right:20px;
}

.lc-menu-bar,
.lc-close-bar{
  width:22px;
  height:2px;
  background:var(--color-text-primary);
  transition:background-color var(--transition-fast);
}

.lc-close-bar{
  position:absolute;
}

.lc-close-bar:nth-child(1){
  transform:rotate(45deg);
}

.lc-close-bar:nth-child(2){
  transform:rotate(-45deg);
}

.lc-menu-toggle:hover,
.lc-menu-close:hover{
  background:rgba(240,228,210,0.08);
}

.lc-menu-toggle:hover .lc-menu-bar,
.lc-menu-close:hover .lc-close-bar{
  background:var(--color-accent-copper);
}

@media (max-width:900px){
  .lc-menu-toggle,
  .lc-menu-close{
    display:flex;
  }

  .lc-nav{
    position:fixed;
    inset:0;
    background:var(--color-surface-elevated);
    transform:translateX(100%);
    transition:transform var(--transition-base);
    padding:5rem 2rem;
    overflow-y:auto;
  }

  .lc-nav.open{
    transform:translateX(0);
  }

  .lc-nav-list{
    flex-direction:column;
    gap:1.5rem;
  }

  .lc-logo{
    height:36px;
  }

  .lc-brand-text{
    font-size:1rem;
  }
}

body.lc-menu-open{
  overflow:hidden;
}