/* WORD-MARQUEE CSS START */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Space+Mono:wght@400;700&display=swap');

    .cp-word-marquee{
      min-height:100vh;
      background:#000;
      color:#fff;
      overflow:hidden;
      position:relative;
      font-family:Inter,Arial,sans-serif;
      padding:48px 0 70px;
    }

    .cpwm-nav{
      max-width:1500px;
      margin:0 auto;
      padding:0 44px;
      display:grid;
      grid-template-columns:1fr 1.1fr 1fr;
      align-items:start;
      gap:40px;
      position:relative;
      z-index:5;
    }

    .cpwm-logo{
      font-size:42px;
      font-weight:600;
      letter-spacing:-2px;
    }

    .cpwm-center{
      text-align:center;
      font-size:30px;
      line-height:1.35;
      font-weight:600;
      max-width:520px;
      justify-self:center;
    }

    .cpwm-menu{
      display:flex;
      justify-content:flex-end;
      align-items:center;
      gap:34px;
      font-size:16px;
      font-weight:600;
    }

    .cpwm-menu a{
      color:#fff;
      text-decoration:none;
    }

    .cpwm-btn{
      background:#fff38a;
      color:#000 !important;
      padding:16px 20px;
      border-radius:4px;
    }

    .cpwm-stage{
      margin-top:110px;
      width:100%;
      position:relative;
      z-index:2;
    }

    .cpwm-row{
      display:flex;
      width:max-content;
      white-space:nowrap;
      will-change:transform;
      margin:-6px 0;
      cursor:none;
      transition:filter .35s ease, opacity .35s ease;
    }

    .cpwm-row:hover{
      filter:blur(0);
      opacity:1;
    }

    .cpwm-track{
      display:flex;
      align-items:center;
      gap:42px;
      padding-right:42px;
      animation:cpMarquee linear infinite;
      animation-duration:34s;
    }

    .cpwm-row:nth-child(even) .cpwm-track{
      animation-direction:reverse;
      animation-duration:42s;
    }

    .cpwm-row:nth-child(3) .cpwm-track{
      animation-duration:38s;
    }

    .cpwm-row:hover .cpwm-track{
      animation-play-state:paused;
    }

    @keyframes cpMarquee{
      from{transform:translateX(0)}
      to{transform:translateX(-50%)}
    }

    .cpwm-word{
      font-family:'Space Mono', monospace;
      font-size:clamp(62px,8vw,128px);
      line-height:.98;
      letter-spacing:-6px;
      font-weight:300;
      color:#fff;
      transition:.35s cubic-bezier(.2,.8,.2,1);
    }

    .cpwm-row:hover .cpwm-word{
      opacity:.25;
    }

    .cpwm-word:hover{
      opacity:1 !important;
      color:#ff4b15;
      transform:scale(1.06);
    }

    .cpwm-face{
      width:48px;
      height:48px;
      border-radius:50%;
      object-fit:cover;
      flex:0 0 auto;
      border:2px solid rgba(255,255,255,.15);
      transition:.35s cubic-bezier(.2,.8,.2,1);
    }

    .cpwm-row:hover .cpwm-face{
      transform:scale(1.22);
      border-color:#ff4b15;
    }

    .cpwm-bottom{
      max-width:1500px;
      margin:90px auto 0;
      padding:0 44px;
      display:flex;
      justify-content:space-between;
      align-items:flex-end;
      position:relative;
      z-index:5;
    }

    .cpwm-note{
      font-size:18px;
      line-height:1.4;
      font-weight:600;
    }

    .cpwm-down{
      width:70px;
      height:70px;
      border:1px solid rgba(255,255,255,.8);
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:44px;
      line-height:1;
      transition:.35s ease;
    }

    .cpwm-down:hover{
      background:#ff4b15;
      border-color:#ff4b15;
      transform:translateY(8px);
    }

    .cpwm-cursor{
      position:fixed;
      left:0;
      top:0;
      width:150px;
      height:150px;
      border-radius:50%;
      pointer-events:none;
      z-index:99999;
      opacity:0;
      transform:translate(-50%,-50%) scale(.6);
      transition:opacity .25s ease, transform .25s ease;
      background:
        radial-gradient(circle at 35% 35%,rgba(255,255,255,.22),transparent 35%),
        radial-gradient(circle,#ff4b15, #8b1200 70%);
      mix-blend-mode:difference;
      filter:blur(.2px);
    }

    .cpwm-cursor.active{
      opacity:1;
      transform:translate(-50%,-50%) scale(1);
    }

    @media(max-width:1100px){
      .cpwm-nav{
        grid-template-columns:1fr;
      }

      .cpwm-center{
        text-align:left;
        justify-self:start;
      }

      .cpwm-menu{
        justify-content:flex-start;
        flex-wrap:wrap;
      }
    }

    @media(max-width:700px){
      .cp-word-marquee{
        padding-top:30px;
      }

      .cpwm-nav,
      .cpwm-bottom{
        padding:0 20px;
      }

      .cpwm-logo{
        font-size:32px;
      }

      .cpwm-center{
        font-size:24px;
      }

      .cpwm-stage{
        margin-top:80px;
      }

      .cpwm-word{
        font-size:64px;
        letter-spacing:-4px;
      }

      .cpwm-face{
        width:38px;
        height:38px;
      }

      .cpwm-menu{
        gap:18px;
        font-size:14px;
      }
    }

/* WORD-MARQUEE CSS END */