/* coin.css (tba-v52): hero logo coin flip (logo front / Dr. Shankar Thakur back), kept from v47-v48 and restyled for the royal-blue look. */
.hero .tlogo .tl-flip{position:absolute;top:var(--pad);right:var(--pad);bottom:var(--pad);left:var(--pad);perspective:900px;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:tlIn 1.25s cubic-bezier(.22,1,.36,1) .15s both;outline-offset:6px}
.hero .tlogo .tl-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;animation:tlCoin 30.5s ease-in-out 1.4s 4;will-change:transform}
.hero .tlogo .tl-card>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block}
.hero .tlogo .tl-card>.tl-badge{animation:none!important;filter:drop-shadow(0 14px 26px rgba(1,75,170,.30))}
.hero .tlogo .tl-card>.tl-back{transform:rotateY(180deg);object-fit:cover;object-position:50% 18%;background:#0B2A5B;box-shadow:0 0 0 4px #fff,0 0 0 7px #C9A55A,0 18px 40px rgba(11,42,91,.35)}
@keyframes tlCoin{0%{transform:rotateY(0)}12%{transform:rotateY(360deg)}100%{transform:rotateY(360deg)}}
/* v48: non-stop, like a clock's seconds hand: 6.5 s per turn, no pause */
.hero .tlogo .tl-flip.manual .tl-card{animation:none;transition:transform .8s cubic-bezier(.65,0,.35,1);transform:rotateY(0)}
.hero .tlogo .tl-flip.manual.flipped .tl-card{transform:rotateY(180deg)}
@media (prefers-reduced-motion:reduce){
 .hero .tlogo .tl-flip{animation:none}
 .hero .tlogo .tl-card{animation:none!important;transition:none!important;transform:none!important}
 .hero .tlogo .tl-card>.tl-back{transform:none;opacity:0}
 .hero .tlogo .tl-flip.flipped .tl-card>.tl-back{opacity:1}
 .hero .tlogo .tl-flip.flipped .tl-card>.tl-badge{opacity:0}
}
html.no-motion .hero .tlogo .tl-card{animation:none!important;transform:none!important}
html.no-motion .hero .tlogo .tl-card>.tl-back{transform:none;opacity:0}
html.no-motion .hero .tlogo .tl-flip.flipped .tl-card>.tl-back{opacity:1}
html.no-motion .hero .tlogo .tl-flip.flipped .tl-card>.tl-badge{opacity:0}