/* =========================
NEWS PAGE
========================= */


.news-feature {

height:85vh;
position:relative;
overflow:hidden;

}


.feature-link {

display:block;
height:100%;
color:white;
text-decoration:none;

}


.feature-link img {

width:100%;
height:100%;
object-fit:cover;

}



.feature-overlay {

position:absolute;
inset:0;

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

padding:6vw;

background:
linear-gradient(
transparent,
rgba(0,0,0,.85)
);

}



.feature-overlay h1 {



font-size:clamp(2.5rem,5vw,5rem);

max-width:900px;

margin:0 0 20px;

}



.feature-overlay span {

margin-top:20px;

color:white;

border-bottom:2px solid #BE1333;

width:max-content;

padding-bottom:5px;

}





/* GRID */


.news-grid-section {

padding:80px 5vw;

}



.news-grid {


columns:3;

column-gap:20px;


}




.news-card {


display:block;

position:relative;

overflow:hidden;

margin-bottom:20px;

break-inside:avoid;

color:white;

text-decoration:none;


}



.news-card img {


width:100%;

height:auto;

display:block;

transition:.5s;


}



.news-card:hover img {

transform:scale(1.04);

}




.news-card-overlay {


position:absolute;

inset:0;

display:flex;

flex-direction:column;

justify-content:flex-end;

padding:25px;


background:
linear-gradient(
transparent,
rgba(0,0,0,.8)
);


}



.news-card-overlay h3 {




font-size:1.8rem;

margin:0;


transform:translateY(10px);

transition:.3s;


}



.news-card-overlay p {

margin:5px 0;

opacity:.8;


}



.news-card-overlay span {


opacity:0;

transform:translateY(10px);

transition:.3s;


}



.news-card:hover h3 {

transform:translateY(-10px);

}


.news-card:hover span {


opacity:1;

transform:translateY(-5px);


}



/* CTA */


.news-program {


background:#BE1333;

color:white;

padding:100px 5vw;

text-align:center;


}


.news-program h2 {



font-size:3rem;

}


.news-program a {


display:inline-block;

margin-top:30px;

padding:15px 40px;

background:white;

color:#BE1333;

text-decoration:none;

font-weight: 400;


}





@media(max-width:900px){

.news-grid{

columns:2;

}

}



@media(max-width:600px){

.news-grid{

columns:1;

}


.news-feature{

height:70vh;

}

}