.contact-hero{
  overflow:hidden;
  background:var(--mb-cream);
}

.contact-hero-copy{
  padding-top:var(--mb-space-6);
  text-align:center;
}

.contact-hero-copy .c-eyebrow{
  width:fit-content;
  margin-inline:auto;
}

.contact-hero-copy h1{
  max-width:56rem;
  margin-inline:auto;
  margin-bottom:var(--mb-space-3);
}

.contact-hero-lead{
  max-width:49rem;
  margin-inline:auto;
}

.contact-hero-actions{
  margin-top:var(--mb-space-4);
}

.contact-hero-hint{
  margin:var(--mb-space-2) auto 0;
  color:var(--mb-muted);
  font-size:var(--mb-fs-sm);
}

.contact-hero-hint a{
  color:var(--mb-ink);
  font-weight:800;
  text-decoration:underline;
  text-decoration-color:var(--mb-orange);
  text-underline-offset:.2em;
  overflow-wrap:anywhere;
}

.contact-hero-stage{
  position:relative;
  min-height:36rem;
  margin-top:var(--mb-space-4);
  overflow:hidden;
  border:1px solid var(--mb-line);
  border-radius:var(--mb-radius-lg);
  background:var(--mb-paper);
}

.contact-hero-art{
  width:100%;
  height:100%;
  min-height:36rem;
  object-fit:cover;
}

.contact-stage-card{
  position:absolute;
  width:min(22rem,calc(100% - 2rem));
  padding:var(--mb-space-3);
  border:1px solid var(--mb-line);
  border-radius:var(--mb-radius-md);
  background:var(--mb-paper);
  box-shadow:var(--mb-shadow-soft);
}

.contact-stage-card .page-hero-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--mb-space-2);
  padding-bottom:var(--mb-space-2);
  border-bottom:1px solid var(--mb-line);
  color:var(--mb-muted);
  font-size:var(--mb-fs-xs);
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.contact-stage-card>svg{
  margin-top:var(--mb-space-3);
  margin-bottom:var(--mb-space-2);
  color:var(--mb-orange);
}

.contact-stage-card>strong{
  display:block;
  margin-bottom:var(--mb-space-1);
  font-family:var(--mb-font-heading);
  font-size:var(--mb-fs-h3);
}

.contact-stage-card>span{
  display:block;
  color:var(--mb-muted);
}

.contact-stage-card-mail{
  top:var(--mb-space-4);
  left:var(--mb-space-4);
}

.contact-stage-card-ticket{
  right:var(--mb-space-4);
  bottom:var(--mb-space-4);
}

.contact-stage-card-context{
  top:42%;
  left:50%;
  border-color:var(--mb-orange);
  background:var(--mb-orange);
  transform:translate(-50%,-50%);
}

.contact-stage-card-context .page-hero-card-top{
  border-color:var(--mb-ink);
  color:var(--mb-ink);
}

.contact-stage-card-context>span{
  color:var(--mb-ink);
}

.contact-stage-metric{
  margin-top:var(--mb-space-3);
  margin-bottom:var(--mb-space-1);
  font-size:1.15rem;
  font-weight:800;
}

.page-section-head{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  align-items:end;
  gap:var(--mb-space-4);
  margin-bottom:var(--mb-space-5);
}

.page-section-head h2{
  margin-bottom:0;
}

.page-section-head>p{
  margin-bottom:0;
  color:var(--mb-muted);
  font-size:1rem;
}

.contact-type-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:var(--mb-space-2);
}

.contact-type-card{
  position:relative;
  display:flex;
  flex-direction:column;
  grid-column:span 2;
  min-width:0;
}

.contact-type-card:nth-child(4){
  grid-column:2/span 2;
}

.contact-type-card:nth-child(5){
  grid-column:4/span 2;
}

.contact-type-card>svg{
  margin-bottom:var(--mb-space-2);
  color:var(--mb-orange);
}

.contact-type-index{
  position:absolute;
  top:var(--mb-space-2);
  right:var(--mb-space-2);
  color:var(--mb-muted);
  font-size:var(--mb-fs-xs);
}

