
#thMetro{max-width:1500px;margin:0 auto;padding:8px 12px 6px}
#thMetro .mx-head{text-align:center;margin-bottom:6px}
#thMetro .mx-ey{font:600 .55rem/1 -apple-system;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0}
#thMetro .mx-h{font-family:var(--font-display);font-size:1.9rem;color:var(--cream);margin:5px 0 4px}
#thMetro .mx-h .g{color:var(--gold)}
#thMetro .mx-sub{color:rgba(250,247,242,.55);font-family:var(--font-display);font-style:italic;font-size:.92rem;margin:0 auto;max-width:900px}
#thMetro .mx-key{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin:8px auto 2px;max-width:1050px}
#thMetro .mx-key span{display:inline-flex;align-items:center;gap:7px;font:600 .52rem/1 -apple-system;letter-spacing:.08em;text-transform:uppercase;color:rgba(250,247,242,.52)}
#thMetro .mx-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px 0}
#thMetro .mx-legend{display:flex;flex-wrap:wrap;gap:6px 13px;justify-content:center;margin:8px auto 0;max-width:1300px}
#thMetro .mx-legend span{display:inline-flex;align-items:center;gap:6px;font:600 .5rem/1.3 -apple-system;letter-spacing:.05em;text-transform:uppercase;color:rgba(250,247,242,.6)}
#thMetro .mx-legend i{width:15px;height:4px;border-radius:2px;display:inline-block;flex:0 0 15px}
#thMetro .mx-hubs{margin:16px auto 0;max-width:1320px}
#thMetro .mx-hubs .ht{text-align:center;font:600 .58rem/1 -apple-system;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:13px}
#thMetro .mx-hubrow{display:flex;flex-wrap:wrap;gap:14px 10px;justify-content:center}
#thMetro .mx-hub{width:106px;cursor:pointer;text-align:center;transition:.2s}
#thMetro .mx-hub:hover{transform:translateY(-3px)}
#thMetro .mx-hub .med{width:56px;height:56px;margin:0 auto;border-radius:50%;border:2px solid var(--gold);background:radial-gradient(circle at 50% 35%,#12233b,#0a1526);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.8rem;color:var(--gold)}
#thMetro .mx-hub:hover .med{box-shadow:0 6px 20px rgba(201,168,76,.25)}
#thMetro .mx-hub .hn{margin-top:6px;font:600 .48rem/1.3 -apple-system;letter-spacing:.04em;text-transform:uppercase;color:rgba(250,247,242,.62)}
#thHubOv{position:fixed;inset:0;z-index:12000;background:rgba(4,8,16,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;overflow-y:auto;padding:40px 16px 70px}
#thHubOv.on{display:block}
#thHubOv .hubCard{max-width:1000px;margin:0 auto;background:linear-gradient(180deg,#0b2036,#08182b);border:1px solid rgba(201,168,76,.25);border-radius:16px;padding:34px 30px 34px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.55)}
#thHubOv .hubX{position:absolute;top:15px;right:16px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(201,168,76,.35);background:transparent;color:var(--gold);font-size:19px;cursor:pointer;line-height:1}
#thHubOv .hubYr{font-family:var(--font-display);font-size:1.1rem;color:var(--gold);letter-spacing:.05em}
#thHubOv .hubT{font-family:var(--font-display);font-size:2.05rem;color:var(--cream);margin:2px 0 10px}
#thHubOv .hubPlat{font:600 .55rem/1 -apple-system;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,247,242,.45);margin:0 0 8px}
#thHubOv .hubWho{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
#thHubOv .hubChip{display:inline-flex;align-items:center;gap:9px;cursor:pointer;border:1px solid rgba(201,168,76,.3);border-radius:30px;padding:6px 15px 6px 12px;font-family:var(--font-display);font-size:.95rem;color:var(--cream);transition:.2s}
#thHubOv .hubChip:hover{border-color:var(--gold);background:rgba(201,168,76,.08)}
#thHubOv .hubChip.haspic{padding:5px 16px 5px 5px}
#thHubOv .hubChip .hubDot{width:14px;height:14px;border-radius:50%;display:inline-block}
#thHubOv .hubChip .hubPic{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:center top;border:1px solid rgba(201,168,76,.55);flex:0 0 40px;background:#0a1526;display:none}
#thHubOv .hubChip.haspic .hubDot{display:none}
#thHubOv .hubChip.haspic .hubPic{display:block}
#thHubOv .hubChip:hover{border-color:var(--gold);background:rgba(201,168,76,.08)}
#thHubOv .hubChip i{width:9px;height:9px;border-radius:50%;display:inline-block}
#thHubOv .hubHead{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
#thHubOv .hubHeadL{flex:1 1 auto;min-width:0}
#thHubOv .hubHeadR{display:flex;flex-wrap:wrap;gap:16px 18px;justify-content:flex-end;align-items:flex-start;max-width:540px;padding-right:46px}
#thHubOv .hubPer{display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;text-decoration:none;width:90px}
#thHubOv .hubPer .hubPerDot{width:88px;height:88px;border-radius:50%;border:2px solid rgba(201,168,76,.5);background:#0a1526;display:block}
#thHubOv .hubPer .hubPerPic{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid rgba(201,168,76,.5);background:#0a1526;display:none;filter:brightness(1.12) contrast(1.03)}
#thHubOv .hubPer.haspic .hubPerDot{display:none}
#thHubOv .hubPer.haspic .hubPerPic{display:block}
#thHubOv .hubPer .hubPerNm{font-family:var(--font-display);font-size:1rem;color:var(--cream);text-align:center;line-height:1.2}
#thHubOv .hubPer:hover .hubPerPic,#thHubOv .hubPer:hover .hubPerDot{border-color:var(--gold)}
#thHubOv .hubPer:hover .hubPerNm{color:var(--gold)}
#thHubOv .hub1 .hubPer{width:160px}
#thHubOv .hub1 .hubPer .hubPerPic,#thHubOv .hub1 .hubPer .hubPerDot{width:144px;height:144px}
#thHubOv .hub1 .hubPer .hubPerNm{font-size:1.3rem}
@media(max-width:760px){#thHubOv .hubHead{flex-direction:column}#thHubOv .hubHeadR{justify-content:flex-start;padding-right:0;max-width:none}}
#thHubOv .hubQ{margin:22px 0 13px;font:600 .6rem/1 -apple-system;letter-spacing:.24em;text-transform:uppercase;color:rgba(250,247,242,.5);text-align:center}
/* THE HERO — RIDE THE LINE. The only thing in this card that is an experience and not a link. */
#thHubOv .hubRideWrap{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:26px 0 4px}
#thHubOv .hubRideWrap.many .hubRide{flex:1 1 300px;max-width:360px}
#thHubOv .hubRide{display:flex;align-items:center;gap:16px;cursor:pointer;text-decoration:none;
  width:min(560px,100%);padding:14px 18px 14px 14px;border-radius:14px;
  border:1px solid rgba(201,168,76,.45);
  background:linear-gradient(90deg,rgba(201,168,76,.13),rgba(201,168,76,.04));
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
#thHubOv .hubRide:hover{transform:translateY(-2px);
  background:linear-gradient(90deg,rgba(201,168,76,.22),rgba(201,168,76,.07));
  box-shadow:0 10px 34px rgba(0,0,0,.45)}
