@charset "UTF-8";

/* Cover artwork stays clear of labels; the four-character wordmark is its only caption. */
.hero-gateway{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  isolation:isolate;
  min-height:680px;
  background:#081a14 url("assets/cover-gateway-v31.png") center 85%/cover no-repeat;
}
.hero-gateway::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(180deg,rgba(4,24,17,.18),transparent 42%);
  pointer-events:none;
}
.hero-gateway::after{content:none}
.hero-gateway-title{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  margin:clamp(28px,5vh,50px) 16px 0;
}
.hero-gateway-title a{display:block;border-radius:3px}
.hero-gateway-title a:focus-visible{outline:2px solid #eed293;outline-offset:8px}
.hero-gateway-title img{
  display:block;
  width:min(650px,86vw);
  height:137px;
  max-height:none;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 8px 28px rgba(4,25,18,.7));
}
.horizontal-layout .hero-gateway{min-height:0!important}
.horizontal-layout[data-horizontal-current="0"] .site-guide-launcher{display:none}

@media(max-width:740px){
  .hero-gateway{background-position:center center}
  .hero-gateway-title{margin-top:clamp(34px,7vh,65px)}
  .hero-gateway-title img{width:min(90vw,650px);height:clamp(96px,16vh,137px)}
}