/* Contact V2: generated from the approved design by its build script (do not edit by hand).
   Base values are the design at 390px; the 560, 768, 1024, 1180, 1280px blocks are its values at 600, 900, 1100, 1200, 1440. */
.cf-ct { font-variant-numeric: tabular-nums; }
.cf-ct { --pad:41px;--sec:115px;--gap-hc:70px;--t-hero:72px;--t-h2:48px;--t-stmt:32px;--t-title:24px;--t-intro:20px }
@media (max-width:767px) { .cf-ct { --pad:40px;--sec:60px;--gap-hc:40px;--t-hero:42px;--t-h2:35px;--t-stmt:24px;--t-title:22px;--t-intro:18px } }
@media (max-width:360px) { .cf-ct { --pad:20px } }
:where(.cf-ct) a { color: #264363; } :where(.cf-ct) a:hover { color: #3E6FA5; }
.cf-ct [hidden] { display: none !important; }
@media (max-width: 559px) { .cth0 { display: none !important; } }
@media (min-width: 560px) and (max-width: 767px) { .cth1 { display: none !important; } }
@media (min-width: 768px) and (max-width: 1023px) { .cth2 { display: none !important; } }
@media (min-width: 1024px) and (max-width: 1179px) { .cth3 { display: none !important; } }
@media (min-width: 1180px) and (max-width: 1279px) { .cth4 { display: none !important; } }
@media (min-width: 1280px) { .cth5 { display: none !important; } }
.ct1 { outline: none; }
.ct2 { position: relative; border-bottom: 1px solid #D8D2C8; }
.ct3 { max-width: 1360px; margin: 0 auto; padding: var(--sec) var(--pad); display: grid; grid-template-columns: minmax(0,1fr); gap: 40px; align-items: stretch; }
.ct4 { min-width: 0; min-height: 560px; background: #DCE7F4 url('/assets/ds/img/contact/contact.webp') center/cover no-repeat; }
.ct5 { min-width: 0; display: flex; flex-direction: column; gap: 40px; }
.ct6 { display: flex; flex-direction: column; gap: 20px; }
.ct7 { margin: 0; font-family: 'Inter Tight',Inter,sans-serif; font-weight: 400; font-size: var(--t-hero); line-height: 0.98; letter-spacing: -0.035em; color: #122236; max-width: 13ch; text-wrap: balance; }
.ct8 { margin: 0; max-width: 540px; font-size: var(--t-intro); line-height: 1.5; color: #24364F; text-wrap: pretty; }
.ct9 { display: flex; flex-direction: column; }
.ct10 { display: grid; grid-template-columns: minmax(0,1fr); border-top: 1px solid #122236; }
.ct11 { padding: 20px 0 18px 0; border-left: 0; border-bottom: 1px solid #D8D2C8; box-shadow: none; display: flex; flex-direction: column; gap: 8px; min-width: 0; transition: box-shadow 160ms; }
.ct12 { font: 500 12px/1.2 'Inter Tight',Inter,sans-serif; letter-spacing: 0.08em; text-transform: uppercase; color: #264363; }
.ct13 { width: 100%; height: 36px; padding: 0; border: 0; border-radius: 0; background: transparent; font-family: 'Inter Tight',Inter,sans-serif; font-size: 18px; letter-spacing: -0.01em; color: #122236; outline: none; }
.ct14 { padding: 20px 0 18px 0; border-left: 0; border-bottom: 1px solid #D8D2C8; box-shadow: none; display: flex; flex-direction: column; gap: 8px; min-width: 0; transition: box-shadow 160ms; }
.ct15 { padding: 20px 0 18px; border-bottom: 1px solid #D8D2C8; box-shadow: none; display: flex; flex-direction: column; gap: 8px; transition: box-shadow 160ms; }
.ct16 { color: #6B6458; }
.ct17 { position: relative; }
.ct18 { width: 100%; height: 36px; padding: 0; border: 0; border-radius: 0; background: transparent; font-family: 'Inter Tight',Inter,sans-serif; font-size: 18px; letter-spacing: -0.01em; color: #6B6458; outline: none; padding-right: 32px; appearance: none; -webkit-appearance: none; cursor: pointer; }
.ct19 { position: absolute; right: 4px; top: 50%; width: 8px; height: 8px; border-right: 1.5px solid #122236; border-bottom: 1.5px solid #122236; transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.ct20 { margin: 0; font-size: 14px; line-height: 1.5; color: #264363; }
.ct21 { width: 100%; min-height: 84px; padding: 4px 0 0; border: 0; border-radius: 0; background: transparent; font-family: Inter,sans-serif; font-size: 16px; line-height: 1.6; color: #122236; outline: none; resize: vertical; }
.ct22 { display: grid; grid-template-columns: minmax(0,1fr); }
.ct23 { margin-top: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 32px; }
.ct24 { flex: 1 1 100%; display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 56px; padding: 16px 28px; background: #122236; color: #FFFFFF; border: 0; border-radius: 0; font-size: 16px; font-weight: 500; cursor: pointer; transition: background 160ms; }
.ct24:hover { background:#24364F; }
@media (min-width: 560px) {
  .ct10 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ct11 { padding: 20px 24px 18px 0; }
  .ct14 { padding: 20px 0 18px 24px; border-left: 1px solid #D8D2C8; }
  .ct22 { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width: 768px) {
  .ct3 { gap: 56px; }
  .ct5 { gap: 56px; }
  .ct6 { gap: 28px; }
  .ct13 { font-size: 20px; }
  .ct18 { font-size: 20px; }
  .ct24 { flex: 0 0 auto; }
}
@media (min-width: 1024px) {
  .ct3 { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .ct10 { grid-template-columns: minmax(0,1fr); }
  .ct11 { padding: 20px 0 18px 0; }
  .ct14 { padding: 20px 0 18px 0; border-left: 0; }
  .ct22 { grid-template-columns: minmax(0,1fr); }
}
@media (min-width: 1180px) {
  .ct10 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ct11 { padding: 20px 24px 18px 0; }
  .ct14 { padding: 20px 0 18px 24px; border-left: 1px solid #D8D2C8; }
  .ct22 { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width: 1280px) {
  .ct3 { gap: 80px; }
}