/* =========================================================
   Bab-ul-Ilm Foundation — Elementor Widgets Stylesheet
   Monochrome amber (#ffb748) palette, scroll-reveal + hover motion
   ========================================================= */

.bfe{
  --dark:#5C3A10;
  --dark-2:#8A5713;
  --bg:#FFF8EC;
  --bg-deep:#FFEDCB;
  --amber:#FFB748;
  --amber-light:#FFD08A;
  --amber-mid:#E2952E;
  --amber-deep:#B5750C;
  --line: rgba(92,58,16,0.14);
  --grad-primary: linear-gradient(135deg, #FFB748 0%, #FFD08A 100%);
  --grad-dark: linear-gradient(160deg, #5C3A10 0%, #8A5713 100%);

  font-family:'Jost', sans-serif;
  color:var(--dark);
  line-height:1.6;
  box-sizing:border-box;
}
.bfe *, .bfe *::before, .bfe *::after{ box-sizing:border-box; }
.bfe h1,.bfe h2,.bfe h3,.bfe h4{
  font-family:'Cormorant Garamond', serif;
  font-weight:600;
  letter-spacing:0.01em;
  color:var(--dark);
  margin:0;
}
.bfe p{margin:0;}
.bfe a{color:inherit; text-decoration:none;}
.bfe img{display:block; width:100%; height:100%; object-fit:cover;}
.bfe button{font-family:inherit; cursor:pointer;}

.bfe-eyebrow{
  font-size:0.72rem; letter-spacing:0.24em; text-transform:uppercase;
  color:var(--amber-deep); font-weight:500;
}
.bfe-h1{font-size:clamp(2.4rem,4.4vw,3.7rem); line-height:1.08;}
.bfe-h2{font-size:clamp(2rem,3.4vw,2.7rem); margin-top:10px;}
.bfe-h3{font-size:1.9rem;}

/* ---------- reveal-on-scroll (staggered) ---------- */
.bfe-reveal{
  opacity:0; transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);
  transition-delay: var(--bfe-d, 0s);
}
.bfe-reveal.bfe-in{opacity:1; transform:translateY(0);}

/* ---------- buttons ---------- */
.bfe-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:14px 26px; font-size:0.86rem; letter-spacing:0.03em; border-radius:3px; border:none;
  position:relative; overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}
.bfe-btn-primary{background:var(--grad-primary); color:var(--dark); font-weight:500;}
.bfe-btn-ghost{border:1px solid rgba(92,58,16,0.35); background:transparent; color:var(--dark);}
.bfe-btn-block{width:100%; justify-content:center;}
.bfe-btn:hover{transform:translateY(-3px); box-shadow:0 14px 26px -12px rgba(92,58,16,0.4);}
.bfe-btn-ghost:hover{border-color:var(--dark); background:rgba(92,58,16,0.04);}
.bfe-btn:active{transform:translateY(-1px) scale(0.98);}

/* shine sweep on hover — uses a real inner span, no ::before/::after */
.bfe-btn-shine{isolation:isolate;}
.bfe-btn-shine .bfe-shine-layer{
  position:absolute; inset:0; z-index:0;
  background:linear-gradient(115deg, transparent 20%, rgba(255,255,255,0.55) 45%, transparent 70%);
  background-size:220% 100%; background-position:120% 0;
  transition:background-position .7s ease;
  pointer-events:none;
}
.bfe-btn-shine:hover .bfe-shine-layer{background-position:-20% 0;}
.bfe-btn-shine > *:not(.bfe-shine-layer){position:relative; z-index:1;}

/* ripple on click (JS-generated real span) */
.bfe-btn-ripple{position:relative; overflow:hidden;}
.bfe-ripple{
  position:absolute; border-radius:50%; background:rgba(92,58,16,0.35);
  transform:scale(0); animation:bfe-ripple-anim .6s ease-out forwards; pointer-events:none;
}
@keyframes bfe-ripple-anim{ to{ transform:scale(2.6); opacity:0; } }

/* ---------- arch frame ---------- */
.bfe-arch{
  position:relative; overflow:hidden;
  border-radius:50% 50% 0 0 / 28% 28% 0 0;
  background:var(--bg-deep);
  box-shadow: inset 0 0 0 1px rgba(181,117,12,0.5), inset 0 0 0 8px rgba(255,248,236,0.9);
}