.contact-type-card h3{
  margin-bottom:var(--mb-space-2);
}

.contact-type-card p{
  margin-bottom:var(--mb-space-3);
  color:var(--mb-muted);
}

.contact-type-route{
  margin-top:auto;
  padding-top:var(--mb-space-2);
  border-top:1px solid var(--mb-line);
  font-size:var(--mb-fs-sm);
  font-weight:800;
}

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

.contact-template-card h3,
.contact-copy-card h3{
  margin-bottom:var(--mb-space-3);
}

.contact-field-list{
  list-style:none;
  margin:0;
  padding:0;
}

.contact-field-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--mb-space-2);
  padding-block:var(--mb-space-2);
  border-top:1px solid var(--mb-line);
}

.contact-field-number{
  color:var(--mb-orange);
  font-size:var(--mb-fs-sm);
  font-weight:800;
}

.contact-field-list strong{
  display:block;
  margin-bottom:var(--mb-space-1);
}

.contact-field-list p{
  margin:0;
  color:var(--mb-muted);
}

.contact-copy-card{
  position:sticky;
  top:calc(var(--mb-header-height) + var(--mb-space-2));
}

.contact-copy-card .c-badge{
  width:fit-content;
  margin-bottom:var(--mb-space-2);
  color:var(--mb-muted);
}

.contact-copy-card .mb-code{
  margin-bottom:var(--mb-space-3);
  background:var(--mb-surface-dark);
  white-space:pre-wrap;
}

.contact-copy-card p{
  color:var(--mb-muted-light);
}

.contact-copy-card p a:not(.c-btn){
  color:var(--mb-paper);
  text-decoration:underline;
  text-decoration-color:var(--mb-orange);
  text-underline-offset:.2em;
  overflow-wrap:anywhere;
}

.contact-copy-card .c-btn{
  width:100%;
  margin-top:var(--mb-space-3);
}

.contact-technical .page-section-head>p{
  color:var(--mb-muted-light);
}

.contact-diagnostic-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--mb-space-2);
}

.contact-diagnostic-card{
  min-width:0;
  padding:var(--mb-space-3);
  border:1px solid var(--mb-line-dark);
  border-radius:var(--mb-radius-md);
  background:var(--mb-surface-dark);
}

.contact-diagnostic-index{
  display:block;
  margin-bottom:var(--mb-space-3);
  color:var(--mb-orange);
  font-size:var(--mb-fs-sm);
  font-weight:800;
}

.contact-diagnostic-card h3{
  margin-bottom:var(--mb-space-2);
  color:var(--mb-paper);
}

.contact-diagnostic-card p{
  color:var(--mb-muted-light);
}

.contact-ticket-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--mb-space-4);
  margin-top:var(--mb-space-3);
  padding:var(--mb-space-4);
  border:1px solid var(--mb-orange);
  border-radius:var(--mb-radius-md);
}

.contact-ticket-panel .c-badge{
  width:fit-content;
  margin-bottom:var(--mb-space-2);
  color:var(--mb-muted);
}

.contact-ticket-panel h3{
  margin-bottom:var(--mb-space-2);
  color:var(--mb-paper);
}

.contact-ticket-panel p{
  max-width:47rem;
  margin:0;
  color:var(--mb-muted-light);
}

.contact-route-detail{
  display:flex;
  flex-direction:column;
}

.contact-route-detail>svg{
  margin-bottom:var(--mb-space-2);
  color:var(--mb-orange);
}

.contact-route-detail h3{
  margin-bottom:var(--mb-space-2);
}

.contact-route-detail p{
  color:var(--mb-muted);
}

.contact-route-detail ul{
  margin:var(--mb-space-2) 0 var(--mb-space-3);
  padding-left:1.25rem;
}

.contact-route-detail li+li{
  margin-top:var(--mb-space-1);
}

.contact-route-detail .c-btn{
  align-self:flex-start;
  margin-top:auto;
}

.contact-enterprise-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  align-items:center;
  gap:var(--mb-space-5);
}

.contact-enterprise-grid h2{
  margin-bottom:var(--mb-space-3);
}

