/* NACCF Homepage CSS - Keep Hero, Rebuild Below */

.hero-v4{
position:relative;
height:760px;
overflow:hidden;
background:#111;
}

.hero-slide{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
transition:opacity 1.2s ease-in-out;
}

.hero-slide.active{
opacity:1;
z-index:1;
}

.hero-slide img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.hero-dark-layer{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(to bottom,rgba(0,0,0,.35),rgba(0,0,0,.25),rgba(0,0,0,.65));
z-index:2;
}

.hero-panel{
position:absolute;
top:68%;
left:50%;
transform:translate(-50%,-50%);
z-index:5;
width:82%;
max-width:980px;
text-align:center;
background:rgba(0,0,0,.38);
padding:34px 44px;
border-radius:22px;
backdrop-filter:blur(8px);
box-shadow:0 18px 45px rgba(0,0,0,.35);
}

.hero-panel h1{
font-size:58px;
line-height:1.12;
color:white;
margin-bottom:14px;
text-shadow:0 5px 18px rgba(0,0,0,.95);
}

.hero-panel h2{
font-size:30px;
color:#d4af37;
margin-bottom:12px;
}

.hero-panel p{
font-size:20px;
color:white;
max-width:850px;
margin:0 auto 24px;
line-height:1.6;
}

.hero-buttons{
display:flex;
justify-content:center;
gap:18px;
flex-wrap:wrap;
}

.hero-buttons a{
padding:14px 34px;
border-radius:50px;
font-weight:bold;
transition:.3s;
}

.hero-buttons .gold{
background:#d4af37;
color:white;
}

.hero-buttons .white{
border:2px solid white;
color:white;
}

.slider-dots{
position:absolute;
left:50%;
bottom:28px;
transform:translateX(-50%);
display:flex;
gap:12px;
z-index:8;
}

.slider-dot{
width:13px;
height:13px;
border-radius:50%;
background:white;
opacity:.45;
cursor:pointer;
}

.slider-dot.active{
background:#d4af37;
opacity:1;
}

/* BELOW HERO */

.mission-section{
padding:90px 8%;
background:#f8f5ef;
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;
}

.mission-text h2{
font-size:46px;
color:#7a1f1f;
margin-bottom:12px;
}

.mission-text h3{
font-size:24px;
color:#d4af37;
margin-bottom:20px;
}

.mission-text p{
font-size:18px;
color:#555;
margin-bottom:18px;
}

.mission-image img{
width:100%;
border-radius:24px;
box-shadow:0 16px 40px rgba(0,0,0,.18);
}

.home-programs{
padding:95px 8%;
background:white;
}

.programs-title{
text-align:center;
margin-bottom:55px;
}

.programs-title h2{
font-size:46px;
color:#7a1f1f;
margin-bottom:10px;
}

.programs-title p{
font-size:20px;
color:#666;
}

.programs-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:34px;
}

.home-program-card{
background:#fff;
border-radius:22px;
overflow:hidden;
box-shadow:0 14px 35px rgba(0,0,0,.12);
transition:.35s;
}

.home-program-card:hover{
transform:translateY(-8px);
box-shadow:0 22px 55px rgba(0,0,0,.2);
}

.home-program-card img{
width:100%;
height:230px;
object-fit:cover;
}

.home-program-content{
padding:28px;
}

.home-program-content span{
display:inline-block;
background:#e8f5e9;
color:#2e7d32;
font-size:12px;
font-weight:bold;
padding:6px 12px;
border-radius:20px;
margin-bottom:14px;
}

.home-program-content h3{
font-size:26px;
color:#7a1f1f;
margin-bottom:10px;
}

.home-program-content p{
font-size:16px;
color:#555;
margin-bottom:22px;
}

.program-actions{
display:flex;
gap:12px;
flex-wrap:wrap;
}

.learn-btn,
.donate-btn{
display:inline-block;
padding:11px 22px;
border-radius:30px;
font-weight:bold;
font-size:14px;
}

.learn-btn{
background:#d4af37;
color:white;
}

.donate-btn{
background:#111;
color:white;
}

.impact-section{
padding:95px 8%;
background:#111;
color:white;
text-align:center;
}

.impact-section h2{
font-size:48px;
color:#d4af37;
margin-bottom:10px;
}

.impact-section p{
font-size:20px;
color:#ddd;
margin-bottom:55px;
}

.impact-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:28px;
}

.impact-card{
background:#1d1d1d;
border-radius:22px;
padding:42px 22px;
box-shadow:0 12px 35px rgba(0,0,0,.25);
}

.impact-card h3{
font-size:46px;
color:#d4af37;
margin-bottom:8px;
}

.impact-card span{
font-size:17px;
color:#eee;
}

.news-section{
padding:95px 8%;
background:#f8f5ef;
}

.news-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:32px;
}

.news-card{
background:white;
border-radius:22px;
overflow:hidden;
box-shadow:0 12px 35px rgba(0,0,0,.12);
}

.news-card img{
width:100%;
height:220px;
object-fit:cover;
}

.news-content{
padding:28px;
}

.news-content small{
color:#d4af37;
font-weight:bold;
}

.news-content h3{
font-size:24px;
color:#7a1f1f;
margin:10px 0;
}

.news-content p{
color:#555;
}

.home-cta{
padding:105px 8%;
background:linear-gradient(135deg,#7a1f1f,#111);
color:white;
text-align:center;
}

.home-cta h2{
font-size:50px;
margin-bottom:18px;
}

.home-cta p{
font-size:20px;
max-width:850px;
margin:0 auto 32px;
}

.cta-buttons{
display:flex;
justify-content:center;
gap:18px;
flex-wrap:wrap;
}

.cta-gold,
.cta-white{
display:inline-block;
padding:14px 34px;
border-radius:50px;
font-weight:bold;
}

.cta-gold{
background:#d4af37;
color:white;
}

.cta-white{
background:white;
color:#7a1f1f;
}

.reveal{
opacity:1;
transform:none;
}

@media(max-width:950px){
.programs-grid,
.news-grid,
.impact-grid,
.mission-section{
grid-template-columns:1fr;
}

.hero-v4{
height:680px;
}

.hero-panel{
top:66%;
width:90%;
padding:26px 22px;
}

.hero-panel h1{
font-size:36px;
}

.hero-panel h2{
font-size:24px;
}

.hero-panel p{
font-size:16px;
}
}