html,body{height:100%;margin:0}
body{
font-family:'Inter',sans-serif;
background:#fff;
color:#222;
display:flex;
flex-direction:column;
justify-content:space-between;
align-items:center;
overflow:hidden;
}
.wrap{
margin-top:14vh;
text-align:center;
animation:fade 1.6s ease both;
padding:20px;
}
.logo{
width:min(420px,72vw);
height:auto;
}
.divider{
width:70px;
height:1px;
background:#d8d1c8;
margin:34px auto 28px;
}
.tagline{
letter-spacing:.34em;
font-size:.82rem;
font-weight:300;
color:#8d857b;
margin:0 0 38px;
}
.mail{
color:#222;
text-decoration:none;
font-size:1.02rem;
transition:.25s;
}
.mail:hover{
opacity:.65;
}
footer{
padding:28px;
font-size:.8rem;
color:#999;
letter-spacing:.05em;
}
@keyframes fade{
from{opacity:0;transform:translateY(18px)}
to{opacity:1;transform:translateY(0)}
}