/* Matching hero controls, with a readable fallback before glass support. */
.hero-actions .pill,.hero-actions .pill-white,.hero-actions .pill-outline{
 color:#f1efea;background:#20232bde;border:1px solid #ffffff45;
 box-shadow:inset 0 1px 0 #ffffff13;
 justify-content:center;font-weight:600;
 -webkit-backdrop-filter:none;backdrop-filter:none;
 transition:background-color .2s ease,border-color .2s ease;
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .hero-actions .pill,.hero-actions .pill-white,.hero-actions .pill-outline{
  background:#191c256b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
 }
}
@media(hover:hover){
 .hero-actions .pill:hover,.hero-actions .pill-white:hover,.hero-actions .pill-outline:hover{
  color:#fff;background:#353943b3;border-color:#ffffff66;
  box-shadow:inset 0 1px 0 #ffffff18;transform:none;
 }
}
.hero-actions .pill:focus-visible{outline:2px solid #f1efea;outline-offset:4px}
/* Mobile keeps the portrait and text as the hero; disc remains desktop-only. */
@media(max-width:767px){
 .hero .hero-bottom .chrome-orbit{display:none}
}