.contact-hero{
  padding-block:var(--vm-space-4) var(--vm-space-5);
  color:var(--vm-ink);
  background:var(--vm-paper)
}

.contact-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(20rem,.98fr);
  gap:var(--vm-space-4);
  align-items:start
}

.contact-hero-grid>*{
  min-width:0
}

.contact-hero-copy{
  min-width:0
}

.contact-title-group{
  display:grid;
  gap:.75rem;
  min-width:0
}

.contact-title-group .c-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start
}

.contact-hero-copy h1{
  max-width:18ch;
  font-size:var(--vm-fs-5);
  line-height:1.18
}

.contact-lead-group{
  display:grid;
  gap:.5rem;
  max-width:43rem;
  margin-top:var(--vm-space-3)
}

.contact-hero-lead{
  font-size:var(--vm-fs-3);
  line-height:1.55
}

.contact-hero-note{
  color:var(--vm-muted)
}

.contact-hero-note a{
  color:var(--vm-orange-paper);
  font-weight:700;
  overflow-wrap:anywhere;
  text-decoration:underline;
  text-underline-offset:.2em
}

.contact-channel-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin:var(--vm-space-3) 0 0;
  border-top:1px solid var(--vm-line-soft);
  border-bottom:1px solid var(--vm-line-soft)
}

.contact-channel-facts>div{
  min-width:0;
  padding:var(--vm-space-2) 0
}

.contact-channel-facts>div+div{
  padding-left:var(--vm-space-2);
  border-left:1px solid var(--vm-line-soft)
}

.contact-channel-facts dt{
  color:var(--vm-ink)
}

.contact-channel-facts dd{
  margin-top:.5rem;
  color:var(--vm-muted)
}

.contact-dispatch-stage{
  min-width:0;
  min-height:31rem;
  display:flex;
  align-items:stretch;
  padding:var(--vm-space-2);
  color:#FFFFFF;
  background:var(--vm-ink);
  border-radius:var(--vm-radius-lg);
  box-shadow:var(--vm-shadow)
}

.contact-dispatch-sheet{
  width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  color:var(--vm-ink);
  background:var(--vm-white);
  border-radius:var(--vm-radius-md)
}

.contact-sheet-band{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--vm-space-2);
  padding:var(--vm-space-2) var(--vm-space-3);
  color:var(--vm-ink);
  background:var(--vm-amber);
  font-family:var(--vm-font-heading);
  font-size:var(--vm-fs-1);
  font-weight:750
}

.contact-sheet-band span{
  min-width:0;
  overflow-wrap:anywhere
}

.contact-sheet-body{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:var(--vm-space-3);
  color:var(--vm-ink);
  background:var(--vm-white)
}

.contact-route-summary{
  display:grid;
  gap:.5rem
}

.contact-route-summary .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start
}

.contact-route-summary p{
  color:var(--vm-muted)
}

.contact-route-list{
  list-style:none;
  display:grid;
  margin:var(--vm-space-3) 0 0;
  padding:0;
  border-top:1px solid var(--vm-line-soft)
}

.contact-route-list li{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--vm-space-2);
  align-items:center;
  padding:var(--vm-space-2) 0;
  border-bottom:1px solid var(--vm-line-soft)
}

.contact-route-index{
  width:2.4rem;
  height:2.4rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--vm-ink);
  background:var(--vm-amber-pale);
  border-radius:50%;
  font-size:var(--vm-fs-0);
  line-height:1
}

.contact-route-list div{
  min-width:0;
  display:grid;
  gap:.5rem
}

.contact-route-list strong{
  font-family:var(--vm-font-heading);
  line-height:1.35
}

.contact-route-list small{
  color:var(--vm-muted)
}

.contact-sheet-status{
  display:grid;
  gap:.5rem;
  margin-top:auto;
  padding-top:var(--vm-space-3)
}

.contact-sheet-status span{
  color:var(--vm-muted);
  font-size:var(--vm-fs-0);
  font-weight:700;
  letter-spacing:.08em
}

.contact-sheet-status strong{
  overflow-wrap:anywhere;
  font-family:var(--vm-font-heading);
  line-height:1.45
}

