.post-section, .news-section{
    padding: 50px 100px;
}

.post-title{
    font-size: 2.5rem;
    margin-bottom: 20px;
    margin-left: 150px;
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.post-subtitle, .news-title{
    font-size: 2rem;
    margin-left: 150px;
    margin-bottom: 50px;
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.post-subtitle {
    font-weight: 400;
}

.post-latest{
    display: flex;
    flex-direction: column;
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}
.post-latest span{ 
    font-size: 1.5rem;
    font-weight: 500; 
    margin-bottom: 20px;
}
.post-underline{
    height: 4px;
    background: linear-gradient(to left, #461750, #8c2fa0, #3795bd, #117dc8);
}

.post-carousel, .news-carousel, .studies-carousel{
    position: relative;
}

.post-viewport, .news-viewport, .studies-viewport{
    overflow: hidden;
    transition: opacity .28s ease;
}

.post-viewport.is-fading, .news-viewport.is-fading, .studies-viewport.is-fading{ 
    opacity: 0; 
}

.post-track, .news-track, .studies-track{
    display: grid;              
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    padding: 30px 50px;
    list-style: none;
    margin: 0;
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.post-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(0,0,0,.15);
    overflow: hidden;
}

.post-link, .event-link, .study-link {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 100%;
    text-decoration: none;
}

.post-cover, .event-cover, .study-cover{
    aspect-ratio: 16 / 10;
    width: 100%;
    object-fit: cover;
    display: block;
}

.post-body, .event-body, .study-body{
    padding: 16px;
    display: grid;
    row-gap: 10px;
}

.post-title-post{
    margin: 0%;
    font-size: 1.3rem;
    font-weight: 700;
    color: #0f172a;
    text-decoration: none;
    min-height: 3lh;
}
.post-link:hover .post-title-post, .event-link:hover .event-title-post, .post-link:hover .news-title-post, .post-link:hover .study-title-post{ color:#7c3aed; }

.post-excerpt{
    font-size: 0.9rem;
    color: #334155;
    min-height: 8lh;
}

.post-btn, .news-btn, .studies-btn{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px; 
    height: 60px;
    border: none; 
    border-radius: 999px;
    display: grid; place-items: center;
    background: none;
    color: #0f172a;
    cursor: pointer;
    transition: transform .15s ease, filter .15s ease;
}

.post-btn:hover, .news-btn:hover, .studies-btn:hover{ 
    transform: translateY(-50%) scale(1.03); 
    filter: brightness(1.03); 
}

.post-btn.prev, .news-btn.prev, .studies-btn.prev{ 
    left: -14px; 
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.post-btn.next, .news-btn.next, .studies-btn.next{ 
    right: -14px;
    opacity: 0;
    transform: translateX(30px);
    transition: opacity 1s ease-out, transform 1s ease-out; 
}

@media (1127px <= width < 1160px) {
    .post-title-post{
        min-height: 2lh;
    }
}

@media (1160px <= width < 1210px), (1490px <= width < 1523px), (1820px <= width < 1836px) {
    .post-title-post{
        min-height: 4lh;
    }
}

@media (1160px <= width < 1205px), (1490px <= width < 1517px), (1820px <= width < 1828px) {
    .post-excerpt{
        min-height: 9lh;
    }
}

@media (width < 1061px), (1301px <= width < 1456px), (1644px <= width < 1820px), (1987px <= width < 2150px) {
    .post-excerpt{
        min-height: 7lh;
    }
}

@media (1061px <= width < 1160px), (1456px <= width < 1490px) {
    .post-excerpt{
        min-height: 6lh;
    }
}





.events-section{
    padding: 50px 100px;
    background: linear-gradient(to right, #b396c9, #d5a0e4, #9fcbdd, #89bde3);
}

.events-title{
    font-size: 2rem;
    margin-bottom: 20px;
    margin-left: 150px;
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.events-carousel{
    position: relative;
}

.events-viewport{
    margin: 0 auto;
    margin-inline: auto;
    position: relative;
    overflow: hidden;
    padding: 50px 0px;
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.events-track{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 30px;
    will-change: transform;
    transition: transform 420ms cubic-bezier(.2,.7,.2,1);
}

.event {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(0,0,0,.15);
    overflow: hidden;
    width: 20%;
    min-height: 300px;
    perspective: 1000px;
}

.event-title-post{
    margin: 0%;
    font-size: 1.3rem;
    font-weight: 700;
    color: #0f172a;
    text-decoration: none;
    min-height: 1lh;
    text-align: center;
}

.event-excerpt{
    font-size: 0.9rem;
    color: #334155;
    min-height: 2lh;
}

@media (width < 1288px) {
    .event-title-post{
        min-height: 2lh;
    }
}

@media (1558px <= width < 2263px) {
    .event-excerpt{
        min-height: 3lh;
    }
}

@media (1347px <= width < 1558px) {
    .event-excerpt{
        min-height: 4lh;
    }
}

@media (width < 1347px) {
    .event-excerpt{
        min-height: 5lh;
    }
}

@media (width <= 1000px) {
    .events-section{
        padding: 50px 0px;
    }
}





.news-title-post{
    margin: 0%;
    font-size: 1.3rem;
    font-weight: 700;
    color: #0f172a;
    text-decoration: none;
    min-height: 4lh;
}

.news-excerpt{
    font-size: 0.9rem;
    color: #334155;
    min-height: 8lh;
}

@media (width < 1000px) {
    .news-section{
        padding: 50px 20px;
    }
}

@media (width < 1000px), (1002px <= width < 1160px), (1368px <= width < 1490px), (1734px <= width < 1820px), (2100px <= width < 2150px) {
    .news-title-post{
        min-height: 3lh;
    }
}

@media (width < 1000px), (1121px <= width < 1160px) {
    .news-excerpt{
        min-height: 5lh;
    }
}

@media (1033px <= width < 1121px), (1414px <= width < 1490px), (1795px <= width < 1820px) {
    .news-excerpt{
        min-height: 6lh;
    }
}

@media (1000px <= width < 1033px), (1269px <= width < 1414px), (1603px <= width < 1795px), (1935px <= width < 2150px) {
    .news-excerpt{
        min-height: 7lh;
    }
}

@media (1160px <= width < 1183px) {
    .news-excerpt{
        min-height: 9lh;
    }
}





.studies-section{
    padding: 50px 100px;
    background: #ebebeb;
}

.studies-title{
    font-size: 2rem;
    margin-bottom: 20px;
    margin-left: 150px;
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.study-title-post{
    margin: 0%;
    font-size: 1.3rem;
    font-weight: 700;
    color: #0f172a;
    text-decoration: none;
    text-align: center;
}

@media (width <= 1000px) {
    .studies-section{
        padding: 50px;
    }

    .studies-title{
        margin-left: 125px;
    }
}


.post-section.visible .post-title, .post-section.visible .post-subtitle, .post-section.visible .post-latest, .post-section.visible .post-track, .post-section.visible .post-btn.prev, .post-section.visible .post-btn.next,
.events-section.visible .events-title, .events-section.visible .events-viewport,
.news-section.visible .news-title, .news-section.visible .news-track, .news-section.visible .news-btn.prev, .news-section.visible .news-btn.next,
.studies-section.visible .studies-title, .studies-section.visible .studies-track, .studies-section.visible .studies-btn.prev, .studies-section.visible .studies-btn.next
{
    opacity: 1;
    transform: none;
}