breadcrumb gradient mask

assets/sass/_theme/design-system/hero.sass

@@ -73,6 +73,12 @@
                     picture:last-child
                         margin-bottom: $spacing2
         &--image-portrait, &--image-square
+            .breadcrumb-nav
+                width: calc(#{col(9)} + #{half($grid-gutter)})
+                -webkit-mask-image: linear-gradient(to right, black 0%, black 90%, transparent 100%)
+                mask-image: linear-gradient(to right, black 0%, black 90%, transparent 100%)
+                .breadcrumb
+                    padding-right: 50px
             .content
                 h1
                     width: col(8)