/* ============================================================
   SRK Advisors hero — "analytics centerpiece" (scoped under .bhero)
   Self-contained; relies on site :root tokens, adds two it lacks.
   ============================================================ */
:root{ --forest-deep:#08130d; --panel:#11201a; }

.bhero{
  position:relative; min-height:100svh; display:flex; flex-direction:column;
  overflow:hidden; isolation:isolate;
  padding-top:clamp(54px,7vh,82px);
  background:radial-gradient(120% 95% at 26% 14%, #112418 0%, var(--forest) 42%, var(--forest-deep) 100%);
  -webkit-print-color-adjust:exact; print-color-adjust:exact;
}

/* layered background */
.bhero .hero__bg{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.bhero .hero__bg::before{
  content:""; position:absolute; top:-18%; left:14%; width:62%; height:78%;
  background:radial-gradient(closest-side, rgba(216,184,107,.20) 0%, rgba(201,162,75,.10) 40%, rgba(201,162,75,0) 72%);
  filter:blur(8px); transform-origin:center; animation:lightBreath 11s ease-in-out infinite;
}
.bhero .hero__bg::after{
  content:""; position:absolute; bottom:6%; right:6%; width:46%; height:60%;
  background:radial-gradient(closest-side, rgba(201,162,75,.13) 0%, rgba(201,162,75,0) 70%); filter:blur(6px);
}
.bhero .grain{
  position:absolute; inset:0; z-index:1; pointer-events:none; opacity:.055; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.bhero .frame{ position:absolute; z-index:2; pointer-events:none; inset:78px clamp(12px,1.5vw,22px) clamp(12px,1.5vw,22px); border:1px solid rgba(201,162,75,.16); }
.bhero .rule-bottom{
  position:absolute; left:0; right:0; bottom:0; height:3px; z-index:2; pointer-events:none;
  background:linear-gradient(90deg, rgba(201,162,75,0) 0%, var(--gold-deep) 16%, var(--gold-soft) 50%, var(--gold-deep) 84%, rgba(201,162,75,0) 100%);
  -webkit-print-color-adjust:exact; print-color-adjust:exact;
}

/* body grid */
.bhero .hero__inner{ position:relative; z-index:4; flex:1; display:flex; align-items:center; padding:clamp(14px,3vw,40px) var(--gutter); }
.bhero .hero__grid{ width:100%; max-width:var(--maxw); margin:0 auto; display:grid; grid-template-columns:1.04fr 0.96fr; align-items:center; column-gap:clamp(26px,4.6vw,72px); row-gap:clamp(20px,2.4vw,30px); }

/* copy column */
.bhero .copy{ position:relative; padding-left:clamp(16px,1.6vw,26px); }
.bhero .copy::before{ content:""; position:absolute; left:0; top:6px; bottom:6px; width:1px; background:linear-gradient(180deg, rgba(201,162,75,0) 0%, rgba(201,162,75,.5) 18%, rgba(201,162,75,.5) 82%, rgba(201,162,75,0) 100%); }

.bhero .eyebrow{ grid-column:1 / -1; padding-left:clamp(16px,1.6vw,26px); display:flex; flex-wrap:wrap; align-items:center; gap:.45rem .7rem; margin-bottom:0; font-size:clamp(.6rem,1.05vw,.7rem); font-weight:500; letter-spacing:.15em; text-transform:uppercase; color:rgba(216,184,107,.82); }
.bhero .eyebrow span{ white-space:nowrap; }
.bhero .eyebrow i{ width:4px; height:4px; border-radius:50%; background:rgba(201,162,75,.55); font-style:normal; display:inline-block; }

.bhero .kicker{ display:flex; align-items:center; gap:.7rem; margin-bottom:clamp(14px,1.7vw,20px); }
.bhero .kicker .tick{ height:1px; width:clamp(22px,3vw,34px); background:var(--gold); }
.bhero .kicker .mark{ font-family:var(--serif); font-size:clamp(.86rem,1.3vw,1rem); letter-spacing:.26em; text-transform:uppercase; color:var(--ivory); }
.bhero .kicker .mark em{ font-style:italic; letter-spacing:.16em; color:var(--gold-soft); text-transform:none; }

.bhero .promise{ font-family:var(--serif); font-weight:600; font-size:clamp(2.35rem,5.4vw,4rem); line-height:1.04; letter-spacing:-.012em; color:var(--ivory); max-width:13.5ch; }
.bhero .promise .hl{ color:var(--gold-soft); font-style:italic; font-weight:600; }

.bhero .lead{ margin-top:clamp(18px,2vw,26px); font-size:clamp(1rem,1.45vw,1.16rem); line-height:1.62; color:rgba(246,242,232,.88); max-width:46ch; }

.bhero .cta-row{ margin-top:clamp(26px,3vw,40px); }
.bhero .btn{
  display:inline-flex; align-items:center; gap:.6rem; font-family:var(--sans); font-size:.94rem; font-weight:600; letter-spacing:.02em;
  color:var(--forest-deep); background:linear-gradient(180deg,var(--gold-soft),var(--gold) 58%,var(--gold-deep));
  padding:.92rem 1.6rem; border-radius:4px; text-decoration:none;
  box-shadow:0 12px 30px -14px rgba(201,162,75,.6), inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .25s ease, box-shadow .25s ease; -webkit-print-color-adjust:exact; print-color-adjust:exact;
}
.bhero .btn:hover{ transform:translateY(-2px); box-shadow:0 18px 38px -14px rgba(201,162,75,.72), inset 0 1px 0 rgba(255,255,255,.3); }
.bhero .btn svg{ display:block; }

/* visual column */
.bhero .viz{ display:flex; justify-content:center; align-items:center; }
.bhero .viz svg{ display:block; width:100%; height:auto; max-width:560px; max-height:74vh; }

/* foot / scroll cue */
.bhero .hero__foot{ position:relative; z-index:4; padding:0 var(--gutter) clamp(22px,2.6vw,34px); }
.bhero .scrollcue{ display:inline-flex; align-items:center; gap:.7rem; color:rgba(246,242,232,.6); text-decoration:none; font-size:.7rem; letter-spacing:.22em; text-transform:uppercase; transition:color .25s ease; }
.bhero .scrollcue:hover{ color:var(--gold-soft); }
.bhero .scrollcue .arrow{ display:inline-flex; animation:bob 2.6s ease-in-out infinite; }
.bhero .scrollcue .sep{ color:rgba(201,162,75,.5); }

@keyframes lightBreath{ 0%,100%{ opacity:.55; transform:scale(1); } 50%{ opacity:.78; transform:scale(1.05); } }
@keyframes bob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(3px); } }

/* responsive */
@media (max-width:880px){
  .bhero .hero__grid{ grid-template-columns:1fr; gap:clamp(30px,7vw,48px); text-align:left; }
  .bhero .viz{ order:2; }
  .bhero .copy{ order:1; }
  .bhero .viz svg{ max-width:440px; max-height:none; }
  .bhero .promise{ max-width:18ch; }
  .bhero .eyebrow{ justify-content:center; padding-left:0; }
}
@media (max-width:430px){
  .bhero .frame{ inset:66px 9px 9px; }
  .bhero .promise{ font-size:clamp(2rem,9vw,2.6rem); max-width:100%; }
  .bhero .lead{ font-size:1rem; }
  .bhero .eyebrow{ letter-spacing:.12em; }
  .bhero .viz svg{ max-width:340px; }
}
@media (prefers-reduced-motion:reduce){
  .bhero .hero__bg::before{ animation:none; }
  .bhero .scrollcue .arrow{ animation:none; }
  .bhero .glint{ display:none; }
}