/* Contact is a choice of conversation, with the people and addresses in view. */
.contact-page .contact-opening {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  align-items:center;
  gap:clamp(26px,6vw,90px);
  padding:var(--ha-space-support) var(--ha-gutter);
  background:var(--ha-bone-alt); --ha-text:var(--ha-support-on-paper); --ha-text-strong:var(--ha-ink); --ha-text-meta:var(--ha-support-on-paper); color:var(--ha-ink); }
.contact-opening h1 {
  margin:0;
  font-size:var(--ha-type-page-title);
  line-height:1.12;
  letter-spacing:-.03em;
  font-weight:800;
}
.contact-opening p { margin:0; max-width:47ch; font-size:var(--ha-type-lede); line-height:1.6; color:var(--ha-support-on-paper); }
.contact-desk {
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  grid-template-areas:"people amp" "support amp" "phone amp";
  gap:0 clamp(35px,7vw,100px);
  padding:var(--ha-space-support) var(--ha-gutter);
  align-items:start;
}
.contact-desk h2 { margin:0 0 12px; font-size:var(--ha-type-long); line-height:1.12; letter-spacing:-.03em; font-weight:800; }
.contact-desk p { margin:0; max-width:52ch; }
.contact-people { grid-area:people; }
.contact-people > p { color:var(--ha-support-on-paper); font-size:17px; }
.contact-page .contact-founders { margin:24px 0 0; padding:0; }
.contact-page .contact-founders li { display:flex; align-items:center; gap:20px; padding:0 0 21px; }
.contact-page .contact-founders li + li { padding-top:21px; border-top:1px solid var(--ha-hairline); }
.contact-founders img { flex:none; width:88px; height:96px; object-fit:cover; object-position:50% 30%; border-radius:2px 2px 19px 2px; }
.contact-person-name { display:block; margin-bottom:4px; color:var(--ha-support-on-paper); font-size:16px; }
.contact-page .contact-founders a, .contact-page .contact-mail a {
  display:inline-block;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:6px;
  font-size:clamp(19px,2.1vw,30px);
  font-weight:750;
  letter-spacing:-.035em;
  transition:color 180ms ease,text-decoration-thickness 180ms ease; overflow-wrap:anywhere; }
.contact-page .contact-founders a:hover { color:var(--ha-bloom-deep); text-decoration-thickness:3px; }
.contact-support { grid-area:support; margin-top:22px; padding:26px 28px; background:var(--ha-ink); color:var(--ha-vapour); --ha-text:var(--ha-vapour); --ha-text-strong:var(--ha-white); --ha-text-meta:var(--ha-meta-on-dark); }
.contact-support h2 { font-size:var(--ha-type-long); line-height:1.12; letter-spacing:-.03em; color:var(--ha-white); }
.contact-support > p { font-size:16px; line-height:1.55; color:var(--ha-vapour); }
.contact-page .contact-mail { margin-top:16px; }
.contact-support .contact-mail + .contact-mail { margin-top:10px; }
.contact-page .contact-mail a { font-size:clamp(23px,2.1vw,30px); overflow-wrap:anywhere; }
.contact-page .contact-mail a:hover { text-decoration-thickness:3px; }
.contact-page .contact-phone { grid-area:phone; margin-top:18px; }
.contact-page .contact-phone a {
  display:inline-block;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:6px;
  font-size:clamp(19px,1.7vw,24px);
  font-weight:750;
  letter-spacing:-.035em;
  transition:color 180ms ease,text-decoration-thickness 180ms ease;
}
.contact-page .contact-phone a:hover { color:var(--ha-bloom-deep); text-decoration-thickness:3px; }
.contact-page .contact-amp {
  grid-area:amp;
  display:flex;
  flex-direction:column;
  gap:27px;
  align-items:stretch;
  padding:34px clamp(24px,3vw,44px) 25px;
  background:var(--ha-card);
  border:0;
  border-radius:3px 3px 44px 3px; --ha-text:var(--ha-support-on-paper); --ha-text-strong:var(--ha-ink); --ha-text-meta:var(--ha-support-on-paper); color:var(--ha-ink); }
