@font-face{font-family:"Barlow Condensed";font-weight:700;font-style:normal;font-display:swap;
src:url("../assets/fonts/BarlowCondensed-Bold.woff2") format("woff2"),url("../assets/fonts/BarlowCondensed-Bold.ttf") format("truetype")}
@font-face{font-family:"Barlow Semi Condensed";font-weight:600;font-style:normal;font-display:swap;
src:url("../assets/fonts/BarlowSemiCondensed-SemiBold.woff2") format("woff2"),url("../assets/fonts/BarlowSemiCondensed-SemiBold.ttf") format("truetype")}

:root{
  color-scheme:dark;
  --rer-orange:#FF6010;--rer-white:#FFFFFF;--rer-cyan:#28E0FF;--rer-amber:#FFB228;
  --rer-dim:#AABAC4;--rer-ink:#06090D;--rer-red:#FF2C2C;--rer-green:#78FF96;
  --rer-skew:-10.2deg;
  --rer-font-display:"Barlow Condensed","Arial Narrow",sans-serif;
  --rer-font-body:"Barlow Semi Condensed","Arial Narrow",sans-serif;
  --rer-cut:18px;
  --rer-gutter:16px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--rer-ink);color:var(--rer-white);font-family:var(--rer-font-body);font-weight:600;overflow-x:hidden}

/* Titles */
.rer-title{font-family:var(--rer-font-display);font-weight:700;text-transform:uppercase;display:block;
  transform:skewX(var(--rer-skew));letter-spacing:.01em;line-height:.9;color:var(--rer-white);margin:0;
  font-size:clamp(2.75rem,6.75vw,10.8rem);text-shadow:.03em .04em .07em rgba(6,9,13,.55);overflow-wrap:anywhere}
.rer-title--hero{font-size:clamp(3.5rem,11.8vw,18.9rem)}
.rer-title--section{font-size:clamp(2rem,4vw,5rem)}
.rer-title--orange{color:var(--rer-orange)}
.rer-title--cyan{color:var(--rer-cyan)}
.rer-title--amber{color:var(--rer-amber)}
.rer-accent{color:var(--rer-orange)}

/* Rules */
.rer-rule{display:block;height:4px;width:100%;background:var(--rer-orange);margin-top:.5rem}
.rer-rule--main{height:7px}
.rer-rule--short{width:120px}
.rer-fit{display:inline-block;max-width:100%}

/* Labels & values */
.rer-label{font-family:var(--rer-font-body);font-weight:600;text-transform:uppercase;color:var(--rer-dim);
  letter-spacing:.088em;font-size:clamp(.8125rem,.977vw,1.5625rem);text-shadow:.03em .04em .07em rgba(6,9,13,.55)}
.rer-label--white{color:var(--rer-white)}
.rer-label--amber{color:var(--rer-amber)}
.rer-value{font-family:var(--rer-font-display);font-weight:700;color:var(--rer-orange);display:inline-block;
  transform:skewX(-6.8deg);font-variant-numeric:tabular-nums;line-height:.9;font-size:clamp(2.5rem,5vw,6rem)}

/* Panel */
.rer-panel{--rer-panel-accent:var(--rer-orange);--rer-edge:rgba(255,255,255,.133);position:relative;isolation:isolate;padding:1.5rem 1.25rem 1.25rem}
.rer-panel::before{content:"";position:absolute;inset:0;z-index:-2;background-color:rgba(6,9,13,.647);
  clip-path:polygon(var(--rer-cut) 0,100% 0,100% calc(100% - var(--rer-cut)),calc(100% - var(--rer-cut)) 100%,0 100%,0 var(--rer-cut));
  background-repeat:no-repeat;
  background-image:
    linear-gradient(var(--rer-edge),var(--rer-edge)),
    linear-gradient(var(--rer-edge),var(--rer-edge)),
    linear-gradient(var(--rer-edge),var(--rer-edge)),
    linear-gradient(var(--rer-edge),var(--rer-edge)),
    linear-gradient(135deg,transparent calc(50% - .1px),var(--rer-edge) calc(50% - .1px),var(--rer-edge) calc(50% + 1.5px),transparent calc(50% + 1.5px)),
    linear-gradient(135deg,transparent calc(50% - 1.5px),var(--rer-edge) calc(50% - 1.5px),var(--rer-edge) calc(50% + .1px),transparent calc(50% + .1px));
  background-size:calc(100% - var(--rer-cut)) 1.5px,1.5px calc(100% - var(--rer-cut)),1.5px calc(100% - var(--rer-cut)),calc(100% - var(--rer-cut)) 1.5px,var(--rer-cut) var(--rer-cut),var(--rer-cut) var(--rer-cut);
  background-position:var(--rer-cut) 0,0 var(--rer-cut),100% 0,0 100%,0 0,100% 100%}
.rer-panel::after{content:"";position:absolute;left:18px;top:-1px;width:min(34%,180px);height:4px;background:var(--rer-panel-accent);z-index:-1}
.rer-panel--cyan{--rer-panel-accent:var(--rer-cyan)}
.rer-panel--amber{--rer-panel-accent:var(--rer-amber)}
.rer-panel--white{--rer-panel-accent:var(--rer-white)}

/* Bar */
.rer-bar{--v:.5;--rer-bar-fill:var(--rer-orange);position:relative;height:11px;width:100%;background:rgba(255,255,255,.15);overflow:hidden}
.rer-bar::before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--v)*100%);background:var(--rer-bar-fill)}
.rer-bar--green{--rer-bar-fill:var(--rer-green)}
.rer-bar--red{--rer-bar-fill:var(--rer-red)}
.rer-bar--cyan{--rer-bar-fill:var(--rer-cyan)}

/* Brackets */
.rer-brackets{--rer-bk:64px;--rer-bkc:rgba(255,255,255,.55);position:relative;padding:calc(var(--rer-bk)*.35)}
.rer-brackets::before,.rer-brackets::after{content:"";position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat;
  background-image:
  linear-gradient(var(--rer-bkc),var(--rer-bkc)),linear-gradient(var(--rer-bkc),var(--rer-bkc)),
  linear-gradient(var(--rer-bkc),var(--rer-bkc)),linear-gradient(var(--rer-bkc),var(--rer-bkc));
  background-size:var(--rer-bk) 3px,3px var(--rer-bk),var(--rer-bk) 3px,3px var(--rer-bk)}
.rer-brackets::before{background-position:0 0,0 0,100% 0,100% 0}
.rer-brackets::after{background-position:0 100%,0 100%,100% 100%,100% 100%}
@media (max-width:600px){.rer-brackets{--rer-bk:32px}}
@media (max-width:420px){.rer-brackets{--rer-bk:24px}}

/* Slam echoes & typed */
[data-rer-slam]{position:relative;isolation:isolate}
.rer-echo{position:absolute;inset:0;z-index:-1;pointer-events:none;text-shadow:none}
.rer-echo--cyan{color:var(--rer-cyan)}
.rer-echo--orange{color:var(--rer-orange)}
.rer-echo *{color:inherit!important}
.rer-typed{position:relative;display:block}
.rer-typed__ghost{visibility:hidden}
.rer-typed__live{position:absolute;left:0;top:0;right:0}
.rer-typed__cursor{display:inline-block;width:.45em;height:.8em;margin-left:4px;background:var(--rer-orange);vertical-align:baseline;animation:rer-blink .1s steps(1) infinite}
@keyframes rer-blink{0%{opacity:1}50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.rer-typed__cursor{display:none}}

/* Layout helper */
.rer-wrap{width:100%;max-width:1600px;margin:0 auto;padding:0 var(--rer-gutter)}