.contact-section-head{
  gap:var(--vm-space-4)
}

.contact-section-head>div,
.contact-section-head>p{
  min-width:0
}

.contact-section-head>p{
  max-width:38rem;
  color:var(--vm-muted)
}

.contact-type-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));
  gap:var(--vm-space-2);
  align-items:start;
  margin-top:var(--vm-space-4)
}

.contact-type-card{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--vm-space-2);
  align-items:start;
  padding:var(--vm-space-3);
  color:var(--vm-ink);
  background:var(--vm-surface);
  border:1px solid var(--vm-control-line);
  border-radius:var(--vm-radius-md);
  text-align:left;
  cursor:pointer;
  transition:transform .2s var(--vm-ease),background-color .2s,border-color .2s
}

.contact-type-card:hover{
  transform:translateY(-2px);
  background:var(--vm-amber-pale);
  border-color:var(--vm-orange)
}

.contact-type-card[aria-pressed="true"]{
  color:var(--vm-ink);
  background:var(--vm-amber-soft);
  border-color:var(--vm-orange)
}

.contact-type-card>svg{
  width:1.5rem;
  height:1.5rem;
  color:var(--vm-orange-paper)
}

.contact-type-copy{
  min-width:0;
  display:grid;
  gap:.5rem
}

.contact-type-copy strong{
  font-family:var(--vm-font-heading);
  font-size:var(--vm-fs-3);
  line-height:1.35
}

.contact-type-copy small{
  color:var(--vm-muted);
  font-size:var(--vm-fs-1)
}

.contact-form-layout{
  margin-top:var(--vm-space-4)
}

.contact-mail-form{
  min-width:0;
  padding:var(--vm-space-4);
  color:var(--vm-ink);
  background:var(--vm-white);
  border-radius:var(--vm-radius-lg);
  box-shadow:var(--vm-shadow-soft)
}

.contact-form-heading{
  display:grid;
  gap:.5rem
}

.contact-form-heading p{
  color:var(--vm-muted)
}

.contact-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--vm-space-3);
  margin-top:var(--vm-space-3)
}

.contact-form-grid>*{
  min-width:0
}

.contact-field-wide{
  grid-column:1/-1
}

.contact-field-wide small{
  color:var(--vm-muted)
}

.contact-native-select{
  padding-inline-end:2.75rem
}

.contact-native-select.is-enhanced{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}

.contact-select-shell{
  position:relative;
  min-width:0
}

.contact-select-button{
  width:100%;
  min-height:3rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--vm-space-2);
  padding:.75rem 1rem;
  color:var(--vm-ink);
  background:var(--vm-white);
  border:1px solid var(--vm-control-line);
  border-radius:var(--vm-radius-sm);
  text-align:left;
  cursor:pointer
}

.contact-select-button svg{
  width:.75rem;
  height:.75rem;
  flex:0 0 auto;
  transition:transform .2s
}

.contact-select-button[aria-expanded="true"] svg{
  transform:rotate(180deg)
}

.contact-select-value{
  min-width:0;
  overflow-wrap:anywhere
}

.contact-select-menu{
  position:absolute;
  z-index:20;
  top:calc(100% + .5rem);
  left:0;
  right:0;
  max-height:16rem;
  overflow-y:auto;
  padding:.5rem;
  color:var(--vm-ink);
  background:var(--vm-white);
  border:1px solid var(--vm-control-line);
  border-radius:var(--vm-radius-sm);
  box-shadow:var(--vm-shadow-soft)
}

.contact-select-menu[hidden]{
  display:none
}

.contact-select-option{
  width:100%;
  display:block;
  padding:.7rem .75rem;
  color:var(--vm-ink);
  background:transparent;
  border:0;
  border-radius:var(--vm-radius-sm);
  text-align:left;
  cursor:pointer
}

.contact-select-option:hover,
.contact-select-option[aria-selected="true"]{
  color:var(--vm-ink);
  background:var(--vm-amber-pale)
}

.contact-form-notice{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--vm-space-2);
  align-items:start;
  margin-top:var(--vm-space-3);
  padding:var(--vm-space-2);
  color:var(--vm-ink);
  background:var(--vm-amber-pale);
  border-radius:var(--vm-radius-sm)
}

