*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#050505;color:#f4f4f2}
body{font-family:Arial,Helvetica,sans-serif}
.stage{
  min-height:100vh; min-height:100svh; display:grid; place-items:center;
  padding:42px 24px;
  background:
    radial-gradient(circle at 50% 40%,rgba(255,255,255,.055),transparent 34%),
    #050505;
}
.identity{
  width:min(720px,92vw); text-align:center;
  animation:enter .9s cubic-bezier(.2,.75,.2,1) both;
}
.logo{
  display:block; width:min(540px,82vw); max-height:58vh;
  object-fit:contain; margin:0 auto 24px;
  filter:drop-shadow(0 20px 55px rgba(255,255,255,.035));
}
.tagline{
  margin:0 auto 18px; font-size:clamp(18px,2.2vw,29px);
  line-height:1.25; font-weight:600; letter-spacing:.015em;
}
.email{
  display:inline-block; color:#aaa; text-decoration:none;
  font-size:clamp(13px,1.3vw,16px); letter-spacing:.09em;
  padding:8px 4px; transition:color .2s ease,transform .2s ease;
}
.email:hover,.email:focus-visible{color:#fff;transform:translateY(-1px)}
@keyframes enter{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion:reduce){.identity{animation:none}.email{transition:none}}