*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}
body{
  min-height:100vh;
  color:#f6ead1;
  background:
    radial-gradient(circle at 18% 25%,rgba(196,88,32,.38),transparent 32%),
    radial-gradient(circle at 82% 70%,rgba(216,143,48,.22),transparent 30%),
    linear-gradient(145deg,#2b1711 0%,#6b2d19 45%,#b45b26 100%);
}
.hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 24px;
  text-align:center;
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 4px);
}
.content{max-width:900px}
.eyebrow{
  margin:0 0 20px;
  font-size:.82rem;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#e8c58c;
}
h1{
  margin:0;
  font-size:clamp(4rem,13vw,9.5rem);
  line-height:.78;
  letter-spacing:-.055em;
  font-weight:900;
  text-shadow:0 5px 0 rgba(0,0,0,.18);
}
.rule{
  width:90px;height:4px;background:#e8c58c;
  margin:34px auto 20px;
}
.tagline{
  margin:0;
  font-size:clamp(1.25rem,3vw,2rem);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:700;
}
.coming{
  margin:38px 0 0;
  font-size:1.05rem;
}
.note{
  margin:14px 0 0;
  color:#e8c58c;
  font-size:.82rem;
  letter-spacing:.08em;
}