/* BriHel Capital motion identity — Build 28. Isolated from conversion/layout CSS. */
:root{--bh-motion-accent:#13a8a0}
body{overflow-x:hidden}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero>.wrap{position:relative;z-index:5}
.bh-motion{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(115deg,#071519 0%,#0a1d20 46%,#071316 100%)}
.bh-aurora{position:absolute;inset:-28%;opacity:.7;filter:blur(34px);background:radial-gradient(ellipse at 18% 30%,rgba(19,168,160,.34),transparent 35%),radial-gradient(ellipse at 78% 18%,rgba(77,211,195,.16),transparent 32%),radial-gradient(ellipse at 62% 82%,rgba(19,168,160,.20),transparent 35%);animation:bhAurora 16s ease-in-out infinite alternate}
.bh-grid{position:absolute;inset:-30%;opacity:.27;background-image:linear-gradient(rgba(95,225,210,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(95,225,210,.13) 1px,transparent 1px);background-size:58px 58px;transform:perspective(720px) rotateX(62deg) translateY(10%);transform-origin:center 70%;animation:bhGrid 11s linear infinite}
.bh-sweep{position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 34%,rgba(119,255,239,.03) 43%,rgba(119,255,239,.22) 49%,rgba(255,255,255,.14) 50%,rgba(119,255,239,.06) 54%,transparent 62%);transform:translateX(-70%) rotate(2deg);animation:bhSweep 7.5s cubic-bezier(.45,0,.55,1) infinite}
.bh-orb{position:absolute;width:38vw;height:38vw;min-width:380px;min-height:380px;right:-12vw;top:-15vw;border-radius:50%;border:1px solid rgba(102,236,221,.16);box-shadow:0 0 90px rgba(19,168,160,.08),inset 0 0 90px rgba(19,168,160,.05);animation:bhOrb 20s linear infinite}
.bh-orb:before,.bh-orb:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(102,236,221,.10)}.bh-orb:before{inset:14%}.bh-orb:after{inset:29%}
#bh-network{position:absolute;inset:0;width:100%;height:100%;opacity:.72}
.hero-copy,.hero-aside{position:relative;z-index:2}.hero-copy{animation:bhHeroIn .9s cubic-bezier(.2,.75,.25,1) both}.hero-aside{animation:bhHeroIn 1.05s .14s cubic-bezier(.2,.75,.25,1) both}
.hero h1{position:relative;text-shadow:0 5px 30px rgba(0,0,0,.18)}
.hero .leadbox{position:relative;overflow:hidden;box-shadow:0 22px 65px rgba(0,0,0,.28),0 0 0 1px rgba(19,168,160,.08)}
.hero .leadbox:before{content:"";position:absolute;left:-60%;top:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(19,168,160,.08),transparent);transform:skewX(-18deg);animation:bhPanelSweep 8s 1.5s ease-in-out infinite;pointer-events:none}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .78s cubic-bezier(.2,.75,.25,1),transform .78s cubic-bezier(.2,.75,.25,1)}.reveal.bh-visible{opacity:1;transform:none}
.card,.sector,.person,.fail{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.card:hover,.sector:hover,.person:hover,.fail:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(4,25,27,.10)}
.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:-2px auto -2px -45%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transform:skewX(-18deg);transition:left .6s ease}.btn:hover:after{left:120%}
@keyframes bhAurora{0%{transform:translate3d(-3%,-2%,0) scale(1) rotate(-2deg)}50%{transform:translate3d(5%,3%,0) scale(1.08) rotate(3deg)}100%{transform:translate3d(-1%,7%,0) scale(1.03) rotate(-1deg)}}
@keyframes bhGrid{to{background-position:58px 58px,58px 58px}}
@keyframes bhSweep{0%,16%{transform:translateX(-75%) rotate(2deg);opacity:0}25%{opacity:1}58%{opacity:.8}72%,100%{transform:translateX(78%) rotate(2deg);opacity:0}}
@keyframes bhOrb{to{transform:rotate(360deg)}}
@keyframes bhHeroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes bhPanelSweep{0%,62%{left:-60%;opacity:0}68%{opacity:1}84%{left:125%;opacity:.7}100%{left:125%;opacity:0}}
@media(max-width:860px){.bh-orb{right:-45vw;top:-8vw}.bh-grid{opacity:.18}.bh-sweep{opacity:.65}}
@media(prefers-reduced-motion:reduce){.bh-aurora,.bh-grid,.bh-sweep,.bh-orb,.hero-copy,.hero-aside,.hero .leadbox:before{animation:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}#bh-network{display:none}}

/* Respect compact sections while retaining existing identity animations */
@media(min-width:901px){.hero.home .bh-orb{opacity:.65}}
