:root{
  --bg: #ffffff;
  --fg: #111111;
  --accent: #111111;
  --tilt: -20deg; /* flipped angle as requested */
}

*{ box-sizing: border-box; }
html, body{ height: 100%; }

body{
  margin:0;
  background: var(--bg);
  color: var(--fg);
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

.page{
  min-height: 100%;
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 1.25rem;
  gap: 2rem;
}

.content{
  display:flex;
  flex-direction: column;
  align-items:center;
  text-align:center;
  gap: 1.25rem;
}

.logo{
  width:min(720px, 90vw);
  height:auto;
  display:block;
  margin: 0 auto;
}

.soon{
  font-weight:900;
  font-size:clamp(32px, 8vw, 80px);
  letter-spacing: 0.065em;
  transform: rotate(var(--tilt));
  transform-origin: center;
  margin: .25rem 0 0;
  color: var(--accent);        /* solid, no outline */
  /* cleaner rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.contact-card{
      align-self:flex-end;
      margin-top: .75rem;
      padding: 1rem 1.25rem;
      border: 1px solid var(--accent);
      border-radius: 12px;
      box-shadow: 0 8px 20px rgba(0,0,0,.08);
      background:#fff;
      text-align:left;
      font-size:clamp(14px, 2.5vw, 16px);
      line-height:1.4;
      max-width: 360px;
    }
    .contact-card h2{margin:0 0 .5rem 0;font-size:1.05em;letter-spacing:.06em;text-transform:uppercase;}
    .contact-card a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}
    .contact-card a:hover{border-bottom-style:solid}					
.footer{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align:center;
  padding: .75rem 1rem;
  font-size: .85rem;
  opacity: .6;
}