@keyframes wk-glitch-pop {
  0%, 100% { opacity: 0; }
  16% { opacity: .75; transform: translate3d(-4px, -1px, 0); }
  32% { opacity: .38; transform: translate3d(4px, 1px, 0); }
  48% { opacity: .65; transform: translate3d(-2px, 2px, 0); }
  66% { opacity: .2; transform: translate3d(3px, -2px, 0); }
}

@keyframes wk-neon-breathe {
  0%, 100% { opacity: .18; }
  50% { opacity: .34; }
}

@keyframes wk-tape-wiggle {
  0%, 100% { transform: rotate(var(--tape-rotate, -6deg)) translateX(0); }
  45% { transform: rotate(var(--tape-rotate, -6deg)) translateX(6px); }
}

@keyframes wk-badge-pulse {
  0%, 100% { transform: scale(1); box-shadow: 3px 3px 0 #000; }
  50% { transform: scale(1.09); box-shadow: 5px 5px 0 #000, 0 0 18px rgba(37, 99, 235, .58); }
}

@keyframes wk-status-pulse {
  0%, 100% { box-shadow: 3px 3px 0 var(--pink); filter: brightness(1); }
  50% { box-shadow: 4px 4px 0 #000, 0 0 16px rgba(140, 255, 95, .48); filter: brightness(1.08); }
}

@keyframes wk-hero-sticker-float {
  0%, 100% { translate: 0 0; filter: brightness(1); }
  50% { translate: 0 -7px; filter: brightness(1.08); }
}

@keyframes wk-tape-idle {
  0%, 100% { translate: 0 0; }
  50% { translate: 3px -1px; }
}

@keyframes wk-tag-breathe {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.08); }
}

@keyframes wk-rtp-fill {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(0); }
}

@keyframes wk-star-shine {
  0% { background-position: 220% 0; }
  100% { background-position: -220% 0; }
}

@keyframes wk-cta-spark {
  0% { opacity: 0; transform: translate3d(12px, -50%, 0) rotate(14deg) scale(.6); }
  45% { opacity: 1; transform: translate3d(0, -50%, 0) rotate(-12deg) scale(1.12); }
  100% { opacity: 0; transform: translate3d(-12px, -50%, 0) rotate(-26deg) scale(.7); }
}

@keyframes wk-border-chase {
  to { transform: rotate(1turn); }
}

@keyframes wk-window-open {
  0% { opacity: 0; transform: translate3d(0, 60px, 0) scale(.9) var(--reveal-rotate, rotate(0deg)); clip-path: inset(0 0 100% 0); }
  58% { opacity: 1; transform: translate3d(0, -8px, 0) scale(1.025) var(--reveal-rotate, rotate(0deg)); clip-path: inset(0 0 0 0); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1) var(--reveal-rotate, rotate(0deg)); }
}

@keyframes wk-note-idle {
  0%, 100% { transform: translate3d(0, 0, 0) var(--reveal-rotate, rotate(0deg)); }
  50% { transform: translate3d(0, -5px, 0) var(--reveal-rotate, rotate(0deg)); }
}

@keyframes wk-soft-float {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -8px; }
}

@keyframes wk-label-flicker {
  0%, 90%, 100% { filter: brightness(1); }
  92% { filter: brightness(1.45); }
  94% { filter: brightness(.82); }
}

@keyframes wk-tag-signal {
  0%, 100% { transform: translateX(-100%); }
  48%, 52% { transform: translateX(100%); }
}

@keyframes wk-faq-open {
  0% { opacity: 0; transform: translate3d(0, -8px, 0); }
  100% { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes wk-badge-bob {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -3px; }
}

@keyframes wk-footer-line {
  0% { transform: translateX(0); }
  100% { transform: translateX(-220px); }
}

@keyframes wk-online-blink {
  0%, 86%, 100% { opacity: 1; }
  92% { opacity: .5; }
}

@media (max-width: 1080px) {
  .cloud-tag {
    display: none;
  }

  h1 {
    font-size: 4.35rem;
  }

  .section-heading h2,
  .gate-card h2 {
    font-size: 2.75rem;
  }

  .access-grid,
  .step-wall,
  .rtp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .review-note {
    grid-column: span 6;
  }
}

@media (max-width: 860px) {
  html {
    scroll-padding-top: 230px;
  }

  .site-header {
    padding-inline: .75rem;
  }

  .access-bar {
    grid-template-columns: 1fr;
    gap: .65rem;
  }

  .access-bar::after {
    position: static;
    justify-self: start;
    order: 3;
    margin-left: .15rem;
  }

  .brand-stamp {
    width: 92px;
    height: 52px;
  }

  .hero-section {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 2.35rem;
  }

  h1 {
    font-size: 3.45rem;
  }

  .hero-collage {
    min-height: 0;
    transform: none !important;
  }

  .poster-frame {
    margin-inline: auto;
  }

  .ascii-note {
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: 1rem;
    width: 100%;
    transform: rotate(-1deg);
  }

  .dossier-board {
    display: grid;
    gap: 1.2rem;
    min-height: 0;
    overflow: visible;
    touch-action: auto;
  }

  .dossier-window {
    position: relative;
    left: auto !important;
    top: auto !important;
    width: 100%;
    cursor: default;
    user-select: auto;
    touch-action: auto;
    animation: none !important;
  }

  .window-bar {
    cursor: default;
  }

  .file-badge {
    display: none;
  }

  .board-doodle {
    display: none;
  }
}