/* A clear view of the postal room, with correspondence on its quiet left wall. */
.contact-dispatch-page { --dispatch-patina: #79a69b; --dispatch-brass: #c5a56d; --dispatch-ivory: #eeeae0; background: #1b1d1e; }
.dispatch-main { padding-top: 94px; background: #1b1d1e; }
.dispatch-hall { position: relative; isolation: isolate; overflow: hidden; background: #1b1d1e; }
.dispatch-backdrop { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.dispatch-backdrop img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right center; }
.dispatch-layout { position: relative; width: min(100%, 1400px); min-height: 850px; margin: auto; padding: 56px 64px 52px; }
.dispatch-correspondence { width: 43%; max-width: 440px; }
.dispatch-title { margin: 0 0 14px; color: #eeeae0; font: 400 clamp(46px, 4.7vw, 64px)/1.08 'Douglas Burlington', sans-serif; letter-spacing: -.02em; text-shadow: 0 2px 2px #0005; }
.dispatch-title span { color: var(--dispatch-brass); }
.dispatch-intro { margin: 0 0 26px; color: #c8ccc5; font: 400 21px/1.35 'Barlow Condensed', sans-serif; }
.dispatch-field { margin-bottom: 17px; }
.dispatch-field label { display: block; color: #d7d9d1; font: 400 18px/1.2 'Barlow Condensed', sans-serif; margin-bottom: 7px; }
.dispatch-field input, .dispatch-field textarea { display: block; width: 100%; min-height: 45px; border: 1px solid #7eab9c60; border-radius: 3px; padding: 10px 13px; color: #eeeae0; background: #171c1dea; font: 400 16px/1.5 'Barlow', sans-serif; }
.dispatch-field textarea { resize: vertical; min-height: 130px; max-height: 450px; }
.dispatch-field input:focus, .dispatch-field textarea:focus { outline: 2px solid #98c1b0; outline-offset: 2px; border-color: #98c1b0; }
.dispatch-field input:-webkit-autofill { -webkit-text-fill-color: #eeeae0; -webkit-box-shadow: 0 0 0 100px #242929 inset; caret-color: #eeeae0; }
.dispatch-submit.workshop-button { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 30px; min-height: 56px; font-size: 23px; margin: 22px 0 0; padding: 12px 20px; cursor: pointer; }
.dispatch-submit span { font: 300 30px/1 'Barlow', sans-serif; color: #d2ba8d; }
.dispatch-submit:disabled { cursor: progress; opacity: .7; }
.dispatch-form-note { color: #b0bdb3; font: 400 14px/1.3 'Barlow Condensed', sans-serif; margin: 11px 0 0; text-align: center; }
.dispatch-form-status { color: #b9dbcb; font: 400 17px/1.4 'Barlow Condensed', sans-serif; margin: 0; }
.dispatch-form-status:not(:empty) { margin-top: 18px; }
.dispatch-form-status[data-error] { color: #f0c2a9; }
.dispatch-form-status:focus { outline: 0; }
.dispatch-honeypot[hidden] { display: none; }
.dispatch-direct { margin-top: 29px; }
.dispatch-direct-label { color: #b2b9b1; margin: 0 0 4px; font: 400 15px/1.3 'Barlow Condensed', sans-serif; }
.dispatch-email-line { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 17px; }
.dispatch-email-address { color: #d0d4cc; font: 400 20px/1.35 'Barlow Condensed', sans-serif; text-decoration-color: #79a69b80; text-underline-offset: 5px; }
.dispatch-email-address:hover { color: #eeeae0; }
.dispatch-copy-button { padding: 7px 0; border: 0; background: none; color: #aac4b9; font: 400 14px/1.2 'Barlow Condensed', sans-serif; text-decoration: underline; text-decoration-color: #79a69b55; text-underline-offset: 4px; cursor: pointer; }
.dispatch-copy-button:hover { color: #eeeae0; }
.dispatch-copy-button[hidden] { display: none; }
.dispatch-copy-status { margin: 5px 0 0; color: #bbc9bf; font: 400 14px/1.3 'Barlow Condensed', sans-serif; }
.dispatch-copy-status:empty { display: none; }
.dispatch-details { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; border-top: 1px solid #79a69b38; margin-top: 23px; padding-top: 17px; }
.dispatch-details a { color: #d4c29e; font: 400 18px/1.3 'Barlow Condensed', sans-serif; text-decoration: none; }
.dispatch-details a:hover { color: #eeeae0; }
.dispatch-details a span { padding-left: 8px; }
.dispatch-location { color: #b3b9b0; font: 400 14px/1.35 'Barlow Condensed', sans-serif; letter-spacing: .035em; }
.contact-dispatch-page :is(a, button):focus-visible { outline: 2px solid #a5cec0; outline-offset: 5px; }
.contact-dispatch-page .footer-component { padding-top: 0; box-shadow: none; border-top: 1px solid #79a69b26; }
.contact-dispatch-page .footer-middle-wrapper { padding-block: 32px; }
.contact-dispatch-page .footer-social-link { box-shadow: none; }
.dispatch-thanks .dispatch-layout { min-height: 560px; }
.dispatch-thanks .dispatch-copy { max-width: 460px; }
.dispatch-eyebrow { color: #a2c6b9; font: 400 15px/1.3 'Barlow Condensed', sans-serif; text-transform: uppercase; letter-spacing: .15em; }
@media (max-width: 1100px) { .dispatch-layout { padding-inline: 40px; } .dispatch-correspondence { width: 45%; } }
@media (max-width: 760px) {
  .dispatch-main { padding-top: 74px; }
  .dispatch-layout { min-height: 0; padding: 35px 24px 34px; }
  .dispatch-correspondence { width: 100%; max-width: 500px; margin: auto; }
  .dispatch-title { font-size: clamp(45px, 10vw, 62px); }
  .dispatch-intro { font-size: 21px; }
  .dispatch-backdrop { position: relative; display: block; height: 245px; margin-top: 0; z-index: auto; }
  .dispatch-backdrop img { object-position: right 72%; }
  .dispatch-hall { display: flex; flex-direction: column; }
  .dispatch-layout { order: -1; }
  .dispatch-details { gap: 15px 20px; }
}