/* Individually cleaned alpha PNG assets, independent of the mockup backing. */
.wordmark,
footer .wordmark,
.hero-wordmark .wordmark {
  background-image: url('/src/assets/logo-dark-clean-fast.webp');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.hero-wordmark .wordmark {
  background-image: url('/src/assets/logo-light-clean-fast.webp');
}
.hero-wordmark { mix-blend-mode: normal; }
.original-icon {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  mix-blend-mode: normal;
  filter: none;
}
.original-ai { background-image: url('/src/assets/ai-clean-fast.webp'); }
.original-vpn { background-image: url('/src/assets/vpn-clean-fast.webp'); }
.original-proxy { background-image: url('/src/assets/proxy-clean-fast.webp'); }
.original-services { background-image: url('/src/assets/services-clean-fast.webp'); }

.original-ai { background-size: 124% auto; background-position: 46% 36%; }
.original-vpn { background-size: 138% auto; background-position: 50% 50%; }
.original-proxy { background-size: 174% auto; background-position: 75% 74%; }
.original-services { background-size: 135% auto; background-position: 37% 37%; }
.hero-wordmark .wordmark { height: 155px; background-size: 100% auto; }
@media(max-width:1200px) {
  .hero-wordmark .wordmark { height: 130px; }
}
@media(max-width:950px) {
  .hero-wordmark .wordmark { height: 102px; }
}

/* Use the large original portrait instead of the tiny mockup avatar. */
.captain-avatar { background-image:url("/src/assets/port-reference-fast.webp")!important; background-size:326.81% auto!important; background-position:68.48% 7.22%!important; background-repeat:no-repeat!important; }

.service-open { display:inline-block; margin-top:12px; color:#e10600; font-weight:bold; text-decoration:none; }