/* Full-bleed photography, not a height-bounded photo surrounded by black.
   Preserve the existing hero dimensions, content, CTAs and colour system. */
@layer sr-photo-hero {
  body#sr-design #main-content .ec-hero-art:has(img[data-sr-media]),
  body#sr-design #main-content .page-hero > div:first-child:has(> img[data-sr-media]),
  body#sr-design #main-content .ec-art-picture:has(> img[data-sr-media]) {
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    aspect-ratio:auto!important;
    transform:none!important;
    mask-image:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    pointer-events:none;
  }
  body#sr-design #main-content :is(.ec-art-picture,.page-hero > div:first-child) > img[data-sr-media] {
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    /* Crop from the lower part of landscape images; retain head and upper logo. */
    object-position:65% 0%!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
  }
  body#sr-design #main-content .ec-art-picture:has(> img[data-sr-media])::after,
  body#sr-design #main-content .page-hero > div:first-child:has(> img[data-sr-media])::after {
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    /* Every stop is translucent: the photograph remains visible edge to edge. */
    background:linear-gradient(90deg,#111111b8 0%,#1111118f 32%,#11111138 60%,#1111110d 100%),linear-gradient(0deg,#11111145,transparent 35%),linear-gradient(180deg,#11111145,transparent 22%)!important;
    pointer-events:none!important;
  }
  body#sr-design #main-content #ec-catalog .ec-service > img[data-sr-media] {
    object-position:65% 0%!important;
  }
  /* The old polish stylesheet applies backdrop blur to .breadcrumb.
     Breadcrumbs must remain plain navigation, never a blurred strip over a face. */
  body#sr-design #main-content :is(.breadcrumb,.ec-breadcrumb) {
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
    background:none!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
  @media(max-width:800px) {
    body#sr-design #main-content .ec-art-picture:has(> img[data-sr-media])::after,
    body#sr-design #main-content .page-hero > div:first-child:has(> img[data-sr-media])::after {
      background:linear-gradient(90deg,#111111a6,#11111159),linear-gradient(0deg,#11111180 0%,#11111126 60%,#11111138 100%)!important;
    }
    body#sr-design #main-content .page-hero .breadcrumb {
      display:flex!important;
      flex-wrap:wrap!important;
      justify-content:flex-start!important;
      align-items:baseline!important;
      gap:4px 7px!important;
      width:100%!important;
      max-width:100%!important;
      padding:0!important;
      font-size:11px!important;
      line-height:1.65!important;
      color:#f4efe5!important;
      text-shadow:0 1px 3px #0009;
    }
    body#sr-design #main-content .page-hero .breadcrumb a { color:inherit!important; }
    body#sr-design #main-content .page-hero .breadcrumb__current {
      flex-basis:100%;
      max-width:100%;
      font-weight:600!important;
      color:inherit!important;
      overflow-wrap:break-word!important;
    }
    body#sr-design #main-content .page-hero .breadcrumb__sep:has(+ .breadcrumb__current) {
      display:none!important;
    }
  }
}