/* HERO */

.updates-hero{

height:110vh;

position:relative;

overflow:hidden;

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

text-align:center;

}



/* HERO VIDEO */

.updates-video{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

object-fit:cover;

z-index:-2;

}



/* DARK OVERLAY */

.updates-hero::before{

content:"";

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.8);

z-index:-1;

}



/* HERO TITLE */

.updates-overlay h1{

font-family:'Caudex', serif;

font-size:66px;

letter-spacing:3px;

color:white;

}



/* BLACK BANNER */

.updates-banner{

background:rgba(0,0,0,0.70);

backdrop-filter:blur(10px);

padding:70px 8%;

margin-top:-160px;

position:relative;

z-index:5;

}



.updates-banner-inner{

max-width:900px;

margin:auto;

text-align:center;

display:flex;
flex-direction:column;

gap:20px;

}



.updates-banner-inner h2{

font-family:'Caudex', serif;

font-size:48px;

color:white;

}


.updates-banner-inner p{

font-family:'Caudex', serif;

font-size:18px;

line-height:1.6;

color:#d0d0d0;

}



.updates-banner-inner a{

color:#3a55ff;

text-decoration:none;

}



/* UPDATES SECTION */

.updates-section{

position:relative;

padding:120px 8%;

overflow:hidden;

}



/* BACKGROUND VIDEO */

/* NIGHT SKY BACKGROUND VIDEO */

.updates-bg-video{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

/* prevents blur when scaling */

object-fit:cover;

transform:scale(1.01);

z-index:-2;

}



/* DARK OVERLAY */

.updates-section::before{

content:"";

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.25);

z-index:-1;

}



/* GRID */

.updates-grid{

display:grid;

/* responsive grid instead of fixed 2 columns */

grid-template-columns:repeat(auto-fit, minmax(320px,1fr));

gap:50px;

max-width:1200px;

margin:auto;

}


/* CARD */

.update-card{

background:rgba(0,0,0,0.75);

padding:30px;

border-radius:12px;

transition:.3s;

}



.update-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 40px rgba(0,0,0,.6);

}



.update-card img{

width:100%;

height:240px;

object-fit:cover;

border-radius:6px;

margin-bottom:20px;

}



.update-card h3{

font-family:'Caudex', serif;

font-size:26px;

margin-bottom:22px;

color:white;

}



.update-card p{

font-family:'Caudex', serif;

font-size:16px;

line-height:1.8;

color:#ddd;

}


/* MOBILE */

@media(max-width:900px){

.updates-grid{

grid-template-columns:1fr;

}

.updates-overlay h1{

font-size:48px;

}

}