.contact-form-notice svg{
  width:1.25rem;
  height:1.25rem;
  color:var(--vm-orange-paper)
}

.contact-form-status{
  min-height:1.6em;
  margin-top:var(--vm-space-2);
  color:var(--vm-orange-paper);
  font-weight:650
}

.contact-form-status.is-success{
  color:var(--vm-green)
}

.contact-form-actions{
  margin-top:var(--vm-space-2)
}

.contact-channel-side{
  min-width:0
}

.contact-channel-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:var(--vm-space-3);
  border-radius:var(--vm-radius-md)
}

.contact-channel-card-dark{
  color:#FFFFFF;
  background:var(--vm-ink)
}

.contact-channel-card-dark p,
.contact-channel-card-dark li{
  color:#C4C8CF
}

.contact-channel-card-dark .c-badge{
  color:var(--vm-ink);
  background:var(--vm-amber)
}

.contact-channel-card-paper{
  color:var(--vm-ink);
  background:var(--vm-amber-pale)
}

.contact-channel-card-paper p,
.contact-channel-card-paper li{
  color:var(--vm-muted)
}

.contact-card-title{
  display:grid;
  gap:.75rem
}

.contact-card-title .c-badge,
.contact-card-title .c-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start
}

.contact-channel-card>p{
  margin-top:var(--vm-space-2)
}

.contact-channel-card ul{
  margin:var(--vm-space-2) 0 0;
  padding-left:1.2rem
}

.contact-channel-card li+li{
  margin-top:.5rem
}

.contact-channel-card .contact-response-line{
  margin-top:var(--vm-space-2);
  padding-top:var(--vm-space-2);
  border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)
}

.contact-channel-card>.c-btn{
  margin-top:var(--vm-space-3)
}

.contact-check-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));
  gap:var(--vm-space-2);
  align-items:start;
  margin-top:var(--vm-space-4)
}

.contact-check-card{
  min-width:0;
  padding:var(--vm-space-3);
  color:var(--vm-ink);
  background:var(--vm-surface);
  border-radius:var(--vm-radius-md)
}

.contact-check-icon{
  width:2.75rem;
  height:2.75rem;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:var(--vm-space-2);
  color:var(--vm-ink);
  background:var(--vm-amber-soft);
  border-radius:50%
}

.contact-check-icon svg{
  width:1.5rem;
  height:1.5rem
}

.contact-check-card ul{
  margin:var(--vm-space-2) 0 0;
  padding-left:1.2rem;
  color:var(--vm-muted)
}

.contact-check-card li+li{
  margin-top:var(--vm-space-1)
}

.contact-check-card strong{
  color:var(--vm-ink)
}

.contact-security-alert{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--vm-space-2);
  align-items:start;
  margin-top:var(--vm-space-3)
}

.contact-security-alert svg{
  width:1.25rem;
  height:1.25rem
}

.contact-security-alert div{
  min-width:0;
  display:grid;
  gap:.5rem
}

.contact-section-head-amber>p{
  color:color-mix(in srgb,var(--vm-ink) 76%,transparent)
}

.contact-region-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  gap:var(--vm-space-2);
  align-items:start;
  margin-top:var(--vm-space-4)
}

.contact-region-card{
  min-width:0;
  padding:var(--vm-space-3);
  color:var(--vm-ink);
  background:var(--vm-paper);
  border-radius:var(--vm-radius-md)
}

.contact-region-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--vm-space-2);
  margin-bottom:var(--vm-space-2);
  color:var(--vm-orange-paper);
  font-size:var(--vm-fs-0);
  font-weight:750
}

.contact-region-top span{
  min-width:0;
  overflow-wrap:anywhere
}

.contact-region-card p{
  margin-top:var(--vm-space-1);
  color:var(--vm-muted)
}

.contact-region-card dl{
  margin:var(--vm-space-2) 0 0;
  border-top:1px solid var(--vm-line-soft)
}

.contact-region-card dl>div{
  padding:var(--vm-space-2) 0;
  border-bottom:1px solid var(--vm-line-soft)
}

.contact-region-card dl>div:last-child{
  border-bottom:0;
  padding-bottom:0
}