/* ---------- header / nav ---------- */
.bfe-header{
  position:sticky; top:0; z-index:100;
  background:rgba(255,248,236,0.92); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  transition:padding .3s ease, box-shadow .3s ease;
}
.bfe-header.bfe-scrolled{ box-shadow:0 8px 24px -18px rgba(92,58,16,0.4); }
.bfe-nav{ display:flex; align-items:center; justify-content:space-between; padding:16px 24px; max-width:1180px; margin:0 auto; transition:padding .3s ease; }
.bfe-header.bfe-scrolled .bfe-nav{ padding:10px 24px; }
.bfe-brand{display:flex; align-items:center; gap:12px;}
.bfe-brand-mark{
  width:34px; height:34px; border-radius:50% 50% 0 0 / 60% 60% 0 0;
  border:1.6px solid var(--amber-deep); position:relative; flex-shrink:0;
  display:flex; justify-content:center; align-items:flex-end;
  transition:transform .4s ease;
}
.bfe-header:hover .bfe-brand-mark{ transform:rotate(-6deg); }
.bfe-brand-mark-line{width:1.6px; height:14px; background:var(--amber-deep);}
.bfe-brand-name{font-family:'Cormorant Garamond', serif; font-size:1.24rem; font-weight:600; line-height:1.1;}
.bfe-brand-name span{display:block; font-size:0.58rem; letter-spacing:0.2em; color:var(--amber-deep); font-weight:500; margin-top:3px; font-family:'Jost',sans-serif;}
.bfe-nav-links{display:flex; align-items:center; gap:30px; font-size:0.84rem; letter-spacing:0.02em;}
.bfe-nav-link{position:relative; padding:4px 0;}
.bfe-nav-link::after{ content:none; }
.bfe-nav-link{ background-image:linear-gradient(var(--amber-deep),var(--amber-deep)); background-repeat:no-repeat; background-position:left bottom; background-size:0% 1px; transition:background-size .3s ease; }
.bfe-nav-link:hover{ background-size:100% 1px; }
.bfe-nav-cta{padding:10px 22px; font-size:0.8rem;}

/* ---------- hero ---------- */
.bfe-hero{padding:60px 24px 0; background:var(--bg);}
.bfe-hero-inner{max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1fr 0.92fr; gap:50px; align-items:start;}
.bfe-hero-text p.bfe-lead{margin-top:22px; max-width:44ch; font-size:1.02rem; color:rgba(92,58,16,0.78);}
.bfe-hero-text h1 em{font-style:italic; color:var(--amber-mid); font-weight:500;}
.bfe-hero-actions{margin-top:30px; display:flex; gap:16px; flex-wrap:wrap;}
.bfe-hero-photo{margin-top:36px;}
.bfe-hero-photo .bfe-arch{height:220px;}
.bfe-hero-divider{max-width:1180px; margin:80px auto 0; height:1px; background:linear-gradient(to right, transparent, var(--line) 15%, var(--line) 85%, transparent);}

/* give widget */
.bfe-give-card{
  background:var(--bg); border:1px solid var(--line); border-radius:8px; padding:30px;
  box-shadow:0 30px 60px -30px rgba(92,58,16,0.35);
  transition:box-shadow .35s ease, transform .35s ease;
}
.bfe-give-card:hover{ box-shadow:0 40px 70px -28px rgba(92,58,16,0.45); transform:translateY(-4px); }
.bfe-give-toggle{display:flex; background:var(--bg-deep); border-radius:30px; padding:4px; margin-bottom:22px;}
.bfe-give-toggle button{flex:1; border:none; background:transparent; padding:10px; border-radius:26px; font-size:0.84rem; color:var(--dark); transition:background .3s ease, color .3s ease;}
.bfe-give-toggle button.bfe-active{background:var(--grad-primary); font-weight:500;}
.bfe-give-label{font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--amber-deep); margin-bottom:12px;}
.bfe-give-amounts{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:16px;}
.bfe-give-amounts button{
  border:1px solid var(--line); background:var(--bg); padding:12px 8px; border-radius:5px;
  font-size:0.92rem; color:var(--dark); transition:transform .2s ease, border-color .2s ease, background .2s ease;
}
.bfe-give-amounts button:hover{ transform:translateY(-2px); border-color:var(--amber-deep); }
.bfe-give-amounts button.bfe-selected{ border-color:var(--amber-deep); background:var(--bg-deep); font-weight:500; animation:bfe-pop .35s ease; }
@keyframes bfe-pop{ 0%{transform:scale(0.92);} 60%{transform:scale(1.04);} 100%{transform:scale(1);} }
.bfe-give-amounts button.bfe-custom{grid-column:span 3; font-size:0.8rem; color:var(--amber-deep);}
.bfe-give-note{margin-top:14px; font-size:0.78rem; color:rgba(92,58,16,0.6); text-align:center;}

