/* Eliana buttons: instead of a capsule, a leaf shape. Two opposite corners are generously round (like the curves of the
   hands in the logo mark) and two are sharp (like the cut corners in the ELIANA CAPITAL lettering). On hover the
   corners swap, so the button "turns" like a hand opening. */
:root{--eb-big:1.35em;--eb-small:.32em}
.btn,.menu-btn,.tabs button,.orb-more,.hs-more,.m-wa,.ck-btn,body .tabs button,.hdr .btn-sm{
  border-radius:var(--eb-big) var(--eb-small) var(--eb-big) var(--eb-small);
  transition:border-radius .38s cubic-bezier(.3,.9,.3,1),background-color .25s,color .25s,border-color .25s,box-shadow .25s,transform .25s
}
.btn:hover,.menu-btn:hover,.tabs button:hover,.orb-more:hover,.hs-more:hover,.m-wa:hover,.ck-btn:hover,.hdr .btn-sm:hover,
.btn:focus-visible,.orb-more:focus-visible{
  border-radius:var(--eb-small) var(--eb-big) var(--eb-small) var(--eb-big)
}
@media (prefers-reduced-motion:reduce){.btn,.menu-btn,.tabs button,.orb-more,.hs-more,.m-wa,.ck-btn{transition:none}}

/* No animated arrows: arrows stay still (carousel buttons still work, they just do not move on their own) */
.cf-hint span{animation:none!important}
.h-cue{display:none!important}
.story .more i,.story:hover .more i,.feat-a:hover .more i,.hs-more i,.hs .h-story:hover .hs-more i{transform:none!important;transition:none!important}

/* Form send buttons: grey until the form is complete */
.form button[type="submit"]:disabled{background:#d9dce6!important;color:#8a90a2!important;border-color:#d9dce6!important;box-shadow:none!important;cursor:not-allowed;transform:none!important}
.form button[type="submit"]:disabled .btn-blob,.form button[type="submit"]:disabled::after,.form button[type="submit"]:disabled::before{display:none!important}
.form button[type="submit"]:disabled *{color:#8a90a2!important}

/* Form success card: plain white, typographic (no icons), the logo mark as a quiet watermark */
.form-ok{position:relative;overflow:hidden;isolation:isolate;display:none;margin-top:22px;padding:clamp(20px,2.6vw,30px) clamp(20px,3vw,34px);
  color:#111827;background:#fff;border:1px solid rgba(1,3,149,.14);border-radius:1.6rem .4rem 1.6rem .4rem;box-shadow:0 18px 40px -28px rgba(1,3,149,.35);text-align:left}
.form-ok.is-on{display:block;animation:okIn .55s cubic-bezier(.2,.8,.2,1) both}
.form-ok::before{content:"";position:absolute;right:-34px;bottom:-44px;width:200px;height:200px;z-index:-1;background:url(/assets/logo-mark.svg) center/contain no-repeat;opacity:.07;rotate:-12deg}
.form-ok::after{content:none}
.ok-body{display:flex;flex-direction:column;gap:.45rem;min-width:0;align-items:flex-start}
.form-ok .ok-body b{color:#010395;font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:1.2;font-weight:600;text-align:left}
.ok-sub{color:#475467}
.ok-call{margin-top:.3rem;color:#010395;font-weight:600;font-size:.95rem;text-decoration:underline;text-underline-offset:3px}
.ok-call:hover{color:#5fa052}
@keyframes okIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.form-ok.is-on{animation:none}}

/* Leadership: short bio line and Read bio button under the name */
.people--bw .person .person-bio{margin-top:.7rem;font-size:.92rem;line-height:1.55;opacity:.8}
.people--bw .person .orb-more{align-self:flex-start;margin-top:1rem}
