*{margin:0;padding:0;box-sizing:border-box}

body{
  height:100vh;
  overflow:hidden;
  background:#111;
  display:flex;
  flex-direction:column;
  font-family:Impact,'Arial Black',sans-serif;
}

.logo-bar{
  height:9vh;
  background:#111;
  color:#ECFF00;
  width:100%;
  display:flex;
  align-items:center;
  padding:0 2rem;
  flex-shrink:0;
  border-bottom:2px solid #ECFF00;
}

.wrap{
  height:82vh;
  width:100%;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#f0ede6;
  flex-shrink:0;
  overflow:hidden;
}

.wrap::after{
  content:'';
  position:absolute;
  inset:10px;
  border:1px solid #111;
  pointer-events:none;
  z-index:2;
}

.border-outer{
  position:absolute;
  inset:0;
  border:4px solid #111;
  pointer-events:none;
  z-index:2;
}

.dots{
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle,#11111110 2px,transparent 2px);
  background-size:30px 30px;
  pointer-events:none;
}

.accent{
  position:absolute;
  top:50%;
  left:5%;
  width:90%;
  height:30%;
  transform:translateY(-50%);
  background:#ff6b00;
  opacity:.1;
}

.corner{
  position:absolute;
  width:18px;
  height:18px;
  border:1.5px solid #111;
  z-index:3;
}

.c1{top:20px;left:20px;background:#ECFF00;}
.c2{top:20px;right:20px;background:#ECFF00;}
.c3{bottom:20px;left:20px;background:#ECFF00;}
.c4{bottom:20px;right:20px;background:#ECFF00;}

.rule{
  position:absolute;
  left:6%;
  width:88%;
  height:2px;
  background:#111;
  z-index:1;
}

.r1{top:28%}
.r2{bottom:28%}

.brand{
  position:absolute;
  top:18%;
  font-size:clamp(9px,1.2vw,13px);
  letter-spacing:10px;
  color:#000;
  font-weight:900;
  font-family:'Arial Black',sans-serif;
  z-index:1;
}

.sub{
  position:absolute;
  bottom:18%;
  font-size:clamp(9px,1.2vw,13px);
  letter-spacing:10px;
  color:#000;
  font-weight:900;
  font-family:'Arial Black',sans-serif;
  z-index:1;
}

.line1{
  display:block;
  font-size:clamp(30px,8vw,88px);
  letter-spacing:4px;
  font-weight:400;
  line-height:1.1;
  color:#000;
  text-shadow:3px 3px 0 rgba(0,200,255,0.45),1px 1px 0 rgba(184,255,0,0.35);
  z-index:1;
  position:relative;
}

.footer-bar{
  height:9vh;
  min-height:50px;
  background:#111;
  width:100%;
  display:flex;
  align-items:center;
  flex-shrink:0;
  overflow:hidden;
  border-top:2px solid #ECFF00;
}

.ticker-wrap{
  width:100%;
  overflow:hidden;
  display:flex;
  align-items:center;
}

.ticker{
  display:flex;
  white-space:nowrap;
  animation:ticker 120s linear infinite;
  -webkit-animation:ticker 120s linear infinite;
}

.ticker-item{
  display:inline-block;
  font-family:'Arial Black',sans-serif;
  font-size:clamp(10px,1.3vw,14px);
  letter-spacing:3px;
  color:#FFF;
  padding:0 3rem;
  flex-shrink:0;
}

.ticker-item::before{
  content:'◆';
  color:#ECFF00;
  margin-right:1rem;
}

@-webkit-keyframes ticker{
  0%{-webkit-transform:translateX(0)}
  100%{-webkit-transform:translateX(-50%)}
}

@keyframes ticker{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}