/* HEADER */
header{
  position:fixed;top:0;left:0;width:100%;z-index:1000;
  background:rgba(5,7,9,.9);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);
  transition:box-shadow .3s;
}
header.scrolled{box-shadow:0 4px 30px rgba(0,0,0,.6)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand img{height:60px;width:auto;display:block}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{
  width:38px;height:38px;border:3px solid var(--red);border-radius:50%;
  position:relative;transform:rotate(-18deg)
}
.brand-mark:after{
  content:"";position:absolute;width:27px;height:4px;background:var(--red);
  right:-7px;top:16px;transform:rotate(-16deg)
}
.brand-text strong{display:block;font:800 25px/20px "Barlow Condensed",sans-serif;letter-spacing:1px}
.brand-text span{display:block;color:var(--red);font:700 10px/12px "Barlow Condensed",sans-serif;letter-spacing:3px}
.nav-links{display:flex;align-items:center;gap:28px;font:600 14px "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:1px}
.nav-links a{color:#ccc;transition:.25s;position:relative}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:var(--red);transition:width .25s}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-cta{padding:10px 18px;border:1px solid var(--red);background:var(--red);color:#fff!important}
.nav-cta::after{display:none!important}
.nav-cta:hover{background:#a90000!important;border-color:#a90000}
.menu{display:none;background:none;border:0;color:white;font-size:29px;cursor:pointer}

/* FOOTER */
footer{background:#030405;border-top:3px solid var(--red);padding:50px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
footer h4{font:800 18px "Barlow Condensed",sans-serif;text-transform:uppercase;margin-bottom:14px;letter-spacing:1px}
footer p,footer li{font-size:13px;color:#7a8085;line-height:1.8}
footer ul{list-style:none}
footer ul li{padding:4px 0;border-bottom:1px solid #14181b}
footer ul li:last-child{border-bottom:none}
.footer-social{display:flex;gap:10px;margin-top:16px}
.footer-social a{width:36px;height:36px;border:1px solid var(--line);display:grid;place-items:center;font-size:15px;transition:border-color .2s,background .2s}
.footer-social a:hover{border-color:var(--red);background:rgba(212,0,0,.1)}
.copyright{margin-top:36px;padding-top:20px;border-top:1px solid #1a1e22;color:#4a5055;font-size:11px;display:flex;justify-content:space-between;gap:20px}

/* BACK TO TOP */
#back-top{position:fixed;bottom:28px;right:28px;width:44px;height:44px;background:var(--red);color:#fff;border:none;cursor:pointer;display:grid;place-items:center;font-size:20px;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
#back-top.show{opacity:1;pointer-events:all}
#back-top:hover{transform:translateY(-3px)}