.contact-room { max-width: 950px; margin: 76px auto 0; padding: 0 32px 64px; }
.contact-breadcrumb { margin: 0 0 20px; font-size: .875rem; color: #66513a; }
.contact-breadcrumb span { margin: 0 10px; }
.contact-letter { padding: 48px 64px; border: 1px solid #b19065; outline: 1px solid #b1906580; outline-offset: -7px; background: #f6ead2; background-image: repeating-linear-gradient(38deg,#916c3707 0px,transparent 1px,transparent 5px); box-shadow: 0 5px 18px #39271b14; line-height: 2; }
.contact-letter header { text-align: center; padding-bottom: 22px; margin-bottom: 28px; border-bottom: 1px solid #b1906570; }
.contact-eyebrow { font-family: Georgia,serif; font-size: .75rem; letter-spacing: .18em; color: #765238; margin: 0 0 12px; }
.contact-letter h1 { font-size: clamp(1.75rem,3.4vw,2.5rem); letter-spacing: .18em; font-weight: 500; margin: 0; }
.contact-intro { margin: 12px 0 0; }
.contact-letter > p { text-align: center; }
.contact-address { text-align: center; margin: 32px 0; padding: 28px 20px; border-block: 1px solid #b1906570; background: #e9d6b54d; }
.contact-address-label { display: block; letter-spacing: .08em; font-size: .875rem; }
.contact-email { display: block; width: fit-content; max-width: 100%; margin: 8px auto 24px; font-family: Georgia,serif; font-size: clamp(1.25rem,3vw,1.75rem); overflow-wrap: anywhere; }
.contact-send { display: inline-flex; align-items: center; justify-content: space-between; gap: 44px; min-height: 52px; padding: 8px 28px; text-decoration: none; background: var(--teal); color: #f6ead2; border: 3px double #ead4ab; outline: 1px solid var(--teal); }
.contact-send:hover { background: #304540; }
.contact-note { font-size: .8125rem; color: #66513a; margin: 20px 0 0; }
.contact-before h2 { font-size: 1.125rem; letter-spacing: .1em; margin-top: 0; }
.contact-before p { font-size: .9375rem; }
.contact-back { display: block; width: fit-content; margin: 32px auto 0; font-size: .875rem; }
@media(max-width:760px) {
  .contact-room { margin-top: 0; padding: 8px 16px 40px; }
  .contact-letter { padding: 30px 23px; }
  .contact-letter > p { text-align: left; }
  .contact-desktop-break { display: none; }
  .contact-address { padding: 24px 8px; }
  .contact-send { gap: 26px; padding-inline: 22px; }
  .contact-eyebrow { font-size: .6875rem; letter-spacing: .1em; }
}