
/* RAPCO2 NEXT V6.7 — IMMERSIVE MOTION
   Inspired by the depth language of Humble-Client: ambient illumination,
   perspective and responsive microinteractions; intentionally not a code copy.
   Layered after the V6.6 brand file. All new rules are scoped to .bh-home. */
.bh-home{--im-blue:#356cf4;--im-red:#ed344c;--im-dark:#070d18}
/* One atmospheric scene, not an effects-heavy full-screen section on every scroll. */
.bh-home .bh-hero{isolation:isolate}
.bh-home .bh-hero__art{transform:translate3d(var(--im-hero-x,0px),var(--im-hero-y,0px),0);will-change:transform}
.bh-home .bh-hero__art::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle 280px at var(--im-pointer-x,62%) var(--im-pointer-y,43%),rgba(50,112,249,.21),transparent 76%),
  radial-gradient(circle 250px at 92% 87%,rgba(237,52,76,.105),transparent 78%);
  opacity:.77;transition:opacity .65s ease;
}
.bh-home .bh-hero__line{border-color:rgba(80,129,242,.34);box-shadow:0 0 0 58px rgba(49,99,218,.042),0 0 0 122px rgba(237,52,76,.024)}
/* A small red accent travels over the blue system connector after it enters view. */
.bh-home .bh-connection{position:relative;isolation:isolate}
.bh-home .bh-connection::after{
  content:"";position:absolute;top:calc(50% - 3px);left:0;width:9px;height:9px;
  border-radius:50%;background:var(--im-red);box-shadow:0 0 17px rgba(237,52,76,.4);
  opacity:0;pointer-events:none;
}
.bh-home .bh-system.is-immersive-visible .bh-connection::after{opacity:1;animation:im-flow 3.6s ease-in-out .4s infinite}
@keyframes im-flow{0%{left:0;opacity:0}12%{opacity:1}84%{opacity:1}100%{left:calc(100% - 9px);opacity:0}}
/* Product cards become slightly physical, but not theatrical or distracting. */
@media(hover:hover) and (pointer:fine){
  .bh-home .bh-tile{position:relative;transform:perspective(1100px) rotateX(var(--im-card-rx,0deg)) rotateY(var(--im-card-ry,0deg)) translateY(var(--im-card-lift,0px));transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.75,.2,1),box-shadow .4s ease;will-change:transform}
  .bh-home .bh-tile::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;background:radial-gradient(circle 270px at var(--im-card-x,50%) var(--im-card-y,30%),rgba(93,147,255,.18),transparent 80%);transition:opacity .35s ease}
  .bh-home .bh-tile--leaf::before{background:radial-gradient(circle 270px at var(--im-card-x,50%) var(--im-card-y,30%),rgba(237,52,76,.115),transparent 80%)}
  .bh-home .bh-tile:hover,.bh-home .bh-tile:focus-within{--im-card-lift:-5px;box-shadow:0 28px 58px rgba(5,10,25,.2)}
  .bh-home .bh-tile:hover::before,.bh-home .bh-tile:focus-within::before{opacity:1}
}
/* Camera-like photographic movement contained inside the frame: no layout shift. */
.bh-home .bh-proof__photo,.bh-home .bh-world__editorial-art,.bh-home .bh-finale__field{isolation:isolate}
.bh-home .bh-proof__photo img,.bh-home .bh-finale__field img{
  transform:translate3d(0,var(--im-photo-y,0px),0) scale(1.045);
  transition:filter .4s ease;
  backface-visibility:hidden;
}
.bh-home .bh-proof__photo::after,.bh-home .bh-finale__field::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;pointer-events:none;
  background:linear-gradient(180deg,var(--im-red),var(--im-blue));opacity:0;
  transform:scaleY(.3);transform-origin:top;transition:opacity .65s ease,transform .9s cubic-bezier(.15,.8,.2,1);
}
.bh-home :is(.bh-proof,.bh-finale).is-immersive-visible :is(.bh-proof__photo,.bh-finale__field)::after{opacity:.92;transform:scaleY(1)}
/* Ambient depth around an image intentionally presented as a concept. */
.bh-home .bh-world__editorial-art{box-shadow:0 18px 65px rgba(0,0,0,.14);transition:box-shadow .5s ease}
.bh-home .bh-world.is-immersive-visible .bh-world__editorial-art{box-shadow:0 29px 85px rgba(0,0,0,.28)}
/* Scientific diagram: a slow orbit with one subtle signal highlight. */
.bh-home .bh-carbon__orb::after{
  content:"";position:absolute;inset:-15px;border-radius:50%;border:1px dashed rgba(91,145,255,.28);
  pointer-events:none;animation:im-orbit 38s linear infinite;
}
.bh-home .bh-carbon__orb i{animation:im-beacon 3.4s ease-in-out infinite alternate}
.bh-home .bh-carbon__orb i:nth-of-type(2){animation-delay:1.15s}.bh-home .bh-carbon__orb i:nth-of-type(3){animation-delay:2.3s}
@keyframes im-orbit{to{transform:rotate(360deg)}}
@keyframes im-beacon{from{opacity:.45;box-shadow:0 0 8px rgba(58,110,255,.45)}to{opacity:1;box-shadow:0 0 25px rgba(237,52,76,.32)}}
/* Awards stay honest placeholders; hover conveys tactility rather than fabricated trophies. */
.bh-home .bh-recognition__slot{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease}
@media(hover:hover){.bh-home .bh-recognition__slot:hover{transform:translateY(-5px);border-color:rgba(237,52,76,.38);box-shadow:0 16px 38px rgba(18,32,66,.1)}}
/* Medium / low-powered devices: no constant transformations on hero and cards. */
@media(max-width:820px){.bh-home .bh-hero__art{transform:none!important;will-change:auto}.bh-home .bh-proof__photo img,.bh-home .bh-finale__field img{transform:none!important}.bh-home .bh-hero__art::after{opacity:.45}.bh-home .bh-carbon__orb::after{animation-duration:55s}}
@media(prefers-reduced-motion:reduce){
  .bh-home .bh-hero__art,.bh-home .bh-tile,.bh-home .bh-proof__photo img,.bh-home .bh-finale__field img{transform:none!important;transition:none!important;will-change:auto!important}
  .bh-home .bh-connection::after{display:none!important}
  .bh-home .bh-carbon__orb::after,.bh-home .bh-carbon__orb i{animation:none!important}
  .bh-home .bh-proof__photo::after,.bh-home .bh-finale__field::after{transition:none!important;transform:none!important}
  .bh-home .bh-recognition__slot{transition:none!important}
}