.contact-enterprise-grid>div>p:not(.c-eyebrow){
  max-width:43rem;
}

.contact-enterprise-grid>div>.c-btn{
  margin-top:var(--mb-space-3);
}

.contact-enterprise-card h3{
  margin-bottom:var(--mb-space-3);
}

.contact-enterprise-card dl{
  margin:0;
}

.contact-enterprise-card dl>div{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  gap:var(--mb-space-3);
  padding-block:var(--mb-space-2);
  border-top:1px solid var(--mb-line);
}

.contact-enterprise-card dt{
  font-weight:800;
}

.contact-enterprise-card dd{
  min-width:0;
  margin:0;
  color:var(--mb-muted);
}

.contact-response-table a{
  font-weight:800;
  text-decoration:underline;
  text-decoration-color:var(--mb-orange);
  text-underline-offset:.2em;
}

.contact-response-alert{
  margin-top:var(--mb-space-3);
}

.contact-response-alert>svg{
  margin-top:.15rem;
}

.contact-final{
  padding-bottom:var(--mb-space-7);
}

.contact-final-card{
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--mb-paper);
}

.contact-final-card h2{
  margin-bottom:var(--mb-space-3);
  color:var(--mb-paper);
}

.contact-final-card p{
  max-width:48rem;
  color:var(--mb-muted-light);
}

.contact-final-actions{
  display:grid;
  gap:var(--mb-space-2);
  min-width:max-content;
}

@media (max-width:900px){
  .contact-hero-stage{
    min-height:42rem;
  }

  .contact-hero-art{
    min-height:42rem;
  }

  .contact-stage-card-mail{
    top:var(--mb-space-3);
    left:var(--mb-space-3);
  }

  .contact-stage-card-ticket{
    right:var(--mb-space-3);
    bottom:var(--mb-space-3);
  }

  .contact-stage-card-context{
    top:50%;
  }

  .page-section-head,
  .contact-template-layout,
  .contact-enterprise-grid,
  .contact-final-card{
    grid-template-columns:1fr;
  }

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

  .contact-type-card,
  .contact-type-card:nth-child(4),
  .contact-type-card:nth-child(5){
    grid-column:auto;
  }

  .contact-type-card:nth-child(5){
    grid-column:1/-1;
  }

  .contact-copy-card{
    position:static;
  }

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

  .contact-ticket-panel{
    grid-template-columns:1fr;
  }

  .contact-ticket-panel .c-btn{
    justify-self:start;
  }

  .contact-final-actions{
    min-width:0;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:768px){
  .contact-hero-copy{
    padding-top:var(--mb-space-5);
  }

  .contact-hero-stage{
    min-height:auto;
    display:grid;
    gap:var(--mb-space-2);
    padding:var(--mb-space-2);
    background:var(--mb-surface);
  }

  .contact-hero-art{
    min-height:17rem;
    border-radius:var(--mb-radius-md);
    object-fit:cover;
  }

  .contact-stage-card{
    position:static;
    width:100%;
    transform:none;
    box-shadow:none;
  }

  .contact-type-grid,
  .contact-diagnostic-grid{
    grid-template-columns:1fr;
  }

  .contact-type-card:nth-child(5){
    grid-column:auto;
  }

  .contact-enterprise-card dl>div{
    grid-template-columns:1fr;
    gap:var(--mb-space-1);
  }

  .contact-final-card{
    padding:var(--mb-space-4);
  }
}

@media (max-width:390px){
  .contact-hero-actions,
  .contact-final-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }

  .contact-hero-actions .c-btn,
  .contact-final-actions .c-btn,
  .contact-ticket-panel .c-btn,
  .contact-route-detail .c-btn,
  .contact-enterprise-grid>div>.c-btn{
    width:100%;
    white-space:normal;
  }

  .contact-hero-hint,
  .contact-copy-card p{
    overflow-wrap:anywhere;
  }

  .contact-final-card{
    padding:var(--mb-space-3);
  }
}

@media (min-width:1440px){
  .contact-hero-stage{
    min-height:38rem;
  }

  .contact-hero-art{
    min-height:38rem;
  }
}