.contact-hero{
  padding-block:var(--d-hero-pad);
  color:#141210;
  background:#FFFFFF;
}

.contact-hero .d-hero-split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.88fr);
  align-items:start;
  gap:var(--d-space-5);
}

.contact-hero__copy{
  min-width:0;
  align-items:start;
}

.contact-hero__copy h1{
  max-width:15ch;
  margin-inline:0;
  font-size:clamp(2.5rem,4.5vw,3.2rem);
  line-height:1.15;
}

.contact-hero__lead{
  max-width:43rem;
  margin-top:var(--d-space-2);
  color:#4F4B46;
  font-size:var(--d-text-lg);
}

.contact-hero__lead a{
  color:#000000!important;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:.2em;
  overflow-wrap:anywhere;
}

.contact-hero__actions{
  justify-content:flex-start;
  margin-block:var(--d-space-3);
}

.contact-hero__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0 0 var(--d-space-3);
  padding-top:var(--d-space-3);
  border-top:1px solid #DEDCD7;
}

.contact-hero__facts>div{
  min-width:0;
  padding-right:var(--d-space-2);
}

.contact-hero__facts dt{
  color:#4F4B46;
}

.contact-hero__facts dd{
  margin-top:var(--d-space-1);
  color:#141210;
  font-family:var(--d-font-mono);
  overflow-wrap:anywhere;
}

.contact-hero__stage{
  min-width:0;
  height:auto;
  align-self:start;
  overflow:visible;
}

.contact-board{
  min-width:0;
  overflow:hidden;
  border-radius:var(--d-radius-md);
  color:#FFFFFF;
  background:#141210;
  box-shadow:var(--d-shadow);
}

.contact-board__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--d-space-2);
  padding:var(--d-space-2) var(--d-space-3);
  color:#FFFFFF;
  background:#C23800;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
  letter-spacing:.06em;
}

.contact-board__head strong{
  color:#FFFFFF;
}

.contact-board__body{
  padding-inline:var(--d-space-3);
  color:#FFFFFF;
  background:#141210;
}

.contact-board__row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--d-space-2);
  min-width:0;
  padding-block:var(--d-space-3);
  border-bottom:1px solid rgba(255,255,255,.18);
}

.contact-board__row>div{
  min-width:0;
}

.contact-board__row strong{
  display:block;
  color:#FFFFFF;
  font-family:var(--d-font-heading);
  font-size:var(--d-text-md);
  line-height:1.4;
}

.contact-board__row small{
  display:block;
  margin-top:var(--d-space-1);
  color:#C8C4BF;
}

.contact-board__code{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.25rem;
  height:2.25rem;
  flex:none;
  border-radius:var(--d-radius-sm);
  color:#141210;
  background:#F3EDE2;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
  font-weight:800;
}

.contact-board__route{
  width:fit-content;
  max-width:100%;
  padding:.4em .7em;
  border-radius:var(--d-radius-pill);
  color:#15322D;
  background:#E8F0EE;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
  font-weight:700;
}

.contact-board__foot{
  display:grid;
  gap:var(--d-space-1);
  padding:var(--d-space-3);
  color:#302416;
  background:#F3EDE2;
}

.contact-board__foot span{
  color:#695D4D;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
}

.contact-board__foot strong{
  color:#302416;
  font-family:var(--d-font-heading);
  line-height:1.4;
}

.contact-section-head{
  max-width:48rem;
  margin-bottom:var(--d-space-4);
}

.contact-section-head h2{
  margin-inline:0;
}

.contact-section-head p{
  margin-top:var(--d-space-1);
  color:inherit;
  opacity:.78;
  font-size:var(--d-text-lg);
}

.contact-routing{
  color:#141210;
  background:#FAFAF8;
}

.contact-routes{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
  gap:var(--d-space-3);
}

.contact-route{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:var(--d-space-3);
  border-radius:var(--d-radius-md);
  transition:transform .18s ease,box-shadow .18s ease;
}

.contact-route:hover{
  transform:translateY(-2px);
  box-shadow:var(--d-shadow);
}

.contact-route--sand{
  color:#2B211A;
  background:#F3EEE7;
}

