.menu-contact { position:absolute; left:var(--gutter); top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:18px; align-items:flex-start; max-width:38%; color:#0a0a0a; }
.menu-contact>a { font-size:max(18px,2.2vw); letter-spacing:-.025em; line-height:1.2; border-bottom:1px solid currentColor; overflow-wrap:anywhere; }
.menu-contact>a:hover { animation:btnGlitch .38s steps(1); }
.project-links { display:flex; flex-wrap:wrap; gap:12px; font-size:max(14px,1vw); }
.project-links:empty { display:none; }.project-links a { text-decoration:underline; text-underline-offset:4px; }
.media-link { position:absolute; z-index:3; right:14px; bottom:14px; background:rgba(255,255,255,.9); color:#0a0a0a; border-radius:100px; padding:9px 15px; font-size:13px; font-weight:600; }
html.drawmode #snake { visibility:hidden; }
.inkbar button:disabled { opacity:.4; cursor:default; }
@media(max-width:760px) {
  .menu-contact { position:static; transform:none; align-self:flex-start; max-width:100%; gap:12px; margin-top:32px; }
  .menu-contact>a { font-size:20px; }
  .menu-ov { justify-content:flex-start; padding-top:100px; padding-bottom:30px; }
}

/* strzałki na blokach: to samo pochylenie co napis, ostra końcówka */
.step .f .arr { transform: translateY(-50%) skewX(-6deg); }
.step:hover .f .arr { transform: translate(calc(var(--h) * .12), -50%) skewX(-6deg); }


/* Loose decorative stickers distributed across all eight home sections. */
.ambient-stickers { position:absolute; inset:0; z-index:1; overflow:hidden; pointer-events:none; user-select:none; }
.ambient-sticker { position:absolute; left:var(--sx); top:var(--sy); width:clamp(150px,16.5vw,315px); height:clamp(150px,16.5vw,315px); transform:translate(-50%,-50%) scale(var(--size)); }
/* posterize rotation: ruch i obrót skaczą co ~1/6 s jak animacja poklatkowa */
.ambient-sticker img { display:block; width:100%; height:100%; object-fit:contain; opacity:.92; animation:sticker-drift var(--duration) steps(var(--steps,36),jump-none) var(--delay) infinite alternate; animation-play-state:paused; }
.ambient-stickers.is-active img { animation-play-state:running; }
/* Each layer stays over the section background and behind its content. */
.screen > video, .screen > .track { z-index:0; }
.st-stage > .st-scene, .cl-stage > .wall { z-index:2; }
#expertise > .sec-head, #expertise > .xlist, #about > .about-grid,
#newsletter > .sec-head, #newsletter > .news-grid { position:relative; z-index:2; }
#contact > .head, #contact > .cmid, #contact > .cbottom { z-index:2; }
@keyframes sticker-drift {
  0% { transform:translate3d(var(--dx1),var(--dy1),0) rotate(var(--r1)); }
  33% { transform:translate3d(var(--dx2),var(--dy2),0) rotate(var(--r2)); }
  66% { transform:translate3d(var(--dx3),var(--dy3),0) rotate(var(--r3)); }
  100% { transform:translate3d(var(--dx4),var(--dy4),0) rotate(var(--r4)); }
}
@media(max-width:760px) {
  .ambient-sticker { width:clamp(108px,30vw,168px); height:clamp(108px,30vw,168px); }
}
@media(prefers-reduced-motion:reduce) {
  .ambient-sticker img { animation:none; transform:rotate(var(--r1)); }
}
