/* Website visual recovery — 2026-10-20.
   Restore immersive page heroes; retain live links, tested status text and accessible HTML.
   This sheet runs AFTER the earlier generic two-column patch and only changes these pages. */
.xf-page.xf-kira .xf-hero-kira,
.xf-page.xf-about .xf-hero-about{
  padding:0!important;
  min-height:0;
  display:block;
  position:relative;
  isolation:isolate;
  background:#061322;
  overflow:hidden;
}
.xf-page.xf-kira .xf-hero-kira .xf-hero-inner,
.xf-page.xf-about .xf-hero-about .xf-hero-inner{
  display:flex!important;
  align-items:center!important;
  position:relative;
  gap:0!important;
  margin:0 auto;
  width:min(1480px,calc(100% - 88px));
  min-height:555px!important;
  height:auto!important;
  z-index:1;
}
.xf-page.xf-kira .xf-hero-kira .xf-hero-copy,
.xf-page.xf-about .xf-hero-about .xf-hero-copy{
  flex:0 0 min(41%,540px);
  width:min(41%,540px);
  max-width:540px!important;
  position:relative!important;
  z-index:5!important;
  padding:46px 0!important;
  grid-column:auto;
  grid-row:auto;
}
.xf-page.xf-kira .xf-hero-kira .xf-hero-visual,
.xf-page.xf-about .xf-hero-about .xf-hero-visual{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  bottom:0!important;
  right:-30px!important;
  left:auto!important;
  display:block!important;
  width:79%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  pointer-events:none;
}
.xf-page.xf-kira .xf-hero-kira .xf-hero-visual>img,
.xf-page.xf-about .xf-hero-about .xf-hero-visual>img{
  width:100%!important;height:100%!important;display:block;
  object-fit:cover!important;object-position:left center!important;
  border-radius:0!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%)!important;
  filter:none!important;
}
.xf-page.xf-kira .xf-hero-kira:before{
  display:none!important;
  content:none!important;
}
.xf-page.xf-kira .xf-hero-kira:after,
.xf-page.xf-about .xf-hero-about:after{
  content:"";position:absolute;inset:0;
  z-index:2;pointer-events:none;
  background:linear-gradient(90deg,#05101dfd 0%,#05101df5 24%,#05101dce 35%,#05101d4c 52%,transparent 70%)!important;
}
.xf-page.xf-kira .xf-hero-kira .xf-hero-copy .xf-display,
.xf-page.xf-about .xf-hero-about .xf-hero-copy .xf-display{
  font-size:clamp(3.3rem,5.4vw,5.9rem);
  letter-spacing:-.055em;
  line-height:1.02;
  margin-bottom:12px;
}
.xf-page.xf-kira .xf-hero-kira .xf-display em,
.xf-page.xf-about .xf-hero-about .xf-display em{
  font-size:clamp(2.3rem,3.45vw,3.65rem);
  line-height:1.08;
  max-width:520px;
  margin-top:4px;
  letter-spacing:-.045em;
}
.xf-page.xf-kira .xf-hero-kira .xf-subheading,
.xf-page.xf-about .xf-hero-about .xf-subheading{
  font-size:.96rem;
  line-height:1.65;
  max-width:515px;
  color:#e0ecf6;
}
.xf-page.xf-kira .xf-hero-kira .xf-hero-actions,
.xf-page.xf-about .xf-hero-about .xf-hero-actions{
  margin-top:19px;
}
.xf-page.xf-kira .xf-hero-kira .xf-hero-actions .button,
.xf-page.xf-about .xf-hero-about .xf-hero-actions .button{
  padding:10px 15px;
}
.xf-page.xf-kira .xf-hero-kira .xf-hero-visual figcaption,
.xf-page.xf-about .xf-hero-about .xf-hero-visual figcaption{
  z-index:2;right:18px;bottom:8px;
  font-size:.62rem;padding:5px 9px;
  background:#04111fb8;
}
.xf-page.xf-kira .xf-hero-kira .xf-note{
  margin-top:12px!important;
  max-width:445px;
  font-size:.72rem;
  line-height:1.4;
  padding-left:11px;
}
.xf-page.xf-kira .xf-hero-kira .xf-status-pills{margin:17px 0 0;gap:7px}
.xf-page.xf-kira .xf-hero-kira .xf-status-pills span{font-size:.68rem;padding:5px 8px}
.xf-page.xf-kira .xf-world-intro{padding-top:38px;padding-bottom:48px}
.xf-page.xf-kira .xf-world-intro .xf-section-top{margin-bottom:19px}
.xf-page.xf-kira .xf-world-intro .xf-card-grid{gap:12px}
.xf-page.xf-kira .xf-world-intro .xf-card>img{height:clamp(160px,13vw,205px);object-fit:cover}
.xf-page.xf-kira .xf-world-intro .xf-card-copy{padding:14px 15px 17px}
.xf-page.xf-kira .xf-world-panorama{
  min-height:230px;
  background-image:linear-gradient(to top,#02111ae9 0%,#02111a48 52%,transparent 100%),url("assets/kira-future-city-hd-20261020.webp")!important;
  background-size:cover!important;
  background-position:center center!important;
  margin-top:16px;
}
/* About — full-bleed cinematic waterfront with approved founder reference face in the hero asset. */
.xf-page.xf-about .xf-hero-about{
  background:#071626 url("assets/kira-future-city-hd-20261020.webp") center/cover no-repeat!important;
}
.xf-page.xf-about .xf-hero-about .xf-hero-inner{min-height:555px!important}
.xf-page.xf-about .xf-hero-about .xf-hero-copy{
  flex-basis:min(43%,560px);width:min(43%,560px);max-width:560px!important
}
.xf-page.xf-about .xf-hero-about .xf-hero-visual{width:67%!important;right:-25px!important}
.xf-page.xf-about .xf-hero-about .xf-hero-visual>img{
  object-position:50% 29%!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 2%,#000 32%,#000 89%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 2%,#000 32%,#000 89%,transparent 100%)!important;
}
.xf-page.xf-about .xf-hero-about:after{
  background:linear-gradient(90deg,#05101ff8 0%,#05101fee 21%,#05101fbe 36%,#05101f30 57%,transparent 82%)!important;
}
.xf-page.xf-about .xf-role{line-height:1.55}
.xf-page.xf-about .founder-profiles{display:flex;gap:10px 16px;flex-wrap:wrap;margin-top:14px}
.xf-page.xf-about .founder-profiles a{font-size:.76rem}
.xf-page.xf-about .xf-note{max-width:500px;font-size:.72rem;line-height:1.45;margin-top:13px}
.xf-page.xf-about .xf-hero-about .xf-hero-visual figcaption{bottom:9px}

/* On mobile text is separate from art for readability. */
@media(max-width:900px){
  .xf-page.xf-kira .xf-hero-kira,
  .xf-page.xf-about .xf-hero-about{padding:0!important}
  .xf-page.xf-kira .xf-hero-kira .xf-hero-inner,
  .xf-page.xf-about .xf-hero-about .xf-hero-inner{
    width:calc(100% - 34px)!important;display:flex!important;
    flex-direction:column!important;align-items:stretch!important;
    min-height:0!important;gap:0!important
  }
  .xf-page.xf-kira .xf-hero-kira .xf-hero-copy,
  .xf-page.xf-about .xf-hero-about .xf-hero-copy{
    width:100%!important;max-width:100%!important;flex:none!important;
    padding:36px 0 22px!important
  }
  .xf-page.xf-kira .xf-hero-kira .xf-hero-visual,
  .xf-page.xf-about .xf-hero-about .xf-hero-visual{
    display:block!important;position:relative!important;
    left:-17px!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:calc(100% + 34px)!important;height:clamp(245px,60vw,460px)!important;
    margin:0!important;border-radius:0!important
  }
  .xf-page.xf-kira .xf-hero-kira .xf-hero-visual>img,
  .xf-page.xf-about .xf-hero-about .xf-hero-visual>img{
    object-fit:cover!important;object-position:center center!important;
    -webkit-mask-image:none!important;mask-image:none!important
  }
  .xf-page.xf-kira .xf-hero-kira:after,
  .xf-page.xf-about .xf-hero-about:after{background:none!important}
  .xf-page.xf-about .xf-hero-about .xf-hero-visual{height:330px!important}
  .xf-page.xf-about .xf-hero-about .xf-hero-visual>img{object-position:center 26%!important}
  .xf-page.xf-kira .xf-hero-kira .xf-hero-copy .xf-display,
  .xf-page.xf-about .xf-hero-about .xf-hero-copy .xf-display{
    font-size:clamp(2.8rem,10vw,4.7rem)!important
  }
  .xf-page.xf-kira .xf-hero-kira .xf-display em,
  .xf-page.xf-about .xf-hero-about .xf-display em{
    font-size:clamp(2.15rem,8vw,3.35rem)!important
  }
  .xf-page.xf-kira .xf-world-intro{padding-top:32px}
}
@media(min-width:901px) and (max-width:1150px){
  .xf-page.xf-kira .xf-hero-kira .xf-hero-copy{flex-basis:43%;width:43%}
  .xf-page.xf-about .xf-hero-about .xf-hero-copy{flex-basis:43%;width:43%}
  .xf-page.xf-kira .xf-hero-kira .xf-hero-inner,
  .xf-page.xf-about .xf-hero-about .xf-hero-inner{width:calc(100% - 54px);min-height:540px!important}
  .xf-page.xf-kira .xf-hero-kira .xf-hero-visual{width:78%!important}
}

/* Live-browser QA correction #2: overlay must sit BEHIND the real HTML copy.
   Ensure imagery remains vivid, text has contrast, and hero matches the concept proportions. */
@media(min-width:901px){
 .xf-page.xf-kira .xf-hero-kira .xf-hero-inner,
 .xf-page.xf-about .xf-hero-about .xf-hero-inner{
   z-index:4!important;
   min-height:505px!important;
 }
 .xf-page.xf-kira .xf-hero-kira .xf-hero-copy,
 .xf-page.xf-about .xf-hero-about .xf-hero-copy{padding:28px 0!important}
 .xf-page.xf-kira .xf-hero-kira .xf-hero-visual{width:80%!important}
 .xf-page.xf-kira .xf-hero-kira .xf-hero-visual>img{object-position:left center!important}
 .xf-page.xf-kira .xf-hero-kira .xf-display{
   font-size:clamp(3.45rem,5.1vw,5.35rem)!important;
 }
 .xf-page.xf-kira .xf-hero-kira .xf-display em{
   font-size:clamp(2.45rem,3.18vw,3.15rem)!important;
 }
 .xf-page.xf-about .xf-hero-about .xf-display{
   font-size:clamp(3.4rem,5vw,5.4rem)!important;
 }
 .xf-page.xf-about .xf-hero-about .xf-display em{
   font-size:clamp(2.5rem,3.45vw,3.55rem)!important;
 }
 .xf-page.xf-about .xf-hero-about .xf-hero-inner{min-height:525px!important}
}
@media(max-width:900px){
 .xf-page.xf-kira .xf-hero-kira .xf-hero-inner,
 .xf-page.xf-about .xf-hero-about .xf-hero-inner{z-index:4!important}
 .xf-page.xf-about .xf-hero-about{background:#061322!important}
}

/* Browser review #3: remove the baked-in image button and use the shorter hero proportions of approved mockup. */
@media(min-width:901px){
 .xf-page.xf-kira .xf-hero-kira .xf-hero-inner{
  min-height:480px!important
 }
 .xf-page.xf-kira .xf-hero-kira .xf-hero-copy{
  padding:23px 0!important
 }
 .xf-page.xf-kira .xf-hero-kira .xf-hero-visual:after{
  content:"";position:absolute;z-index:1;pointer-events:none;
  left:0;bottom:0;width:265px;height:140px;
  background:linear-gradient(90deg,#05111cf4 0%,#05111cdc 65%,transparent 100%)
 }
 .xf-page.xf-kira .xf-hero-kira .xf-hero-visual figcaption{z-index:3}
 .xf-page.xf-kira .xf-hero-kira .xf-note{
  font-size:.69rem;line-height:1.32;margin:8px 0 0!important
 }
}
/* Below the About hero: show existing illustrated work first, as the reference design does. */
.xf-page.xf-about .xf-about-gallery{padding-top:34px;padding-bottom:47px;background:linear-gradient(180deg,#061625,#081323)!important}
.xf-page.xf-about .xf-about-gallery .xf-section-top{align-items:end;gap:30px;margin-bottom:20px}
.xf-page.xf-about .xf-about-gallery .xf-card-grid{gap:12px}
.xf-page.xf-about .xf-about-gallery .xf-card>img{height:clamp(160px,12.5vw,185px)}
.xf-page.xf-about .xf-about-gallery .xf-card-copy{padding:14px 15px 16px}
.xf-page.xf-about .xf-about-gallery .xf-card-copy p{line-height:1.5;font-size:.85rem}
.xf-page.xf-about .xf-about-gallery .xf-card h3{font-size:1.18rem}
.xf-page.xf-about .xf-feature-quote{margin-top:16px;text-align:left;padding:20px 30px;line-height:1.4;font-size:1.35rem}
@media(max-width:900px){
 .xf-page.xf-about .xf-about-gallery{padding-top:30px}
}

/* Live capture #4: do not crop away the founder's face or fade out the right edge. */
@media(min-width:901px){
 .xf-page.xf-about .xf-hero-about .xf-hero-visual>img{
    object-position:right center!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,#000 27%,#000 100%)!important;
 }
 .xf-page.xf-about .xf-hero-about .xf-hero-visual{right:0!important;width:77%!important}
}
@media(max-width:900px){
 .xf-page.xf-about .xf-hero-about .xf-hero-visual>img{
   object-position:right center!important;object-fit:cover!important;
   -webkit-mask-image:none!important;mask-image:none!important
 }
}

/* Visual QA recovery: NewBrain, Contact and Robotics should share the reference's 
   edge-to-edge cinematic hero language, not generic framed media columns. */
@media(min-width:901px){
 .xf-page.xf-brain .xf-hero-brain,
 .xf-page.xf-contact .xf-hero-contact,
 .xf-page.xf-robot .xf-hero-robot{
    padding:0!important;min-height:0!important;display:block!important;
    position:relative;isolation:isolate;overflow:hidden;
    background:#061322!important;
 }
 .xf-page.xf-brain .xf-hero-brain .xf-hero-inner,
 .xf-page.xf-contact .xf-hero-contact .xf-hero-inner,
 .xf-page.xf-robot .xf-hero-robot .xf-hero-inner{
    display:flex!important;align-items:center!important;gap:0!important;
    width:min(1480px,calc(100% - 88px))!important;
    position:relative!important;z-index:3!important;min-height:445px!important;
 }
 .xf-page.xf-contact .xf-hero-contact .xf-hero-inner{min-height:365px!important}
 .xf-page.xf-robot .xf-hero-robot .xf-hero-inner{min-height:438px!important}
 .xf-page.xf-brain .xf-hero-brain .xf-hero-copy,
 .xf-page.xf-contact .xf-hero-contact .xf-hero-copy,
 .xf-page.xf-robot .xf-hero-robot .xf-hero-copy{
    position:relative!important;z-index:5!important;
    flex:0 0 45%!important;width:45%!important;max-width:655px!important;
    padding:25px 0!important;
 }
 .xf-page.xf-contact .xf-hero-contact .xf-hero-copy{flex-basis:48%!important;width:48%!important}
 .xf-page.xf-robot .xf-hero-robot .xf-hero-copy{flex-basis:47%!important;width:47%!important}
 .xf-page.xf-brain .xf-hero-brain .xf-hero-visual,
 .xf-page.xf-contact .xf-hero-contact .xf-hero-visual,
 .xf-page.xf-robot .xf-hero-robot .xf-hero-visual{
    position:absolute!important;top:0!important;right:-25px!important;
    left:auto!important;bottom:0!important;
    width:73%!important;height:100%!important;
    min-height:0!important;display:block!important;
    overflow:hidden;border:0!important;border-radius:0!important;
    margin:0!important;box-shadow:none!important;background:transparent!important;
 }
 .xf-page.xf-brain .xf-hero-brain .xf-hero-visual{width:68%!important}
 .xf-page.xf-contact .xf-hero-contact .xf-hero-visual{width:85%!important}
 .xf-page.xf-robot .xf-hero-robot .xf-hero-visual{width:74%!important}
 .xf-page.xf-brain .xf-hero-brain .xf-hero-visual>img,
 .xf-page.xf-contact .xf-hero-contact .xf-hero-visual>img,
 .xf-page.xf-robot .xf-hero-robot .xf-hero-visual>img{
   display:block!important;width:100%!important;height:100%!important;
   border-radius:0!important;filter:none!important;
   -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 29%,#000 100%)!important;
   mask-image:linear-gradient(90deg,transparent 0%,#000 29%,#000 100%)!important;
 }
 .xf-page.xf-brain .xf-hero-brain .xf-hero-visual>img{
   object-fit:contain!important;object-position:95% center!important;
 }
 .xf-page.xf-brain .xf-hero-brain .xf-hero-visual{
   background:radial-gradient(ellipse at 70% 44%,#112b4e,#061322 76%)!important
 }
 .xf-page.xf-contact .xf-hero-contact .xf-hero-visual>img{
   object-fit:cover!important;object-position:60% center!important;
 }
 .xf-page.xf-robot .xf-hero-robot .xf-hero-visual>img{
   object-fit:cover!important;object-position:right center!important;
 }
 .xf-page.xf-brain .xf-hero-brain .xf-hero-visual figcaption,
 .xf-page.xf-contact .xf-hero-contact .xf-hero-visual figcaption,
 .xf-page.xf-robot .xf-hero-robot .xf-hero-visual figcaption{
   position:absolute;z-index:3;bottom:9px;right:16px;
   max-width:340px;padding:5px 9px;font-size:.65rem;
   background:#04111fb8;
 }
 .xf-page.xf-brain .xf-hero-brain .xf-display,
 .xf-page.xf-contact .xf-hero-contact .xf-display,
 .xf-page.xf-robot .xf-hero-robot .xf-display{
   font-size:clamp(3.25rem,5.1vw,5.5rem)!important;line-height:1.03;letter-spacing:-.055em;
   margin-bottom:13px
 }
 .xf-page.xf-brain .xf-hero-brain .xf-display em,
 .xf-page.xf-robot .xf-hero-robot .xf-display em{
   font-size:clamp(2.4rem,3.4vw,3.4rem)!important;line-height:1.09
 }
 .xf-page.xf-contact .xf-hero-contact .xf-display em{
   display:inline!important;
   font-size:.66em!important;
   margin-left:9px!important;
 }
 .xf-page.xf-contact .xf-hero-contact .xf-display{white-space:nowrap}
 .xf-page.xf-brain .xf-hero-brain .xf-subheading,
 .xf-page.xf-contact .xf-hero-contact .xf-subheading,
 .xf-page.xf-robot .xf-hero-robot .xf-subheading{
   font-size:.96rem!important;line-height:1.64;max-width:575px;color:#e3eff8!important
 }
 .xf-page.xf-brain .xf-hero-brain .xf-hero-actions,
 .xf-page.xf-contact .xf-hero-contact .xf-hero-actions,
 .xf-page.xf-robot .xf-hero-robot .xf-hero-actions{margin-top:19px}
 .xf-page.xf-robot .xf-hero-robot .xf-note{max-width:540px;font-size:.75rem;line-height:1.45}
}
@media(max-width:900px){
 .xf-page.xf-brain .xf-hero-brain,
 .xf-page.xf-contact .xf-hero-contact,
 .xf-page.xf-robot .xf-hero-robot{
    padding:0!important;min-height:0!important;
    display:block!important;background:#061322!important
 }
 .xf-page.xf-brain .xf-hero-brain .xf-hero-inner,
 .xf-page.xf-contact .xf-hero-contact .xf-hero-inner,
 .xf-page.xf-robot .xf-hero-robot .xf-hero-inner{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:0!important;width:calc(100% - 34px)!important;min-height:0!important;
    position:relative!important;z-index:4!important
 }
 .xf-page.xf-brain .xf-hero-brain .xf-hero-copy,
 .xf-page.xf-contact .xf-hero-contact .xf-hero-copy,
 .xf-page.xf-robot .xf-hero-robot .xf-hero-copy{
    position:relative!important;width:100%!important;max-width:100%!important;
    flex:none!important;padding:32px 0 20px!important;z-index:5!important
 }
 .xf-page.xf-brain .xf-hero-brain .xf-hero-visual,
 .xf-page.xf-contact .xf-hero-contact .xf-hero-visual,
 .xf-page.xf-robot .xf-hero-robot .xf-hero-visual{
    display:block!important;position:relative!important;
    left:-17px!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:calc(100% + 34px)!important;height:300px!important;min-height:0!important;
    margin:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden
 }
 .xf-page.xf-brain .xf-hero-brain .xf-hero-visual>img,
 .xf-page.xf-contact .xf-hero-contact .xf-hero-visual>img,
 .xf-page.xf-robot .xf-hero-robot .xf-hero-visual>img{
    display:block!important;width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center!important;
    -webkit-mask-image:none!important;mask-image:none!important
 }
 .xf-page.xf-brain .xf-hero-brain .xf-hero-visual>img{object-fit:contain!important}
 .xf-page.xf-contact .xf-hero-contact .xf-display em{display:inline!important;margin-left:8px}
}

/* Browser review #5: remove visible pre-rendered button on neural illustration 
   and improve skyline-legibility on image-backed heroes. */
@media(min-width:901px){
 .xf-page.xf-brain .xf-hero-brain .xf-hero-visual>img{
    position:absolute!important;left:auto!important;right:0!important;top:0!important;
    width:72%!important;height:100%!important;
    object-fit:cover!important;object-position:center center!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 100%)!important
 }
 .xf-page.xf-contact .xf-hero-contact .xf-hero-visual:after,
 .xf-page.xf-robot .xf-hero-robot .xf-hero-visual:after{
   content:"";position:absolute;z-index:2;pointer-events:none;inset:0;
   background:linear-gradient(90deg,#061422ed 0%,#061422c8 22%,#06142275 41%,transparent 63%);
 }
 .xf-page.xf-contact .xf-hero-contact .xf-hero-visual figcaption,
 .xf-page.xf-robot .xf-hero-robot .xf-hero-visual figcaption{z-index:3}
}

/* Ultra-wide viewport correction, based on public-site Chromium snapshots.
   Extend edge-to-edge hero media to the actual viewport boundary instead of
   letting the centered 1480px inner container leave a visible right gutter. */
@media (min-width:901px){
  .xf-page.xf-kira .xf-hero-kira .xf-hero-visual{
     right:calc((min(1480px, 100vw - 88px) - 100vw)/2)!important;
     width:calc(80% + (100vw - min(1480px, 100vw - 88px))/2)!important;
  }
  .xf-page.xf-about .xf-hero-about .xf-hero-visual{
     right:calc((min(1480px, 100vw - 88px) - 100vw)/2)!important;
     width:calc(77% + (100vw - min(1480px, 100vw - 88px))/2)!important;
  }
  .xf-page.xf-brain .xf-hero-brain .xf-hero-visual{
     right:calc((min(1480px, 100vw - 88px) - 100vw)/2)!important;
     width:calc(68% + (100vw - min(1480px, 100vw - 88px))/2)!important;
  }
  .xf-page.xf-contact .xf-hero-contact .xf-hero-visual{
     right:calc((min(1480px, 100vw - 88px) - 100vw)/2)!important;
     width:calc(85% + (100vw - min(1480px, 100vw - 88px))/2)!important;
  }
  .xf-page.xf-robot .xf-hero-robot .xf-hero-visual{
     right:calc((min(1480px, 100vw - 88px) - 100vw)/2)!important;
     width:calc(74% + (100vw - min(1480px, 100vw - 88px))/2)!important;
  }
}

/* final high-resolution source framing — no hero crops */
@media (min-width:901px){
  .xf-page.xf-brain .xf-hero-brain .xf-hero-visual{
    background:linear-gradient(90deg,#061321 0%,#0c2440 80%)!important;
  }
  .xf-page.xf-brain .xf-hero-brain .xf-hero-visual>img{
    position:absolute!important;top:0!important;bottom:0!important;right:0!important;left:auto!important;
    display:block!important;width:100%!important;height:100%!important;
    object-fit:contain!important;object-position:right center!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 100%)!important;
    filter:none!important;
  }
  .xf-page.xf-robot .xf-hero-robot .xf-hero-visual{
    background:linear-gradient(90deg,#061421,#12304a 70%,#0b1a32)!important;
  }
  .xf-page.xf-robot .xf-hero-robot .xf-hero-visual>img{
    display:block!important;width:100%!important;height:100%!important;
    object-fit:contain!important;object-position:right center!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%)!important;
    filter:none!important;
  }
}
@media(max-width:900px){
  .xf-page.xf-brain .xf-hero-brain .xf-hero-visual>img,
  .xf-page.xf-robot .xf-hero-robot .xf-hero-visual>img{
    object-fit:contain!important;object-position:center center!important;
    -webkit-mask-image:none!important;mask-image:none!important;
  }
}