/**
 * Homepage — Production Revision (approved architectural images)
 * Scoped: body.home · load LAST on index.html (after home-final.css)
 *
 * Wires the five approved architectural image assets into the existing
 * homepage composition and retires the CSS-only geometry inside those
 * frames so the photographs read as the structural imagery. Structure,
 * copy, layout and section order are unchanged — image treatment, a few
 * spacing/edge refinements and the flattened system container only.
 */

/* =========================================================================
   HERO — Diamond Geometry image · right side · asymmetric crop · edge bleed
   ========================================================================= */
body.home .hero-visual .bh-arch--diamond .bh-arch__crop{
  background-image:var(--bh-img-1);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:76% 34%;
  border-color:rgba(17,17,17,0.12);
}

/* let the photograph carry the geometry — retire the CSS mesh/facets */
body.home .hero-visual .bh-arch--diamond .bh-arch__mesh,
body.home .hero-visual .bh-arch--diamond .bh-arch__engineered,
body.home .hero-visual .bh-arch--diamond .bh-arch__facets,
body.home .hero-visual .bh-arch--diamond .bh-arch__ribs,
body.home .hero-visual .bh-arch--diamond .bh-arch__datum,
body.home .hero-visual .bh-arch--diamond .bh-arch__reflect{
  opacity:0;
}

/* soft left veil keeps the image secondary to the headline */
body.home .hero-visual .bh-arch--diamond .bh-arch__veil{
  opacity:1;
  background:linear-gradient(
    90deg,
    var(--bh-bg) 0%,
    var(--bh-bg) 18%,
    rgba(255,255,255,0.55) 40%,
    rgba(255,255,255,0.08) 64%,
    transparent 88%
  );
}

/* hero CTA — ~20% narrower, sharp institutional edge */
body.home .hero-main .btn-primary{
  padding-left:calc(var(--bh-cta-px) * 0.8);
  padding-right:calc(var(--bh-cta-px) * 0.8);
  border-radius:0;
}
body.home .hero-main .btn-primary:hover{
  box-shadow:none;
}

/* =========================================================================
   "THIS ISN'T ACCOUNTING" — Blue Structural Geometry · right · 18–25%
   ========================================================================= */
body.home .pos-visual .bh-arch--blue .bh-arch__crop{
  background-image:var(--bh-img-2);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:86% 36%;
  opacity:1;
}
body.home .pos-visual .bh-arch--blue{
  opacity:0.22;
}
body.home .pos-visual .bh-arch--blue .bh-arch__mesh,
body.home .pos-visual .bh-arch--blue .bh-arch__engineered,
body.home .pos-visual .bh-arch--blue .bh-arch__facets,
body.home .pos-visual .bh-arch--blue .bh-arch__ribs,
body.home .pos-visual .bh-arch--blue .bh-arch__datum,
body.home .pos-visual .bh-arch--blue .bh-arch__reflect{
  opacity:0;
}
body.home .pos-visual .bh-arch__veil{
  display:none;
}

/* =========================================================================
   Reflective Gold plane — far-right edge · ~15%
   ("Who We Work With" gold treatment applied to the homepage gold frame)
   ========================================================================= */
body.home .op-profile-arch .bh-arch--gold .bh-arch__crop{
  background-image:var(--bh-img-3);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:82% 42%;
  opacity:1;
}
body.home .op-profile-arch .bh-arch--gold{
  opacity:var(--bh-img-gold-opacity);
}
body.home .op-profile-arch .bh-arch--gold .bh-arch__mesh,
body.home .op-profile-arch .bh-arch--gold .bh-arch__engineered,
body.home .op-profile-arch .bh-arch--gold .bh-arch__facets,
body.home .op-profile-arch .bh-arch--gold .bh-arch__ribs,
body.home .op-profile-arch .bh-arch--gold .bh-arch__datum,
body.home .op-profile-arch .bh-arch--gold .bh-arch__reflect{
  opacity:0;
}
body.home .op-profile-arch .bh-arch__veil{
  display:none;
}

/* =========================================================================
   FINANCIAL PERFORMANCE SYSTEM — remove oversized container appearance
   ========================================================================= */
body.home .system-diagram{
  border:none;
  background:transparent;
  padding:clamp(var(--bh-space-2),1.8vw,var(--bh-space-4)) 0 0;
}
body.home .system-diagram::before{
  display:none;
}

/* =========================================================================
   FINAL CTA — Dark Architectural Texture · charcoal · premium composition
   ========================================================================= */
body.home .final-section{
  background:
    radial-gradient(90% 78% at 8% 20%, rgba(34,162,159,0.07) 0%, transparent 56%),
    linear-gradient(168deg,#262420 0%,#2d2b27 46%,#201e1b 100%);
}
body.home .final-section__texture{
  opacity:0.5;
  background-image:
    linear-gradient(100deg, rgba(14,13,11,0.92) 0%, rgba(14,13,11,0.5) 42%, transparent 74%),
    var(--bh-img-5);
  background-repeat:no-repeat,no-repeat;
  background-size:100% 100%,cover;
  background-position:center,72% 36%;
  filter:grayscale(0.15) contrast(1.06);
  mix-blend-mode:normal;
}