/* ===================================================================
   BSA Living Futures 4.1 — Guardians of the Story
   Atmospheric storyteller backgrounds using approved BSA artwork.
   Preserves v4 navigation, layouts, forms, and all existing page content.
   Portraits are decorative background layers; all copy sits on scrims
   or fully opaque cards to maintain readability.
   =================================================================== */

/* The homepage artwork lives IN the hero, with its elders emerging at
   the margins. Left-hand copy is isolated beneath a dark legibility veil. */
.bsa-home .bsa-hero-photo {
  background-image:
    linear-gradient(90deg, rgba(14,19,17,.98) 0%,rgba(14,19,17,.96) 30%,rgba(16,21,19,.87) 43%,rgba(16,19,16,.54) 61%,rgba(16,19,16,.19) 80%,rgba(14,17,14,.30) 100%),
    url('../images/bsa-guardians-wide-v41.webp');
  background-position: center, center 43%;
  background-size: cover,cover;
  background-repeat:no-repeat;
}
.bsa-home .bsa-hero { background-color:#1b201a; }
.bsa-home .bsa-hero-content { position:relative;z-index:2; }
.bsa-home .bsa-hero h1,
.bsa-home .bsa-hero-description,
.bsa-home .bsa-hero-subtitle { text-shadow:0 2px 15px rgba(0,0,0,.64); }

/* Dedicated face-and-textile backdrops across every interior page. The
   bottom-to-top treatment keeps photos atmospheric, not foreground cards. */
.bsa-inner-page .bsa-page-hero {
 background-image:
  linear-gradient(90deg,rgba(16,23,19,.98) 0%,rgba(17,24,20,.95) 34%,rgba(17,23,19,.78) 56%,rgba(17,22,18,.49) 74%,rgba(17,22,18,.32) 100%),
  url('../images/bsa-guardians-landscape-v41.webp');
 background-size:cover,cover;
 background-position:center,center 36%;
 background-repeat:no-repeat;
}
.bsa-inner-page .bsa-page-hero--story,
.bsa-inner-page .bsa-page-hero--festival,
.bsa-inner-page .bsa-page-hero--membership,
.bsa-inner-page .bsa-page-hero--support {
 background-image:
  linear-gradient(90deg,rgba(15,21,17,.98) 0%,rgba(16,23,20,.97) 39%,rgba(16,23,20,.84) 58%,rgba(15,20,17,.43) 82%,rgba(16,20,18,.37) 100%),
  url('../images/bsa-guardians-wide-v41.webp');
 background-position:center,center 46%;
}
.bsa-inner-page .bsa-page-hero--kwanzaa,
.bsa-inner-page .bsa-page-hero--principle,
.bsa-inner-page .bsa-page-hero--garden,
.bsa-inner-page .bsa-page-hero--resources {
 background-image:
  linear-gradient(90deg,rgba(22,27,21,.97) 0%,rgba(21,25,20,.94) 37%,rgba(22,27,21,.75) 60%,rgba(22,25,19,.44) 100%),
  url('../images/bsa-guardians-landscape-v41.webp');
 background-position:center,center 66%;
}
.bsa-page-hero .site-shell {position:relative;z-index:1;}
.bsa-page-hero h1,
.bsa-page-hero .bsa-page-deck,
.bsa-page-hero .bsa-page-desc {text-shadow:0 2px 13px rgba(0,0,0,.54);}

/* Interior page guardian-watermark: an unobtrusive portrait at the far
   right, fading inward, with content always layered above the artwork. */
.bsa-inner-page .bsa-page-main {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#f7f5ef;
}
.bsa-inner-page .bsa-page-main::before {
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  right:0;
  top:0;
  width:min(53%,650px);
  height:min(1050px,100%);
  background:url('../images/bsa-guardians-portrait-v41.webp') right top / cover no-repeat;
  opacity:.19;
  -webkit-mask-image:linear-gradient(to left,transparent 0%,black 18%,black 82%,transparent 100%),linear-gradient(to bottom,black 0%,black 80%,transparent 100%);
  mask-image:linear-gradient(to left,transparent 0%,black 18%,black 82%,transparent 100%),linear-gradient(to bottom,black 0%,black 80%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}
.bsa-inner-page .bsa-page-main>.site-shell {position:relative;z-index:1;}
/* Historic pages retain fully opaque text cards, ensuring backgrounds
   cannot wash out biographies, membership details, or inquiry fields. */
.bsa-inner-page .bsa-value-grid>div,
.bsa-inner-page .bsa-spotlight,
.bsa-inner-page .bsa-membership-grid>article,
.bsa-inner-page .bsa-contact-form-wrap,
.bsa-inner-page .bsa-event-archive,
.bsa-inner-page .bsa-principle-focus,
.bsa-inner-page .bsa-preserved-section .entry-content {
 background-color:#fffefa;
}

/* Home: a powerful lineage presence behind the story, leaving the
   visible content legible and maintaining the site's editorial rhythm. */
.bsa-home .bsa-story-feature {
 background-image:
  linear-gradient(100deg,rgba(15,25,21,.92),rgba(16,26,22,.86) 49%,rgba(16,25,21,.81)),
  url('../images/bsa-guardians-landscape-v41.webp');
 background-position:center,center 42%;
 background-size:cover,cover;
 background-repeat:no-repeat;
}
.bsa-home .bsa-story-feature .site-shell {position:relative;z-index:1;}
.bsa-home .bsa-festival-archive {
 background-image:
  linear-gradient(105deg,rgba(20,30,24,.93),rgba(20,30,24,.90) 48%,rgba(20,30,24,.76)),
  url('../images/bsa-guardians-wide-v41.webp');
 background-position:center,center 35%;
 background-size:cover,cover;
 background-repeat:no-repeat;
}
.bsa-home .bsa-festival-archive .site-shell {position:relative;z-index:1;}
.bsa-home .bsa-section--join {
 background-image:
  linear-gradient(95deg,rgba(14,24,20,.91),rgba(17,26,20,.79) 60%,rgba(16,22,17,.86)),
  url('../images/bsa-guardians-landscape-v41.webp');
 background-position:center,center 65%;
 background-size:cover,cover;
 background-repeat:no-repeat;
}
.bsa-home .bsa-section--join .site-shell {position:relative;z-index:1;}
.bsa-home .bsa-program-feature {
 position:relative;isolation:isolate;
}
.bsa-home .bsa-program-feature::before {
 content:"";position:absolute;right:0;top:0;bottom:0;width:min(31%,450px);
 background: url('../images/bsa-guardians-portrait-v41.webp') center 30%/cover no-repeat;
 opacity:.105;pointer-events:none;z-index:0;
 -webkit-mask-image:linear-gradient(90deg,transparent,black 38%),linear-gradient(to bottom,transparent,black 20%,black 70%,transparent);
 mask-image:linear-gradient(90deg,transparent,black 38%),linear-gradient(to bottom,transparent,black 20%,black 70%,transparent);
 -webkit-mask-composite:source-in;mask-composite:intersect;
}
.bsa-home .bsa-program-feature .site-shell {position:relative;z-index:1;}
/* The final invitation and footer carry the ancestors subtly. */
.bsa-crosslinks {
 background-image:
  linear-gradient(90deg,rgba(235,233,222,.96),rgba(235,233,222,.89)),
  url('../images/bsa-guardians-landscape-v41.webp');
 background-position:center,center center;
 background-size:cover,cover;
 background-repeat:no-repeat;
}
.bsa-crosslinks .site-shell{position:relative;z-index:1;}
.site-footer {
 background-image:
  linear-gradient(95deg,rgba(15,26,20,.96),rgba(15,26,20,.92) 50%,rgba(15,26,20,.89)),
  url('../images/bsa-guardians-wide-v41.webp');
 background-position:center,center 65%;
 background-size:cover,cover;
 background-repeat:no-repeat;
}
.site-footer .site-shell {position:relative;z-index:1;}

@media(max-width:980px){
 .bsa-home .bsa-hero-photo {
  background-image:
   linear-gradient(90deg,rgba(12,18,16,.96) 0%,rgba(13,20,16,.91) 48%,rgba(13,18,15,.65) 100%),
   url('../images/bsa-guardians-landscape-v41.webp');
  background-position:center,center 37%;
 }
 .bsa-inner-page .bsa-page-main::before{width:47%;opacity:.13;}
}
@media(max-width:640px){
 .bsa-home .bsa-hero-photo {
  background-image:
   linear-gradient(0deg,rgba(11,17,14,.93),rgba(12,17,14,.89) 40%,rgba(12,18,14,.72)),
   url('../images/bsa-guardians-portrait-v41.webp');
  background-position:center,center 32%;
 }
 .bsa-inner-page .bsa-page-hero {
  background-image:
    linear-gradient(90deg,rgba(14,21,17,.95),rgba(14,21,17,.86)),
    url('../images/bsa-guardians-portrait-v41.webp');
  background-position:center,center 38%;
  background-size:cover,cover;
 }
 .bsa-inner-page .bsa-page-main::before{width:58%;height:650px;opacity:.10;}
 .bsa-home .bsa-program-feature::before {opacity:.075;width:55%;}
 .bsa-home .bsa-story-feature {
  background-image:linear-gradient(90deg,rgba(14,23,19,.94),rgba(14,23,19,.86)),url('../images/bsa-guardians-portrait-v41.webp');
  background-position:center,center 38%;
 }
 .bsa-home .bsa-section--join {background-image:linear-gradient(rgba(14,23,19,.90),rgba(14,23,19,.86)),url('../images/bsa-guardians-portrait-v41.webp');}
}
@media(prefers-reduced-motion:reduce){
 .bsa-home .bsa-hero-photo {animation:none!important;transform:none!important;}
}