/* ═══════════════════════════════════════════════════════════
   NAFOS STUDIOS — Brand Marquee
   Hollow typography · Inter · hardware-accelerated scroll
   ═══════════════════════════════════════════════════════════ */

   .nafos-marquee {
    --nafos-marquee-speed:     82s;
    --nafos-marquee-text-size: 20px;
    --nafos-marquee-padding:   5px;
    --nafos-marquee-stroke:    1px #FFFFFF;
  
    position:   relative;
    z-index:    1;
    overflow:   hidden;
    padding-top:    var(--nafos-marquee-padding);
    padding-bottom: var(--nafos-marquee-padding);
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top:    1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  
  .nafos-marquee__viewport {
    overflow: hidden;
    width:    100%;
  }
  
  .nafos-marquee__track {
    display:     flex;
    width:       max-content;
    align-items: center;
    will-change: transform;
    animation:   nafos-marquee-scroll var(--nafos-marquee-speed) linear infinite;
  }
  
  .nafos-marquee__set {
    display:     flex;
    align-items: center;
    flex-shrink: 0;
  }
  
  .nafos-marquee__item {
    font-size:      20px;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color:          transparent;
    -webkit-text-stroke: 1px #FFFFFF;
    text-stroke:         1px #FFFFFF;
    white-space:    nowrap;
    margin:         0 40px;
    line-height:    1;
    user-select:    none;
  }
  
  .nafos-marquee__icon {
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           40px;
    height:          40px;
    margin:          0 20px;
    flex-shrink:     0;
    color:           rgba(255, 255, 255, 0.25);
    filter:          drop-shadow(0 0 6px rgba(255, 255, 255, 0.15));
  }
  
  .nafos-marquee__icon svg {
    display: block;
    width:   100%;
    height:  100%;
  }
  
  @keyframes nafos-marquee-scroll {
    0%   { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-50%, 0, 0); }
  }
  
  @media (prefers-reduced-motion: reduce) {
    .nafos-marquee__track {
      animation: none;
    }
  }
  
  @media screen and (max-width: 768px) {
    .nafos-marquee {
      --nafos-marquee-text-size: 20px;
      --nafos-marquee-padding:   5px;
    }
  
    .nafos-marquee__item {
      margin:         0 24px;
      letter-spacing: 0.08em;
    }
  
    .nafos-marquee__icon {
      width:  28px;
      height: 28px;
      margin: 0 12px;
    }
  }
  
  @media screen and (max-width: 430px) {
    .nafos-marquee {
      --nafos-marquee-text-size: 20px;
    }
  
    .nafos-marquee__item {
      margin: 0 18px;
    }
  }