:root{
  --bg:#efefef;
  --text:#0a0a0d;
  --muted:#22242a;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Montserrat',Arial,sans-serif;
}
.landing{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 20px;
}
.hero{
  width:min(1600px,100%);
  min-height:70vh;
  display:flex;
  align-items:center;
  justify-content:center;
}
.logo-lockup{
  text-align:center;
  max-width:1600px;
}
.logo-lockup h1{
  margin:0;
  font-size:clamp(3rem,9vw,8.8rem);
  line-height:.95;
  font-weight:900;
  letter-spacing:-0.04em;
  color:var(--text);
}
.logo-lockup p{
  margin:26px 0 0;
  font-size:clamp(.72rem,1.2vw,1.1rem);
  line-height:1.4;
  letter-spacing:.62em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:500;
  white-space:nowrap;
}
@media (max-width:900px){
  .logo-lockup p{
    white-space:normal;
    letter-spacing:.34em;
    max-width:90vw;
    margin-left:auto;
    margin-right:auto;
  }
}