/* Hide cards that will be replaced with live data until it arrives (max ~3.5s). */
html.tn-pending #Newsletter a[href*="blog/"],
html.tn-pending #Showcase [data-framer-name="Youtuber"],
html.tn-pending #Showcase img,
html.tn-pending [data-framer-name="Content Container"] img { opacity: 0 !important; }

#Newsletter a[href*="blog/"] img,
#Showcase img,
[data-framer-name="Content Container"] img { transition: opacity 0.35s ease; }

[data-tn-clone] { overflow: hidden; }
[data-tn-clone] img { transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
[data-tn-clone]:hover img { transform: scale(1.05); }

.tn-more {
  display: table;
  margin: 32px auto 0;
  padding: 10px 18px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07), 0 0 0 2px rgba(0, 0, 0, 0.05);
  color: rgba(21, 24, 29, 0.8);
  font: 500 16px/24px "Geom", system-ui, sans-serif;
  text-decoration: none;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.3s;
}
.tn-more:hover { transform: translateY(-2px) scale(1.03); background: #f4f4f4; }