/* ===== Strait Hat Company v0.6 — Contact information ===== */

.contact-head{
  background:linear-gradient(105deg,#07182d,#12375f);
  color:#fff;
}
.contact-head h1{color:#fff}
.contact-head p{color:#dfe8f2}
.contact-eyebrow{color:#fff}

.contact-v06-grid{
  max-width:1180px;
  margin:auto;
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:28px;
  align-items:stretch;
}

.contact-v06-main,
.contact-v06-cta{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow);
}

.contact-v06-main{padding:34px}
.contact-v06-main h2{
  color:var(--navy);
  font-size:34px;
  margin:7px 0 10px;
}
.contact-v06-main > p{
  color:var(--muted);
  line-height:1.65;
  max-width:720px;
}

.contact-methods{
  margin-top:26px;
  display:grid;
  gap:12px;
}

.contact-method{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:14px;
  align-items:center;
  border:1px solid #e4e9ef;
  background:#f8fafc;
  border-radius:12px;
  padding:15px 16px;
  color:var(--navy);
}

a.contact-method{
  transition:transform .15s ease, box-shadow .15s ease;
}

a.contact-method:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(13,34,64,.09);
}

.contact-icon{
  width:46px;
  height:46px;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:21px;
  font-weight:800;
}

.contact-method small{
  display:block;
  text-transform:uppercase;
  letter-spacing:.7px;
  font-size:10px;
  font-weight:800;
  color:#7b8795;
  margin-bottom:3px;
}

.contact-method strong{
  display:block;
  font-size:15px;
  line-height:1.45;
}

.contact-v06-cta{
  padding:30px;
  background:var(--navy);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.contact-v06-cta h2{
  font-size:28px;
  margin:0 0 9px;
}
.contact-v06-cta > p{
  color:#dce5ef;
  line-height:1.6;
}

.contact-full-btn{
  display:block;
  text-align:center;
  margin-top:11px;
}

.contact-v06-cta .btn-light{
  background:#fff;
  color:var(--navy);
  border-color:#fff;
}

.contact-note{
  font-size:11px;
  text-align:center;
  margin-top:15px !important;
  color:#aebdce !important;
}

/* Footer contact expansion */
.footer-grid-v06{
  grid-template-columns:1.35fr .8fr 1.15fr .8fr;
}

.footer-contact{
  font-style:normal;
  line-height:1.8;
  color:inherit;
}

.footer-contact a{
  color:inherit;
}

@media(max-width:900px){
  .contact-v06-grid{grid-template-columns:1fr}
  .footer-grid-v06{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
  .contact-v06-main,
  .contact-v06-cta{padding:24px 20px}
  .contact-v06-main h2{font-size:29px}
  .footer-grid-v06{grid-template-columns:1fr}
}