/* ---------- mission / vision ---------- */
.bfe-mv{padding:100px 24px 70px; max-width:1180px; margin:0 auto;}
.bfe-mv-grid{display:grid; grid-template-columns:0.9fr 1.1fr; gap:70px;}
.bfe-mv-label{font-family:'Cormorant Garamond', serif; font-style:italic; font-size:1.6rem; color:var(--amber-mid);}
.bfe-mv-block{margin-bottom:46px;}
.bfe-mv-block:last-child{margin-bottom:0;}
.bfe-mv-block h3{margin:10px 0 14px;}
.bfe-mv-block p{color:rgba(92,58,16,0.75); max-width:60ch; font-size:1.02rem;}
.bfe-mv-quote{border-left:2px solid var(--amber); padding-left:28px; display:flex; align-items:center; height:100%; transition:border-color .3s ease, padding-left .3s ease;}
.bfe-mv-quote:hover{ border-color:var(--amber-deep); padding-left:34px; }
.bfe-mv-quote p{font-family:'Cormorant Garamond', serif; font-style:italic; font-size:1.7rem; line-height:1.5;}
.bfe-mv-quote span{display:block; margin-top:20px; font-size:0.75rem; letter-spacing:0.14em; color:var(--amber-deep); text-transform:uppercase;}

/* ---------- section head ---------- */
.bfe-section-head{max-width:1180px; margin:0 auto 52px; padding:0 24px; display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:20px;}
.bfe-section-head p{max-width:38ch; color:rgba(92,58,16,0.7); font-size:0.98rem; text-align:right;}

/* ---------- work cards ---------- */
.bfe-work{padding:70px 24px 110px; max-width:1180px; margin:0 auto;}
.bfe-work-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
.bfe-work-card{background:var(--bg); border:1px solid var(--line); border-radius:8px; overflow:hidden; transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;}
.bfe-hover-lift:hover{ transform:translateY(-10px); box-shadow:0 30px 50px -24px rgba(92,58,16,0.35); border-color:var(--amber-deep); }
.bfe-thumb{height:190px; overflow:hidden;}
.bfe-zoom img{ transition:transform .7s cubic-bezier(.2,.8,.2,1); }
.bfe-zoom:hover img{ transform:scale(1.12) rotate(0.3deg); }
.bfe-work-body{padding:28px 26px;}
.bfe-work-body .bfe-tag{font-family:'Cormorant Garamond', serif; font-style:italic; color:var(--amber-deep); font-size:0.95rem;}
.bfe-work-body h3{font-size:1.45rem; margin:8px 0 12px;}
.bfe-work-body p{color:rgba(92,58,16,0.72); font-size:0.93rem; margin-bottom:18px;}
.bfe-link-arrow{
  font-size:0.85rem; color:var(--amber-deep); font-weight:500; border-bottom:1px solid var(--amber-deep);
  padding-bottom:2px; display:inline-block; transition:transform .25s ease, padding-right .25s ease;
}
.bfe-link-arrow:hover{ transform:translateX(4px); }
.bfe-link-arrow-light{ color:var(--amber-light); border-color:var(--amber-light); }

