/* Restrained movement for an executive audience: purposeful, never distracting. */
.section.about-credentials{display:block}

/* Keep every proof point on one clear vertical axis. */
.hero-metrics div{align-items:center;text-align:center}
.hero-metrics b,.hero-metrics span{display:block;width:100%;max-width:none}
.hero-metrics b sup{margin-left:2px;color:var(--gold);font-family:var(--sans);font-size:12px;letter-spacing:0;vertical-align:top}

@keyframes orb-drift-one{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-30px,24px,0)}}
@keyframes orb-drift-two{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(26px,-16px,0)}}
@keyframes soft-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes soft-pulse{0%,100%{box-shadow:0 12px 30px #03142855}50%{box-shadow:0 17px 34px #03142875}}
@keyframes button-sheen{0%{transform:translateX(-135%) skewX(-18deg)}42%,100%{transform:translateX(160%) skewX(-18deg)}}

.orb-one{animation:orb-drift-one 15s ease-in-out infinite}
.orb-two{animation:orb-drift-two 18s ease-in-out infinite}
.portrait-note{animation:soft-float 5.5s ease-in-out infinite,soft-pulse 5.5s ease-in-out infinite}
.workbook-callout{animation:soft-float 6s ease-in-out infinite}

.button{position:relative;overflow:hidden;isolation:isolate}
.button::after{position:absolute;z-index:-1;top:-55%;left:0;width:34%;height:220%;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:button-sheen 7s ease-in-out infinite}
.button:hover::after{animation-duration:1.1s}

.service-card,.leadership-fact,.package,.book-card,.testimonial,.company-coach-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.service-card:hover,.leadership-fact:hover,.package:hover,.book-card:hover,.testimonial:hover,.company-coach-card:hover{position:relative;z-index:1;transform:translateY(-6px);box-shadow:0 16px 30px rgba(11,37,65,.12)}
.leadership-fact:nth-child(2):hover{box-shadow:0 18px 34px rgba(7,29,58,.28)}
.story-card{transition:transform .3s ease,box-shadow .3s ease}
.story-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(7,29,58,.2)}
.story-card:hover .story-overlay{padding-bottom:31px}
.story-overlay{transition:padding .3s ease}
.company-logo{transition:transform .25s ease,opacity .25s ease}
.company-logo:hover{transform:translateY(-3px);opacity:.8}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
