/* Company shells reuse the existing Vantera cinematic environment and tokens. */
body.company-page:not(.contacts-page) { background: var(--brand-cinematic); color: var(--brand-text-dark); }
.company-page:not(.contacts-page) main { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(90deg, #00022699, #00022655), url('assets/ecosystem/environment-1672.webp') center / cover no-repeat; }
.company-hero { position: relative; max-width: 1216px; min-height: 55vh; margin-inline: auto; padding: 110px 32px 100px; }
.company-hero::after { content: ''; position: absolute; inset-inline: 32px; bottom: 44px; height: 1px; background: linear-gradient(90deg, transparent, var(--brand-magenta), var(--brand-violet), transparent); box-shadow: var(--brand-glow-shadow); pointer-events: none; }
body.company-page .company-hero .platform-kicker { color: var(--brand-light); }
body.company-page .company-hero h1 { max-width: 900px; margin: 0 0 24px; color: var(--brand-text-dark); font-size: clamp(42px, 6vw, 76px); line-height: 1.08; letter-spacing: -.05em; overflow-wrap: anywhere; text-shadow: 0 0 28px var(--brand-glow); }
body.company-page .company-hero > p:last-child { max-width: 650px; margin: 0; color: var(--brand-muted-dark); font-size: 18px; line-height: 1.7; }
@media (max-width: 680px) {
  .company-page:not(.contacts-page) main { background-image: linear-gradient(#00022699, #00022655), url('assets/ecosystem/environment-800.webp'); }
  .company-hero { min-height: 42vh; padding: 70px 20px; }
  .company-hero::after { inset-inline: 20px; bottom: 30px; }
  body.company-page .company-hero > p:last-child { font-size: 16px; }
}