.contact-route--mint{
  color:#15322D;
  background:#E8F0EE;
}

.contact-route--blue{
  color:#172A39;
  background:#E9EEF3;
}

.contact-route--lilac{
  color:#2C2238;
  background:#EEEAF3;
}

.contact-route__mark{
  width:fit-content;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.25rem;
  height:2.25rem;
  padding-inline:.55rem;
  border-radius:var(--d-radius-sm);
  color:#FFFFFF;
  background:#141210;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
  font-weight:800;
}

.contact-route>strong{
  margin-top:var(--d-space-2);
  color:inherit;
  font-family:var(--d-font-heading);
  font-size:var(--d-text-lg);
}

.contact-route p{
  margin-top:var(--d-space-1);
  color:inherit;
  opacity:.75;
}

.contact-route__action{
  margin-top:var(--d-space-3);
  color:inherit;
  font-family:var(--d-font-heading);
  font-size:var(--d-text-sm);
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:.25em;
}

.contact-form-section{
  padding-block:var(--d-section-pad);
}

.contact-form-section.d-sand{
  color:#2B211A;
  background:#F3EEE7;
}

.contact-form-section.d-blue{
  color:#172A39;
  background:#E9EEF3;
}

.contact-form-section.d-lilac{
  color:#2C2238;
  background:#EEEAF3;
}

.contact-workspace{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);
  align-items:stretch;
  gap:var(--d-space-3);
}

.contact-workspace--reverse{
  grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);
}

.contact-form-card{
  min-width:0;
  overflow:hidden;
  border-radius:var(--d-radius-md);
  color:#141210;
  background:#FFFFFF;
  box-shadow:var(--d-shadow);
}

.contact-form-card--wide{
  width:100%;
}

.contact-form-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--d-space-2);
  padding:var(--d-space-2) var(--d-space-3);
  color:#FFFFFF;
  background:#141210;
}

.contact-form-card__head span{
  color:#C8C4BF;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
  letter-spacing:.05em;
}

.contact-form-card__head strong{
  color:#FFFFFF;
  font-family:var(--d-font-heading);
  font-size:var(--d-text-sm);
}

.contact-form-card__body{
  display:grid;
  gap:var(--d-space-3);
  padding:var(--d-space-3);
  color:#141210;
  background:#FFFFFF;
}

.contact-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:var(--d-space-3);
}

.contact-form-grid--enterprise{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

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

.contact-form-card .c-field{
  min-width:0;
  gap:var(--d-space-1);
}

.contact-form-card .c-field label{
  color:#141210;
}

.contact-form-card .c-field input,
.contact-form-card .c-field textarea{
  color:#141210;
  background:#FFFFFF;
  border-color:#AAA69F;
}

.contact-form-card .c-field input::placeholder,
.contact-form-card .c-field textarea::placeholder{
  color:#77736D;
  opacity:1;
}

.contact-form-card .c-field textarea{
  min-height:7.5rem;
}

.contact-choice-group{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}

.contact-choice-group legend{
  margin-bottom:var(--d-space-1);
  padding:0;
  color:#141210;
  font-size:var(--d-text-sm);
  font-weight:700;
  line-height:1.45;
}

.contact-choice-list{
  display:flex;
  flex-wrap:wrap;
  gap:var(--d-space-1);
}

.contact-choice-list label{
  position:relative;
  min-width:0;
  cursor:pointer;
}

.contact-choice-list input{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
}

.contact-choice-list span{
  min-height:2.5rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.6rem .85rem;
  border:1px solid #AAA69F;
  border-radius:var(--d-radius-pill);
  color:#403D39;
  background:#FFFFFF;
  font-size:var(--d-text-sm);
  line-height:1.3;
  text-align:center;
}

.contact-choice-list input:checked+span{
  color:#FFFFFF;
  background:#C23800;
  border-color:#C23800;
}

.contact-choice-list input:focus-visible+span{
  outline:3px solid color-mix(in srgb,#C23800 35%,transparent);
  outline-offset:3px;
}

.contact-choice-list input[aria-invalid="true"]+span{
  border-color:#922D21;
}

.contact-confirm{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--d-space-1);
  min-width:0;
  padding:var(--d-space-2);
  border-radius:var(--d-radius-sm);
  color:#302416;
  background:#F3EDE2;
  font-weight:600;
}

.contact-confirm input{
  width:1.1rem;
  height:1.1rem;
  margin:.18rem 0 0;
  accent-color:#C23800;
}

.contact-form-actions{
  justify-content:flex-start;
  margin-top:0;
}

.contact-form-status{
  min-height:1.5em;
  color:#625F5B;
  font-size:var(--d-text-sm);
  overflow-wrap:anywhere;
}

.contact-form-status.is-error{
  color:#922D21;
}

.contact-form-status.is-success{
  color:#38684F;
}

.contact-guide{
  min-width:0;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:var(--d-space-4);
  padding:var(--d-space-3);
  border-radius:var(--d-radius-md);
}

.contact-guide--wheat{
  color:#302416;
  background:#F3EDE2;
}

.contact-guide--mint{
  color:#15322D;
  background:#E8F0EE;
}

.contact-guide h3{
  margin-top:var(--d-space-2);
  color:inherit;
}

.contact-guide .c-checklist{
  margin-top:var(--d-space-3);
}

.contact-guide .c-checklist li{
  color:inherit;
}

.contact-guide__foot{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--d-space-3);
  min-width:0;
}