#thHubOv .hubRideImg{flex:0 0 auto;width:64px;height:64px;border-radius:10px;background-size:cover;
  background-position:center 22%;border:1px solid rgba(201,168,76,.5)}
#thHubOv .hubRideTxt{display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0}
#thHubOv .hubRideK{font:700 .58rem/1 -apple-system;letter-spacing:.26em;text-transform:uppercase;color:#C9A84C}
#thHubOv .hubRideN{font:700 1.35rem/1.15 Georgia,serif;color:#F5EFE2}
#thHubOv .hubRideA{font:400 .74rem/1.3 -apple-system;color:rgba(250,247,242,.55);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#thHubOv .hubRideGo{margin-left:auto;font-size:1.5rem;line-height:1;opacity:.85}
#thHubOv .hubGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
#thHubOv .hubG{background:#08182b;border:1px solid rgba(201,168,76,.14);border-radius:12px;padding:15px 15px 16px}
#thHubOv .hubG .gi{font-size:1.25rem;line-height:1}
#thHubOv .hubG .gk{font:600 .58rem/1 -apple-system;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:7px 0 8px}
#thHubOv .hubIt{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid rgba(255,255,255,.05);font-family:var(--font-display);font-size:.94rem;color:rgba(250,247,242,.85)}
#thHubOv .hubIt.live{cursor:pointer;color:var(--cream)}
#thHubOv .hubIt.live:hover{color:var(--gold)}
#thHubOv .hubIt.soon{color:rgba(250,247,242,.4)}
#thHubOv .hubTag{font:600 .46rem/1 -apple-system;letter-spacing:.1em;text-transform:uppercase;padding:3px 6px;border-radius:5px;white-space:nowrap}
#thHubOv .hubTag.g{color:var(--gold);border:1px solid rgba(201,168,76,.4)}
#thHubOv .hubTag.s{color:rgba(250,247,242,.35);border:1px solid rgba(255,255,255,.12)}
#thHubOv .hubTag.p{color:#e8c97a;border:1px solid rgba(232,201,122,.5)}
#thHubOv .hubNext{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:16px;border-top:1px solid rgba(201,168,76,.2)}
#thHubOv .hubNext a{color:var(--gold);cursor:pointer;font:600 .62rem/1 -apple-system;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
@media(max-width:760px){#thHubOv .hubGrid{grid-template-columns:1fr}#thHubOv .hubT{font-size:1.55rem}}

body{cursor:auto!important;overflow-x:hidden}#thtimeline{padding:20px 0!important}#thtimeline .tht-scroll{display:none}.mx-scroll{max-width:100%;overflow:auto}#thMetro{width:100%}#thHubOv .hubNext a{min-height:44px;display:inline-flex;align-items:center}.site-header{z-index:100}a,button{cursor:pointer}
#thMetro .mx-legend{display:flex;flex-wrap:wrap;gap:8px!important}#thMetro .mx-legend>span{display:inline-flex!important;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:10px 12px!important;line-height:1.4!important;border:1px solid #344058;border-radius:6px;box-sizing:border-box}