.hero{
        background:#3E7494;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-direction:column;
        padding:2rem;
        height:420px;
        text-align:center;
        position:relative;
        margin-bottom:3rem;
    }

    .hero .content{ max-width:700px; margin:0 auto; position:relative; z-index:3; }
    .hero .backdrop{
        position:absolute;
        top:0; left:0; right:0; bottom:0;
        z-index:1;
        overflow:hidden;
    }

    .hero .backdrop img{ 
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .hero .backdrop .overlay{
        color:#3E7494;
        opacity:0.75;
        position:absolute;
        top:0; left:0; right:0; bottom:0;
        z-index:2;
    }

    .hero h1{ 
        color:#fff;
        font-size:2.5rem;
        margin-bottom:0.75rem;
    }

    .hero .subheading{
        color:rgba(255,255,255,0.8);
        font-size:1.25rem;
    }

    .details h3{ margin-bottom:2rem; }
    .details .content{ margin-bottom:2rem; }
    .event-info{
        display:flex;
        flex-wrap:wrap;
        gap:3rem;
    }

    .event-info .event-info-block{
        display:flex;
        align-items:center;
        gap:0.75rem;
    }

    .event-info .event-info-block figure{
        display:flex;
        width:54px; height:54px;
        align-items:center;
        justify-content:center;
        background:#3e748f;
        border-radius:50%;
        margin:0; padding:0;
    }

    .event-info .event-info-block figure svg{
        fill:#fff;
        width:24px;
        display:block;
    }

    /* .event-section .calendar-links{
        display:flex;
        flex-wrap:wrap;
        gap:1rem;
        margin-top:2rem;
    } */

    .event-section .topics-speakers li{ margin-bottom:0.5rem; }
    
    .event-section .topics-speakers .speaker.secondary{
        display:block;
        font-style:italic;
        color:#555;
    }

    .event-section .event-details ul ul{ margin:0; }
    .event-section .event-details *:last-child{
        margin-bottom:0;
        padding-bottom:0;
    }

    .feature{
        background:#aaa;
        padding:2.25rem;
        border-radius:0.5rem;
        color:rgba(255,255,255,.9);
        min-height:280px;
        display:block;
        position:relative;
    }

    .feature.bg-image{
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
    }

    .feature.bg-blue{ background: linear-gradient(135deg, #3e748f 0%, #2a4e61 100%); }
    .feature.bg-yellow{ background: linear-gradient(135deg, #e58c17 0%, #ffb94a 100%); }
    .feature.bg-green{ background: linear-gradient(135deg, #2dad88 0%, #4ac6a4 100%); }
    .feature.bg-purple{ background: linear-gradient(135deg, #9593c9 0%, #5a548f 100%); }

    .feature h3{ color:#fff; margin:0 0 0.375rem; }
    .feature .date{ font-size:1rem; color:#fff; }
    .feature p{ margin:0 0 2rem; padding:0; }

    .feature:hover p, .feature:hover .details{ color:#fff; }

    .feature .detail{
        display:flex;
        gap:0.5rem;
        margin:0 0 0.25rem;
        font-size:0.875rem;
    }

    .feature .detail figure{ margin:0; padding:3px 0 0; }
    .feature .detail svg{ fill:#fff; width:16px; height:16px; display:block; }

    .feature .action-symbol {
        background: #CE0D1C;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
        width: 42px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0.5rem 0 0.5rem 0;
        transition: background 0.2s ease;
    }

    .feature:hover .action-symbol {
        background: #e10e1f;
    }

    .feature .action-symbol svg {
        display: block;
        fill: #fff;
    }

    .feature + .feature{
        margin-top:1.5rem;
    }

    .event-section{ margin-bottom:5rem; }

    .related-events{
        background:#f9f9f9;
        padding:4rem 0;
    }

    .related-event-grid{
        display:grid;
        gap:1.5rem;
    }

    @media screen and (min-width:640px){
        .related-event-grid{
            grid-template-columns:repeat(2,1fr);
        }
    }

    @media screen and (min-width:1024px){
        .related-event-grid{
            grid-template-columns:repeat(4,1fr);
        }
    }

    .related-event{
        border:1px solid #e6e6e6;
        border-top:8px solid #ce0d1c;
        border-radius:0.5rem;
        background:#fff;
        padding:1.25rem;
        box-shadow:0 2px 6px rgba(0,0,0,0.08);
    }

    .related-event .content{ margin-bottom:1rem; }
    .related-event h4{ margin-bottom:0.5rem; }
    .related-event .location, .related-event .moderators{
        font-size:0.875rem;
        color:#666;
        margin:0.25rem 0;
    }
    
    .related-event .date{ font-size:0.875rem; font-weight:bold; color:#333; }
    .related-event .time{
        display:block;
        margin-top:0.125rem;
        font-size:0.875rem;
    }

    .section-title h2{ margin:0; }
    .section-title hr{
        width:40px; height:3px;
	    border:0;
        background: #333;
        margin:1rem 0 3rem;
    }