.contact-region-card dd{
  margin-top:.5rem;
  color:var(--vm-muted)
}

.contact-region-note{
  display:grid;
  grid-template-columns:minmax(8rem,.3fr) minmax(0,1fr);
  gap:var(--vm-space-3);
  align-items:start;
  margin-top:var(--vm-space-3);
  padding:var(--vm-space-3);
  color:var(--vm-ink);
  background:var(--vm-amber-soft);
  border-radius:var(--vm-radius-md)
}

.contact-region-note strong{
  font-family:var(--vm-font-heading)
}

.contact-resource-list{
  margin-top:var(--vm-space-4);
  border-top:1px solid var(--vm-line-soft)
}

.contact-resource-row{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(8rem,.28fr) minmax(0,1fr) auto;
  gap:var(--vm-space-3);
  align-items:center;
  padding:var(--vm-space-3) 0;
  border-bottom:1px solid var(--vm-line-soft);
  transition:color .2s,background-color .2s
}

.contact-resource-row:hover{
  color:var(--vm-orange-paper);
  background:var(--vm-amber-pale)
}

.contact-resource-label{
  min-width:0;
  padding-left:var(--vm-space-2);
  color:var(--vm-muted);
  font-size:var(--vm-fs-1);
  font-weight:700
}

.contact-resource-copy{
  min-width:0;
  display:grid;
  gap:.5rem
}

.contact-resource-copy strong{
  color:var(--vm-ink);
  font-family:var(--vm-font-heading);
  font-size:var(--vm-fs-3);
  line-height:1.35
}

.contact-resource-copy small{
  color:var(--vm-muted)
}

.contact-resource-row>svg{
  margin-right:var(--vm-space-2)
}

.contact-closing-section{
  padding-top:var(--vm-space-5);
  padding-bottom:var(--vm-space-3);
  background:var(--vm-paper)
}

.contact-closing-copy{
  min-width:0;
  max-width:44rem
}

.contact-closing-copy .c-kicker{
  width:fit-content;
  max-width:100%;
  color:var(--vm-amber)
}

.contact-closing-copy h2{
  margin-top:.75rem;
  color:#FFFFFF
}

.contact-closing-copy p{
  margin-top:var(--vm-space-2);
  color:#C4C8CF
}

.contact-closing-actions{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.625rem
}

.contact-closing-actions .c-btn{
  width:100%
}

.c-closing .c-btn-ghost{
  color:#FFFFFF;
  border-color:color-mix(in srgb,#FFFFFF 45%,transparent)
}

.reveal,
.reveal-up,
.reveal-left{
  opacity:1
}

@media (max-width:64rem){
  .contact-hero-grid{
    grid-template-columns:1fr
  }

  .contact-hero-copy h1{
    max-width:22ch
  }

  .contact-dispatch-stage{
    min-height:0
  }

  .contact-form-grid{
    grid-template-columns:1fr
  }

  .contact-field-wide{
    grid-column:auto
  }
}

@media (max-width:44rem){
  .contact-hero{
    padding-block:var(--vm-space-4)
  }

  .contact-hero-copy h1{
    max-width:none
  }

  .contact-channel-facts{
    grid-template-columns:1fr
  }

  .contact-channel-facts>div+div{
    padding-left:0;
    border-top:1px solid var(--vm-line-soft);
    border-left:0
  }

  .contact-dispatch-stage{
    padding:var(--vm-space-1)
  }

  .contact-sheet-band{
    align-items:flex-start;
    flex-direction:column
  }

  .contact-mail-form{
    padding:var(--vm-space-3)
  }

  .contact-region-note,
  .contact-resource-row{
    grid-template-columns:1fr
  }

  .contact-resource-label{
    padding-left:0
  }

  .contact-resource-row>svg{
    margin-right:0
  }

  .contact-closing-actions{
    width:100%
  }

  .contact-form-actions .c-btn{
    width:100%
  }
}

@media (max-width:24rem){
  .contact-type-card{
    grid-template-columns:1fr
  }

  .contact-route-list li{
    grid-template-columns:1fr
  }

  .contact-form-notice,
  .contact-security-alert{
    grid-template-columns:1fr
  }
}