.contact-shell { max-width: 1440px; }
.brand-copy { display: grid; }
.brand-copy small { margin-top: 2px; color: #697064; font-family: "Libre Baskerville", serif; font-size: 8px; line-height: 1.25; }

.contact-main { padding-top: 22px; }
.contact-heading { margin-bottom: 18px; text-align: center; }
.contact-heading > p { margin: 0 0 6px; color: #854a42; font-size: 12px; font-weight: 700; letter-spacing: .17em; }
.contact-heading h1 { margin: 0; color: #173d30; font-family: "Libre Baskerville", serif; font-size: clamp(38px, 4vw, 55px); font-weight: 400; line-height: 1.1; letter-spacing: -.035em; }
.contact-heading > span { display: block; margin-top: 6px; color: #4f554b; font-family: "Libre Baskerville", serif; font-size: 14px; }

.contact-layout { display: grid; width: min(860px, 100%); margin: 0 auto 20px; grid-template-columns: .82fr 1.18fr; gap: 54px; align-items: stretch; }
.contact-info { position: relative; min-height: 410px; padding: 8px 0 150px; }
.contact-info h2, .contact-form h2 { margin: 0 0 8px; color: #173d30; font-family: "Libre Baskerville", serif; font-size: 24px; font-weight: 400; }
.contact-info > p { margin: 0 0 12px; color: #4f554b; font-family: "Libre Baskerville", serif; font-size: 11px; line-height: 1.55; }
.contact-info address { display: grid; margin: 0; font-style: normal; }
.contact-info address > a, .contact-info address > div { display: grid; min-height: 65px; padding: 10px 0; grid-template-columns: 62px 1fr; align-items: center; gap: 10px; color: #173d30; border-bottom: 1px solid #c9ae7b; text-decoration: none; }
.contact-info address > a:hover strong, .contact-info address > a:focus-visible strong { color: #966b31; }
.info-icon { display: grid; width: 50px; height: 50px; place-items: center; color: #ad7933; }
.info-icon svg { width: 47px; height: 47px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.contact-info address strong { display: block; margin-bottom: 4px; font-family: "Libre Baskerville", serif; font-size: 14px; transition: color .2s ease; }
.contact-info address small { display: block; color: #3f4a42; font-family: "Libre Baskerville", serif; font-size: 10px; line-height: 1.45; }
.contact-art { display: block; position: absolute; right: -18px; bottom: -5px; width: 310px; height: 165px; object-fit: contain; }

.contact-form { display: flex; padding: 16px 24px 17px; flex-direction: column; background: rgba(255,250,240,.26); border: 1px solid #c8a46d; border-radius: 10px; }
.contact-form label:not(.privacy-consent) { margin: 5px 0 4px; color: #263a30; font-family: "Libre Baskerville", serif; font-size: 10px; }
.contact-form input:not([type="checkbox"]), .contact-form select, .contact-form textarea { width: 100%; color: #21362c; background: rgba(255,250,240,.38); border: 1px solid #c7a571; border-radius: 4px; outline: 0; font-family: "Libre Baskerville", serif; font-size: 10px; transition: border-color .2s ease, box-shadow .2s ease; }
.contact-form input:not([type="checkbox"]), .contact-form select { height: 34px; padding: 0 9px; }
.contact-form textarea { min-height: 84px; padding: 9px; resize: vertical; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: #315c4b; box-shadow: 0 0 0 3px rgba(49,92,75,.1); }
.privacy-consent { display: flex; margin: 11px 0; align-items: flex-start; gap: 8px; color: #414b43; font-family: "Libre Baskerville", serif; font-size: 9px; line-height: 1.4; }
.privacy-consent input { width: 16px; height: 16px; margin: 0; accent-color: #173d30; }
.privacy-consent a { color: #9d6c2c; }
.contact-form button { min-height: 42px; color: #f5ead7; background: linear-gradient(90deg, #164535, #0e3b2d); border: 0; border-radius: 5px; font-family: "Libre Baskerville", serif; font-size: 13px; font-weight: 700; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.contact-form button:hover, .contact-form button:focus-visible { box-shadow: 0 8px 18px rgba(18,55,42,.2); transform: translateY(-2px); }
.form-note { margin: 7px 0 0; color: #717367; font-size: 7px; line-height: 1.35; text-align: center; }

.contact-help { display: flex; min-height: 84px; padding: 12px max(10vw,32px); align-items: center; justify-content: center; gap: 20px; color: #f5ead7; background: #123f31; border-top: 1px solid #c49a5d; border-bottom: 1px solid #c49a5d; }
.contact-help > span { display: grid; width: 54px; height: 54px; place-items: center; color: #c99a4a; border: 3px solid #c99a4a; border-radius: 50%; font-family: "Libre Baskerville", serif; font-size: 35px; }
.contact-help > div { min-width: 410px; }
.contact-help h2 { margin: 0 0 3px; font-family: "Libre Baskerville", serif; font-size: 23px; font-weight: 400; }
.contact-help p { margin: 0; font-family: "Libre Baskerville", serif; font-size: 11px; }
.contact-help > a { display: grid; min-width: 220px; min-height: 42px; margin-left: 55px; place-items: center; color: #173d30; background: #f5ead7; border: 1px solid #c49a5d; border-radius: 4px; font-family: "Libre Baskerville", serif; font-size: 12px; font-weight: 700; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.contact-help > a:hover, .contact-help > a:focus-visible { box-shadow: 0 8px 20px rgba(0,0,0,.2); transform: translateY(-2px); }

@media (max-width: 820px) {
  .contact-layout { grid-template-columns: 1fr; gap: 24px; }
  .contact-info { min-height: 390px; }
  .contact-art { left: 50%; right: auto; transform: translateX(-50%); }
  .contact-help { flex-wrap: wrap; padding-top: 22px; padding-bottom: 22px; }
  .contact-help > div { min-width: 0; }
  .contact-help > a { margin-left: 0; }
}

@media (max-width: 500px) {
  .contact-heading h1 { font-size: 38px; }
  .contact-heading > span { font-size: 12px; line-height: 1.5; }
  .contact-info { min-height: 400px; padding-right: 5px; padding-left: 5px; }
  .contact-form { padding: 18px; }
  .contact-help { text-align: center; }
  .contact-help > div { flex-basis: calc(100% - 80px); }
  .contact-help > a { width: 100%; }
}