/* Framer scales the artwork on hover. Keep that transform, but remove its blur. */
#main [data-framer-name="Portfolio"] [data-framer-name="portfólio"] > [data-framer-name="baixo"]:not([data-ian-extra-projects]) {
  display: none !important;
}

#projetos [data-framer-name="Bottom"] > :not([data-framer-name="Text Content"]):not([data-framer-name="Tags"]) {
  display: none !important;
}
#projetos [data-framer-name="Text Content"]::before,
#projetos [data-framer-name="Text Content"]::after {
  content: none !important;
}

#main [data-framer-name="Portfolio"] [data-framer-name="Portfolio card"] [data-framer-name="Top"] .framer-kfesig,
#main [data-framer-name="Portfolio"] [data-framer-name="Portfolio card"] [data-framer-name="Top"] img {
  filter: none !important;
  -webkit-filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#ian-extra-projects {
  z-index: 2;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.22, 1, .36, 1);
}
#ian-extra-projects.ian-visible {
  opacity: 1;
  transform: none;
}
#projetos [data-framer-name="Portfolio card"] [data-framer-name="Top"] .framer-kfesig,
#ian-extra-projects [data-framer-name="portfolio card"] [data-framer-name="Top"] .framer-kfesig {
  filter: none !important;
  -webkit-filter: none !important;
  transform: scale(1) !important;
  transform-origin: center center;
  transition: transform .55s cubic-bezier(.22, 1, .36, 1) !important;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  #projetos [data-framer-name="Portfolio card"]:hover [data-framer-name="Top"] .framer-kfesig,
  #ian-extra-projects [data-framer-name="portfolio card"]:hover [data-framer-name="Top"] .framer-kfesig {
    transform: scale(1.055) !important;
  }
}
#ian-extra-projects [data-framer-name="Top"] img {
  filter: none !important;
  -webkit-filter: none !important;
}
@media (max-width: 809px) {
  #ian-extra-projects [data-framer-name="BG Pattern"] { display: none !important; }
  #ian-extra-projects [data-framer-name="Top"] img { object-fit: contain !important; }
  #ian-extra-projects [data-ian-project="bianca"] [data-framer-name="Top"] img { background: #3657aa; }
  #ian-extra-projects [data-ian-project="zapdesk"] [data-framer-name="Top"] img { background: #82e996; }
}
@media (max-width: 809px) and (prefers-reduced-motion: no-preference) {
  /* Flatten the two desktop rows so all four cards share one sticky scroll area. */
  #projetos [data-framer-name="portfólio"] > [data-framer-name="cima"],
  #projetos [data-framer-name="portfólio"] > [data-framer-name="cima"] > [data-framer-name="portfolio detalhes"],
  #ian-extra-projects,
  #ian-extra-projects > [data-framer-name="Portfolio detalhes"] {
    display: contents !important;
  }
  #ian-extra-projects { opacity: 1 !important; transform: none !important; }
  #projetos [data-framer-name="portfólio"] > [data-framer-name="cima"] [data-framer-name="Portfolio card"],
  #ian-extra-projects [data-framer-name="portfolio card"] {
    position: sticky !important;
    top: 82px;
    width: 100%;
  }
  #projetos [data-framer-name="cima"] [data-framer-name="Portfolio card"]:nth-child(1) { z-index: 1; }
  #projetos [data-framer-name="cima"] [data-framer-name="Portfolio card"]:nth-child(2) { z-index: 2; }
  #ian-extra-projects [data-framer-name="portfolio card"]:nth-child(1) { z-index: 3; }
  #ian-extra-projects [data-framer-name="portfolio card"]:nth-child(2) { z-index: 4; }
}
@media (prefers-reduced-motion: reduce) {
  #ian-extra-projects { transition: none; transform: none; }
  #projetos [data-framer-name="Portfolio card"] [data-framer-name="Top"] .framer-kfesig,
  #ian-extra-projects [data-framer-name="portfolio card"] [data-framer-name="Top"] .framer-kfesig { transition: none !important; transform: scale(1) !important; }
}