*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#111;color:#f4eee5}
body{font-family:Arial,Helvetica,sans-serif}
.hero{
  position:relative;min-height:100vh;overflow:hidden;
  display:grid;place-items:center;
  background:url("../img/background.webp") center/cover no-repeat;
}
.shade{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(7,9,10,.88) 0%,rgba(10,10,10,.62) 44%,rgba(15,11,8,.28) 100%);
}
.content{position:relative;z-index:2;width:min(760px,88vw);text-align:center;padding:72px 20px}
.logo{
  width:min(430px,68vw);max-height:260px;object-fit:contain;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.3));
}
.signature,.topline,.promise{
  text-transform:uppercase;letter-spacing:.24em;color:#e5c7a1
}
.signature{font-size:13px;margin:4px 0 24px}
.divider{width:78px;height:1px;background:#b98a54;margin:0 auto 38px}
h1{
  font-family:Georgia,"Times New Roman",serif;font-weight:400;
  font-size:clamp(34px,4vw,60px);line-height:1.06;margin:0 0 24px;
  text-shadow:0 2px 18px rgba(0,0,0,.5)
}
h1 span{font-style:italic;color:#f0d2aa}
.intro{
  max-width:660px;margin:0 auto 32px;line-height:1.7;
  font-size:clamp(15px,1.35vw,19px);letter-spacing:.06em;color:#eee7df
}
.mail{
  display:inline-flex;align-items:center;gap:14px;
  color:#f6eee5;text-decoration:none;border:1px solid #c58b43;
  border-radius:999px;padding:15px 28px;font-size:clamp(15px,1.4vw,19px);
  letter-spacing:.06em;background:rgba(10,10,10,.34);
  backdrop-filter:blur(5px);transition:.2s ease
}
.mail:hover,.mail:focus-visible{background:rgba(197,139,67,.17);transform:translateY(-1px)}
.topline{position:absolute;z-index:2;top:34px;right:5vw;font-size:11px}
.topline span{margin:0 10px}
.promise{position:absolute;z-index:2;left:4vw;bottom:6vh;font-size:11px;line-height:2}
footer{position:absolute;z-index:2;right:4vw;bottom:5vh;text-align:right;font-size:11px;line-height:1.5;color:#dbc7ae}
@media(max-width:720px){
  .hero{background-position:62% center}
  .shade{background:rgba(7,8,9,.64)}
  .topline{left:0;right:0;text-align:center;top:22px;font-size:9px}
  .content{padding:84px 16px 130px}
  .logo{width:min(330px,80vw)}
  .signature{font-size:10px;letter-spacing:.16em}
  .intro{line-height:1.55;letter-spacing:.025em}
  .mail{padding:14px 20px}
  .promise{left:22px;bottom:24px;font-size:9px}
  footer{right:22px;bottom:24px;font-size:9px}
}