:root{
  --contact-brand:#fe0000;
  --contact-silver:#c0c0c0;
  --contact-ink:#111111;
  --contact-muted:#71717a;
  --contact-border:#e4e4e7;
}

#siteHeader {
  background: rgba(255, 255, 255, .93);
  box-shadow: 0 8px 30px rgba(0, 0, 0, .08);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid #e4e4e7;
}

.burger {
  border-color: #e4e4e7;
  background: #111;
  color: #fff;
}

.contact-hero{
  min-height:520px;
}

.contact-back{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:34px;
  color:rgba(255,255,255,.72);
  font-size:.82rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  transition:.25s ease;
}

.contact-back:hover{
  color:#fff;
  transform:translateX(-4px);
}

.contact-title{
  max-width:980px;
  font-size:clamp(2.8rem,7vw,6.5rem);
  line-height:.9;
  letter-spacing:-.075em;
  font-weight:800;
}

.contact-layout{
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr);
  gap:28px;
  align-items:stretch;
}

.contact-panel{
  background:#fff;
  border:1px solid var(--contact-border);
  padding:46px;
  box-shadow:0 24px 70px rgba(17,17,17,.08);
}

.contact-panel h2{
  max-width:520px;
  color:var(--contact-brand);
  font-size:clamp(1.35rem,2vw,1.75rem);
  line-height:1.35;
  font-weight:800;
  letter-spacing:-.035em;
}

.contact-form{
  display:grid;
  gap:18px;
  margin-top:30px;
}

.contact-field{
  display:grid;
  gap:8px;
}

.contact-field label{
  color:var(--contact-ink);
  font-size:.83rem;
  font-weight:800;
}

.contact-field label span{
  color:var(--contact-brand);
}

.contact-field input,
.contact-field textarea{
  display:block;
  width:100%;
  border:1px solid #d4d4d8;
  background:#fff;
  color:var(--contact-ink);
  outline:0;
  font-size:.95rem;
  font-weight:600;
  transition:border-color .22s ease,box-shadow .22s ease;
}

.contact-field input{
  height:52px;
  padding:0 16px;
}

.contact-field textarea{
  min-height:136px;
  resize:vertical;
  padding:15px 16px;
}

.contact-field input::placeholder,
.contact-field textarea::placeholder{
  color:#a1a1aa;
  font-weight:500;
}

.contact-field input:focus,
.contact-field textarea:focus{
  border-color:var(--contact-brand);
  box-shadow:0 0 0 4px rgba(254,0,0,.08);
}

.contact-submit{
  margin-top:6px;
  width:max-content;
  min-width:220px;
  border:0;
  cursor:pointer;
}

.contact-data-list{
  display:grid;
  gap:18px;
  margin-top:34px;
}

.contact-data-item{
  display:flex;
  align-items:center;
  gap:14px;
  color:var(--contact-ink);
  font-size:.96rem;
  font-weight:700;
  transition:.25s ease;
}

.contact-data-item:hover{
  color:var(--contact-brand);
  transform:translateX(4px);
}

.contact-data-icon{
  display:grid;
  width:48px;
  height:48px;
  flex:0 0 48px;
  place-items:center;
  background:var(--contact-brand);
  color:#fff;
  border-radius:999px;
  box-shadow:0 14px 32px rgba(254,0,0,.22);
}

.contact-map-box{
  height:300px;
  margin-top:40px;
  overflow:hidden;
  border:1px solid var(--contact-border);
  background:#e5e5e5;
}

.contact-map-box iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}

@media (max-width:1080px){
  .contact-layout{
    grid-template-columns:1fr;
  }
}

@media (max-width:720px){
  .contact-hero{
    min-height:auto;
  }

  .contact-title{
    font-size:clamp(2.6rem,16vw,4.4rem);
  }

  .contact-panel{
    padding:28px 22px;
  }

  .contact-submit{
    width:100%;
  }

  .contact-map-box{
    height:260px;
  }
}