/* Camada por cima do clone: só o que a foto do Victor e as regras da casa pedem. Não move bloco nem troca componente. */

/* Enquadramento e degradê da foto do Victor: a logo da polo fica à vista acima do nome. */
.hero__img { object-position: 50% 18.7%; }
.hero__fade { background: linear-gradient(to bottom, transparent 62%, rgba(0, 0, 0, .25) 79%, rgba(0, 0, 0, .8) 88%, #000 97%); }

/* Avatar em arquivo próprio, já recortado no rosto. */
.topbar__avatar, .lado__avatar { object-position: 50% 50%; }

/* Fotos dos cartões: faixas já recortadas das fotos do Victor. */
.link--com .link__bg, .link--visionx .link__bg, .link--skills .link__bg { object-position: 50% 50%; }

/* O bloco de vídeo leva aos vídeos do Victor no TikTok: é link, não player. */
.video { text-decoration: none; }

/* Assinatura da VisionX no rodapé (mesmo tom da linha de copyright). */
.footer__copy { text-align: center; color: rgba(255, 255, 255, .58); }
.footer__visionx {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, .58);
  text-decoration: none;
  transition: color .15s ease;
}
.footer__visionx svg { width: 11px; height: 11px; fill: currentColor; flex: none; }

/* Área de toque de 44 px sem mexer no desenho. */
.socials__btn, .footer__cta, .footer__visionx { position: relative; }
.socials__btn::after, .footer__cta::after, .footer__visionx::after { content: ""; position: absolute; inset: -12px; }

@media (hover: hover) and (pointer: fine) { .footer__visionx:hover { color: #fff; } }
@media (min-width: 64rem) { .footer__copy { text-align: left; } }