.navlink{
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 10px 2px;
    color: rgba(255,255,255,.92);
    transition: color .18s ease;
  }
  .navlink::after{
    content:"";
    position:absolute;
    left:0;
    bottom:4px;
    height:2px;
    width:100%;
    background:#b3903e;
    transform: scaleX(0);
    transform-origin:left;
    transition: transform .2s ease;
    border-radius:999px;
  }
  .navlink:hover{ color:#fff; }
  .navlink:hover::after{ transform: scaleX(1); }

  .megaH{display:inline-flex;font-weight:600;color:#b3903e;font-size:14px;letter-spacing:.18px}
  .megaL a{color:rgba(255,255,255,.78);font-size:13px;font-weight:400;letter-spacing:.1px;text-transform:none}
  .megaL a:hover{color:#fff}

  .hero-slide{
    background-size: cover;
    background-position: center;
    opacity: 0;
    transform: scale(1.12);
    transition: opacity 900ms ease, transform 8000ms ease;
    will-change: opacity, transform;
  }
  .hero-slide.is-active{ opacity:1; transform:scale(1.02); }

  .mouse{
    width: 28px;height: 44px;border-radius: 999px;
    border: 1px solid rgba(255,255,255,.35);
    position: relative;
    background: rgba(0,0,0,.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  .mouse::after{
    content:"";
    position:absolute;left:50%;top:10px;
    width:4px;height:8px;border-radius:999px;
    background: rgba(255,255,255,.75);
    transform: translateX(-50%);
    animation: wheel 1.35s infinite;
  }
  @keyframes wheel{
    0%{opacity:0; transform: translate(-50%,0)}
    20%{opacity:1}
    60%{opacity:1; transform: translate(-50%,10px)}
    100%{opacity:0; transform: translate(-50%,14px)}
  }

  .glass-btn{
    background: rgba(0,0,0,.35);
    border: 1px solid rgba(255,255,255,.16);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  .glass-btn:hover{ background: rgba(0,0,0,.48); }

  @keyframes wppGlow {
    0% { box-shadow: 0 0 18px rgba(37,211,102,0.65); }
    50% { box-shadow: 0 0 35px rgba(37,211,102,0.95); }
    100% { box-shadow: 0 0 18px rgba(37,211,102,0.65); }
  }
  .wpp-glow { animation: wppGlow 1.2s infinite ease-in-out; }

  .wpp-ring {
    position: absolute;
    inset: -5px;
    border-radius: 50%;
    pointer-events: none;
    border: 1px solid rgba(194,158,117,0.55);
    animation: wppSpin 6.2s linear infinite;
    filter: drop-shadow(0 0 4px rgba(194,158,117,0.35));
  }
  @keyframes wppSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }

  .footer-title{
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: #b3903e;
    position: relative;
    padding-bottom: 10px;
  }

  .footer-title::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:22px;
    height:1px;
    background:#b3903e;
    opacity:.8;
  }

  .footer-links{
    margin-top:18px;
    display:grid;
    gap:10px;
  }

  .footer-links a{
    position:relative;
    padding-left:0;
    color:rgba(255,255,255,.7);
    font-size:14px;
    transition:color .2s ease;
  }

  .footer-links a:hover{
    color:#fff;
  }

  @keyframes lineMove {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(300%);
    }
  }

  .animate-line {
    animation: lineMove 2.5s ease-in-out infinite alternate;
  }
  .marquee-track {
    animation: marquee 20s linear infinite;
  }

  @keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  .marquee-item {
    font-size: 13px;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: #52525b; /* zinc-600 */
    font-weight: 500;
  }

  .dot {
    font-size: 14px;
    color: #b3903e;
    opacity: .6;
  }


  .category-content p {
    margin: 0 0 1rem;
  }

  .category-content ul,
  .category-content ol {
    margin: 1rem 0;
    padding-left: 1.5rem;
  }

  .category-content ul {
    list-style: disc;
  }

  .category-content ol {
    list-style: decimal;
  }

  .category-content li {
    margin: 0.35rem 0;
  }

  .category-content h1,
  .category-content h2,
  .category-content h3,
  .category-content h4 {
    margin: 1.25rem 0 0.75rem;
    font-weight: 700;
    line-height: 1.3;
    color: #18181b;
  }

  .category-content h1 { font-size: 1.875rem; }
  .category-content h2 { font-size: 1.5rem; }
  .category-content h3 { font-size: 1.25rem; }
  .category-content h4 { font-size: 1.125rem; }

  .category-content strong {
    font-weight: 700;
    color: #18181b;
  }

  .category-content em {
    font-style: italic;
  }

  .category-content a {
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .category-content blockquote {
    margin: 1rem 0;
    padding-left: 1rem;
    border-left: 3px solid #d4d4d8;
    color: #52525b;
  }

  .category-content img {
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
    margin: 1rem 0;
  }