/* Final layout fixes for the new NGenEra interior pages. */
.company-stack{display:grid;grid-template-columns:1fr;gap:22px}
.company-stack .company-profile{width:100%}

/* Keep the full NE installation visible on interior page heroes instead of cropping it. */
.marketing-hero-media.brand-installation{
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 58% 46%,rgba(154,71,207,.18),transparent 38%),
    linear-gradient(135deg,#0a0810 0%,#110b18 48%,#07070b 100%);
}
.marketing-hero-media.brand-installation img{
  box-sizing:border-box;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:22px 20px 12px;
  filter:brightness(.98) saturate(1.08) contrast(1.03)!important;
}
.marketing-hero-media.brand-installation:after{
  background:linear-gradient(90deg,rgba(7,7,11,.24),transparent 22%),linear-gradient(0deg,rgba(7,7,11,.18),transparent 38%)!important;
}

/* The company scene crops are small source assets. Do not stretch them edge-to-edge.
   A smaller centered treatment keeps the picture noticeably sharper while the surrounding
   glow still fills the panel. */
.company-profile-media{
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 48%,rgba(136,62,178,.22),transparent 42%),
    linear-gradient(135deg,#0a0810,#130d19 60%,#09070d);
}
.company-profile-media img.scene{
  position:relative!important;
  inset:auto!important;
  z-index:1;
  width:min(78%,420px)!important;
  height:auto!important;
  max-height:86%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:brightness(.98) saturate(1.12) contrast(1.05)!important;
  image-rendering:auto;
  border-radius:10px;
  box-shadow:0 20px 55px rgba(0,0,0,.28),0 0 28px rgba(150,74,196,.10);
}
.company-profile-media:after{
  z-index:2;
  background:linear-gradient(90deg,transparent 62%,rgba(11,8,14,.38) 100%)!important;
  pointer-events:none;
}

@media(max-width:900px){
  .marketing-nav{
    height:116px!important;
    grid-template-columns:1fr auto!important;
    grid-template-rows:70px 46px!important;
    align-items:center!important;
    padding:0 18px!important;
  }
  .marketing-brand{height:70px!important;grid-column:1;grid-row:1}
  .marketing-build{grid-column:2;grid-row:1}
  .marketing-nav nav{
    grid-column:1/-1!important;
    grid-row:2!important;
    display:flex!important;
    width:calc(100% + 36px)!important;
    margin-left:-18px!important;
    padding:0 18px!important;
    justify-content:flex-start!important;
    gap:22px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    border-top:1px solid rgba(120,84,135,.28)!important;
    background:rgba(8,7,12,.96)!important;
  }
  .marketing-nav nav::-webkit-scrollbar{display:none!important}
  .marketing-nav nav a{font-size:8px!important;flex:0 0 auto!important}
  .marketing-nav nav a.active:after{bottom:-14px!important;width:24px!important}
  .marketing-hero-media.brand-installation img{padding:14px!important}
  .company-profile-media img.scene{width:min(86%,380px)!important;max-height:84%!important}
}

@media(max-width:560px){
  .marketing-nav{height:108px!important;grid-template-rows:64px 44px!important}
  .marketing-brand{height:64px!important}
  .marketing-build{display:none!important}
  .marketing-nav nav{grid-row:2!important;gap:20px!important}
  .marketing-nav nav a.active:after{bottom:-13px!important}
  .marketing-hero-media.brand-installation{min-height:330px!important}
  .marketing-hero-media.brand-installation img{padding:10px 8px!important}
  .company-profile-media{min-height:250px!important}
  .company-profile-media img.scene{width:min(88%,340px)!important;max-height:82%!important}
}

/* Subtle hover animation for company scene thumbnails (2026-10-06) */
.company-profile-media img.scene{transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s ease!important}
.company-profile:hover .company-profile-media img.scene{transform:scale(1.045)!important;box-shadow:0 28px 70px rgba(0,0,0,.5),0 0 60px rgba(139,65,217,.35)!important}