*{box-sizing:border-box}
body{
  margin:0;
  min-height:100vh;
  color:#eee4b9;
  background:
    linear-gradient(180deg,rgba(6,16,15,.78),rgba(2,8,13,.92)),
    url("../assets/hero-integrated.jpg") center top/cover no-repeat,
    linear-gradient(180deg,#06100f,#02080d);
  font-family:Inter,system-ui,sans-serif;
}
.future-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:clamp(28px,5vw,72px);
  position:relative;
}
.future-page:before{
  content:"";
  position:absolute;
  inset:clamp(18px,3vw,42px);
  border:1px solid rgba(216,202,152,.16);
  pointer-events:none;
}
.return-link{
  position:absolute;
  left:clamp(20px,4vw,56px);
  top:clamp(22px,4vw,42px);
  color:rgba(226,213,182,.72);
  font:500 10px Inter,system-ui,sans-serif;
  letter-spacing:.18em;
  text-decoration:none;
  text-transform:uppercase;
  z-index:1;
}
.future-landing{
  width:min(980px,100%);
  text-align:center;
  position:relative;
  z-index:1;
}
.future-landing p{
  margin:0 0 28px;
  color:rgba(156,168,162,.74);
  font:500 10px Inter,system-ui,sans-serif;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.future-landing h1{
  margin:0;
  color:rgba(238,228,185,.90);
  font:300 italic clamp(30px,4.2vw,56px)/1.18 "Cormorant Garamond",serif;
  letter-spacing:.045em;
  text-align:center;
  text-shadow:0 18px 70px rgba(0,0,0,.62);
}

@media(max-width:700px){
  .future-page:before{inset:14px}
  .future-landing p{margin-bottom:18px}
  .future-landing h1{letter-spacing:.045em}
}