/* ---------- donation cards ---------- */
.bfe-donate{padding:110px 24px; background:var(--bg-deep);}
.bfe-donate-intro{max-width:56ch; margin:0 auto 56px;}
.bfe-donate-intro p{margin-top:16px; color:rgba(92,58,16,0.75); font-size:1.02rem;}
.bfe-donate-grid{max-width:1180px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.bfe-donate-card{
  position:relative; background:var(--bg); border:1px solid var(--line); border-radius:6px; padding:34px 30px 30px;
  display:flex; flex-direction:column; overflow:hidden;
  transition:transform .35s ease, box-shadow .35s ease;
}
.bfe-hover-accent:hover{ transform:translateY(-8px); box-shadow:0 26px 44px -22px rgba(92,58,16,0.32); }
.bfe-accent-bar{ position:absolute; top:0; left:0; height:4px; width:0; background:var(--grad-primary); transition:width .4s ease; }
.bfe-hover-accent:hover .bfe-accent-bar{ width:100%; }
.bfe-donate-card .bfe-tag{font-family:'Cormorant Garamond', serif; font-style:italic; color:var(--amber-deep); font-size:0.95rem;}
.bfe-donate-card h3{font-size:1.5rem; margin:8px 0 12px;}
.bfe-donate-card p{color:rgba(92,58,16,0.72); font-size:0.93rem; flex-grow:1;}
.bfe-amount-chips{display:flex; gap:8px; flex-wrap:wrap; margin:20px 0;}
.bfe-chip{border:1px solid var(--amber-deep); color:var(--amber-deep); font-size:0.8rem; padding:7px 14px; border-radius:20px; transition:background .25s ease, color .25s ease;}
.bfe-donate-card:hover .bfe-chip{ background:var(--amber-deep); color:var(--bg); }
.bfe-donate-note{max-width:1180px; margin:44px auto 0; padding:24px 28px; background:var(--grad-dark); color:var(--bg); border-radius:6px; font-size:0.92rem; display:flex; align-items:center; gap:16px;}
.bfe-donate-note strong{color:var(--amber-light);}
.bfe-note-icon{ display:inline-block; animation:bfe-sway 2.4s ease-in-out infinite; }
@keyframes bfe-sway{ 0%,100%{transform:rotate(-6deg);} 50%{transform:rotate(6deg);} }

/* ---------- impact statement ---------- */
.bfe-impact{padding:100px 24px; text-align:center;}
.bfe-impact-inner{max-width:56ch; margin:0 auto;}
.bfe-impact p{font-family:'Cormorant Garamond', serif; font-size:clamp(1.5rem,2.6vw,2rem); line-height:1.55; margin-top:20px;}
.bfe-impact strong{color:var(--amber-deep); font-weight:600;}
.bfe-count{ font-variant-numeric:tabular-nums; }

/* ---------- get involved ---------- */
.bfe-involve{padding:0 24px 110px; max-width:1180px; margin:0 auto;}
.bfe-involve-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.bfe-involve-card{ position:relative; border-radius:8px; overflow:hidden; min-height:280px; display:flex; align-items:flex-end; transition:box-shadow .35s ease; }
.bfe-involve-card:hover{ box-shadow:0 30px 50px -22px rgba(92,58,16,0.45); }
.bfe-involve-media{position:absolute; inset:0; z-index:0;}
.bfe-involve-veil{ position:absolute; inset:0; z-index:1; background:linear-gradient(to top, rgba(92,58,16,0.9), rgba(92,58,16,0.1)); transition:background .35s ease; }
.bfe-involve-card:hover .bfe-involve-veil{ background:linear-gradient(to top, rgba(92,58,16,0.96), rgba(181,117,12,0.25)); }
.bfe-involve-content{position:relative; z-index:2; padding:26px 24px; color:var(--bg); transform:translateY(6px); transition:transform .35s ease;}
.bfe-involve-card:hover .bfe-involve-content{ transform:translateY(0); }
.bfe-involve-content h3{color:var(--bg); font-size:1.35rem; margin-bottom:8px;}
.bfe-involve-content p{font-size:0.88rem; color:rgba(255,248,236,0.82); margin-bottom:14px;}
.bfe-involve-wide{grid-column:span 2;}

/* ---------- history / timeline ---------- */
.bfe-history{
  padding:110px 24px; color:var(--bg); position:relative;
  background-image:
    linear-gradient(160deg, var(--dark) 0%, var(--dark-2) 100%),
    repeating-linear-gradient(45deg, rgba(255,183,72,0.06) 0, rgba(255,183,72,0.06) 1.4px, transparent 1.4px, transparent 26px),
    repeating-linear-gradient(-45deg, rgba(255,183,72,0.06) 0, rgba(255,183,72,0.06) 1.4px, transparent 1.4px, transparent 26px);
}
.bfe-history .bfe-eyebrow{color:var(--amber-light);}
.bfe-history-top{max-width:1180px; margin:0 auto 76px; display:grid; grid-template-columns:0.9fr 1.1fr; gap:60px;}
.bfe-history-top h2{color:var(--bg);}
.bfe-history-top p{color:rgba(255,248,236,0.72); margin-top:18px; font-size:1.02rem;}
.bfe-timeline{max-width:1180px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:40px; position:relative;}
.bfe-timeline-rule{position:absolute; top:11px; left:0; right:0; height:1px; background:rgba(255,208,138,0.3);}
.bfe-t-item{position:relative; padding-top:36px; transition:transform .3s ease;}
.bfe-t-item:hover{ transform:translateY(-4px); }
.bfe-t-dot{
  position:absolute; top:0; left:0; width:11px; height:11px; border-radius:50%;
  background:var(--amber-light); box-shadow:0 0 0 4px rgba(255,208,138,0.18); display:block;
  animation:bfe-pulse 2.6s ease-in-out infinite;
}
@keyframes bfe-pulse{
  0%,100%{ box-shadow:0 0 0 4px rgba(255,208,138,0.18); }
  50%{ box-shadow:0 0 0 9px rgba(255,208,138,0.08); }
}
.bfe-t-year{font-family:'Cormorant Garamond', serif; font-size:1.7rem; color:var(--amber-light);}
.bfe-t-item h4{color:var(--bg); font-size:1.15rem; margin:10px 0 8px; font-weight:600;}
.bfe-t-item p{color:rgba(255,248,236,0.65); font-size:0.92rem;}

/* ---------- stats band ---------- */
.bfe-stats{padding:64px 24px; border-bottom:1px solid var(--line); border-top:1px solid var(--line);}
.bfe-stats-grid{max-width:1180px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); text-align:center;}
.bfe-stat{padding:0 20px; border-left:1px solid var(--line); transition:transform .3s ease;}
.bfe-stat:first-child{border-left:none;}
.bfe-stat:hover{ transform:translateY(-4px); }
.bfe-stat .bfe-num{font-family:'Cormorant Garamond', serif; font-size:2.6rem; color:var(--amber-mid);}
.bfe-stat .bfe-lbl{margin-top:8px; font-size:0.78rem; letter-spacing:0.05em; color:rgba(92,58,16,0.65);}

