@font-face { font-family: "Archivo"; font-style: normal; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url("/assets/archivo-latin-591a8b69.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Archivo"; font-style: normal; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url("/assets/archivo-latin-ext-a0aa4f2d.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } body.rg { --rg-paper: #f2f0ea; --rg-ink: #101014; --rg-mute: #8c8a83; --rg-red: #d7263d; margin: 0; background: var(--rg-paper); color: var(--rg-ink); font-family: "Archivo", "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; } .rg-page { padding: 0 64px 64px; } .rg-mast { display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; padding: 56px 0 18px; border-bottom: 1.5px solid var(--rg-ink); } .rg-mast h1 { margin: 0; max-width: 9ch; font-size: clamp(52px, 7.4vw, 112px); font-weight: 800; font-stretch: 96%; line-height: .82; letter-spacing: -.055em; text-transform: uppercase; } .rg-tally { display: flex; gap: 36px; padding-bottom: 6px; } .rg-tally div { text-align: right; } .rg-tally b { display: block; font-size: clamp(22px, 2.4vw, 36px); font-weight: 700; line-height: 1; letter-spacing: -.03em; } .rg-tally span { display: block; margin-top: 7px; font-size: 9.5px; letter-spacing: .13em; text-transform: uppercase; color: var(--rg-mute); } .rg-tally .is-shut b { color: var(--rg-red); } .rg-dek { display: flex; justify-content: space-between; gap: 40px; margin-top: 14px; font-size: 12.5px; line-height: 1.5; color: var(--rg-mute); } .rg-dek p { margin: 0; max-width: 62ch; } .rg-dek strong { color: var(--rg-ink); font-weight: 500; } .rg-key { display: flex; gap: 24px; align-items: center; flex: 0 0 auto; font-size: 11px; } .rg-key i { display: inline-block; width: 20px; height: 0; margin-right: 7px; border-top: 1.5px solid var(--rg-ink); vertical-align: middle; } .rg-key .is-shut i { border-top-color: var(--rg-red); } .rg-scale { position: sticky; top: 0; z-index: 5; margin-top: 30px; background: var(--rg-paper); border-bottom: 1px solid rgb(16 16 20 / .22); } .rg-scale svg { display: block; width: 100%; height: 26px; } .rg-yr { font-size: 9.5px; letter-spacing: .1em; fill: var(--rg-mute); } .rg-yr.is-now { fill: var(--rg-red); } .rg-tick { stroke: var(--rg-ink); stroke-opacity: .3; stroke-width: 1; } .rg-band { padding-top: 26px; } .rg-band-head { display: flex; align-items: baseline; gap: 14px; margin: 0; padding-bottom: 7px; border-bottom: 1px solid rgb(16 16 20 / .22); } .rg-band-name { font-size: 17px; font-weight: 700; letter-spacing: -.015em; } .rg-band-n { font-size: 10px; font-weight: 400; letter-spacing: .13em; text-transform: uppercase; color: var(--rg-mute); } .rg-band-n b { color: var(--rg-red); font-weight: 600; } .rg-plot { display: block; width: 100%; margin-top: 5px; } .rg-life { stroke: var(--rg-ink); stroke-opacity: .5; stroke-width: .9; } .rg-life.is-named { stroke-opacity: .95; stroke-width: 1.7; } .rg-end { stroke: var(--rg-red); stroke-opacity: .85; stroke-width: 1.1; } .rg-stop { fill: var(--rg-red); } .rg-rule { stroke: var(--rg-ink); stroke-opacity: .07; stroke-width: 1; } .rg-now { stroke: var(--rg-red); stroke-opacity: .3; stroke-width: 1; } .rg-scale .rg-now { stroke-opacity: 1; stroke-width: 1.2; } .rg-named { font-size: 10px; font-weight: 600; fill: var(--rg-ink); } .rg-lit { stroke: var(--rg-ink); stroke-width: 3.4; stroke-opacity: 1; pointer-events: none; } .rg-readout { position: fixed; top: 0; left: 0; z-index: 20; max-width: 320px; padding: 9px 12px 10px; background: var(--rg-ink); color: var(--rg-paper); pointer-events: none; font-size: 11.5px; line-height: 1.42; } .rg-readout[hidden] { display: none; } .rg-readout b { display: block; font-size: 13px; font-weight: 700; letter-spacing: -.01em; } .rg-readout span { display: block; color: rgb(242 240 234 / .68); } .rg-foot { display: flex; justify-content: space-between; gap: 24px; margin-top: 44px; padding-top: 14px; border-top: 1px solid rgb(16 16 20 / .22); font-size: 10px; letter-spacing: .11em; text-transform: uppercase; color: var(--rg-mute); } .rg-foot code { font-family: inherit; letter-spacing: .06em; } @media (max-width: 900px) { .rg-page { padding: 0 20px 40px; } .rg-mast { display: block; padding-top: 32px; } .rg-tally { justify-content: flex-start; gap: 26px; margin-top: 20px; padding-bottom: 0; } .rg-tally div { text-align: left; } .rg-dek { display: block; } .rg-key { margin-top: 12px; } .rg-field { overflow-x: auto; } .rg-field > * { min-width: 1180px; } .rg-scale { position: static; } } .rg-here { position: fixed; inset: 0; } .rg-map { position: absolute; inset: 0; } .rg-cards { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .rg-here-mast { position: absolute; left: 26px; top: 22px; z-index: 6; pointer-events: none; } .rg-kicker { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--rg-mute); } .rg-here-mast h1 { margin-top: 5px; font-size: clamp(30px, 3.4vw, 46px); font-weight: 800; letter-spacing: -.04em; line-height: 1; } .rg-here-n { margin-top: 9px; font-size: 12.5px; color: var(--rg-mute); } .rg-here-n b { color: var(--rg-ink); font-weight: 700; } .rg-card { position: absolute; transform: translate(-50%, -100%); z-index: 2; padding: 5px 8px 6px; border: 1px solid rgb(16 16 20 / .16); border-radius: 3px; background: rgb(255 253 248 / .95); white-space: nowrap; text-decoration: none; color: inherit; pointer-events: auto; box-shadow: 0 1px 3px rgb(16 16 20 / .1); } .rg-card:hover { z-index: 9; border-color: var(--rg-red); } .rg-card b { display: block; font-size: 12.5px; font-weight: 700; letter-spacing: -.01em; line-height: 1.15; } .rg-card span { display: block; margin-top: 2px; font-size: 10px; color: var(--rg-mute); line-height: 1.3; } .rg-card i { font-style: normal; color: var(--rg-red); font-weight: 600; } .rg-card::after { content: ""; position: absolute; left: 50%; bottom: -9px; width: 1px; height: 9px; background: rgb(16 16 20 / .3); transform: translateX(-50%); } .rg-card.is-known { border-color: var(--rg-red); border-width: 1.5px; background: #fff; } .rg-card.is-known b { font-size: 14px; } .rg-hiring { display: inline-block !important; margin-top: 4px !important; padding: 1px 5px; border-radius: 2px; background: var(--rg-red); color: #fff !important; font-size: 9px !important; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; } .rg-pin { position: absolute; transform: translate(-50%, -50%); z-index: 1; width: 6px; height: 6px; border-radius: 50%; background: var(--rg-ink); opacity: .42; border: 1.5px solid var(--rg-paper); } .rg-rail { position: absolute; right: 26px; top: 22px; bottom: 22px; width: 300px; z-index: 6; display: flex; flex-direction: column; overflow: hidden; background: rgb(255 253 248 / .96); border: 1px solid rgb(16 16 20 / .16); border-radius: 4px; } .rg-rail h2 { padding: 15px 16px 11px; font-size: 10px; letter-spacing: .15em; text-transform: uppercase; color: var(--rg-mute); border-bottom: 1px solid rgb(16 16 20 / .16); } .rg-rail ul { flex: 1; overflow-y: auto; list-style: none; } .rg-rail li { padding: 10px 16px; border-bottom: 1px solid rgb(16 16 20 / .07); } .rg-rail li b { display: block; font-size: 13px; font-weight: 700; letter-spacing: -.01em; } .rg-rail li b a { color: inherit; text-decoration: none; } .rg-rail li b a:hover { color: var(--rg-red); } .rg-rail li span { display: block; margin-top: 2px; font-size: 10.5px; color: var(--rg-mute); line-height: 1.45; } .rg-rail li em { font-style: normal; color: var(--rg-red); font-weight: 600; } .rg-rail li.is-known b { color: var(--rg-red); } .rg-rail-foot { padding: 12px 16px; border-top: 1px solid rgb(16 16 20 / .16); font-size: 10.5px; line-height: 1.55; color: var(--rg-mute); } .rg-rail-foot a { color: var(--rg-ink); } .rg-tools { position: absolute; left: 26px; bottom: 26px; z-index: 6; } .rg-tool { padding: 9px 14px; border: 1px solid rgb(16 16 20 / .16); border-radius: 3px; background: rgb(255 253 248 / .96); font: inherit; font-size: 12px; font-weight: 600; color: var(--rg-ink); cursor: pointer; } .rg-tool:hover { border-color: var(--rg-red); color: var(--rg-red); } @media (max-width: 900px) { .rg-rail { right: 10px; left: 10px; width: auto; top: auto; height: 40svh; } .rg-here-mast { left: 14px; top: 14px; } .rg-here-mast h1 { font-size: 26px; } .rg-tools { left: 14px; bottom: calc(40svh + 18px); } .rg-card { display: none; } .rg-rail-foot { display: none; } } .rg-grounds { display: flex; margin-top: 10px; } .rg-ground { padding: 8px 12px; border: 1px solid rgb(16 16 20 / .16); border-left-width: 0; background: rgb(255 253 248 / .96); font: inherit; font-size: 11.5px; font-weight: 600; color: var(--rg-mute); cursor: pointer; } .rg-ground:first-child { border-left-width: 1px; border-radius: 3px 0 0 3px; } .rg-ground:last-child { border-radius: 0 3px 3px 0; } .rg-ground:hover { color: var(--rg-ink); } .rg-ground.is-on { background: var(--rg-ink); border-color: var(--rg-ink); color: var(--rg-paper); } .rg-here.is-satellite .rg-card { background: #fffdf8; border-color: rgb(16 16 20 / .28); box-shadow: 0 2px 10px rgb(10 10 14 / .38); } .rg-here.is-satellite .rg-card::after { background: #fffdf8; width: 1.5px; } .rg-here.is-satellite .rg-pin { opacity: 1; background: var(--rg-ink); border-color: #fff; border-width: 2px; box-shadow: 0 0 0 1px rgb(10 10 14 / .5); } .rg-here.is-satellite .rg-here-mast { padding: 14px 18px 16px; border-radius: 4px; background: rgb(16 16 20 / .74); backdrop-filter: blur(3px); } .rg-here.is-satellite .rg-kicker { color: rgb(242 240 234 / .68); } .rg-here.is-satellite .rg-here-mast h1 { color: var(--rg-paper); } .rg-here.is-satellite .rg-here-n { color: rgb(242 240 234 / .72); } .rg-here.is-satellite .rg-here-n b { color: #fff; } @media (max-width: 900px) { .rg-grounds { margin-top: 8px; } .rg-ground { padding: 7px 10px; font-size: 11px; } }