.site-header{
  position:sticky;
  top:0;
  z-index:50;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  padding:0 max(28px,calc((100vw - 1320px)/2 + 48px));
  background:rgba(248,243,237,.94);
  border-bottom:1px solid rgba(94,75,58,.16);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.site-logo{
  color:#1e1c19;
  font-family:"Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:23px;
  font-weight:400;
  letter-spacing:.14em;
  line-height:1;
  text-decoration:none;
}
.site-nav{
  display:flex;
  align-items:center;
  gap:30px;
  white-space:nowrap;
}
.site-nav a{
  position:relative;
  padding:25px 0 23px;
  color:#514a43;
  font-family:"Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1;
  text-decoration:none;
}
.site-nav a:hover{color:#1e1c19}
.site-nav a.is-active{color:#1e1c19}
.site-nav a.is-active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:16px;
  height:2px;
  border-radius:2px;
  background:#ef5735;
}

.contact-section{
  width:100%;
  padding:78px max(28px,calc((100vw - 1320px)/2 + 48px));
  background:linear-gradient(110deg,#ead8c7,#f5ebe2 58%,#e4d0bd);
  color:#1e1c19;
}
.contact-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.7fr);
  gap:80px;
  align-items:end;
}
.contact-kicker{
  margin:0 0 17px;
  color:#ef5735 !important;
  font-family:"Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
}
.contact-section h2{
  margin:0;
  max-width:700px;
  color:#1e1c19 !important;
  font-family:"Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(34px,2.5vw,38px) !important;
  font-weight:400 !important;
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
}
.contact-section h2+p{
  margin:18px 0 0;
  max-width:620px;
  color:#5c5148 !important;
  font-family:"Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:17px !important;
  line-height:1.55 !important;
}
.contact-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
}
.contact-link{
  color:#1e1c19 !important;
  font-family:"Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:17px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  text-decoration:none;
}
.contact-phone{
  margin-bottom:6px;
  font-size:27px !important;
  letter-spacing:-.025em;
}
.demo-footer{
  min-height:108px;
  padding:0 max(28px,calc((100vw - 1320px)/2 + 48px));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  background:#f8f3ed;
  border-top:1px solid #d6c5b4;
}
.demo-footer .site-logo{font-size:20px}
.demo-footer-note{
  color:#7d7268;
  font-family:"Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:13px;
}

@media(max-width:700px){
  .site-header{
    min-height:62px;
    padding:0 16px;
    gap:18px;
  }
  .site-logo{font-size:18px}
  .site-nav{gap:16px}
  .site-nav a{
    padding:22px 0 20px;
    font-size:13px;
  }
  .site-nav a.is-active:after{bottom:12px}
  .contact-section{padding:58px 16px}
  .contact-inner{
    grid-template-columns:1fr;
    gap:34px;
  }
  .contact-section h2{font-size:30px !important}
  .contact-section h2+p{font-size:16px !important}
  .contact-phone{font-size:24px !important}
  .demo-footer{
    min-height:92px;
    padding:0 16px;
  }
}
@media(max-width:420px){
  .site-header{gap:12px}
  .site-nav{gap:11px}
  .site-nav a{font-size:12px}
}
