/* Straightfwd Recruitment: merklaag bovenop irl.css */
.logo { gap: 12px; }
.logo .mark { width: 40px; height: 40px; flex: none; transition: transform .6s var(--ease); }
.logo:hover .mark { transform: rotate(-8deg) scale(1.06); }
.nav-links a { padding: 8px 12px; white-space: nowrap; }
.nav-cta .btn { white-space: nowrap; }
@media (max-width: 1340px) and (min-width: 1101px) {
  .nav-links { gap: 0; }
  .nav-links a { padding: 8px 9px; font-size: 14px; }
  .logo-word { font-size: 17px; }
}

.pt span .mark { width: 96px; height: 96px; }

/* klantlogo's: in kleur, lopen van links naar rechts */
.clients { padding: clamp(40px, 5vw, 64px) 0; }
.clients .clients-label { margin: 0 0 22px; }
.logo-run { overflow: hidden; padding: 6px 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.logo-run-track { list-style: none; margin: 0; padding: 0; display: flex; width: max-content; animation: logos-ltr 60s linear infinite; }
.logo-run:hover .logo-run-track { animation-play-state: paused; }
.logo-run-track li { flex: none; width: clamp(170px, 15vw, 230px); height: clamp(100px, 8.4vw, 128px); margin-right: 16px; display: grid; place-items: center; padding: 20px 28px; background: var(--midnight); border-radius: var(--radius-m); transition: background .3s; }
.logo-run-track li:hover { background: var(--cobalt); }
.logo-run-track img { display: block; max-width: 100%; max-height: 56px; width: auto; height: auto; object-fit: contain; }
@keyframes logos-ltr { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) {
  .logo-run { -webkit-mask-image: none; mask-image: none; }
  .logo-run-track { animation: none; width: auto; flex-wrap: wrap; justify-content: center; gap: 12px; padding: 0 16px; }
  .logo-run-track li { margin: 0; }
  .logo-run-track li[aria-hidden] { display: none; }
}
.wall-label { margin: 0 0 18px; font-weight: 600; font-size: 15px; color: var(--ink-soft); }

/* beeldmerk: pijl die voorwaarts beweegt */
.mark .arrow { animation: fwd 2.6s cubic-bezier(.7, 0, .3, 1) infinite; }
.logo:hover .mark .arrow { animation-duration: 1.1s; }
@keyframes fwd {
  0%, 45% { transform: translateX(0); opacity: 1; }
  62% { transform: translateX(11px); opacity: 0; }
  63% { transform: translateX(-11px); opacity: 0; }
  80%, 100% { transform: translateX(0); opacity: 1; }
}
.logo-word { font-size: 19px; letter-spacing: -.045em; line-height: 1; }
.logo-word b { font-weight: inherit; color: var(--cobalt); }
.footer-word b { font-weight: inherit; color: var(--white); }
@media (prefers-reduced-motion: reduce) { .mark .arrow { animation: none; } }

/* footer-woordmerk */
.footer-word { font-size: clamp(40px, 10.6vw, 190px); letter-spacing: -.07em; line-height: .95; padding-bottom: .1em; }
.footer-top .d-l { font-size: clamp(26px, 2.5vw, 40px); }
.split .d-xl { font-size: clamp(32px, 4.2vw, 66px); }

/* stickers blijven binnen beeld op mobiel */
@media (max-width: 860px) {
  .reel-wrap > .sticker { right: 10px !important; left: auto !important; top: -18px !important; }
}
@media (max-width: 1100px) {
  .logo .mark { width: 36px; height: 36px; }
}
@media (max-width: 400px) {
  .logo-word { font-size: 16px; }
}