.contact-page .contact-amp .contact-amp-handwritten { margin:0 0 19px; font-size:var(--ha-type-subheading); line-height:1.2; color:var(--ha-ink); font-family:Manrope,system-ui,sans-serif; font-weight:700; transform:none; }
.contact-page .contact-amp-intro > p:not(.contact-amp-handwritten) { color:var(--ha-support-on-paper); font-size:var(--ha-type-body); line-height:1.65; }
.contact-page .contact-amp-stage { width:100%; max-width:none; flex-direction:row; justify-content:center; align-items:center; gap:20px; }
.contact-page .contact-amp-speech { flex:none; width:auto; min-height:58px; padding:15px 21px; border-radius:22px 22px 4px 22px; font-size:25px; background:var(--ha-ink); color:var(--ha-paper); box-shadow:4px 5px 0 rgba(var(--ha-ink-rgb),.13); }
.contact-page .contact-amp-speech::after { width:15px; height:19px; left:auto; right:-12px; top:50%; bottom:auto; background:var(--ha-ink); clip-path:polygon(0 0,100% 50%,0 100%); transform:translateY(-50%); }
.contact-page .contact-amp-speech:hover { background:var(--ha-bloom-deep); }
.contact-page .contact-amp-speech:hover::after { background:var(--ha-bloom-deep); }
.contact-page .contact-amp-anchor { flex:none; width:clamp(145px,15.3vw,220px); height:clamp(145px,15.3vw,220px); }
.contact-page main a:focus-visible, .contact-page .contact-amp-speech:focus-visible { outline:3px solid var(--ha-ink); outline-offset:7px; }
.contact-page .contact-support a:focus-visible { outline-color:var(--ha-paper); }
@media(max-width:1050px) and (min-width:761px) {
  .contact-page .contact-amp-stage { flex-direction:column; gap:18px; }
  .contact-page .contact-amp-speech::after { top:auto; bottom:-13px; right:30px; transform:none; clip-path:polygon(0 0,100% 0,40% 100%); }
}
@media(max-width:760px) {
  .contact-page .contact-opening { grid-template-columns:1fr; gap:19px; padding-block:31px; }
  .contact-opening h1 { font-size:var(--ha-type-page-title); line-height:1.12; letter-spacing:-.03em; }
  .contact-opening p { font-size:var(--ha-type-lede); line-height:1.55; color:var(--ha-support-on-paper); }
  .contact-desk { grid-template-columns:minmax(0,1fr); grid-template-areas:"people" "support" "phone" "amp"; gap:0; padding-block:30px 38px; }
  .contact-desk h2 { font-size:var(--ha-type-long); line-height:1.12; letter-spacing:-.03em; }
  .contact-people > p { font-size:16px; line-height:1.55; }
  .contact-page .contact-founders { margin-top:21px; }
  .contact-page .contact-founders li { gap:17px; padding-bottom:17px; }
  .contact-page .contact-founders li + li { padding-top:17px; }
  .contact-founders img { width:70px; height:77px; }
  .contact-person-name { font-size:15px; }
  .contact-page .contact-founders a { font-size:23px; }
  .contact-support { margin-top:19px; padding:24px; }
  .contact-support h2 { font-size:var(--ha-type-long); line-height:1.12; letter-spacing:-.03em; color:var(--ha-white); }
  .contact-page .contact-phone { margin-top:16px; }
  .contact-page .contact-amp { margin-top:27px; padding:28px 24px 25px; gap:19px; border-radius:3px 3px 32px 3px; }
  .contact-page .contact-amp .contact-amp-handwritten { font-size:var(--ha-type-subheading); font-family:Manrope,system-ui,sans-serif; font-weight:700; line-height:1.2; transform:none; }
  .contact-page .contact-amp-intro > p:not(.contact-amp-handwritten) { font-size:var(--ha-type-body); color:var(--ha-support-on-paper); }
  .contact-page .contact-amp-anchor { width:145px; height:145px; }
  .contact-page .contact-amp-stage { gap:15px; }
  .contact-page .contact-amp-speech { font-size:21px; padding:14px 16px; }
}
@media(max-width:360px) {
  .contact-page .contact-founders li { gap:12px; }
  .contact-founders img { width:58px; height:67px; }
  .contact-page .contact-founders a { font-size:20px; }
  .contact-page .contact-amp-anchor { width:110px; height:110px; }
  .contact-page .contact-amp-stage { gap:8px; }
  .contact-page .contact-amp-speech { font-size:18px; padding:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .contact-page .contact-founders a, .contact-page .contact-mail a, .contact-page .contact-phone a { transition:none; }
}

.contact-support .contact-mail a { color:var(--ha-white); }