/* Big Enough Productions · 0.5.2 — optional image fades, retaining all 0.5.1 defaults.
   These selectors only apply when the Site Manager supplies --bep-photo-fade-on. */

/* HERO: replace the background with a masked pseudo-image only when customized. */
body.home .bep-hero[style*="--bep-photo-fade-on:"] {
  background-image:none!important;
  isolation:isolate;
}
body.home .bep-hero[style*="--bep-photo-fade-on:"]::before {
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:var(--hero-image) no-repeat;
  background-position:var(--bep-photo-x,right) var(--bep-photo-y,center);
  background-size:auto 100%;
  -webkit-mask-image:linear-gradient(var(--bep-photo-fade-direction,to right),#000 var(--bep-photo-fade-start,45%),transparent var(--bep-photo-fade-end,94%));
  mask-image:linear-gradient(var(--bep-photo-fade-direction,to right),#000 var(--bep-photo-fade-start,45%),transparent var(--bep-photo-fade-end,94%));
}
body.home .bep-hero[style*="--bep-photo-fade-on:"] .bep-hero-shade {z-index:1}
body.home .bep-hero[style*="--bep-photo-x:"]:not([style*="--bep-photo-fade-on:"]) {background-position:var(--bep-photo-x,right) var(--bep-photo-y,center)}

/* MORE THAN: retain photograph, copy and icons as distinct elements. */
body.home .bep-more-than-v048[style*="--bep-photo-fade-on:"] .bep-more-image img {
 -webkit-mask-image:linear-gradient(var(--bep-photo-fade-direction,to right),#000 var(--bep-photo-fade-start,45%),transparent var(--bep-photo-fade-end,94%));
 mask-image:linear-gradient(var(--bep-photo-fade-direction,to right),#000 var(--bep-photo-fade-start,45%),transparent var(--bep-photo-fade-end,94%));
}
body.home .bep-more-than-v048:is([style*="--bep-photo-x:"],[style*="--bep-photo-y:"]) .bep-more-image img {object-position:var(--bep-photo-x,0%) var(--bep-photo-y,50%)}

/* DREAMERS: mask direction and start/end separately, desktop and tablet only.
   Mobile defaults to its original vertical blend unless the editor adds a fade override. */
body.home .bep-dreamers[style*="--bep-photo-fade-on:"] .bep-dreamers-backdrop {
 -webkit-mask-image:linear-gradient(var(--bep-photo-fade-direction,to right),#000 var(--bep-photo-fade-start,45%),transparent var(--bep-photo-fade-end,94%));
 mask-image:linear-gradient(var(--bep-photo-fade-direction,to right),#000 var(--bep-photo-fade-start,45%),transparent var(--bep-photo-fade-end,94%));
}
body.home .bep-dreamers:is([style*="--bep-photo-x:"],[style*="--bep-photo-y:"]) .bep-dreamers-backdrop {object-position:var(--bep-photo-x,0%) var(--bep-photo-y,50%)}
@media(max-width:700px){
 body.home .bep-dreamers[style*="--bep-photo-fade-on:"] .bep-dreamers-backdrop {
   -webkit-mask-image:linear-gradient(var(--bep-photo-fade-direction,to bottom),#000 var(--bep-photo-fade-start,45%),transparent var(--bep-photo-fade-end,94%));
   mask-image:linear-gradient(var(--bep-photo-fade-direction,to bottom),#000 var(--bep-photo-fade-start,45%),transparent var(--bep-photo-fade-end,94%));
 }
}

/* Optional card adjustments in image grids; unchanged when 0/original. */
body.home .bep-featured-strip[style*="--bep-card-shade-opacity:"] .bep-card-shade,
body.home .bep-editorial-featured[style*="--bep-card-shade-opacity:"] .bep-poster-shade{opacity:var(--bep-card-shade-opacity)}
body.home .bep-ecosystem[style*="--bep-card-image-brightness:"] .bep-eco-card>img{filter:brightness(var(--bep-card-image-brightness))}

/* Independent responsive fades. A desktop override never implicitly changes
   tablet or mobile. Per-device controls are optional. */
@media (min-width:701px) and (max-width:1100px){
 body.home .bep-hero[style*="--bep-photo-fade-on:"]:not([style*="--bep-photo-fade-tablet-on:"]){background-image:var(--hero-image)!important}
 body.home .bep-hero[style*="--bep-photo-fade-on:"]:not([style*="--bep-photo-fade-tablet-on:"])::before{content:none}
 body.home .bep-hero[style*="--bep-photo-fade-tablet-on:"]{background-image:none!important;isolation:isolate}
 body.home .bep-hero[style*="--bep-photo-fade-tablet-on:"]::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:var(--hero-image) no-repeat right bottom;background-size:auto 82%;
  -webkit-mask-image:linear-gradient(var(--bep-photo-fade-tablet-direction,to right),#000 var(--bep-photo-fade-tablet-start,45%),transparent var(--bep-photo-fade-tablet-end,94%));
  mask-image:linear-gradient(var(--bep-photo-fade-tablet-direction,to right),#000 var(--bep-photo-fade-tablet-start,45%),transparent var(--bep-photo-fade-tablet-end,94%));
 }
 body.home .bep-more-than-v048[style*="--bep-photo-fade-on:"]:not([style*="--bep-photo-fade-tablet-on:"]) .bep-more-image img{
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 74%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 74%,transparent 100%);
 }
 body.home .bep-more-than-v048[style*="--bep-photo-fade-tablet-on:"] .bep-more-image img,
 body.home .bep-dreamers[style*="--bep-photo-fade-tablet-on:"] .bep-dreamers-backdrop{
  -webkit-mask-image:linear-gradient(var(--bep-photo-fade-tablet-direction,to right),#000 var(--bep-photo-fade-tablet-start,45%),transparent var(--bep-photo-fade-tablet-end,94%));
  mask-image:linear-gradient(var(--bep-photo-fade-tablet-direction,to right),#000 var(--bep-photo-fade-tablet-start,45%),transparent var(--bep-photo-fade-tablet-end,94%));
 }
 body.home .bep-dreamers[style*="--bep-photo-fade-on:"]:not([style*="--bep-photo-fade-tablet-on:"]) .bep-dreamers-backdrop{
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 46%,transparent 96%);
  mask-image:linear-gradient(90deg,#000 0%,#000 46%,transparent 96%);
 }
}
@media(max-width:700px){
 body.home .bep-hero[style*="--bep-photo-fade-on:"]:not([style*="--bep-photo-fade-mobile-on:"]){background-image:var(--hero-image)!important}
 body.home .bep-hero[style*="--bep-photo-fade-on:"]:not([style*="--bep-photo-fade-mobile-on:"])::before{content:none}
 body.home .bep-hero[style*="--bep-photo-fade-mobile-on:"]{background-image:none!important;isolation:isolate}
 body.home .bep-hero[style*="--bep-photo-fade-mobile-on:"]::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:var(--hero-image) no-repeat center bottom;background-size:auto 50%;
  -webkit-mask-image:linear-gradient(var(--bep-photo-fade-mobile-direction,to bottom),#000 var(--bep-photo-fade-mobile-start,45%),transparent var(--bep-photo-fade-mobile-end,94%));
  mask-image:linear-gradient(var(--bep-photo-fade-mobile-direction,to bottom),#000 var(--bep-photo-fade-mobile-start,45%),transparent var(--bep-photo-fade-mobile-end,94%));
 }
 body.home .bep-more-than-v048[style*="--bep-photo-fade-mobile-on:"] .bep-more-image img,
 body.home .bep-dreamers[style*="--bep-photo-fade-mobile-on:"] .bep-dreamers-backdrop{
  -webkit-mask-image:linear-gradient(var(--bep-photo-fade-mobile-direction,to bottom),#000 var(--bep-photo-fade-mobile-start,45%),transparent var(--bep-photo-fade-mobile-end,94%));
  mask-image:linear-gradient(var(--bep-photo-fade-mobile-direction,to bottom),#000 var(--bep-photo-fade-mobile-start,45%),transparent var(--bep-photo-fade-mobile-end,94%));
 }
 body.home .bep-more-than-v048[style*="--bep-photo-fade-on:"]:not([style*="--bep-photo-fade-mobile-on:"]) .bep-more-image img{
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 63%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,#000 63%,transparent 100%);
 }
 body.home .bep-dreamers[style*="--bep-photo-fade-on:"]:not([style*="--bep-photo-fade-mobile-on:"]) .bep-dreamers-backdrop{
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 58%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,#000 58%,transparent 100%);
 }
}