/* CH Group Consulting - Interpreting page v1.9 */

.interpreting-header{
  position:sticky;
  top:0;
}

.interp-hero{
  display:grid;
  grid-template-columns:minmax(420px,46%) 1fr;
  min-height:560px;
  background:#f7f9fb;
  border-bottom:1px solid var(--line);
}

.interp-hero-copy{
  padding:54px 4.5vw 42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.interp-eyebrow{
  margin:0 0 14px;
  font-size:13px;
  letter-spacing:.18em;
  font-weight:700;
  color:var(--gold);
}

.interp-hero h1{
  margin:0;
  max-width:610px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:52px;
  line-height:1.08;
  font-weight:500;
  color:var(--ink);
}

.interp-lead{
  margin:22px 0 24px;
  max-width:650px;
  font-size:17px;
  line-height:1.65;
  color:#34485e;
}

.interp-cta{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 24px;
  background:var(--navy);
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
}

.interp-cta:hover{
  background:#123866;
}

.interp-highlights{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:34px;
}

.interp-highlights > div{
  text-align:center;
  padding:0 10px;
  border-right:1px solid var(--line);
  color:var(--ink);
  font-size:12px;
  line-height:1.4;
}

.interp-highlights > div:last-child{
  border-right:0;
}

.highlight-icon{
  display:block;
  margin-bottom:8px;
  font-size:34px;
  line-height:1;
  color:var(--gold);
}

.interp-hero-image{
  min-height:560px;
  background:
    linear-gradient(180deg,rgba(6,23,43,.02),rgba(6,23,43,.08)),
    url('../images/interpreting-hero.png') center center/cover no-repeat;
}

.interp-body{
  width:min(1180px,92vw);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:56px;
  padding:42px 0 46px;
}

.interp-copy p{
  margin:0 0 14px;
  font-size:15px;
  line-height:1.72;
  color:#3e5165;
}

.interp-checks{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 22px;
  margin-top:24px;
  color:#213b59;
  font-size:13px;
}

.interp-checks div::first-letter{
  color:var(--gold);
}

.interp-situations{
  border:1px solid #e5d5ad;
  padding:26px 30px;
  background:#fff;
}

.interp-situations h2{
  margin:0 0 14px;
  font-family:Georgia,'Times New Roman',serif;
  color:var(--ink);
  font-weight:500;
  font-size:25px;
}

.interp-situations ul{
  margin:0;
  padding-left:22px;
  color:#31485f;
}

.interp-situations li{
  margin:8px 0;
}

.interp-situations li::marker{
  color:var(--gold);
}

.interp-contact{
  background:linear-gradient(90deg,var(--navy-dark),var(--navy));
  color:#fff;
  padding:28px 4.5vw;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}

.interp-contact p{
  margin:0;
}

.interp-contact-kicker{
  font-family:Georgia,'Times New Roman',serif;
  font-size:25px;
  margin-bottom:4px !important;
}

.interp-contact a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:190px;
  min-height:48px;
  padding:0 24px;
  color:#f2c65c;
  text-decoration:none;
  border:1px solid #d4a23d;
  font-weight:700;
  letter-spacing:.04em;
}

.interp-contact a:hover{
  background:rgba(255,255,255,.06);
}

@media(max-width:1100px){
  .interp-hero{
    grid-template-columns:1fr 1fr;
  }

  .interp-hero h1{
    font-size:44px;
  }

  .interp-highlights{
    grid-template-columns:1fr 1fr;
  }

  .interp-highlights > div{
    border-right:0;
  }
}

@media(max-width:900px){
  .interp-hero{
    grid-template-columns:1fr;
  }

  .interp-hero-copy{
    padding:42px 6vw 36px;
  }

  .interp-hero-image{
    min-height:380px;
  }

  .interp-body{
    grid-template-columns:1fr;
    gap:26px;
  }

  .interp-contact{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media(max-width:560px){
  .interp-hero h1{
    font-size:36px;
  }

  .interp-lead{
    font-size:15px;
  }

  .interp-highlights{
    grid-template-columns:1fr 1fr;
  }

  .interp-checks{
    grid-template-columns:1fr;
  }

  .interp-hero-image{
    min-height:260px;
  }
}