@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Inter:wght@400;500;600&display=swap');

:root{
  --red:#d40000;
  --black:#07090b;
  --steel:#181d22;
  --line:#2a3035;
  --white:#f4f4f4;
  --muted:#9aa0a6;
  --max:1280px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,sans-serif;background:var(--black);color:var(--white);line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

.container{width:min(100% - 40px,var(--max));margin:auto}

#progress{position:fixed;top:0;left:0;height:3px;background:var(--red);width:0%;z-index:2000;transition:width .1s linear}

.fade-up{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}