.identity{
  width:max-content;
  max-width:calc(100vw - 64px);
}
.identity h1{font-weight:600;font-optical-sizing:auto;text-rendering:geometricPrecision}
.identity .tagline{
  display:flex;
  justify-content:space-between;
  width:calc(100% - 32px);
  margin:24px 20px 0 12px;
  color:#322922;
  font:600 clamp(10px,.82vw,13px)/1 Manrope,Arial,sans-serif;
  letter-spacing:0;
  white-space:nowrap;
  text-transform:uppercase;
}
@media(max-width:760px){
  .hero-art{inset:40% 0 0;height:60%;object-fit:cover;object-position:right center;transform:none!important}
  .identity{left:50%;right:auto;top:13.5%;width:calc(100% - 40px);max-width:520px;transform:translateX(-50%);text-align:center}
  .identity h1{font-size:clamp(42px,12.9vw,56px);line-height:.88;letter-spacing:.025em;white-space:nowrap;max-width:none}
  .identity .tagline{display:flex;width:calc(100% - 18px);margin:19px auto 0;font-size:8px;letter-spacing:0}
  .coming{left:50%;right:auto;top:31.5%;bottom:auto;width:max-content;transform:translateX(-50%);text-align:center}
  .coming-dots{width:5.6em}
  footer{z-index:3}
}
@media(min-width:761px) and (max-width:1100px){
  .hero-art{inset:39% 0 0;height:61%;object-fit:cover;object-position:right center;transform:none!important}
  .contact-nav{top:24px;left:5vw;right:5vw;justify-content:space-between;gap:0}
  .identity{left:50%;right:auto;top:13.5%;width:min(88vw,760px);max-width:none;transform:translateX(-50%);text-align:center}
  .identity h1{font-size:clamp(68px,10.2vw,96px);line-height:.88;letter-spacing:.04em;white-space:nowrap}
  .identity .tagline{display:flex;width:calc(100% - 80px);margin:24px auto 0;font-size:10px;letter-spacing:0}
  .coming{left:50%;right:auto;top:31%;bottom:auto;width:max-content;transform:translateX(-50%);text-align:center}
  .coming-dots{width:5.6em}
  footer{z-index:3}
}