*{box-sizing:border-box}
html,body{margin:0;background:#031727}
body{min-width:320px}
.page{position:relative;width:min(100%,1024px);margin:0 auto;line-height:0;overflow:hidden}
.design{display:block;width:100%;height:auto}

/* High-impact masthead: covers the old navigation artwork while preserving the logo. */
.promo-masthead{
  position:absolute;
  z-index:6;
  left:40%;
  right:0;
  top:0;
  height:6.15%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.35vw;
  padding:.45% 2% .35%;
  background:linear-gradient(90deg,#031724 0%,#061d2d 48%,#031724 100%);
  border-bottom:2px solid #d71920;
  box-shadow:0 7px 18px rgba(0,0,0,.38);
  line-height:1;
  text-align:center;
}
.promo-masthead::before,
.promo-masthead::after{
  content:"";
  position:absolute;
  top:50%;
  width:7%;
  height:2px;
  background:#d71920;
  box-shadow:0 0 8px rgba(215,25,32,.8);
}
.promo-masthead::before{left:2.5%}
.promo-masthead::after{right:2.5%}
.promo-kicker{
  color:#fff;
  font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(10px,2.05vw,24px);
  font-weight:900;
  font-style:italic;
  letter-spacing:.045em;
  text-shadow:2px 2px 0 #9e0e15,0 0 12px rgba(255,255,255,.12);
}
.promo-tagline{
  color:#d8e4ea;
  font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(6px,.92vw,11px);
  font-weight:800;
  letter-spacing:.16em;
}
.promo-tagline span{color:#ed1c24;text-shadow:0 0 7px rgba(237,28,36,.9)}

.contact-button{position:absolute;display:block;z-index:4;left:57.6%;top:81.7%;width:31.6%;height:5.3%;text-decoration:none;line-height:normal}
.contact-button:focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:8px}

@media(max-width:700px){
  .page{width:100%}
  .promo-masthead{left:39%;gap:.2vw;padding-left:1%;padding-right:1%}
  .promo-kicker{font-size:clamp(8px,2.1vw,15px)}
  .promo-tagline{font-size:clamp(5px,.9vw,8px);letter-spacing:.1em}
}