/* ---------- teaching quote ---------- */
.bfe-teaching{padding:120px 24px; text-align:center;}
.bfe-teaching-mark{
  width:64px; height:64px; margin:0 auto 34px; border-radius:50% 50% 0 0 / 60% 60% 0 0; border:1.4px solid var(--amber-deep);
  animation:bfe-float 4s ease-in-out infinite;
}
@keyframes bfe-float{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-8px);} }
.bfe-teaching p{max-width:26ch; margin:0 auto; font-family:'Cormorant Garamond', serif; font-style:italic; font-size:clamp(1.6rem,3vw,2.3rem); line-height:1.45;}
.bfe-teaching span{display:block; margin-top:26px; font-size:0.76rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--amber-deep);}

/* ---------- closing CTA ---------- */
.bfe-cta{max-width:1180px; margin:0 24px 100px; margin-left:auto; margin-right:auto; background:var(--grad-dark); color:var(--bg); border-radius:8px; overflow:hidden; position:relative;}
.bfe-cta-ring{position:absolute; left:-60px; bottom:-60px; width:200px; height:200px; border-radius:50%; border:1px solid rgba(255,248,236,0.18); z-index:1; animation:bfe-spin 30s linear infinite;}
@keyframes bfe-spin{ to{ transform:rotate(360deg);} }
.bfe-cta-grid{display:grid; grid-template-columns:1fr 1fr; align-items:center;}
.bfe-cta-photo{height:100%; min-height:340px; overflow:hidden;}
.bfe-cta-content{padding:60px; position:relative; z-index:2;}
.bfe-cta-content h2{color:var(--bg); font-size:clamp(1.8rem,3vw,2.4rem); max-width:16ch;}
.bfe-cta-content p{color:rgba(255,248,236,0.78); margin:16px 0 28px; max-width:42ch;}

