:root{
  --bg:#1B1A18;
  --ink:#F1EEE6;
  --accent:#8A9271;
  --accent-hover:#A9B08F;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.page{
  min-height:100vh;
  max-width:1080px;
  margin:0 auto;
  padding:64px 34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.logo{
  width:min(350px,68vw);
  height:auto;
  display:block;
  margin-bottom:58px;
}
.description{
  margin:0 0 50px;
  max-width:730px;
  font-size:clamp(31px,3.4vw,48px);
  line-height:1.08;
  letter-spacing:-0.038em;
  font-weight:400;
}
.contact-block{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.contact-label{
  color:var(--ink);
  font-size:clamp(22px,2vw,30px);
  line-height:1.08;
  letter-spacing:-0.026em;
  font-weight:400;
}
.email{
  color:var(--accent);
  text-decoration:none;
  font-size:clamp(19px,1.6vw,24px);
  line-height:1.1;
  letter-spacing:-0.018em;
  border-bottom:1px solid rgba(138,146,113,.78);
  padding-bottom:4px;
}
.email:hover{
  color:var(--accent-hover);
  border-color:var(--accent-hover);
}
@media(max-width:640px){
  .page{padding:34px 22px}
  .logo{width:min(300px,82vw);margin-bottom:42px}
  .description{
    margin-bottom:36px;
    font-size:clamp(27px,8vw,40px);
    line-height:1.06;
  }
  .contact-label{font-size:clamp(21px,5.5vw,27px)}
  .email{font-size:clamp(19px,5.2vw,24px)}
}