/* FactoPort 2.3.0: desktop panorama treatment only.
 * The artwork fills the entire hero stage. A continuous, translucent left-side
 * light veil keeps the live headline readable without a rectangular card.
 * All five approved WebPs, including the baked focus panels, are unchanged.
 * Below 1000px container width retain the approved uncropped mobile composition.
 */
@media (min-width:1000px){
  #fp-homepage .fp-hero-stage{
    position:relative;
    overflow:hidden;
    background:var(--fp-off);
  }
  #fp-homepage .fp-hero .fp-hero-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background:var(--fp-off);
  }
  /* "cover" removes the abrupt empty strip introduced by "contain". */
  #fp-homepage .fp-hero .fp-hero-bg > img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
  }
  /* Preserve the existing on-image blue/white focus boards at narrower widths. */
  #fp-homepage[data-focus="liquiditaet"] .fp-hero-bg > img,
  #fp-homepage[data-focus="wachstum"] .fp-hero-bg > img,
  #fp-homepage[data-focus="risiko"] .fp-hero-bg > img,
  #fp-homepage[data-focus="prozesse"] .fp-hero-bg > img{
    object-position:right center;
  }
  /* Light translucent overlay on top of artwork; no sharp painted boundary. */
  #fp-homepage .fp-hero .fp-hero-bg::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(90deg,
      rgba(247,248,246,.93) 0%,
      rgba(247,248,246,.84) 16%,
      rgba(247,248,246,.66) 32%,
      rgba(247,248,246,.34) 49%,
      rgba(247,248,246,0) 70%);
  }
  #fp-homepage .fp-hero .fp-hero-bg .fp-hero-hints{
    z-index:2;
  }
  #fp-homepage .fp-hero .fp-hero-content{
    z-index:2;
  }
  #fp-homepage .fp-hero .fp-hero-guidance{
    z-index:2;
  }
}
/* Mobile/tablet and narrow Elementor columns: fully visible artwork, as 2.2. */
@media (max-width:999px){
  #fp-homepage .fp-hero .fp-hero-bg::before{content:none;}
}
@container factoport (max-width:999px){
  /* A narrow Elementor widget can live inside a wide desktop viewport.
     Restore the actual stacked stage, not merely the img fit mode. */
  #fp-homepage .fp-hero .fp-hero-stage{
    display:grid;
    height:auto;
    overflow:visible;
  }
  #fp-homepage .fp-hero .fp-hero-bg{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    aspect-ratio:1671/941;
    margin-top:14px;
  }
  #fp-homepage .fp-hero .fp-hero-bg::before{content:none;}
  #fp-homepage .fp-hero .fp-hero-bg > img{
    object-fit:contain;
    object-position:center center;
  }
}
/* Compact desktop: protect the text-to-embedded-panel gap at 1000–1199px.
 * Do not solve collisions by hiding or cropping the text baked into the art. */
@media (min-width:1000px) and (max-width:1199px){
  #fp-homepage .fp-hero-copy{
    width:46%;
    max-width:470px;
  }
  #fp-homepage .fp-hero h1{
    font-size:clamp(1.7rem,3vw,2.15rem);
    line-height:1.15;
  }
  #fp-homepage[data-focus="neutral"] .fp-hero-copy,
  #fp-homepage:not([data-focus]) .fp-hero-copy{
    width:63%;
    max-width:660px;
  }
}