@import url("base.css?v=0aa2b047");
:root{--net:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='700' viewBox='0 0 1200 700'%3E%3Cg stroke='%234A3B7A' stroke-opacity='.45' fill='none'%3E%3Cpath d='M0 110 220 50 430 190 640 80 850 210 1040 100 1200 170M0 390 150 300 350 430 590 330 780 480 990 370 1200 440M220 50 150 300M430 190 350 430M640 80 590 330M850 210 780 480M1040 100 990 370M0 650 250 570 470 660 730 590 960 670 1200 600M150 300 250 570M590 330 470 660M990 370 960 670'/%3E%3C/g%3E%3C/svg%3E")}
.dateblock{display:inline-flex;flex-direction:column;min-width:0;width:max-content;max-width:100%;padding-left:22px;border-left:3px solid var(--cyan)}
.dateblock .band{background:none;padding:0;font-size:32px;font-weight:700;letter-spacing:-0.025em;line-height:1;color:#fff}
.dateblock .year{font-size:92px;font-weight:800;line-height:.86;letter-spacing:-0.03em;margin-top:12px;color:var(--cyan)}
.dateblock .place{font-size:22px;font-weight:500;letter-spacing:-0.01em;line-height:1.2;margin-top:12px;color:rgba(255,255,255,.92)}
.dateblock .countdown{margin-top:22px;padding-top:16px;gap:24px;border-top:1px solid rgba(255,255,255,.18)}
.dateblock .countdown div{font-size:28px;letter-spacing:0}
.stats{gap:0 32px}
.stats>div{padding:34px 0 0}
.stats .n,.who .p,.stack .badge .num{font-variant-numeric:proportional-nums lining-nums;letter-spacing:-0.015em;font-weight:800}
.stats .n{font-size:clamp(44px,4.6vw,68px)}
.who .p{font-size:clamp(52px,5.4vw,80px)}
main{display:flex;flex-direction:column}
#exposants{order:2}#infos{order:3}
#exposer,#speakers,#sponsoring{color:#fff;background:radial-gradient(circle at 100% 0%,rgba(62,14,115,.9) 0%,rgba(62,14,115,0) 42%),radial-gradient(circle at 0% 100%,rgba(62,14,115,.65) 0%,rgba(62,14,115,0) 40%),var(--net) center/1200px auto repeat,#0F0B1E!important}
#exposer .head .ghost,#speakers .head .ghost,#sponsoring .head .ghost{-webkit-text-stroke:1.2px rgba(255,255,255,.08)}
#exposer .head p,#speakers .head p,#sponsoring .head p,#speakers .spk span,#exposer .points p{color:rgba(255,255,255,.72)}
#exposer .points div{border-top-color:rgba(255,255,255,.14)}
#exposer .points .i{color:var(--cyan)}
#exposer .stack .b{border-color:#0F0B1E}
#exposer .stack img{box-shadow:0 30px 60px rgba(0,0,0,.4)}
#speakers .spk .ph{background:#1B122F}
#sponsoring .logo{border-color:transparent}
#exposer .btn-dark,#speakers .btn-dark{background:var(--cyan);color:var(--night)}
#exposer .btn-dark:hover,#speakers .btn-dark:hover{background:#38C4EE}
#exposer .btn-line-dark,#speakers .btn-line-dark{border-color:rgba(255,255,255,.55);color:#fff}
#exposer .btn-line-dark:hover,#speakers .btn-line-dark:hover{background:rgba(255,255,255,.08);border-color:#fff;color:#fff}
#programme.dark{background:#fff;color:var(--ink)}
#programme .head .ghost{-webkit-text-stroke:1.2px rgba(31,29,90,.1)}
#programme .head p{color:var(--muted)}
#programme .extra{border-color:var(--line)}
#programme .extra p{color:var(--muted)}
#programme .extra span{color:var(--sky);font-size:20px}
#programme .extra:hover{border-color:var(--sky);background:#F7F6FB}
#exposants,#sponsoring{padding-top:112px!important}
#infos{padding:0!important}
#infos .wrap{max-width:none;padding:0}
#infos .city{border-radius:0;min-height:560px}
#infos .city .in{max-width:none;padding:96px max(24px,calc((100vw - 1192px) / 2))}
#infos .city .in>*{max-width:680px}
@media (max-width:760px){.dateblock{padding-left:16px}.dateblock .band{font-size:26px}.dateblock .year{font-size:68px}.dateblock .place{font-size:19px}.stats{gap:0 20px}#exposants,#sponsoring{padding-top:80px!important}#infos .city{min-height:480px}#infos .city .in{padding:72px 24px}}