.contact-guide__foot p{
  color:inherit;
  opacity:.78;
}

.contact-guide__foot .c-btn{
  margin-top:0;
}

.contact-safety{
  color:#141210;
  background:#FFFFFF;
}

.contact-privacy-note{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--d-space-2);
  margin-bottom:var(--d-space-3);
  padding:var(--d-space-3);
  border-radius:var(--d-radius-md);
  color:#FFFFFF;
  background:#141210;
}

.contact-privacy-note svg{
  width:1.25rem;
  height:1.25rem;
  color:#FF9B72;
}

.contact-privacy-note h3{
  color:#FFFFFF;
}

.contact-privacy-note p{
  margin-top:var(--d-space-1);
  color:#C8C4BF;
}

.contact-safety-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
  gap:var(--d-space-3);
}

.contact-safety-card{
  min-width:0;
  padding:var(--d-space-3);
  border-radius:var(--d-radius-md);
}

.contact-safety-card--sand{
  color:#2B211A;
  background:#F3EEE7;
}

.contact-safety-card--mint{
  color:#15322D;
  background:#E8F0EE;
}

.contact-safety-card--blue{
  color:#172A39;
  background:#E9EEF3;
}

.contact-safety-card--wheat{
  color:#302416;
  background:#F3EDE2;
}

.contact-safety-card>span{
  width:fit-content;
  display:inline-flex;
  color:inherit;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
  font-weight:800;
}

.contact-safety-card h3{
  margin-top:var(--d-space-2);
  color:inherit;
}

.contact-safety-card p{
  margin-top:var(--d-space-1);
  color:inherit;
  opacity:.76;
}

.contact-response{
  color:#15322D;
  background:#E8F0EE;
}

.contact-response-list{
  border-top:1px solid rgba(21,50,45,.18);
}

.contact-response-row{
  display:grid;
  grid-template-columns:minmax(7rem,.3fr) minmax(0,1fr) auto;
  align-items:start;
  gap:var(--d-space-3);
  min-width:0;
  padding-block:var(--d-space-3);
  border-bottom:1px solid rgba(21,50,45,.18);
}

.contact-response-row__level{
  width:fit-content;
  padding:.4em .7em;
  border-radius:var(--d-radius-pill);
  color:#FFFFFF;
  background:#38684F;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
  font-weight:700;
}

.contact-response-row>div{
  min-width:0;
}

.contact-response-row h3{
  color:#15322D;
}

.contact-response-row p{
  margin-top:var(--d-space-1);
  color:#49635E;
}

.contact-response-row>strong{
  max-width:11rem;
  color:#15322D;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
  line-height:1.5;
  text-align:right;
  overflow-wrap:anywhere;
}

.contact-order-access{
  color:#141210;
  background:#FFFFFF;
}

.contact-order-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--d-space-4);
  padding:var(--d-space-4);
  border-radius:var(--d-radius-md);
  color:#2B211A;
  background:#F3EEE7;
}

