.gv-folder-scene { display: contents; }
/* The card and testimonial sections share a stacking context; no new pin or scroll space. */
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  /* Reserve the viewport edge for the decoration while it is visible. visibility also
     removes covered CTA links from keyboard navigation; restore them at either end. */
  body.gv-why-folder-active #gz-mobile-cta-bar {
    visibility: hidden !important;
    pointer-events: none;
    transform: translate3d(0, calc(100% + env(safe-area-inset-bottom, 0px)), 0) !important;
    transition: none !important;
  }
  .gv-folder-scene {
    display: block;
    position: relative;
    isolation: isolate;
  }
  #warum .gv-why-grid.has-mobile-folder {
    position: relative;
  }
  /* The following section shares the cards' middle layer, between both folder sides. */
  .gv-folder-scene > #testimonials {
    position: relative;
    z-index: 20;
  }
  #warum .gv-why-folder {
    position: fixed;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    /* Only this 65–87px strip is composited and filtered; the rest of the SVG is cropped. */
    transform: translate3d(0, 100%, 0);
  }
  #warum .gv-why-folder--back { z-index: 10; }
  #warum .gv-why-folder--front { z-index: 30; }
  #warum .gv-why-folder img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-width: none;
  }
  #warum .gv-why-folder__glass { display: none; }
  @supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) and ((mask-image: url("ordner-vorderseite-maske.svg")) or (-webkit-mask-image: url("ordner-vorderseite-maske.svg"))) {
    #warum .gv-why-folder__glass {
      display: block;
      position: absolute;
      inset: 0;
      background: linear-gradient(125deg, rgba(231,244,249,.16), rgba(197,225,233,.10));
      -webkit-backdrop-filter: blur(10px) saturate(1.2);
      backdrop-filter: blur(10px) saturate(1.2);
      -webkit-mask-image: url("ordner-vorderseite-maske.svg");
      mask-image: url("ordner-vorderseite-maske.svg");
      -webkit-mask-size: 100% auto;
      mask-size: 100% auto;
      -webkit-mask-position: left top;
      mask-position: left top;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }
    /* The supplied SVG preserves the precise light rim and translucent original contour. */
  }
}