/* Contact Hub */
.contact-hub {
  background:#0d0d0d;
  color:#f5f2ec;
}
.contact-hub .wrap {
  width:min(1480px,calc(100% - 48px));
  margin:0 auto;
}
.contact-hub__hero {
  padding:clamp(5rem,10vw,10rem) 0 clamp(4rem,8vw,7rem);
  border-bottom:1px solid rgba(245,242,236,.12);
}
.contact-hub__eyebrow,
.contact-hub__social-label {
  margin:0;
  color:#c9aa80;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.contact-hub__hero h1 {
  margin:1rem 0 2rem;
  max-width:9ch;
  font-family:var(--font-display);
  font-size:clamp(4.5rem,10vw,9.5rem);
  line-height:.82;
  letter-spacing:-.075em;
  font-weight:500;
}
.contact-hub__intro-grid,
.contact-hub__section-head,
.contact-hub__mentions-grid {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:clamp(2rem,6vw,7rem);
  align-items:start;
}
.contact-hub__intro-grid > p,
.contact-hub__section-head > p,
.contact-hub__mentions-grid > div > p {
  margin:0;
  color:rgba(245,242,236,.68);
  font-size:1.05rem;
  line-height:1.75;
  max-width:42rem;
}
.contact-hub__primary-contact {
  border-top:1px solid rgba(245,242,236,.16);
  padding-top:1rem;
}
.contact-hub__primary-contact span {
  display:block;
  color:rgba(245,242,236,.5);
  font-size:.62rem;
  letter-spacing:.16em;
  margin-bottom:.55rem;
}
.contact-hub__primary-contact a {
  color:#f5f2ec;
  font-family:var(--font-display);
  font-size:clamp(1.7rem,3vw,3rem);
  line-height:1;
}
.contact-hub .section {
  padding:clamp(4.5rem,8vw,8rem) 0;
}
.contact-hub__section-head {
  margin-bottom:2rem;
}
.contact-hub__section-head h2,
.contact-hub__mentions h2,
.contact-hub__cta h2 {
  margin:.7rem 0 0;
  font-family:var(--font-display);
  font-size:clamp(2.8rem,5vw,5.5rem);
  line-height:.95;
  letter-spacing:-.055em;
  font-weight:500;
}
.contact-hub__social-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:rgba(245,242,236,.12);
  border:1px solid rgba(245,242,236,.12);
}
.contact-hub__social-card {
  position:relative;
  min-height:250px;
  padding:1.6rem;
  background:#111;
  color:#f5f2ec;
  display:flex;
  flex-direction:column;
}
.contact-hub__social-card strong {
  margin-top:auto;
  font-family:var(--font-display);
  font-size:clamp(1.7rem,3vw,3.3rem);
  line-height:1;
  font-weight:500;
}
.contact-hub__social-card p {
  margin:.7rem 2.5rem 0 0;
  color:rgba(245,242,236,.58);
  line-height:1.55;
}
.contact-hub__arrow {
  position:absolute;
  right:1.4rem;
  bottom:1.3rem;
  color:#c9aa80;
  font-size:1.4rem;
}
.contact-hub__profiles {
  background:#efe7d7;
  color:#171410;
}
.contact-hub__profiles .contact-hub__eyebrow {
  color:#7e6244;
}
.contact-hub__profiles .contact-hub__section-head > p {
  color:rgba(23,20,16,.65);
}
.contact-hub__link-list {
  border-top:1px solid rgba(23,20,16,.18);
}
.contact-hub__link-list a {
  display:grid;
  grid-template-columns:180px 1fr 40px;
  gap:1rem;
  align-items:center;
  padding:1.15rem 0;
  border-bottom:1px solid rgba(23,20,16,.18);
  color:#171410;
}
.contact-hub__link-list span {
  font-family:var(--font-display);
  font-size:1.35rem;
}
.contact-hub__link-list small {
  color:rgba(23,20,16,.6);
  font-size:.9rem;
}
.contact-hub__link-list strong {
  text-align:right;
  color:#7e6244;
}
.contact-hub__mentions {
  border-bottom:1px solid rgba(245,242,236,.12);
}
.contact-hub__mention-list {
  border-top:1px solid rgba(245,242,236,.14);
}
.contact-hub__mention-list a {
  display:grid;
  grid-template-columns:1fr 30px;
  gap:1rem;
  padding:1rem 0;
  border-bottom:1px solid rgba(245,242,236,.12);
  color:#f5f2ec;
}
.contact-hub__mention-list span {
  font-weight:700;
}
.contact-hub__mention-list p {
  margin:.3rem 0 0;
  color:rgba(245,242,236,.58);
  font-size:.9rem;
  line-height:1.5;
}
.contact-hub__mention-list strong {
  color:#c9aa80;
}
.contact-hub__work-with {
  background:#151515;
}
.contact-hub__work-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin-top:1.4rem;
  background:rgba(245,242,236,.12);
  border:1px solid rgba(245,242,236,.12);
}
.contact-hub__work-grid > div {
  background:#151515;
  padding:1.5rem;
  min-height:230px;
}
.contact-hub__work-grid span {
  color:#c9aa80;
  font-family:var(--font-display);
  font-size:1.9rem;
}
.contact-hub__work-grid h3 {
  margin:3rem 0 .7rem;
  font-size:1.25rem;
}
.contact-hub__work-grid p {
  margin:0;
  color:rgba(245,242,236,.58);
  line-height:1.6;
}
.contact-hub__cta {
  margin-top:3rem;
  text-align:center;
}
.contact-hub__cta h2 {
  margin-bottom:1.5rem;
}
.contact-hub__cta .button {
  margin:.35rem;
}
@media (max-width:980px) {
  .contact-hub__intro-grid,
  .contact-hub__section-head,
  .contact-hub__mentions-grid {
    grid-template-columns:1fr;
  }
  .contact-hub__social-grid,
  .contact-hub__work-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:640px) {
  .contact-hub .wrap {
    width:min(100% - 28px,1480px);
  }
  .contact-hub__hero h1 {
    font-size:clamp(4rem,22vw,6.5rem);
  }
  .contact-hub__social-grid,
  .contact-hub__work-grid {
    grid-template-columns:1fr;
  }
  .contact-hub__link-list a {
    grid-template-columns:1fr 30px;
  }
  .contact-hub__link-list small {
    grid-column:1;
  }
  .contact-hub__link-list strong {
    grid-column:2;
    grid-row:1 / span 2;
  }
}