.contact-order-panel>div{
  min-width:0;
}

.contact-order-panel p{
  max-width:47rem;
  margin-top:var(--d-space-1);
  color:#67594F;
}

.contact-order-panel__actions{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--d-space-1);
}

.contact-payment{
  color:#302416;
  background:#F3EDE2;
}

.contact-payment-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:var(--d-space-3);
}

.contact-payment-card{
  min-width:0;
  padding:var(--d-space-3);
  border-radius:var(--d-radius-md);
  color:#141210;
  background:#FFFFFF;
}

.contact-payment-card>span{
  width:fit-content;
  display:inline-flex;
  color:#8C5A00;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
  font-weight:800;
}

.contact-payment-card h3{
  margin-top:var(--d-space-2);
  color:#141210;
}

.contact-payment-card p{
  margin-top:var(--d-space-1);
  color:#625F5B;
}

.contact-closing-section{
  padding-block:var(--d-section-pad);
  color:#141210;
  background:#FFFFFF;
}

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

.contact-closing-copy .c-kicker{
  color:#FFFFFF;
}

.contact-closing-copy h2{
  color:#FFFFFF;
}

.contact-closing-copy p{
  margin-top:var(--d-space-1);
  color:#C8C4BF;
}

.contact-closing-actions{
  flex:none;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  margin-top:0;
}

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

.contact-closing-actions .c-btn-ghost{
  color:#FFFFFF;
  background:transparent;
  border-color:rgba(255,255,255,.45);
}

.contact-closing-actions .c-btn-ghost:hover{
  color:#141210;
  background:#FFFFFF;
  border-color:#FFFFFF;
}

@media (max-width:64rem){
  .contact-hero .d-hero-split{
    grid-template-columns:minmax(0,1fr);
    gap:var(--d-space-4);
  }

  .contact-hero__stage,
  .contact-board{
    width:100%;
    height:auto;
    overflow:visible;
  }

  .contact-board{
    overflow:hidden;
  }

  .contact-routes{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .contact-workspace,
  .contact-workspace--reverse{
    grid-template-columns:minmax(0,1fr);
  }

  .contact-workspace--reverse .contact-guide{
    order:2;
  }

  .contact-workspace--reverse .contact-form-card{
    order:1;
  }

  .contact-guide{
    height:auto;
  }

  .contact-safety-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .contact-response-row{
    grid-template-columns:minmax(7rem,.3fr) minmax(0,1fr);
  }

  .contact-response-row>strong{
    grid-column:2;
    max-width:none;
    text-align:left;
  }

  .contact-order-panel{
    grid-template-columns:minmax(0,1fr);
  }

  .contact-order-panel__actions{
    align-items:flex-start;
  }
}

@media (max-width:45rem){
  .contact-hero{
    padding-block:var(--d-space-4);
  }

  .contact-hero__copy h1{
    max-width:none;
    font-size:clamp(2.25rem,11vw,3rem);
  }

  .contact-hero__facts{
    grid-template-columns:minmax(0,1fr);
    gap:var(--d-space-2);
  }

  .contact-hero__facts>div{
    padding-right:0;
  }

  .contact-board__row{
    grid-template-columns:auto minmax(0,1fr);
  }

  .contact-board__route{
    grid-column:2;
  }

  .contact-routes,
  .contact-form-grid,
  .contact-form-grid--enterprise,
  .contact-safety-grid,
  .contact-payment-grid{
    grid-template-columns:minmax(0,1fr);
  }

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

  .contact-form-card__head{
    align-items:flex-start;
    flex-direction:column;
  }

  .contact-form-card__body,
  .contact-guide,
  .contact-order-panel{
    padding:var(--d-space-3);
  }

  .contact-response-row{
    grid-template-columns:minmax(0,1fr);
    gap:var(--d-space-2);
  }

  .contact-response-row>strong{
    grid-column:auto;
  }

  .contact-order-panel__actions{
    width:100%;
  }

  .contact-order-panel__actions .c-btn{
    width:100%;
  }

  .contact-closing-actions{
    width:100%;
    align-items:stretch;
  }
}