/* ---------- footer ---------- */
.bfe-footer{background:var(--grad-dark); color:rgba(255,248,236,0.7); padding:70px 24px 30px;}
.bfe-footer-grid{max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1.2fr 0.8fr 0.8fr 1.3fr; gap:40px; padding-bottom:44px; border-bottom:1px solid rgba(255,248,236,0.12);}
.bfe-footer-brand .bfe-brand-name{color:var(--bg); font-family:'Cormorant Garamond', serif; font-size:1.24rem; font-weight:600;}
.bfe-footer-brand p{margin-top:16px; font-size:0.88rem; max-width:30ch; color:rgba(255,248,236,0.55);}
.bfe-footer-col h5{font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--amber-light); margin-bottom:16px; font-weight:500;}
.bfe-footer-col a, .bfe-footer-col p{display:block; margin-bottom:10px; font-size:0.88rem; color:rgba(255,248,236,0.62); transition:color .25s ease, transform .25s ease;}
.bfe-footer-col a:hover{ color:var(--bg); transform:translateX(3px); }
.bfe-footer-social{display:flex; gap:14px; margin-top:6px;}
.bfe-footer-social a{
  width:32px; height:32px; border:1px solid rgba(255,248,236,0.3); border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:0.7rem;
  transition:background .25s ease, transform .25s ease, border-color .25s ease;
}
.bfe-footer-social a:hover{ background:var(--amber); border-color:var(--amber); color:var(--dark); transform:translateY(-3px); }
.bfe-newsletter h5{font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--amber-light); margin-bottom:16px; font-weight:500;}
.bfe-nl-row{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:10px;}
.bfe-nl-row input, .bfe-newsletter input{
  width:100%; padding:11px 12px; border-radius:4px; border:1px solid rgba(255,248,236,0.25);
  background:rgba(255,248,236,0.06); color:var(--bg); font-family:'Jost', sans-serif; font-size:0.85rem;
  transition:border-color .25s ease, background .25s ease;
}
.bfe-nl-row input:focus, .bfe-newsletter input:focus{ outline:none; border-color:var(--amber); background:rgba(255,248,236,0.1); }
.bfe-nl-row input::placeholder, .bfe-newsletter input::placeholder{color:rgba(255,248,236,0.45);}
.bfe-footer-bottom{max-width:1180px; margin:0 auto; padding-top:26px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:0.78rem; color:rgba(255,248,236,0.4);}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .bfe-nav-links{display:none;}
  .bfe-hero-inner{grid-template-columns:1fr;}
  .bfe-mv-grid{grid-template-columns:1fr; gap:36px;}
  .bfe-work-grid{grid-template-columns:1fr;}
  .bfe-donate-grid{grid-template-columns:1fr;}
  .bfe-involve-grid{grid-template-columns:1fr;}
  .bfe-involve-wide{grid-column:span 1;}
  .bfe-history-top{grid-template-columns:1fr;}
  .bfe-timeline{grid-template-columns:1fr; gap:30px;}
  .bfe-timeline-rule{display:none;}
  .bfe-stats-grid{grid-template-columns:repeat(2,1fr); row-gap:30px;}
  .bfe-stat{border-left:none;}
  .bfe-cta-grid{grid-template-columns:1fr;}
  .bfe-cta-photo{min-height:220px;}
  .bfe-cta-content{padding:44px 30px;}
  .bfe-footer-grid{grid-template-columns:1fr 1fr; row-gap:36px;}
  .bfe-section-head{flex-direction:column; align-items:flex-start;}
  .bfe-section-head p{text-align:left;}
}
@media (max-width:560px){
  .bfe-footer-grid{grid-template-columns:1fr;}
  .bfe-give-amounts{grid-template-columns:repeat(2,1fr);}
  .bfe-nl-row{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion: reduce){
  .bfe-reveal{opacity:1; transform:none; transition:none;}
  .bfe-t-dot, .bfe-teaching-mark, .bfe-note-icon, .bfe-cta-ring{ animation:none; }
  .bfe *{ transition-duration:0.01ms !important; animation-duration:0.01ms !important; }
}