/* Contact page */
.contact-grid {
  display:grid;
  gap:28px;
}
.ways {
  display:grid;
  gap:var(--space-3);
}
.way {
  display:flex;
  gap:var(--space-4);
  align-items:center;
  padding:18px;
  background:var(--color-white);
  border:1px solid var(--color-border);
  border-radius:var(--radius-xl);
  text-decoration:none;
  color:var(--color-text);
}
a.way:hover {
  border-color:var(--color-primary);
}
.way .pt-ic {
  flex:none;
}
.way .wl {
  display:block;
  font-size:var(--fs-12_5);
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--color-muted);
}
.way .wv {
  display:block;
  font-size:var(--font-size-lg);
  line-height:1.25;
  font-weight:600;
  color:var(--color-text);
  word-break:break-word;
}
.way .wd {
  display:block;
  font-size:var(--fs-15);
  color:var(--color-muted);
  margin-top:2px;
}
.hours {
  background:var(--color-white);
  border:1px solid var(--color-border);
  border-radius:var(--radius-xl);
  padding:6px var(--space-5);
}
.hours h2 {
  font-size:var(--fs-12_5);
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--color-muted);
  padding:14px 0 6px;
}
.hours dl {
  margin:0;
}
.hours div {
  display:flex;
  justify-content:space-between;
  gap:var(--space-3);
  padding:11px 0;
  border-top:1px solid var(--color-surface-tint-2);
  font-size:var(--fs-16_5);
}
.hours dt {
  font-weight:600;
  color:var(--color-text);
}
.hours dd {
  margin:0;
  color:var(--color-text-mid);
}
.hours .closed dd {
  color:var(--color-muted-warm);
}
.formcard {
  padding:26px var(--space-5) var(--space-6);
  background:var(--color-white);
  border:1px solid var(--color-border);
  border-radius:var(--radius-xl);
}
.formcard h2 {
  font-family:var(--font-heading);
  font-size:var(--fs-30);
  font-weight:600;
  line-height:1.1;
  letter-spacing:-.015em;
  color:var(--color-text);
}
.formcard .fl {
  font-size:var(--fs-16_5);
  color:var(--color-text-mid);
  margin:var(--space-2) 0 18px;
}
.formcard .fine {
  font-size:var(--fs-14);
  color:var(--color-muted);
  margin-top:var(--space-3);
}
.sent {
  display:flex;
  flex-direction:column;
  gap:6px;
}
.sent .done-mark {
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:var(--radius-round);
  background:var(--color-success-tint);
  margin-bottom:10px;
}
.sent .done-mark span {
  position:relative;
  width:24px;
  height:24px;
}
.sent .done-mark span::after {
  content:"";
  position:absolute;
  left:8px;
  top:1px;
  width:8px;
  height:16px;
  border:solid var(--color-secondary);
  border-width:0 3.5px 3.5px 0;
  transform:rotate(45deg);
}
@media (min-width:860px){
  .contact-grid {
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:var(--space-14);
    align-items:start;
  }
  .formcard {
    padding:var(--space-10) var(--space-10) 36px;
    position:sticky;
    top:var(--sticky-offset);
  }
  .formcard h2 {
    font-size:var(--fs-38);
  }
}