.contact-page { background: #e7e3da; }
.contact-page .site-header { background: #e7e3da; }
.contact-page.reveal-ready .reveal { opacity: 1; transform: none; }
.contact-page .nav-current { border-bottom: 1px solid var(--ink); padding-bottom: 3px; }
.contact-hero { min-height: calc(100svh - 90px); padding-top: 80px; padding-bottom: 80px; display: grid; grid-template-columns: 1fr 2fr auto; gap: 7vw; align-items: end; }
.contact-copy h1 { font-size: clamp(70px, 11vw, 160px); line-height: .82; letter-spacing: -.09em; font-weight: 500; }
.contact-lede { max-width: 330px; margin-top: 58px; font-size: 17px; line-height: 1.35; }
.contact-copy .contact-email { display: inline-block; margin-top: 38px; font-size: clamp(17px, 2vw, 25px); }
.instagram-profile { display: flex; align-items: center; justify-content: flex-start; gap: 14px; width: fit-content; margin: 34px 0 0; }
.profile-picture { width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; flex: 0 0 68px; border-radius: 50%; background: #eadfca; color: #141414; font: 600 16px/1 var(--display); letter-spacing: -.06em; text-align: center; }
.instagram-profile span { display: flex; flex-direction: column; gap: 4px; }
.instagram-profile small { opacity: .55; }
.instagram-profile strong { font: 16px var(--display); }
.instagram-profile b { margin-left: 20px; color: #b85c43; font-size: 20px; line-height: 1; }
.contact-aside { align-self: center; display: flex; flex-direction: column; gap: 9px; color: rgba(20,20,20,.55); }
.contact-aside strong { color: var(--ink); font: 16px var(--display); }
.contact-strip { min-height: 170px; padding-top: 35px; padding-bottom: 35px; background: var(--acid); display: flex; justify-content: space-between; align-items: center; }
.contact-strip .text-link { margin: 0; border-color: rgba(20,20,20,.5); }
@media (max-width: 700px) {
  .contact-page .site-header { padding-left: 20px; padding-right: 20px; }
  .contact-hero { min-height: calc(100svh - 70px); display: flex; flex-direction: column; align-items: flex-start; padding: 48px 20px 60px; }
  .contact-copy { margin-top: 110px; }
  .contact-copy h1 { font-size: clamp(58px, 16vw, 82px); }
  .contact-lede { margin-top: 40px; max-width: 280px; font-size: 16px; }
  .contact-copy .contact-email { max-width: 100%; margin-top: 34px; overflow-wrap: anywhere; font-size: 15px; }
  .instagram-profile { margin-top: 28px; }
  .contact-aside { margin-top: auto; }
  .contact-strip { min-height: 145px; display: block; padding-top: 28px; padding-bottom: 28px; }
  .contact-strip .text-link { margin-top: 25px; }
}
@media (prefers-color-scheme: dark) {
  .contact-page, .contact-page .site-header { background: #11110f; color: var(--ink); }
  .contact-aside { color: rgba(244,241,233,.55); }
  .contact-strip { background: var(--acid); color: #11110f; }
}