/* =====================================================================
   BSA Living Futures v4.2 — Guardians Across the Whole Page
   Source: the complete storyteller/mudcloth artwork supplied by BSA.
   IMPORTANT: The actual page backgrounds—not just the opening banners—
   use the uncropped portrait art. Text has accessible reading surfaces.
   This stylesheet loads LAST, after v4.1's background treatments.
   ===================================================================== */
:root{
 --bsa-full-guardian-art:url('../images/bsa-guardians-full-page-v42.webp');
 --bsa-guardian-paper:rgba(253,248,237,.91);
 --bsa-guardian-paper-light:rgba(253,248,237,.86);
 --bsa-guardian-ink:#25241e;
}
/* Give the physical page a woven canvas, not the previous flat white. */
body{background-color:#99734d}
main.bsa-inner-page{
 background-color:#a67a4b;
 background-image:
  linear-gradient(90deg,rgba(74,46,26,.12),rgba(247,229,196,.04) 42%,rgba(55,32,21,.10)),
  var(--bsa-full-guardian-art);
 background-position:center top,center top;
 background-size:cover,100% auto;
 background-repeat:no-repeat,repeat-y;
}
/* ALL interior content pages: replace the opaque white/cream background
   with the original full-height collage. Repeat it when content is long. */
.bsa-inner-page .bsa-page-main,
.bsa-inner-page > .bsa-section--paper{
 position:relative;
 isolation:isolate;
 overflow:visible;
 background-color:#b88b59;
 background-image:
   linear-gradient(90deg,rgba(78,48,27,.10),rgba(245,227,196,.08) 48%,rgba(76,42,24,.10)),
   var(--bsa-full-guardian-art);
 background-position:center top,center top;
 background-size:cover,100% auto;
 background-repeat:no-repeat,repeat-y;
 border:0;
}
/* Eliminate the previous tiny top-right watermark. The artwork is now
   behind the entire article, including its middle and lower sections. */
.bsa-inner-page .bsa-page-main::before{content:none!important;display:none!important}
.bsa-inner-page .bsa-page-main>.site-shell,
.bsa-inner-page > .bsa-section--paper>.site-shell{position:relative;z-index:1}

/* Readability: coherent translucent paper panels rather than a large
   white section that hides the portraits. */
.bsa-inner-page .bsa-page-lead{
 max-width:min(100%,1110px);
 background:linear-gradient(115deg,rgba(255,250,240,.94),rgba(254,246,230,.88));
 color:var(--bsa-guardian-ink);
 border:1px solid rgba(255,248,230,.95);
 border-radius:18px;
 padding:clamp(23px,3.2vw,43px);
 margin:0 0 clamp(28px,4vw,54px);
 box-shadow:0 17px 55px rgba(40,24,13,.20);
 backdrop-filter:blur(2px);
 -webkit-backdrop-filter:blur(2px);
}
.bsa-inner-page .bsa-page-lead--split{max-width:100%;gap:clamp(20px,4vw,55px)}
.bsa-inner-page .bsa-page-lead h2,
.bsa-inner-page .bsa-page-lead p,
.bsa-inner-page .bsa-page-lead .bsa-eyebrow{color:#282820}
.bsa-inner-page .bsa-page-lead h2 em{color:#975126}
.bsa-inner-page .bsa-page-lead .bsa-text-link{color:#78401d}
/* Reusable content blocks, readable but not isolated in flat white. */
.bsa-inner-page .bsa-value-grid>div,
.bsa-inner-page .bsa-spotlight,
.bsa-inner-page .bsa-membership-grid>article,
.bsa-inner-page .bsa-event-archive,
.bsa-inner-page .bsa-principle-focus,
.bsa-inner-page .bsa-contact-form-wrap,
.bsa-inner-page .bsa-contact-intro,
.bsa-inner-page .bsa-archive-card,
.bsa-inner-page .bsa-seven-card{
 background-color:rgba(255,250,239,.95);
 border-color:rgba(242,225,196,.92);
 box-shadow:0 12px 32px rgba(44,27,16,.20);
}
.bsa-inner-page .bsa-preserved-section,
.bsa-inner-page .bsa-payment-note{
 background:rgba(253,247,234,.91);
 border:1px solid rgba(255,246,228,.95);
 padding:clamp(20px,3vw,36px);
 border-radius:16px;
 box-shadow:0 12px 37px rgba(37,25,15,.15);
 backdrop-filter:blur(2px);
}
.bsa-inner-page .bsa-preserved-section .entry-content,
.bsa-inner-page .bsa-legacy-details,
.bsa-inner-page .bsa-legacy-details[open]{background:rgba(255,251,244,.97);color:#24291f}
.bsa-inner-page .bsa-payment-note{color:#312d25}
/* Inherited white blocks for posts / archive become intentional cards.
   The background still shows in the outer reading area and gutters. */
.bsa-inner-page .bsa-archive-card,
.bsa-inner-page .bsa-post-header,
.bsa-inner-page .bsa-post-content,
.bsa-inner-page .bsa-post-navigation,
.bsa-inner-page .bsa-search-form{
 background:rgba(255,250,239,.94);
 color:#28261f;
 border-radius:15px;
 border:1px solid rgba(255,244,222,.92);
 box-shadow:0 12px 32px rgba(40,26,17,.18);
 padding:clamp(19px,2.8vw,36px);
}
.bsa-inner-page .bsa-post-header{max-width:100%;border-bottom:5px solid #ad6534}
.bsa-inner-page .bsa-post-wrap{position:relative;z-index:1}
.bsa-inner-page .bsa-archive-grid{position:relative;z-index:1}
.bsa-inner-page .bsa-page-main :is(input,select,textarea){background:#fffefb;color:#22272a}

/* HOME: The former white sections are now full illustrated backgrounds.
   Different crop positions expose the elders in the TOP, MIDDLE and BASE
   of the same complete composition as visitors scroll. */
.bsa-home .bsa-directory,
.bsa-home .bsa-program-feature,
.bsa-home .bsa-kwanzaa-home,
.bsa-home .bsa-news{
 position:relative;
 isolation:isolate;
 background-color:#b58a59;
 background-image:
  linear-gradient(rgba(245,231,206,.14),rgba(245,231,206,.11)),
  var(--bsa-full-guardian-art);
 background-size:cover,100% auto;
 background-repeat:no-repeat,no-repeat;
 background-position:center,center 0%;
}
.bsa-home .bsa-directory{background-position:center,center 4%}
.bsa-home .bsa-program-feature{background-position:center,center 44%}
.bsa-home .bsa-kwanzaa-home{background-position:center,center 90%}
.bsa-home .bsa-news{background-position:center,center 70%}
.bsa-home .bsa-program-feature::before{display:none!important;content:none!important}
.bsa-home .bsa-directory>.site-shell,
.bsa-home .bsa-program-feature>.site-shell,
.bsa-home .bsa-kwanzaa-home>.site-shell,
.bsa-home .bsa-news>.site-shell{position:relative;z-index:1}
/* Headings need their own legible transparent paper; keep the surrounding
   artwork richly visible. */
.bsa-home .bsa-directory .bsa-heading-center,
.bsa-home .bsa-program-feature .bsa-row-heading,
.bsa-home .bsa-kwanzaa-home .bsa-row-heading,
.bsa-home .bsa-news .bsa-row-heading{
 max-width:100%;
 padding:clamp(24px,2.8vw,40px);
 background:linear-gradient(120deg,rgba(254,248,236,.94),rgba(251,242,226,.88));
 border:1px solid rgba(255,248,233,.93);
 border-radius:20px;
 box-shadow:0 16px 45px rgba(37,21,13,.23);
 backdrop-filter:blur(2px);
}
.bsa-home .bsa-directory .bsa-heading-center{max-width:840px;margin-left:auto;margin-right:auto}
.bsa-home .bsa-directory .bsa-heading-center h2,
.bsa-home .bsa-program-feature .bsa-row-heading h2,
.bsa-home .bsa-kwanzaa-home .bsa-row-heading h2,
.bsa-home .bsa-news .bsa-row-heading h2{color:#252821}
.bsa-home .bsa-directory .bsa-heading-center p,
.bsa-home .bsa-program-feature .bsa-row-heading p,
.bsa-home .bsa-kwanzaa-home .bsa-row-heading p,
.bsa-home .bsa-news .bsa-row-heading p{color:#383c35}
/* Strong, not opaque, storytelling sections feature the same guardians. */
.bsa-home .bsa-story-feature{
 background-image:linear-gradient(100deg,rgba(12,22,18,.70),rgba(12,21,17,.69)),var(--bsa-full-guardian-art);
 background-size:cover,cover;
 background-position:center,center 38%;
}
.bsa-home .bsa-story-feature .bsa-two-column>div:last-child,
.bsa-home .bsa-festival-archive .bsa-festival-grid>div:first-child{
 background:rgba(13,24,20,.75);
 border-radius:16px;
 padding:clamp(22px,3vw,40px);
 border:1px solid rgba(250,223,168,.27);
 backdrop-filter:blur(2px);
}
.bsa-home .bsa-festival-archive{
 background-image:linear-gradient(110deg,rgba(18,29,24,.72),rgba(16,28,23,.66)),var(--bsa-full-guardian-art);
 background-size:cover,cover;
 background-position:center,center 82%;
}
.bsa-home .bsa-section--join{
 background-image:linear-gradient(95deg,rgba(15,25,21,.74),rgba(15,25,21,.74)),var(--bsa-full-guardian-art);
 background-size:cover,cover;
 background-position:center,center 56%;
}
.bsa-home .bsa-section--join .bsa-join-inner>div:first-child{
 padding:clamp(20px,2.3vw,36px);
 border-radius:16px;
 background:rgba(12,22,18,.62);
}
/* The lower invitation / footer are part of the lineage instead of flat
   unbroken colors. */
.bsa-crosslinks{
 background-color:#c8a273;
 background-image:linear-gradient(90deg,rgba(246,229,198,.57),rgba(250,233,204,.58)),var(--bsa-full-guardian-art);
 background-position:center,center 90%;
 background-size:cover,cover;
 color:#24291f;
}
.bsa-crosslinks :is(h2,p,.bsa-eyebrow){color:#24291f!important;text-shadow:none}
.bsa-crosslinks .bsa-crosslink-grid a{background:rgba(255,250,237,.93);color:#242b23}
.site-footer{
 background-image:linear-gradient(95deg,rgba(13,24,19,.80),rgba(13,24,19,.82)),var(--bsa-full-guardian-art);
 background-position:center,center 76%;
 background-size:cover,cover;
}
/* Do not cover all of the faces with a fixed opaque section background. */
.bsa-home .bsa-path-card,
.bsa-home .bsa-offering,
.bsa-home .bsa-news-card,
.bsa-home .bsa-principle-card{box-shadow:0 15px 30px rgba(37,24,13,.22)}

/* Mobile: use the COMPLETE original portrait rather than a wide cropped
   masthead, and leave text in translucent panels. No performance-heavy
   fixed background attachment or forced image movement. */
@media(max-width:1000px){
 .bsa-home .bsa-directory,
 .bsa-home .bsa-program-feature,
 .bsa-home .bsa-kwanzaa-home,
 .bsa-home .bsa-news{background-size:cover,auto 125%;}
 .bsa-home .bsa-directory{background-position:center,center 0%}
 .bsa-home .bsa-program-feature{background-position:center,center 45%}
 .bsa-home .bsa-kwanzaa-home{background-position:center,center 100%}
 .bsa-home .bsa-news{background-position:center,center 65%}
}
@media(max-width:700px){
 .bsa-inner-page .bsa-page-main,
 .bsa-inner-page>.bsa-section--paper,
 main.bsa-inner-page{
  background-image:linear-gradient(rgba(248,227,196,.11),rgba(248,227,196,.11)),var(--bsa-full-guardian-art);
  background-size:cover,100% auto;
  background-position:center top,center top;
  background-repeat:no-repeat,repeat-y;
 }
 .bsa-inner-page .bsa-page-lead{padding:24px 19px;border-radius:13px}
 .bsa-home .bsa-directory .bsa-heading-center,
 .bsa-home .bsa-program-feature .bsa-row-heading,
 .bsa-home .bsa-kwanzaa-home .bsa-row-heading,
 .bsa-home .bsa-news .bsa-row-heading{padding:23px 20px;border-radius:13px}
 .bsa-home .bsa-directory,
 .bsa-home .bsa-program-feature,
 .bsa-home .bsa-kwanzaa-home,
 .bsa-home .bsa-news{background-size:cover,auto 110%;}
 .bsa-home .bsa-story-feature .bsa-two-column>div:last-child,
 .bsa-home .bsa-festival-archive .bsa-festival-grid>div:first-child{padding:23px 20px}
}

/* Correct color semantics in blocks that were dark in older releases. */
.bsa-inner-page .bsa-event-archive{color:#23271f}
.bsa-inner-page .bsa-event-archive h3,
.bsa-inner-page .bsa-event-archive p{color:#23271f}
.bsa-inner-page .bsa-event-archive .bsa-text-link{color:#823b20}
.bsa-inner-page .bsa-event-archive .bsa-pill{color:#251c12}
.bsa-inner-page .bsa-membership-grid>article :is(h3,p,span),
.bsa-inner-page .bsa-contact-intro :is(h2,h3,p),
.bsa-inner-page .bsa-principle-focus :is(h3,p,blockquote){color:#272b24}