/* ========================================
HERO
======================================== */

.news-hero{
height:100vh;
position:relative;

display:flex;
align-items:center;
justify-content:center;

overflow:hidden;
}

.hero-video{
position:absolute;
inset:0;

width:100%;
height:100%;

object-fit:cover;
}

.hero-overlay{
position:absolute;
inset:0;

background:
linear-gradient(
to bottom,
rgba(0,0,0,0.45),
rgba(0,0,0,0.92)
);
}

.hero-content{
position:relative;
z-index:2;

max-width:950px;
text-align:center;

padding:20px;
}

.hero-tag{
display:inline-block;

padding:10px 18px;

border-radius:50px;

background:rgba(255,255,255,0.06);

border:1px solid rgba(255,255,255,0.12);

color:var(--gold);

font-size:13px;
letter-spacing:2px;
text-transform:uppercase;

margin-bottom:30px;
}

.hero-content p{
max-width:760px;
margin:30px auto 40px;
}

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

/* ========================================
FEATURED NEWS
======================================== */

.featured-grid{
display:grid;
grid-template-columns:1.4fr 0.6fr;
gap:30px;
}

.featured-card{
position:relative;
overflow:hidden;
border-radius:16px;
min-height:620px;
}

.featured-card img{
width:100%;
height:100%;
object-fit:cover;
}

.featured-overlay{
position:absolute;
inset:0;

display:flex;
flex-direction:column;
justify-content:flex-end;

padding:40px;

background:
linear-gradient(
transparent,
rgba(0,0,0,0.95)
);
}

.side-news{
display:flex;
flex-direction:column;
gap:30px;
}

.mini-news{
display:flex;
flex-direction:column;
overflow:hidden;
}

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

.mini-content{
padding:25px;
}

/* ========================================
NEWS META
======================================== */

.news-meta{
display:flex;
gap:15px;
margin-bottom:20px;
flex-wrap:wrap;
}

.news-meta span{
padding:8px 14px;

background:rgba(212,175,55,0.15);

border:1px solid rgba(212,175,55,0.2);

border-radius:40px;

font-size:12px;
letter-spacing:1px;

color:var(--gold);
}

/* ========================================
NEWS GRID
======================================== */

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

.news-card{
overflow:hidden;
}

.news-image{
height:260px;
overflow:hidden;
}

.news-image img{
width:100%;
height:100%;
object-fit:cover;
transition:0.6s;
}

.news-card:hover img{
transform:scale(1.08);
}

.news-content{
padding:30px;
}

.news-content h3{
margin-bottom:18px;
}

.read-more{
display:inline-block;
margin-top:20px;

text-decoration:none;

color:var(--gold);
font-weight:600;
}

/* ========================================
VIDEO SECTION
======================================== */

.video-section{
background:#101010;
}

.video-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
}

.video-card{
overflow:hidden;
}

.video-thumbnail{
height:340px;
position:relative;
overflow:hidden;
}

.video-thumbnail img{
width:100%;
height:100%;
object-fit:cover;
transition:0.6s;
}

.video-card:hover img{
transform:scale(1.08);
}

.play-button{
position:absolute;
top:50%;
left:50%;

transform:translate(-50%,-50%);

width:90px;
height:90px;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;

background:rgba(212,175,55,0.9);

font-size:28px;
color:black;
}

.video-info{
padding:30px;
}

/* ========================================
PRESS
======================================== */

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

.press-card{
background:#141414;

padding:40px 30px;

border-radius:14px;

transition:0.4s;

border:1px solid rgba(255,255,255,0.05);
}

.press-card:hover{
transform:translateY(-10px);
border-color:rgba(212,175,55,0.4);
}

.press-card h3{
margin-bottom:20px;
}

/* ========================================
NEWSLETTER
======================================== */

.newsletter{
text-align:center;

background:
linear-gradient(
rgba(0,0,0,0.82),
rgba(0,0,0,0.92)
),
url('../images/cta-bg.jpg') center/cover;
}

.newsletter p{
max-width:700px;
margin:25px auto 40px;
}

.newsletter-form{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}

.newsletter-form input{
width:420px;
max-width:100%;

padding:18px 22px;

background:#111;

border:1px solid rgba(255,255,255,0.08);

border-radius:6px;

color:white;

outline:none;
}

/* ========================================
FOOTER
======================================== */

footer{
padding:30px;
text-align:center;
background:black;
}

/* ========================================
RESPONSIVE
======================================== */

@media(max-width:1100px){

.news-grid,
.press-grid{
grid-template-columns:1fr 1fr;
}

.featured-grid,
.video-grid{
grid-template-columns:1fr;
}

}

@media(max-width:768px){

.news-grid,
.press-grid,
.video-grid{
grid-template-columns:1fr;
}

.hero-buttons{
flex-direction:column;
align-items:center;
}

.featured-card{
min-height:520px;
}

.play-button{
width:70px;
height:70px;
font-size:22px;
}

}