/* Company hero — full-section background (three.js orbit).
   Light type comes from .is-on-dark (editorial-hero.css). */
.company-hero .company-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.company-hero .company-hero-bg canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
/* the near band: rendered on its own layer, out of focus, light-added over the galaxy */
.company-hero .company-hero-bg canvas.is-near{filter:blur(5px);mix-blend-mode:screen;opacity:.7}
/* capability labels riding one member star per band — same type as the service-guide HUD */
.company-hero-labels{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.company-hero-tag{position:absolute;left:0;top:0;white-space:nowrap;margin:-16px 0 0 -2px;font:500 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#fff}
/* the copy sits in the calm centre of the orbit; a soft field keeps it legible where strands cross */
.company-hero .company-hero-bg::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(38% 30% at 50% 50%,rgba(11,11,11,.82) 0%,rgba(11,11,11,.55) 55%,rgba(11,11,11,0) 100%)}
.company-hero > .plate{display:none}
/* portrait: the copy spans the full width, so the orbit can't frame it — dim the strands behind the text instead */
@media(max-width:760px){.company-hero-labels{display:none}.company-hero .company-hero-bg::after{background:linear-gradient(180deg,rgba(11,11,11,.2) 0%,rgba(11,11,11,.72) 30%,rgba(11,11,11,.72) 80%,rgba(11,11,11,.3) 100%)}}
