/* v743 - Account card: the greeting is one sentence with the broker's first name ("Good evening, Alaa. Wishing you a restful night."),
   in the Home style. Photo top-left; the block beside it starts at the top. */
.bhp-hero > .bhp-hero-tx,
.bhp-hero > p{display:none!important}
.bhp-hero{align-items:start}
.bhp-hero .bhp-av{margin-top:2px}
.bhp-hero .bhw-band{grid-column:2;grid-row:1;position:relative;min-width:0;margin:0;padding:0 22px 0 2px;background:none;border:0;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:none;text-align:start}
.bhp-hero .bhw-band::before,.bhp-hero .bhw-band::after{content:none}
.bhp-hero .bhw-in{display:block;position:relative;transition:opacity .26s ease,transform .26s ease}
.bhp-hero .bhw-band.is-swap .bhw-in{opacity:0;transform:translateY(4px)}
.bhp-hero .bhw-band:focus-visible{outline:1px dashed rgba(232,182,74,.7);outline-offset:4px;border-radius:8px}

.bhp-hero .bhw-eb{display:flex;align-items:center;gap:7px;margin:0 0 4px;min-width:0;white-space:nowrap;font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#e8b64a;line-height:1.2}
.bhp-hero .bhw-eb::before{content:"";width:0;height:1px;flex:none;background:linear-gradient(90deg,#e8b64a,rgba(232,182,74,.15));animation:bhwDraw .8s .08s cubic-bezier(.2,.8,.2,1) forwards}
.bhp-hero .bhw-eb span{opacity:0;transform:translateX(-4px);animation:bhwSlide .55s .3s cubic-bezier(.2,.8,.2,1) forwards;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* the sentence: the Home note's own type and colours (night palette, the card is dark): greeting in Fraunces italic, message in Inter */
.bhp-hero .bhw-h{margin:0;font-family:Inter,system-ui,sans-serif;font-style:normal;font-weight:400;font-size:13px;line-height:1.45;color:#C7D2E0;text-wrap:pretty}
.bhp-hero .bhw-g{display:inline-block;font-family:Fraunces,Georgia,'Times New Roman',serif;font-style:italic;font-weight:500;font-size:15px;line-height:1.3;letter-spacing:-.01em;color:#F6EEE1;margin-inline-end:6px;opacity:0;transform:translateY(.3em);animation:bhwWord .6s .12s cubic-bezier(.2,.8,.2,1) forwards}
.bhp-hero .bhw-tx{color:#C7D2E0}
.bhp-hero .bhw-h .w{display:inline-block;opacity:0;transform:translateY(.45em);filter:blur(2px);animation:bhwWord .7s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.2s + var(--i) * 45ms)}


.bhp-hero .bhw-sweep{display:block;width:100%;height:1px;margin-top:7px;background:linear-gradient(90deg,transparent,rgba(232,182,74,.85),transparent);transform:scaleX(0);transform-origin:left;animation:bhwSweep 1s .85s cubic-bezier(.2,.8,.2,1) forwards}
.bhp-hero .bhw-mark{position:absolute;right:0;top:-1px;line-height:1;font-size:12px;color:#e8b64a;opacity:.85;animation:bhwFloat 3.2s ease-in-out infinite;pointer-events:none}

.bhp-hero .bhp-av{position:relative}
.bhp-hero .bhp-av::before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,rgba(232,182,74,0),rgba(232,182,74,.8),rgba(232,182,74,0) 42%);animation:bhwSpin 7s linear infinite;pointer-events:none;-webkit-mask:radial-gradient(circle,transparent 66%,#000 68%);mask:radial-gradient(circle,transparent 66%,#000 68%)}

@keyframes bhwDraw{to{width:20px}}
@keyframes bhwSlide{to{opacity:1;transform:none}}
@keyframes bhwWord{to{opacity:1;transform:none;filter:blur(0)}}
@keyframes bhwFadeUp{to{opacity:1}}
@keyframes bhwSweep{to{transform:scaleX(1)}}
@keyframes bhwFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(12deg)}}
@keyframes bhwSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
  .bhp-hero .bhw-eb::before,.bhp-hero .bhw-eb span,.bhp-hero .bhw-h .w,.bhp-hero .bhw-g,.bhp-hero .bhw-sweep,.bhp-hero .bhw-mark,.bhp-hero .bhp-av::before{animation:none!important;opacity:1;transform:none;filter:none;width:auto}
  .bhp-hero .bhw-eb::before{width:20px}.bhp-hero .bhw-sweep{transform:none}
}

/* v763: the eyebrow never runs under the spark */
.bhp-hero .bhw-eb span{max-width:100%;overflow:hidden;text-overflow:ellipsis}