/* Final asset wiring + visual QA overrides against the locked 1536×1024 reference. */

/* Header branding uses the recovered NGenEra artwork directly. */
.brand-image{
  display:block!important;
  width:300px!important;
  height:66px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Verified binary hero artwork: no sprites, no data-URI reconstruction. */
.office-reference-image,.hero-reference-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  background:none!important;
}
/* The recovered penthouse source is the opposite camera orientation from the locked comp. Mirror the source layer only; live HTML text/buttons remain untouched. */
.office-reference-image{object-position:center center!important;transform:scaleX(-1)!important}
.hero-reference-image{object-position:center center!important}
/* The target keeps the copy side dark while allowing the purple skyline and furniture to read on the right. */
.hero-copy-shade{
  background:linear-gradient(90deg,rgba(4,4,9,.84) 0%,rgba(5,4,10,.70) 39%,rgba(8,5,13,.36) 72%,rgba(11,6,17,.14) 100%),radial-gradient(circle at 16% 74%,rgba(151,65,200,.14),transparent 28%)!important;
}

/* Individual recovered company marks. */
.company-logo{
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  background:none!important;
  filter:none!important;
}
.safeway-logo{width:74px!important;height:88px!important}
.adngen-logo{width:74px!important;height:88px!important}
.synthetic-logo{width:82px!important;height:94px!important}

/* Individual recovered company scenes extend to the right edge like the reference. */
.card-scene{
  display:block!important;
  top:0!important;
  right:0!important;
  width:47%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  background:none!important;
  transform:none!important;
  opacity:.94!important;
  filter:brightness(1.09) saturate(1.06) contrast(1.03)!important;
}
.safeway-scene,.adngen-scene,.synthetic-scene{
  right:0!important;
  transform:none!important;
}
.company-card{
  transition:border-color .24s ease,transform .24s ease,box-shadow .24s ease!important;
}
.company-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(190,105,239,.82)!important;
  box-shadow:0 12px 28px rgba(91,36,124,.22)!important;
}
.company-arrow{transition:transform .24s ease,border-color .24s ease!important}
.company-card:hover .company-arrow{transform:translateY(-50%) translateX(2px)!important;border-color:#c978f2!important}

/* Five recovered capability symbols are now real image files. */
.capability-icon{
  display:block!important;
  width:45px!important;
  height:45px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:none!important;
  transform:none!important;
  filter:none!important;
}

/* Dedicated vision artwork rather than reusing the Synthetic Intelligence card crop. */
.vision-globe{
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  top:0!important;
  right:0!important;
  width:64%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  background:none!important;
  transform:none!important;
  opacity:1!important;
  filter:brightness(1.16) saturate(1.08) contrast(1.03)!important;
}
.vision-card{transition:border-color .24s ease,box-shadow .24s ease!important}
.vision-card:hover{border-color:rgba(190,105,239,.82)!important;box-shadow:0 12px 30px rgba(91,36,124,.20)!important}

/* Keep the purple third line exactly as the locked comp: one line, not a 4th-line wrap. */
.about-head h2 span{display:block!important;white-space:nowrap!important}

/* Desktop reference lock: the older luxury stylesheet imposed a 720px min-height on the right hero panel.
   The locked design is exactly 530px tall, matching the recovered 712×530 artwork. */
@media(min-width:981px){
  .lux-hero-art{height:530px!important;min-height:530px!important}
  .hero-reference-image{height:530px!important;min-height:0!important}
  .lux-hero-copy{animation:none!important;transform:none!important}
  .lux-hero-copy:after{display:none!important}
}

@media(max-width:1320px){
  .brand-image{width:272px!important;height:62px!important}
  .card-scene{width:49%!important}
}

@media(max-width:980px){
  .brand-image{width:260px!important;height:60px!important}
  .card-scene{width:44%!important}
  .vision-globe{width:52%!important}
}

@media(max-width:620px){
  .brand-image{width:224px!important;height:56px!important}
  .card-scene{width:48%!important;opacity:.72!important}
  .vision-globe{width:62%!important;right:-8%!important}
}