/* New approved portraits, fitted into the existing compositions. Keep section,
   card, copy, foreground, CTA and scroll-controller geometry unchanged. */
@media (min-width: 1025px) {
  #svcStage .svc-visual-show-christian { height: 127%; bottom: -35.1%; right: 1%; }
  #svcStage .svc-visual-program-christian { height: 104%; right: 5%; }
  .sluzby-page .sl-service-hero-photo .sl-service-hero-cutout {
    /* Fade only the central lower torso; both side fingers remain opaque. */
    -webkit-mask-image: linear-gradient(to bottom, #000 78%, transparent 93%), linear-gradient(to right, #000 31%, transparent 35%, transparent 65%, #000 69%);
    mask-image: linear-gradient(to bottom, #000 78%, transparent 93%), linear-gradient(to right, #000 31%, transparent 35%, transparent 65%, #000 69%);
    -webkit-mask-composite: source-over;
    mask-composite: add;
    /* Keep the moving mask's subpixel bottom edge out of the composition. */
    clip-path: inset(0 0 2px 0);
  }
}

@media (min-width: 1025px) and (max-width: 1300px) {
  /* The new raised palm must stay above the Program label on narrow desktop. */
  #svcStage .svc-visual-program-christian { right: 0%; bottom: -15%; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .sluzby-page .sl-service-hero-photo .sl-service-hero-person { height: 128%; bottom: -27%; left: 12%; }
}

.sluzby-page .sl-detail-photo--show .sl-detail-person,
.sluzby-page .sl-detail-photo--promo .sl-detail-person { height: 115%; }
.sluzby-page .sl-detail-photo--program .sl-detail-person { height: 125%; }

@media (max-width: 700px) {
  #svcStage .svc-card--1 .svc-visual-show-christian { height: 118%; bottom: -25.6%; }
  #svcStage .svc-card--2 .svc-visual-program-christian { height: 112%; bottom: -14%; }
}

@media (max-width: 767px) {
  /* These visible layers are CSS backgrounds; the nested img is a fallback. */
  .sluzby-page .ms-media--show {
    background-image: url('sluzby/assets/podklady/01-show/children-foreground.png'), url('assets/portraits-20261003/01-show-ukazuje-na-divaka.png'), url('sluzby/assets/podklady/01-show/show-audience.webp');
  }
  .sluzby-page .ms-media--program {
    background-image: url('assets/portraits-20261003/02-program-otvorene-dlane.png'), url('sluzby/assets/podklady/02-program-na-mieru/udalosti/festival.webp');
    background-size: auto 135%, cover;
    background-position: 77% 15%, center;
  }
}

/* End the fade before the new trousers begin, retaining the existing soft
   lower-torso treatment and keeping the complete phone and hands above it. */
.spolupraca-page .sp-hero-person {
  -webkit-mask-image: linear-gradient(to bottom, #000 72%, transparent 91%);
  mask-image: linear-gradient(to bottom, #000 72%, transparent 91%);
}
@media (max-width: 1024px) {
  .spolupraca-page #hero .sp-hero-person {
    -webkit-mask-image: linear-gradient(to bottom, #000 78%, transparent 91%);
    mask-image: linear-gradient(to bottom, #000 78%, transparent 91%);
  }
}