html { line-height: 1.15; -webkit-text-size-adjust: 100%; box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; }
main { display: block; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="submit"] { -webkit-appearance: button; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { padding: 0; }
details { display: block; }
summary { display: list-item; }
template, [hidden] { display: none; }


:root {
  --brand-void:      #0d0d0d;
  --brand-carbon:    #141414;
  --brand-graphite:  #1a1a1a;
  --brand-slate:     #242424;
  --brand-line:      #333333;
  --brand-crimson:   #e50914;
  --brand-crimson-hi:#f40612;
  --brand-ember:     #ff5a14;
  --brand-silver:    #ffffff;
  --brand-ash:       #b3b3b3;
  --brand-dim:       #808080;
}


body {
  font-family: 'Roboto', 'Segoe UI', Arial, sans-serif;
  font-weight: 400;
  line-height: 1.7;
  background: var(--brand-void);
  color: var(--brand-silver);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', 'Roboto Condensed', Impact, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--brand-silver);
  margin: 0 0 1.618rem;
}
h1 { font-size: 3.8rem; line-height: 1.12; letter-spacing: 0.01em; overflow-wrap: anywhere; hyphens: auto; }
h2 { font-size: 2.1rem; line-height: 1.18; }
h3 { font-size: 1.4rem; line-height: 1.25; }
h4 { font-size: 1.1rem; line-height: 1.3; letter-spacing: 0.06em; }
p  { font-size: 1rem; line-height: 1.7; margin: 0 0 1rem; }

a { color: var(--brand-ember); text-decoration: none; }
a:hover { color: var(--brand-crimson-hi); }
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible { outline: 2px solid var(--brand-ember); outline-offset: 2px; }

ul, ol { margin: 0 0 1rem; padding-left: 6%; }
li { margin-bottom: 0.618rem; }

table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: 1rem 2%; border-bottom: 1px solid var(--brand-line); }
th { font-family: 'Oswald', sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.82rem; color: var(--brand-ash); width: 38%; }

img { max-width: 100%; height: auto; display: block; }

::selection { background: var(--brand-crimson); color: #fff; }


.u-blk   { display: block; }
.u-flex  { display: flex; }
.u-grid  { display: grid; }
.u-wrap  { flex-wrap: wrap; }
.u-col   { flex-direction: column; }
.u-mid   { align-items: center; }
.u-top   { align-items: flex-start; }
.u-btw   { justify-content: space-between; }
.u-ctr   { justify-content: center; }
.u-end   { justify-content: flex-end; }
.u-gap-1 { gap: 0.618rem; }
.u-gap-2 { gap: 1rem; }
.u-gap-3 { gap: 1.618rem; }
.u-gap-4 { gap: 2.618rem; }
.u-w100  { width: 100%; }
.u-w50   { width: 50%; }
.u-mw    { max-width: 46rem; }
.u-mx    { margin-left: auto; margin-right: auto; }
.u-tc    { text-align: center; }
.u-tl    { text-align: left; }
.u-mt-0  { margin-top: 0; }
.u-mt-3  { margin-top: 1.618rem; }
.u-mt-4  { margin-top: 2.618rem; }
.u-mb-0  { margin-bottom: 0; }
.u-mb-1  { margin-bottom: 0.618rem; }
.u-mb-2  { margin-bottom: 1rem; }
.u-mb-3  { margin-bottom: 1.618rem; }
.u-mb-4  { margin-bottom: 2.618rem; }
.u-pt-4  { padding-top: 2.618rem; }
.u-pb-4  { padding-bottom: 2.618rem; }
.u-fs-xs { font-size: 0.78rem; }
.u-fs-sm { font-size: 0.9rem; }
.u-fs-lg { font-size: 1.18rem; }
.u-fw-5  { font-weight: 500; }
.u-fw-7  { font-weight: 700; }
.u-upp   { text-transform: uppercase; }
.u-trk   { letter-spacing: 0.16em; }
.u-ash   { color: var(--brand-ash); }
.u-dim   { color: var(--brand-dim); }
.u-hot   { color: var(--brand-ember); }
.u-red   { color: var(--brand-crimson-hi); }
.u-mono  { font-family: 'Oswald', sans-serif; }
.u-bg-carbon   { background: var(--brand-carbon); }
.u-bg-graphite { background: var(--brand-graphite); }
.u-strike { text-decoration: line-through; }
.u-nowrap { white-space: nowrap; }
.u-sr {
  position: absolute; width: 1px; height: 1px; padding: 0;
  margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

@media (max-width: 479px) {
  h1 { font-size: 2.4rem; }
}

@media (min-width: 768px) {
  .u-w50-d { width: 50%; }
  .u-tl-d  { text-align: left; }
}