* { box-sizing:border-box; }
html,body { min-height:100%; margin:0; }
body { color:#fff; background:#050505; font-family:Arial,sans-serif; }
.launch {
  min-height:100vh;
  position:relative;
  overflow:hidden;
  display:grid;
  align-items:center;
  padding:clamp(2rem,6vw,6rem);
  color:inherit;
  text-decoration:none;
  isolation:isolate;
}
.launch::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url("/assets/hero.webp") 72% center/cover no-repeat;
  filter:contrast(1.08);
}
.launch::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,#050505 0%,#050505ed 34%,#0505058a 58%,#05050522 100%),linear-gradient(0deg,#050505e8 0%,transparent 42%);
}
.content { width:min(720px,100%); }
.brand { margin:0 0 clamp(3rem,9vh,7rem); font-size:clamp(1.05rem,2vw,1.45rem); font-weight:900; letter-spacing:.04em; }
.brand strong,.eyebrow { color:#e30613; }
.eyebrow { margin:0 0 .7rem; font-size:.82rem; font-weight:900; letter-spacing:.2em; text-transform:uppercase; }
h1 { max-width:680px; margin:0; font-size:clamp(4rem,11vw,9rem); line-height:.9; letter-spacing:-.055em; text-transform:uppercase; }
p { max-width:600px; margin:1.6rem 0 0; color:#ddd; font-size:clamp(1.05rem,2vw,1.35rem); line-height:1.5; }
.destination { display:inline-flex; margin-top:2rem; padding:.9rem 1.2rem; color:#fff; background:#e30613; font-size:.85rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.launch:focus-visible { outline:4px solid #fff; outline-offset:-8px; }
@media (max-width:700px) {
  .launch { align-items:end; padding:2rem 1.35rem 3.5rem; }
  .launch::before { background-image:url("/assets/hero-640.webp"); background-position:62% top; }
  .launch::after { background:linear-gradient(0deg,#050505 8%,#050505ed 42%,#05050544 74%,#05050518 100%); }
  .brand { margin-bottom:42vh; }
  h1 { font-size:clamp(3.7rem,19vw,6rem); }
}