/* Center the homepage proposition and dossier as one composition.
   English and Arabic use the same physical width; RTL only changes reading order. */
@media(min-width:1061px){
  .public-v1 .v1-stage{
    width:min(calc(100% - 64px),1320px);
    margin-inline:auto;
    padding-inline:0;
    grid-template-columns:minmax(0,790px) minmax(0,460px);
    justify-content:center;
    column-gap:clamp(44px,4vw,70px);
  }
  .public-v1 .v1-copy{
    width:100%;
    max-width:790px;
  }
  .public-v1 .v1-artifact-wrap,
  html[dir=rtl] .public-v1 .v1-artifact-wrap{
    width:100%;
    max-width:460px;
    justify-self:stretch;
  }
}

/* The content stays centered, but the homepage visual canvas is full-bleed.
   This prevents the ambient scene and dossier shadows from being cut at the content margins. */
.public-v1 .v1-stage{
  overflow:visible;
}
.public-v1 .v1-stage::before{
  left:50%;
  right:auto;
  width:100vw;
  transform:translateX(-50%);
}
.public-v1 .v1-ambient{
  left:50%;
  right:auto;
  width:100vw;
  transform:translateX(-50%);
}

/* Role-field action is a physical-right control in every language.
   RTL affects only text flow; it must never mirror the CTA position. */
.public-v1 .v1-role-control,
html[dir=rtl] .public-v1 .v1-role-control{
  position:relative;
  grid-template-columns:minmax(0,1fr);
}
.public-v1 .v1-role-control input,
html[dir=rtl] .public-v1 .v1-role-control input{
  grid-column:1;
  width:100%;
  box-sizing:border-box;
  padding-left:20px;
  padding-right:72px;
}
html[dir=rtl] .public-v1 .v1-role-control input{
  direction:rtl;
  text-align:right;
}
.public-v1 .v1-role-control button,
html[dir=rtl] .public-v1 .v1-role-control button{
  position:absolute;
  top:50%;
  right:8px;
  left:auto;
  grid-column:auto;
  margin:0;
  transform:translateY(-50%);
  z-index:2;
}
.public-v1 .v1-role-control button:hover,
html[dir=rtl] .public-v1 .v1-role-control button:hover{
  transform:translateY(-50%) scale(1.035);
}
@media(max-width:600px){
  .public-v1 .v1-role-control input,
  html[dir=rtl] .public-v1 .v1-role-control input{
    padding-left:16px;
    padding-right:64px;
  }
  .public-v1 .v1-role-control button,
  html[dir=rtl] .public-v1 .v1-role-control button{
    right:6px;
  }
}