*{box-sizing:border-box}
html,body{margin:0;min-height:100%;width:100%}
body{font-family:Arial,Helvetica,sans-serif;color:#202020;background:#fff}
.landing{
  min-height:100vh;min-height:100svh;position:relative;overflow:hidden;
  display:flex;justify-content:center;align-items:flex-start;
  background-color:#fff;
  background-image:url('assets/onde-desktop.png');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% 100%;
}
.identity{
  text-align:center;display:flex;align-items:center;flex-direction:column;
  margin-top:clamp(95px,23vh,255px);padding:0 18px;
  position:relative;z-index:2;animation:fade-in 1s .12s both;
}
.brandmark{display:block;width:clamp(270px,31vw,430px);height:auto;object-fit:contain}
.coming{
  background:#00609f;color:#fff;letter-spacing:.23em;
  font-size:clamp(12px,1.18vw,16px);line-height:1.2;
  padding:4px 8px 4px 11px;margin:18px 0 0;
  font-weight:500;white-space:nowrap;
}
@media(max-width:700px){
  .landing{background-image:url('assets/onde-mobile.png')}
  .identity{margin-top:clamp(130px,21vh,250px)}
  .brandmark{width:clamp(225px,52vw,420px)}
  .coming{margin-top:22px;font-size:clamp(13px,3vw,17px);padding:4px 9px 4px 12px}
}
@media(max-width:420px){.brandmark{width:clamp(235px,67vw,330px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}}
@keyframes fade-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}