header{
    .nav {
    position: fixed; top:0; left:0; right:0; z-index:100;
    display: flex; align-items:center; justify-content:space-between;
    padding: 1.6rem 3.5rem;
    transition: background .6s, padding .4s, border-color .4s;
  }
  .nav.scrolled {
    background: rgba(244,239,228,.95);
    backdrop-filter: blur(14px);
    padding: 1rem 3.5rem;
    border-bottom: 1px solid rgba(196,184,164,.3);
  }
  .nav-logo {
    display:flex; align-items:center; gap:.7rem;
    text-decoration:none;
  }
  .nav-logo-wolf { color: var(--theme-palette-color-10); width:28px; height:32px; }
  .nav-logo-text {
    font-size: 1.25rem; font-weight:400;
    letter-spacing:.28em; text-transform:uppercase;
    color: var(--theme-palette-color-8);
    transition: color .4s;
  }
  .nav.scrolled .nav-logo-text { color: var(--theme-palette-color-4) !important; }
  .nav.scrolled .nav-logo-wolf { color: var(--theme-palette-color-10); }

  .nav-links { display:flex; gap:2.2rem; list-style:none; }
  .nav-links a {
    font-size:.65rem; font-weight:400;
    letter-spacing:.2em; text-transform:uppercase;
    color: rgba(244,239,228,.75) !important; text-decoration:none;
    transition: color .3s;
  }
  .nav.scrolled .nav-links a { color: rgba(28,28,27,.6) !important; }
  .nav-links a:hover { color: var(--theme-palette-color-10) !important; }
       
}

footer{
    .menu-footer ul{
        display: flex !important;
        flex-direction: column !important;
    }
}

.hero-line{
  background: linear-gradient(to bottom, transparent 0%, rgba(196,149,42,.35) 40%, transparent 100%);
}

.hero-scroll {
    display:flex; align-items:center; gap:1rem;
    font-size:.6rem; letter-spacing:.22em;
    text-transform:uppercase; color:var(--theme-palette-color-7);
  }
.scroll-line {
    width:40px; height:1px; background:var(--theme-palette-color-10); display:block;
    animation: scrollPulse 2.5s 1.5s infinite;
  }

@keyframes scrollPulse {
    0%,100% { width:40px; opacity:1; }
    50% { width:22px; opacity:.3; }
  }

.marquee-row {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  padding: .9rem 0;
  background-color: var(--theme-palette-color-4);
}

/* ── Track ── */
.marquee-track {
  display: inline-flex;
  align-items: center;
  gap: 1.5rem;
  will-change: transform;
}

/* ── Words ── */
.marquee-word {
    font-family: "Cormorant Garamond", sans-serif;
    font-size: .95rem;
    font-style: italic;
    font-weight: 300;
    color: var(--theme-palette-color-7);
    letter-spacing: .06em;
    padding: 0 2.5rem;
}

.marquee-sep {
  font-size: 1.5rem;
  color: #1e293b;
}

.manifesto-text em{
  color: var(--theme-palette-color-10);
}

.section-link a::after {
    content: '→';
    font-size: .85rem;
    color: var(--theme-palette-color-10);

    &:hover{
      transform: translateX(5px);
    }
}

.section-link a{
  font-size:.6rem; letter-spacing:.22em;
    text-transform:uppercase; color:var(--gold); text-decoration:none;
    display:flex; align-items:center; gap:.6rem; transition:gap .3s;
}

.section-link a:hover { gap:1rem; }

.mat-icon{
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin-bottom: 2rem;
  border: 1px solid rgba(196, 149, 42, .35);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mat-dot{
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.palette-swatches{
.palette-title em{
  color: var(--theme-palette-color-10);
}

.swatch{
    flex: 1 !important;
    position: relative;
    cursor: none;
    transition: flex .5s cubic-bezier(.25, .46, .45, .94);
}

.swatch:hover{
  flex: 2.5 !important;
}
.swatch-label{
  opacity: 0;
}

.swatch:hover .swatch-label{
  opacity: 1;
  transition: opacity 0.3s;
}
}

@media screen and (max-width: 767px) {
  .wpr-mobile-nav-menu-container{
    display: none !important;
  }

  .wpr-nav-menu-horizontal{
    display: initial !important;
  }

  header .nav{
    padding: 0.8rem 1.5rem;
  }

  header .nav.scrolled {
    background: rgba(244,239,228,.95);
    backdrop-filter: blur(14px);
    padding: 1.1rem 1.5rem;
    border-bottom: 1px solid rgba(196,184,164,.3);
  }
}

header .nav.scrolled .menu-icon svg{
    fill: var(--theme-palette-color-4) !important;
  }

.off-canva .wpr-nav-menu-horizontal ul{
  display: flex;
  flex-direction: column;

  a{
    display: block;
    padding: .5rem 0;
    border-bottom: 1px solid rgba(196, 184, 164, .1);
    color: var(--theme-palette-color-8) !important;
  }
}

.off-canva-wrapper{
  z-index: -1;
  opacity:0;
}

.off-canva-wrapper.active{
  z-index: 9999;
  opacity:1;
  transition: opacity 0.3s ease;
}