.world-clock{display:flex;flex-direction:row-reverse;align-items:stretch;flex:0 0 auto;color:#eee;font:700 12px/1.2 'DM Sans',sans-serif;white-space:nowrap}.world-clock>span{display:grid;align-content:center;justify-items:center;gap:2px;min-width:68px;padding:6px 9px;border-left:1px solid rgba(255,255,255,.13);text-align:center}.world-clock .clock-date{min-width:100px;color:#ff3b43;text-transform:capitalize}.world-clock b{color:#aaa;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.world-clock time{font-variant-numeric:tabular-nums}.nav .wrap{max-width:1600px;flex-wrap:wrap;gap:10px 15px}.nav .wrap>.logo{margin-right:auto}.nav .wrap>.world-clock{order:3}.nav .wrap>.nav-actions,.nav .wrap>.header-actions,.nav .wrap>.nav-tools{order:2}@media(max-width:1500px){.nav .wrap>.links{display:none}.nav .wrap>.nav-tools .menu{display:block}}@media(max-width:800px){.nav .wrap>.world-clock{order:4;margin-left:auto}}@media(max-width:540px){.nav .wrap>.world-clock{width:100%;margin:0;justify-content:flex-end}.world-clock>span{flex:1;min-width:0;padding:5px 3px}.world-clock .clock-date{min-width:0}.world-clock b{font-size:10px}}@media(max-width:1500px) and (min-width:801px){.nav .wrap>.mobile-links{display:none;position:absolute;top:100%;left:0;right:0;z-index:30;background:#09090b;padding:18px 24px;flex-direction:column;gap:12px;border-bottom:1px solid rgba(255,255,255,.13)}.nav .wrap>.mobile-links.open{display:flex}}
@media(max-width:800px){.nav{height:auto;min-height:72px}.nav .wrap>.mobile-links{top:100%}}
/* Keep the full clock inside the dark, fixed header at every width. */
.nav{height:auto;min-height:86px;padding-block:10px}
.nav .wrap{width:calc(100% - 32px);max-width:1920px;justify-content:flex-end}
.nav .wrap>.logo{margin-right:auto}
.nav .wrap>.world-clock{margin-left:0}
@media(max-width:1700px){.nav .wrap>.links{display:none}.nav .wrap>.nav-tools .menu{display:block}}
@media(max-width:800px){.nav{min-height:72px;padding-block:8px}}
@media(max-width:540px){.nav .wrap>.world-clock{justify-content:space-between}}
@media(max-width:1700px) and (min-width:801px){.nav .wrap>.mobile-links{display:none;position:absolute;top:100%;left:0;right:0;z-index:30;background:#09090b;padding:18px 24px;flex-direction:column;gap:12px;border-bottom:1px solid rgba(255,255,255,.13)}.nav .wrap>.mobile-links.open{display:flex}}
.nav .wrap>.world-clock{order:10;margin-left:auto;width:max-content;max-width:100%}
@media(max-width:540px){.nav .wrap>.world-clock{width:max-content;margin-left:auto;justify-content:flex-end}.world-clock>span{flex:0 1 auto;padding-inline:5px}}

/* Match the Fastelli header clock. */
.nav .wrap>.world-clock{order:10;margin-left:auto;width:max-content;max-width:100%;align-self:center}.world-clock>span,.world-clock .clock-date{text-align:center;justify-items:center}.world-clock>span{border-left:0;border-right:1px solid rgba(255,255,255,.13)}.world-clock>span:first-child{border-right:0}@media(max-width:540px){.nav .wrap>.world-clock{margin-left:auto;width:max-content;max-width:100%}.world-clock>span{flex:0 1 auto;padding-inline:5px}}