/* index.css — homepage-only styles. base.css handles nav, footer, buttons, reveal animation. */

section{padding:88px 24px;}

/* STATS BAND */
.stats-band{background:var(--charcoal); color:var(--cream); padding:48px 24px;}
.stats-grid{max-width:1000px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); text-align:center; gap:20px;}
.stat-num{font-family:'Bebas Neue',sans-serif; font-size:52px; color:var(--amber); line-height:1;}
.stat-label{font-size:12px; text-transform:uppercase; letter-spacing:0.12em; color:#B9C7BB; margin-top:6px;}

/* HERO */
.hero{position:relative; min-height:92vh; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; overflow:hidden; padding:0;}
.hero-carousel{position:absolute; inset:0; z-index:0;}
.hero-slide{position:absolute; inset:0; opacity:0; transition:opacity 1.2s ease;}
.hero-slide.active{opacity:1;}
.hero-slide img, .hero-slide video{width:100%; height:100%; object-fit:cover;}
.hero::before{content:""; position:absolute; inset:0; background:linear-gradient(180deg,
  rgba(4, 18, 35, 0.35) 0%,
  rgba(4, 18, 35, 0.70) 55%,
  rgba(8, 12, 22, 0.95) 100%); z-index:1;}
.hero-content{position:relative; z-index:2; padding:24px; max-width:760px;}
.hero h1{font-size:clamp(48px,8.5vw,96px); line-height:0.92; margin-bottom:20px;}
.hero p{font-size:18px; max-width:480px; margin:0 auto 30px; color:#E4DECE;}
.hero-content h1{animation:heroIn 0.9s ease both;}
.hero-content p{animation:heroIn 0.9s ease 0.15s both;}
.hero-content .btn{animation:heroIn 0.9s ease 0.3s both;}
@keyframes heroIn{from{opacity:0; transform:translateY(18px);} to{opacity:1; transform:translateY(0);}}

/* FEATURED EVENT */
.featured{display:grid; grid-template-columns:1.1fr 1fr; gap:56px; align-items:center;}
.featured-media{border-radius:6px; height:460px; overflow:hidden; transition:transform 0.5s ease;}
.featured-media img, .featured-media video{width:100%; height:100%; object-fit:cover; display:block;}
.featured:hover .featured-media{transform:scale(1.03);}

.countdown{display:flex; gap:12px; margin:22px 0;}
.countdown-box{background:var(--cream); border:1px solid var(--line); border-radius:6px; padding:12px 14px; text-align:center; min-width:64px;}
.countdown-box span{display:block; font-family:'Bebas Neue',sans-serif; font-size:28px; color:var(--rust); line-height:1;}
.countdown-box label{display:block; font-size:11px; text-transform:uppercase; letter-spacing:0.06em; color:#8A7B65; margin-top:4px;}
.coming-soon-banner{background:rgba(242,184,75,0.16); border:1px solid rgba(242,184,75,0.5); color:var(--amber-dark); font-weight:700; padding:14px 18px; border-radius:6px; margin:16px 0;}
.featured-text h2{font-size:40px; color:var(--forest); margin:6px 0 18px; line-height:1.05;}
.featured-text p{font-size:16px; color:#5A4C3D; margin-bottom:10px;}
.featured-meta{display:flex; gap:28px; margin:20px 0 26px;}
.featured-meta div span{display:block; font-size:12px; text-transform:uppercase; letter-spacing:0.1em; color:#8A7B65;}
.featured-meta div strong{font-family:'Bebas Neue',sans-serif; font-size:24px; color:var(--rust); letter-spacing:0.02em;}

/* VISION / MISSION */
.vision-band{background:var(--forest); color:var(--cream); text-align:center;}
.vision-band h2{font-size:34px; max-width:680px; margin:0 auto 48px;}
.vision-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px; text-align:left;}
.vision-card{background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12); border-radius:6px; padding:26px 24px; transition:transform 0.25s ease, background 0.25s ease;}
.vision-card:hover{transform:translateY(-6px); background:rgba(255,255,255,0.09);}
.vision-card .num{font-family:'Bebas Neue',sans-serif; font-size:34px; color:var(--amber); margin-bottom:10px;}
.vision-card h3{font-size:17px; margin-bottom:8px; letter-spacing:0.02em;}
.vision-card p{font-size:14px; color:#C9D3CB;}

/* WHAT TO EXPECT */
.expect-title{text-align:center; margin-bottom:48px;}
.expect-title h2{font-size:36px; color:var(--forest); max-width:640px; margin:0 auto;}
.expect-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.expect-item .img-wrap{overflow:hidden; border-radius:6px; margin-bottom:14px;}
.expect-item img, .expect-item video{height:160px; width:100%; object-fit:cover; display:block; transition:transform 0.5s ease;}
.expect-item:hover .img-wrap img, .expect-item:hover .img-wrap video{transform:scale(1.08);}
.expect-item .num{font-family:'Bebas Neue',sans-serif; font-size:30px; color:var(--rust);}
.expect-item h4{font-size:15px; color:var(--forest); margin:4px 0 6px;}
.expect-item p{font-size:13px; color:#5A4C3D;}

/* MOMENTS GALLERY PREVIEW */
.gallery-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:36px;}
.gallery-grid .img-wrap{border-radius:4px; overflow:hidden;}
.gallery-grid img{height:230px; width:100%; object-fit:cover; border-radius:4px; transition:transform 0.5s ease;}
.gallery-grid .img-wrap:hover img{transform:scale(1.08);}

/* NEWSLETTER / JOIN BAND */
.join-band{background:var(--charcoal); color:var(--cream); text-align:center;}
.join-band h2{font-size:38px; margin-bottom:10px;}
.join-band p{color:#B9C7BB; margin-bottom:28px;}
.join-form{display:flex; gap:10px; max-width:480px; margin:0 auto; flex-wrap:wrap;}
.join-form input{flex:1; min-width:160px; padding:14px 16px; border:none; border-radius:3px; font-size:15px;}
.join-form button{background:var(--rust); color:#fff; border:none; padding:14px 26px; border-radius:3px; font-family:'Bebas Neue',sans-serif; font-size:17px; letter-spacing:0.05em; cursor:pointer;}
.join-form button:hover{background:#b83a17;}

@media (max-width:800px){
  .stats-grid{grid-template-columns:repeat(2,1fr); gap:28px;}
  .featured{grid-template-columns:1fr;}
  .vision-grid{grid-template-columns:1fr;}
  .expect-grid{grid-template-columns:repeat(2,1fr);}
  .gallery-grid{grid-template-columns:repeat(2,1fr);}
}