/* Homepage event discovery — clear taxonomy, one visual story and one action path */
.prodex-event-discovery{max-width:1280px}

.event-discovery-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,460px);
    align-items:end;
    gap:64px;
    margin-bottom:38px;
}
.event-discovery-head .section-kicker{margin-bottom:12px}
.event-discovery-head h2{
    max-width:720px;
    margin:0!important;
    color:#f4fbf8;
    font-size:46px;
    font-weight:900;
    line-height:1.5;
    letter-spacing:-1.1px;
}
.event-discovery-head h2 span{color:#71d8b6}
.prodex-home .our-work-con .event-discovery-intro p{
    margin:0 0 15px;
    color:#94afa7!important;
    font-size:14px!important;
    line-height:2.05!important;
}
.event-discovery-intro a{
    display:inline-flex!important;
    align-items:center;
    gap:9px;
    color:#72d8b6!important;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
}
.event-discovery-intro a i{font-size:10px;transition:transform .2s ease}
.event-discovery-intro a:hover i{transform:translateX(-4px)}

.event-discovery-layout{
    display:grid;
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
    gap:18px;
    direction:rtl;
}
.event-format-panel{
    padding:30px;
    border:1px solid rgba(111,152,191,.17);
    border-radius:28px;
    background:
        radial-gradient(circle at 100% 0,rgba(17,201,143,.11),transparent 35%),
        linear-gradient(145deg,rgba(9,37,30,.94),rgba(7,27,38,.76));
}
.event-format-panel-head{margin-bottom:23px}
.event-format-panel-head > span{
    display:block;
    margin-bottom:7px;
    color:#6f98bf;
    font-size:9px;
    font-weight:800;
    letter-spacing:.02em;
}
.event-format-panel-head h3{
    margin:0;
    color:#f2faf7;
    font-size:23px;
    line-height:1.6;
}
.event-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.event-format-grid article{
    position:relative;
    min-height:192px;
    padding:20px;
    overflow:hidden;
    border:1px solid rgba(111,152,191,.14);
    border-radius:19px;
    background:rgba(3,24,19,.52);
    transition:transform .24s ease,border-color .24s ease,background-color .24s ease;
}
.event-format-grid article:after{
    content:"";
    position:absolute;
    width:90px;
    height:90px;
    left:-45px;
    bottom:-48px;
    border-radius:50%;
    background:#11c98f;
    opacity:.045;
}
.event-format-grid article:hover{
    transform:translateY(-4px);
    border-color:rgba(17,201,143,.35);
    background:rgba(6,35,28,.78);
}
.event-format-icon{
    display:grid;
    place-items:center;
    width:43px;
    height:43px;
    margin-bottom:18px;
    border:1px solid rgba(17,201,143,.18);
    border-radius:13px;
    background:linear-gradient(135deg,rgba(17,201,143,.15),rgba(18,63,112,.32));
    color:#67d9b4;
    font-size:16px;
}
.event-format-grid small{
    color:#6f98bf;
    font:700 7px/1.2 Arial,sans-serif;
    letter-spacing:1.35px;
}
.event-format-grid h4{margin:7px 0;color:#eef8f5;font-size:16px;line-height:1.55}
.prodex-home .our-work-con .event-format-grid p{
    margin:0;
    color:#78978e!important;
    font-size:10px!important;
    line-height:1.9!important;
}

.event-discovery-visual{
    position:relative;
    min-height:522px;
    margin:0;
    overflow:hidden;
    border:1px solid rgba(111,152,191,.18);
    border-radius:28px 28px 28px 82px;
    background:#09231d;
}
.event-discovery-visual > img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    filter:saturate(.8) contrast(1.04);
    transition:transform .8s ease;
}
.event-discovery-visual:hover > img{transform:scale(1.025)}
.event-visual-shade{
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,rgba(2,17,13,.06) 20%,rgba(3,20,16,.9) 88%),
        linear-gradient(90deg,rgba(3,20,16,.08),rgba(18,63,112,.18));
}
.event-discovery-visual figcaption{
    position:absolute;
    right:30px;
    bottom:31px;
    left:30px;
    color:#fff;
}
.event-live-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:15px;
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:100px;
    background:rgba(3,25,19,.62);
    backdrop-filter:blur(8px);
    color:#c8ddd7;
    font-size:9px;
}
.event-live-label i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#11c98f;
    box-shadow:0 0 12px #11c98f;
}
.event-discovery-visual h3{margin:0 0 10px;color:#f7fcfa;font-size:28px;line-height:1.55}
.prodex-home .our-work-con .event-discovery-visual figcaption p{
    max-width:490px;
    margin:0;
    color:#b0c5bf!important;
    font-size:11px!important;
    line-height:1.95!important;
}
.event-visual-note{
    position:absolute;
    top:24px;
    left:24px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 13px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:14px;
    background:rgba(3,25,19,.68);
    backdrop-filter:blur(10px);
    color:#fff;
}
.event-visual-note > i{
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    border-radius:9px;
    background:rgba(17,201,143,.13);
    color:#65d7b2;
    font-size:12px;
}
.event-visual-note small,.event-visual-note strong{display:block}
.event-visual-note small{margin-bottom:3px;color:#89a9a0;font-size:8px}
.event-visual-note strong{font-size:10px}

.event-discovery-bar{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:28px;
    margin-top:18px;
    padding:21px 23px;
    border:1px solid rgba(17,201,143,.18);
    border-radius:22px;
    background:linear-gradient(135deg,rgba(8,37,30,.92),rgba(6,27,37,.82));
}
.event-discovery-promise{display:flex;align-items:center;gap:12px}
.event-discovery-calendar{
    display:grid;
    place-items:center;
    flex:0 0 43px;
    width:43px;
    height:43px;
    border-radius:13px;
    background:rgba(17,201,143,.12);
    color:#68d9b5;
}
.event-discovery-promise small,.event-discovery-promise strong{display:block}
.event-discovery-promise small{margin-bottom:4px;color:#73948a;font-size:8px}
.event-discovery-promise strong{color:#ecf7f3;font-size:12px}
.event-discovery-bar ul{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:9px 20px;
    margin:0;
    padding:0;
    list-style:none;
}
.event-discovery-bar li{display:flex;align-items:center;gap:7px;color:#96b3aa;font-size:9px}
.event-discovery-bar li i{color:#11c98f;font-size:8px}
.event-discovery-actions{display:flex;align-items:center;gap:9px}
.event-discovery-actions a{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:45px;
    padding:0 17px;
    border-radius:12px;
    font-size:10px;
    font-weight:800;
    text-decoration:none!important;
    white-space:nowrap;
}
.event-discovery-primary{
    background:linear-gradient(135deg,#19d69b,#0aa47f);
    color:#032119!important;
    box-shadow:0 11px 24px rgba(17,201,143,.16);
}
.event-discovery-secondary{border:1px solid rgba(111,152,191,.2);color:#c5d8d2!important}

@media(max-width:991px){
    .event-discovery-head{grid-template-columns:1fr;gap:17px}
    .event-discovery-intro{max-width:680px}
    .event-discovery-layout{grid-template-columns:1fr}
    .event-format-panel{order:1}
    .event-discovery-visual{order:2;min-height:480px}
    .event-discovery-bar{grid-template-columns:1fr auto}
    .event-discovery-bar ul{display:none}
}
@media(max-width:767px){
    .event-discovery-head{margin-bottom:27px}
    .event-discovery-head h2{font-size:31px;line-height:1.58}
    .prodex-home .our-work-con .event-discovery-intro p{font-size:13px!important}
    .event-discovery-visual{min-height:420px;border-radius:22px 22px 22px 50px}
    .event-discovery-visual figcaption{right:20px;bottom:22px;left:20px}
    .event-discovery-visual h3{font-size:22px}
    .event-visual-note{top:16px;left:16px}
    .event-format-panel{padding:20px;border-radius:22px}
    .event-format-grid{grid-template-columns:1fr}
    .event-format-grid article{min-height:0}
    .event-discovery-bar{grid-template-columns:1fr;gap:17px}
    .event-discovery-actions{width:100%}
    .event-discovery-actions a{flex:1}
}
@media(max-width:480px){
    .event-discovery-visual{min-height:390px}
    .event-visual-note{display:none}
    .event-discovery-actions{align-items:stretch;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
    .event-format-grid article,.event-discovery-visual > img,.event-discovery-intro a i{transition:none}
    .event-format-grid article:hover,.event-discovery-visual:hover > img{transform:none}
}
