/* ==========================================================
   EVENT LANDING
========================================================== */

body{

    background:var(--event-bg);

}

body:has(.event-intro) .event-intro{

    padding-top:30px;

}
.event-section{

    position:relative;

    padding:60px 0 80px;

}

.event-container{

    width:min(var(--event-max-width),calc(100% - 80px));

    margin:auto;

}

.event-label{

    display:inline-block;

    margin-bottom:18px;

    color:var(--event-primary);

    font-size:14px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

}

.event-section h2{

    margin:0 0 28px;

    color:var(--event-secondary);

    font-family:Georgia,serif;

    font-size:56px;

    line-height:1.15;

    font-weight:500;

}

.event-text{

    max-width:900px;

    margin:0 auto;

    color:var(--event-text);

    font-size:21px;

    line-height:1.9;

}

.event-intro{

    text-align:center;

    margin-top:0px;

    padding-top:0;

}

.event-intro-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:28px;

    margin-top:70px;

}

.intro-card{

    padding:38px 30px;

    background:var(--event-surface);

    border:1px solid var(--event-border);

    border-radius:var(--event-radius);

    box-shadow:var(--event-shadow);

    transition:var(--event-transition);

}

.intro-card:hover{

    transform:translateY(-8px);

}

.intro-icon{

    font-size:42px;

    margin-bottom:20px;

}

.intro-card h3{

    margin:0 0 14px;

    color:var(--event-secondary);

    font-size:24px;

}

.intro-card p{

    margin:0;

    color:var(--event-text-light);

    line-height:1.8;

}