/* V103: portrait-referenced identity scenes */
.wni-app-suite .app-preview{
  position:relative;
  overflow:hidden;
  background:#050505;
}
.wni-app-suite .app-preview > .v103-app-scene{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  background-color:#050505;
  background-repeat:no-repeat;
  background-size:200% 200%;
}
.v103-app-qbr,.v103-app-foundry,.v103-app-security,.v103-app-cost{background-image:url("/assets/apps-v103/apps-core-v103.webp")}
.v103-app-resume,.v103-app-toolkit,.v103-app-directory,.v103-app-publisher{background-image:url("/assets/apps-v103/apps-career-v103.webp")}
.v103-app-qbr,.v103-app-resume{background-position:0 0}
.v103-app-foundry,.v103-app-toolkit{background-position:100% 0}
.v103-app-security,.v103-app-directory{background-position:0 100%}
.v103-app-cost,.v103-app-publisher{background-position:100% 100%}

.v103-home-scene{
  display:block;
  width:100%;
  aspect-ratio:3 / 2;
  background-color:#050505;
  background-image:url("/assets/home-v103/niladri-home-scenes-v103.webp");
  background-repeat:no-repeat;
  background-size:200% 200%;
}
.v103-home-outcomes{background-position:0 0}
.v103-home-decisions{background-position:100% 0}
.v103-home-delivery{background-position:0 100%}
.v103-home-conversation{background-position:100% 100%}
.outcome-loop > .v103-home-outcomes{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  aspect-ratio:auto;
}
.home-signal-visual > .v103-home-scene,
.home-3d-scene > .v103-home-scene{
  min-height:320px;
  background-size:200% 200%;
}
@media (max-width:650px){
  .outcome-loop > .v103-home-outcomes{background-position:0 0}
}

/* V104: override legacy generated-preview backgrounds */
.wni-app-suite .app-preview > .v103-app-qbr,
.wni-app-suite .app-preview > .v103-app-foundry,
.wni-app-suite .app-preview > .v103-app-security,
.wni-app-suite .app-preview > .v103-app-cost{
  background-image:url("/assets/apps-v103/apps-core-v103.webp")!important;
}
.wni-app-suite .app-preview > .v103-app-resume,
.wni-app-suite .app-preview > .v103-app-toolkit,
.wni-app-suite .app-preview > .v103-app-directory,
.wni-app-suite .app-preview > .v103-app-publisher{
  background-image:url("/assets/apps-v103/apps-career-v103.webp")!important;
}
.wni-app-suite .app-preview > .v103-app-qbr,
.wni-app-suite .app-preview > .v103-app-resume{background-position:0 0!important}
.wni-app-suite .app-preview > .v103-app-foundry,
.wni-app-suite .app-preview > .v103-app-toolkit{background-position:100% 0!important}
.wni-app-suite .app-preview > .v103-app-security,
.wni-app-suite .app-preview > .v103-app-directory{background-position:0 100%!important}
.wni-app-suite .app-preview > .v103-app-cost,
.wni-app-suite .app-preview > .v103-app-publisher{background-position:100% 100%!important}


/* V106: mobile-safe homepage compositions */
@media (max-width:650px){
  .outcomes-section,
  .home-signal-band{
    overflow:hidden;
  }

  .outcomes-section .shell,
  .home-signal-band .shell{
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .outcome-loop{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto;
    gap:10px;
    width:100%;
    max-width:100%;
    min-height:0;
    aspect-ratio:auto;
    box-sizing:border-box;
    padding:12px;
    border-radius:20px;
    box-shadow:none;
  }

  .outcome-loop::before{
    display:none;
  }

  .outcome-loop > .v103-home-outcomes{
    position:relative;
    inset:auto;
    grid-area:1 / 1;
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:3 / 2;
    border-radius:14px;
  }

  .outcome-core{
    position:relative;
    inset:auto;
    grid-area:1 / 1;
    align-self:start;
    justify-self:start;
    width:auto;
    min-width:0;
    margin:10px;
  }

  .outcome-track{
    position:relative;
    inset:auto;
    grid-area:2 / 1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .outcome-track article{
    width:auto;
    min-width:0;
    box-sizing:border-box;
    transform:none;
  }

  .outcome-disciplines{
    position:relative;
    inset:auto;
    grid-area:3 / 1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
    max-width:none;
  }

  .outcome-disciplines span{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    border-color:rgba(255,255,255,.2);
    border-radius:10px;
    background:rgba(255,255,255,.08);
    color:#fff;
    text-align:center;
  }

  .home-signal-visual{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    box-shadow:none;
  }

  .home-signal-visual > .v103-home-scene{
    width:100%;
    min-height:0;
    aspect-ratio:3 / 2;
  }

  .home-signal-copy{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .home-signal-copy h2{
    max-width:100%;
    font-size:clamp(2.35rem,10.8vw,3.35rem);
    overflow-wrap:normal;
  }

  .home-signal-list p{
    grid-template-columns:28px minmax(0,1fr);
    gap:10px;
  }

  .home-signal-list p > span{
    min-width:0;
  }
}

@media (max-width:390px){
  .outcome-track,
  .outcome-disciplines{
    grid-template-columns:1fr;
  }

  .home-signal-copy h2{
    font-size:clamp(2.2rem,11.5vw,2.85rem);
  }
}


/* V107: preserve every identity scene on narrow screens */
@media (max-width:650px){
  .career-intro-pair .career-context-art,
  .career-context-art.home-3d-scene,
  .contact-context-art.home-3d-scene{
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:auto!important;
    box-sizing:border-box;
  }

  .career-context-art.home-3d-scene > .v103-home-scene,
  .contact-context-art.home-3d-scene > .v103-home-scene,
  .home-3d-scene > .v103-home-scene{
    display:block;
    width:100%;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:3 / 2!important;
    background-size:200% 200%;
  }
}