@font-face{font-family:Surgena;src:url(Surgena-Bold.otf);font-weight:700}
@font-face{font-family:Inter;src:url(Inter-Regular.otf);font-weight:400}
@font-face{font-family:Inter;src:url(Inter-SemiBold.otf);font-weight:600}
@font-face{font-family:Inter;src:url(Inter-Bold.otf);font-weight:700}
:root{--noir:#000;--orange:#E26B2F;--blanc:#fff;--oak:#DBC5A9;--gris:#6b6b6b}
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;overflow:hidden;background:#fff;cursor:none}
#stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;background:#fff;color:#000;font-family:Inter,sans-serif;overflow:hidden}
.logo{position:absolute;left:100px;top:56px;width:360px}
.clock{position:absolute;right:100px;top:62px;font-family:Surgena;font-weight:700;font-size:64px;letter-spacing:.02em}
.eyebrow{position:absolute;left:100px;font-weight:700;font-size:26px;letter-spacing:.22em;color:var(--orange);text-transform:uppercase}
h1{position:absolute;left:96px;font-family:Surgena;font-weight:700;line-height:1.05}
.foot{position:absolute;left:0;right:0;bottom:0;height:110px;background:var(--noir);color:#fff;display:flex;align-items:center;padding:0 100px;font-weight:700;font-size:32px;transition:background .6s,color .6s}
.foot>*+*{margin-left:24px}
.foot i{flex:none;width:22px;height:22px;border-radius:50%;background:var(--orange);display:block;transition:background .6s}
.foot span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.foot.alert{background:var(--orange);color:#000}.foot.alert i{background:#000}
.tag{position:absolute;left:560px;top:72px;z-index:5;font-size:22px;font-weight:700;letter-spacing:.12em;color:#fff;background:var(--orange);padding:8px 18px;border-radius:20px}
.fade{transition:opacity .6s}.hide{opacity:0}
/* transports */
.grid{position:absolute;left:100px;width:1720px;top:408px;display:flex;flex-wrap:wrap}
.card{width:820px;height:136px;margin-right:80px;border-top:6px solid #000;display:flex;align-items:center;padding-top:4px;min-width:0}
.card:nth-child(even){margin-right:0}
.card>*+*{margin-left:28px}
.card:nth-child(1),.card:nth-child(2){border-top-color:var(--orange)}
.badge{flex:none;width:104px;height:84px;padding:0;border-radius:42px;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Surgena;font-weight:700;font-size:46px;white-space:nowrap}
.mid{flex:1;min-width:0}
.mid .l{font-size:24px;font-weight:600;color:var(--gris);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.mid .d{font-size:38px;font-weight:700;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm{flex:none;text-align:right}
.tm .n{font-family:Surgena;font-weight:700;font-size:60px;color:var(--orange);line-height:1}
.tm .s{font-size:28px;font-weight:600;color:var(--gris);margin-top:6px;white-space:nowrap}
.empty{width:100%;font-size:40px;color:var(--gris);padding-top:60px}