/* Cinematic finance photography — BK / Capital Desk
   Creative overlays preserve headline contrast and expose the architectural image.
   No investor statistics, endorsements or portrait likenesses are implied. */
.hero-finance.hero-index,.hero-finance.hero-tools{background:#180804}
.hero-finance.hero-index .hero-photo img,.hero-finance.hero-tools .hero-photo img{
  filter:brightness(1.04) saturate(.98) contrast(1.09);
  transform:scale(1.075);
  transition:none;
}
.hero-finance.hero-index .hero-photo img{object-position:57% 51%}
.hero-finance.hero-tools .hero-photo img{object-position:69% 51%}
/* Background photograph stays visible at right, then melts into dark copper for readability. */
.hero-finance.hero-index .hero-photo::after,.hero-finance.hero-tools .hero-photo::after{
  content:"";position:absolute;inset:0;z-index:2;mix-blend-mode:normal;
  background:
    linear-gradient(90deg,rgba(19,7,5,.95) 0%,rgba(27,9,6,.91) 24%,rgba(40,13,7,.71) 46%,rgba(41,13,6,.29) 74%,rgba(20,6,3,.39) 100%),
    linear-gradient(180deg,rgba(12,4,2,.40),transparent 35%,rgba(15,4,2,.22) 60%,rgba(14,4,2,.88) 100%);
}
.hero-finance.hero-index .hero-photo::before,.hero-finance.hero-tools .hero-photo::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:
   radial-gradient(ellipse at 74% 43%,rgba(255,151,69,.19),transparent 49%),
   repeating-linear-gradient(90deg,rgba(255,184,116,.055) 0 1px,transparent 1px 88px),
   repeating-linear-gradient(0deg,rgba(255,184,116,.04) 0 1px,transparent 1px 88px);
  mask-image:linear-gradient(90deg,transparent 18%,#000 62%);
  -webkit-mask-image:linear-gradient(90deg,transparent 18%,#000 62%);
}
.hero-finance.hero-index .flow-system,.hero-finance.hero-tools .flow-system{
  z-index:2;opacity:.65;filter:none;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 23%,#000 60%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 23%,#000 60%);
}
.hero-finance.hero-index .hero-ambient,.hero-finance.hero-tools .hero-ambient{opacity:.5}
.hero-finance.hero-index .hero-ambient.two,.hero-finance.hero-tools .hero-ambient.two{opacity:.35}
.hero-finance.hero-index .hero-intro,.hero-finance.hero-tools .hero-intro{
  color:#ffe8d8;text-shadow:0 2px 18px rgba(15,4,2,.28)
}
.hero-photo-caption{
  position:absolute;right:3%;bottom:115px;z-index:3;pointer-events:none;
  width:min(270px,21vw);padding:16px 18px;
  display:flex;flex-direction:column;gap:9px;
  border:1px solid rgba(255,217,180,.30);border-radius:13px;
  background:linear-gradient(130deg,rgba(33,11,6,.38),rgba(45,15,5,.12));
  backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);
  box-shadow:0 12px 40px rgba(13,4,1,.14);
  opacity:.94;
}
.hero-photo-caption::before{content:"";width:32px;height:2px;border-radius:2px;background:#ff9958}
.hero-photo-caption strong{font-size:10px;font-weight:750;letter-spacing:.14em;line-height:1.5;color:#fff8ee}
.hero-photo-caption span{font-size:9px;font-weight:550;letter-spacing:.12em;color:#ffd2af;line-height:1.65}
.hero-finance.hero-tools .hero-photo-caption{bottom:88px}
@media(max-width:990px){.hero-photo-caption{display:none}.hero-finance.hero-index .hero-photo img,.hero-finance.hero-tools .hero-photo img{object-position:65% center}}
@media(max-width:680px){
 .hero-finance.hero-index .hero-photo img,.hero-finance.hero-tools .hero-photo img{object-position:68% center;filter:brightness(.9) saturate(.9) contrast(1.04)}
 .hero-finance.hero-index .hero-photo::after,.hero-finance.hero-tools .hero-photo::after{
  background:linear-gradient(90deg,rgba(20,6,4,.95),rgba(28,8,4,.87) 58%,rgba(42,11,4,.59)),linear-gradient(0deg,rgba(11,3,2,.85),transparent 55%,rgba(15,5,2,.30))
 }
 .hero-finance.hero-index .flow-system,.hero-finance.hero-tools .flow-system{opacity:.38;filter:none}
}
@media(prefers-reduced-motion:reduce){.hero-finance.hero-index .hero-photo img,.hero-finance.hero-tools .hero-photo img{transform:none!important;transition:none!important}}

/* Avoid CSS filters and state changes on animated SVG layers. */
.hero-finance.hero-index:hover .flow-system,.hero-finance.hero-tools:hover .flow-system{opacity:.65}