.contact-page{
  overflow-x:clip;
}
.contact-page [hidden]{
  display:none!important;
}
.contact-hero .contact-lead{
  max-width:var(--width-narrow);
  margin-top:var(--space-4);
  font-size:var(--text-lead);
  color:#3A404B;
}
.contact-hero .contact-hero-note{
  margin-top:var(--action-floor);
  color:#5E6573;
  font-size:var(--text-sm);
}
.contact-hero-note a{
  color:#8C4A06;
  text-decoration:underline;
  overflow-wrap:anywhere;
}
.contact-head{
  margin-bottom:var(--space-5);
  min-width:0;
}
.contact-head>p{
  max-width:var(--width-narrow);
  margin-top:var(--space-3);
}
.contact-route{
  background:#F6F7FA;
  color:#1B1D22;
  --muted:#5E6573;
  --line:#E3E6EC;
  --line2:#D3D8E0;
}
.contact-route h3,
.contact-payment h3{
  color:#1B1D22;
}
.contact-route p,
.contact-payment p{
  color:#3A404B;
}
.contact-notice{
  margin-top:var(--space-4);
}
.contact-notice>p{
  margin-top:var(--field-gap);
}
.contact-rows{
  list-style:none;
  margin:0;
  padding:0;
}
.contact-row{
  display:grid;
  grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
  gap:var(--space-3);
  align-items:start;
  padding:var(--space-4);
  border-top:var(--stroke) solid var(--line);
}
.contact-row>*{
  min-width:0;
  overflow-wrap:break-word;
}
.contact-row>h3{
  font-size:var(--text-lead);
}
.contact-number{
  font-family:var(--fm);
  font-variant-numeric:tabular-nums;
  color:#8C4A06;
}
.contact-payment{
  background:#F6F7FA;
  color:#1B1D22;
  --muted:#5E6573;
  --line:#E3E6EC;
  --line2:#D3D8E0;
}
.contact-foot{
  margin-top:auto;
  font-size:var(--text-sm);
  color:#5E6573;
}
.contact-timezone{
  padding:var(--card-padding);
  border-radius:var(--r-card);
  background:#EAF0F6;
  color:#1E3247;
  --muted:#4A5D72;
  --line:#D3D8E0;
  --line2:#D3D8E0;
}
.contact-timezone h2,
.contact-timezone h3{
  color:#1E3247;
}
.contact-timezone p{
  color:#4A5D72;
}
.contact-timezone-example{
  display:grid;
  gap:var(--field-gap);
  max-width:var(--width-narrow);
}
.contact-form{
  padding:var(--card-padding);
  border-radius:var(--r-card);
  background:#F6F7FA;
  color:#1B1D22;
  --muted:#5E6573;
  --line:#E3E6EC;
  --line2:#D3D8E0;
}
.contact-form .c-field{
  align-content:start;
}
.contact-form .c-field>label{
  color:#1B1D22;
}
.contact-status{
  margin-top:var(--space-3);
  color:#3A404B;
  font-size:var(--text-sm);
}
.contact-status[data-state="error"]{
  color:#8C4A06;
}
.contact-result{
  display:grid;
  gap:var(--space-3);
  margin-top:var(--space-4);
  padding:var(--card-padding);
  border-radius:var(--r-card);
  background:#FFFFFF;
  color:#1B1D22;
  --muted:#5E6573;
  --line:#E3E6EC;
  --line2:#D3D8E0;
}
.contact-result h3{
  color:#1B1D22;
}
.contact-result p{
  color:#3A404B;
}
.contact-result>.c-actions{
  margin-top:var(--space-3);
}
.contact-draft{
  font-size:var(--text-sm);
  line-height:var(--lh-body);
}
.contact-end{
  padding-bottom:var(--space-close);
}
.contact-closing{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.65fr);
  gap:var(--space-5);
  align-items:center;
  padding:var(--space-6);
  border-radius:var(--r-big);
  background:#1B1D22;
  color:#E8EAEE;
  --muted:#C9CED8;
  --line:color-mix(in srgb,#FFFFFF 18%,transparent);
  --line2:#555B66;
}
.contact-closing>*{
  min-width:0;
}
.contact-closing h2{
  color:#FFFFFF;
  font-size:var(--text-section);
}
.contact-closing p{
  margin-top:var(--space-3);
  color:#C9CED8;
}
.contact-closing .contact-closing-actions{
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  margin-top:var(--space-3);
}
.contact-closing .c-btn--ghost{
  background:transparent;
  color:#E8EAEE;
  border-color:color-mix(in srgb,currentColor 45%,transparent);
}
.contact-closing .c-btn--ghost:hover{
  background:#3A404B;
  color:#FFFFFF;
}
@media(max-width:42rem){
  .contact-row{
    grid-template-columns:2.25rem minmax(0,1fr);
  }
  .contact-row>:nth-child(3){
    grid-column:2;
  }
  .contact-closing{
    grid-template-columns:minmax(0,1fr);
    padding:var(--card-padding);
  }
}