/* Contacts: clear information area followed by the shared homepage CTA. */
.contact-page-view main{background-color:var(--page-bg);background-image:var(--decor-platinum);background-size:var(--decor-size)}
.contact-page-view main > .cta.media-section#contacts{height:auto!important;min-height:0!important;overflow:visible!important;padding-top:clamp(116px,10vw,142px)!important;padding-bottom:clamp(52px,6vw,78px)!important}
.contact-page-view .contacts-page{padding-block:clamp(96px,8vw,124px) clamp(48px,6vw,76px)!important;background:transparent!important;box-shadow:none!important}
.contact-page-view .contacts-page-inner{display:grid;gap:clamp(18px,2.4vw,30px)}
.contact-page-view .breadcrumbs{margin:0!important}
.contact-page-view .contacts-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(440px,.92fr)!important;min-height:clamp(390px,34vw,480px)!important;gap:0!important;align-items:stretch!important;margin:0!important;padding:0!important;overflow:hidden;border:1px solid rgba(53,78,92,.2)!important;border-radius:8px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 18px 44px rgba(23,42,54,.1)!important}
.contact-page-view .contacts-hero>.contacts-hero-copy{display:flex!important;min-width:0;min-height:0!important;flex-direction:column;justify-content:center!important;gap:14px!important;padding:clamp(38px,5vw,70px)!important;background:transparent!important}
html body.contact-page-view .contacts-hero>div>p{margin:0;color:#8b532f!important;font-size:.75rem!important;font-weight:800;letter-spacing:.16em!important;text-transform:uppercase;opacity:1!important}
html body.contact-page-view .contacts-hero>div>h1{max-width:100%;margin:0;color:#172a36!important;font-family:"Noto Serif",serif!important;font-size:clamp(3rem,5vw,5rem)!important;font-weight:600!important;line-height:.98!important;letter-spacing:-.035em;text-shadow:none!important;opacity:1!important}
html body.contact-page-view .contacts-hero>div>span{max-width:34rem;margin:8px 0 0;color:#425967!important;font-size:clamp(1rem,1.18vw,1.1rem);line-height:1.68;opacity:1!important}
.contact-page-view .contacts-panel{display:grid;min-width:0;align-content:start;gap:18px!important;padding:clamp(22px,2.8vw,32px)!important;border:1px solid rgba(53,78,92,.18)!important;border-radius:8px!important;background:rgba(255,255,255,.92)!important;background-image:none!important;box-shadow:0 12px 28px rgba(23,42,54,.07)!important}
.contact-page-view .contacts-connect{align-content:center;border-width:0 0 0 1px!important;border-radius:0!important;padding:clamp(30px,4vw,52px)!important;background:linear-gradient(145deg,rgba(238,243,246,.98),rgba(255,255,255,.96))!important;box-shadow:none!important}
.contact-page-view .contacts-panel::before,.contact-page-view .contacts-panel::after,.contact-page-view .contacts-row::before,.contact-page-view .contacts-row::after{content:none!important}
.contact-page-view .contacts-panel h2{margin:0;color:#172a36!important;font-family:"Noto Serif",serif!important;font-size:clamp(1.5rem,2.2vw,1.95rem)!important;line-height:1.12}
.contact-page-view .contacts-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.contact-page-view .contacts-row{min-height:64px;padding:13px 15px!important;border:1px solid rgba(53,78,92,.16)!important;border-radius:6px!important;background:#fff!important;background-image:none!important;box-shadow:none!important;transition:border-color 180ms ease,transform 180ms ease,box-shadow 180ms ease!important}
.contact-page-view a.contacts-row:hover,.contact-page-view a.contacts-row:focus-visible{border-color:rgba(139,83,47,.5)!important;box-shadow:0 9px 22px rgba(23,42,54,.09)!important;transform:translateY(-2px)}
.contact-page-view .contacts-row strong,.contact-page-view .contacts-row a{color:#233947!important;font-size:.94rem;font-weight:700}
.contact-page-view .contacts-row .material-symbols-outlined{color:#8b532f!important}
.contact-page-view .contacts-social-section{display:grid;gap:12px;padding-top:20px;border-top:1px solid rgba(53,78,92,.16)}
.contact-page-view .contacts-social-section h3{margin:0;color:#172a36!important;font-family:"Noto Serif",serif!important;font-size:1.15rem!important;line-height:1.2}
.contact-page-view .contacts-social-grid{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:9px}
.contact-page-view .contacts-social-grid .social-link{width:100%;height:50px;border-radius:6px!important;background:#fff!important;box-shadow:none!important;transition:border-color 180ms ease,transform 180ms ease,box-shadow 180ms ease!important}
.contact-page-view .contacts-social-grid .social-link:hover,.contact-page-view .contacts-social-grid .social-link:focus-visible{border-color:rgba(139,83,47,.5)!important;box-shadow:0 9px 22px rgba(23,42,54,.09)!important;transform:translateY(-2px)}
html.light[data-theme="light"] body.contact-page-view .cta.media-section .contact-form{--contact-form-ink:#171d23;--contact-form-muted:#4d5660;--contact-form-soft:#59636c}
html.light[data-theme="light"] body.contact-page-view .cta.media-section :is(.form-field>span,.form-hint,.form-trust-list){opacity:1!important}
@media(max-width:980px){.contact-page-view .contacts-hero{grid-template-columns:1fr!important}.contact-page-view .contacts-connect{border-width:1px 0 0!important}}
@media(max-width:640px){.contact-page-view .contacts-page{padding-block:82px 38px!important}.contact-page-view .contacts-hero>.contacts-hero-copy{padding:34px 22px!important}html body.contact-page-view .contacts-hero>div>h1{font-size:clamp(2.65rem,14vw,3.8rem)!important}.contact-page-view .contacts-connect{padding:26px 20px!important}.contact-page-view .contacts-list{grid-template-columns:1fr}.contact-page-view .contacts-social-grid{grid-template-columns:repeat(5,minmax(42px,1fr))}}

/* Exact homepage closing-contact treatment. */
html.light[data-theme="light"] body.contact-page-view main#top#top#top#top#top#top#top#top#top > .cta.media-section#contacts {
  background-color: #0f1111 !important;
  background-image:
    linear-gradient(rgba(11,13,13,.58), rgba(11,13,13,.58)),
    url("/assets/cta-contact-application-background.webp") !important;
  background-position: center, center 56% !important;
  background-repeat: no-repeat !important;
  background-size: cover, cover !important;
}
html.light[data-theme="light"] body.contact-page-view main#top#top#top#top#top#top#top#top#top > .cta.media-section#contacts .media-overlay {
  display:block!important;
  background:transparent!important;
}
html.light[data-theme="light"] body.contact-page-view main#top#top#top#top#top#top > .cta.media-section#contacts .cta-eyebrow {
  color:#d6a06f!important;
  text-shadow:0 1px 12px rgba(0,0,0,.48)!important;
}
html.light[data-theme="light"] body.contact-page-view main#top#top#top#top#top#top > .cta.media-section#contacts .cta-copy > h2 {
  color:#f7f2eb!important;
  -webkit-text-fill-color:#f7f2eb!important;
  text-shadow:0 2px 18px rgba(0,0,0,.58)!important;
}
html.light[data-theme="light"] body.contact-page-view main#top#top#top#top#top#top > .cta.media-section#contacts .cta-lede {
  color:rgba(247,242,235,.82)!important;
  -webkit-text-fill-color:rgba(247,242,235,.82)!important;
  opacity:1!important;
  text-shadow:0 1px 14px rgba(0,0,0,.56)!important;
}
html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts .cta-contact-item {
  border-color:rgba(255,255,255,.72)!important;background:linear-gradient(145deg,#fff 0%,#eef0f1 100%)!important;color:#182631!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 12px 28px rgba(8,18,26,.2)!important;
}
html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts a.cta-contact-item:is(:hover,:focus-visible){border-color:#d8a27d!important;background:#fff!important;color:#263746!important}
html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts .cta-contact-item .material-symbols-outlined{color:#a6603c!important}
html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts .contact-form:not(.contact-form-compact),
html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts .contact-form:not(.contact-form-compact):is(:hover,:focus-within){--contact-form-ink:#182631;--contact-form-muted:#4f626f;--contact-form-soft:#61727d;--contact-form-border:rgba(38,55,70,.22);--contact-form-field:#f3f4f4;border-color:rgba(255,255,255,.78)!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,240,241,.98))!important;color:#182631!important;box-shadow:inset 0 1px 0 #fff,0 24px 58px rgba(8,18,26,.28)!important;color-scheme:light!important}
html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts .contact-form .form-field :is(input,textarea){border-color:rgba(38,55,70,.2)!important;background:#f7f8f8!important;color:#182631!important;caret-color:#182631!important}
html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts .contact-form .form-field :is(input,textarea):is(:focus,:focus-visible){border-color:#a6603c!important;background:#fff!important;box-shadow:0 0 0 3px rgba(166,96,60,.14)!important}
html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts .contact-form .form-field :is(input,textarea)::placeholder{color:#6c7982!important}
html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts .cta-contact-item :is(strong,.contact-phone-stack,.contact-phone-stack a){color:#182631!important}
html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts .contact-form :is(.form-field>span,.form-hint,.form-status,.form-trust-list,.form-trust-list li){color:#4f626f!important;opacity:1!important}
html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts .contact-form .form-field>span{color:#263746!important}
html.light[data-theme="light"] body.contact-page-view main#top#top > .cta.media-section#contacts .contact-form:not(.contact-form-compact) .form-trust-list,
html.light[data-theme="light"] body.contact-page-view main#top#top > .cta.media-section#contacts .contact-form:not(.contact-form-compact) .form-trust-list li{color:#465b68!important;opacity:1!important}
html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts .cta-contact-more,
html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts .cta-contact-more:is(:hover,:focus-visible){width:fit-content!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;color:rgba(255,255,255,.84)!important;text-decoration:none!important}
html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts .cta-contact-more .material-symbols-outlined{color:rgba(255,255,255,.72)!important}
@media(max-width:1100px){html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts{background-position:38% center!important}}
@media(max-width:680px){html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts{background-position:16% center!important}html.light[data-theme="light"] body.contact-page-view main > .cta.media-section#contacts .media-overlay{background:linear-gradient(180deg,rgba(22,38,50,.42),rgba(22,38,50,.72)),linear-gradient(90deg,rgba(16,29,39,.2),rgba(10,20,28,.38))!important}}

/* One calm reading card, matching the article treatment. */
html.light[data-theme="light"] body.contact-page-view main#top .contacts-hero.contacts-hero {
  grid-template-columns: minmax(0, 1.05fr) minmax(440px, .95fr) !important;
  min-height: 430px !important;
  border: 1px solid rgba(53, 78, 92, .2) !important;
  background: rgba(255, 255, 255, .94) !important;
  background-image: none !important;
  box-shadow: 0 20px 52px rgba(23, 42, 54, .12) !important;
}

html.light[data-theme="light"] body.contact-page-view main#top .contacts-hero > .contacts-hero-copy {
  padding: clamp(42px, 5vw, 68px) !important;
  background: transparent !important;
}

html.light[data-theme="light"] body.contact-page-view main#top .contacts-hero > .contacts-hero-copy > p {
  color: #8b532f !important;
  font-size: .72rem !important;
}

html.light[data-theme="light"] body.contact-page-view main#top .contacts-hero > .contacts-hero-copy > h1 {
  color: #172a36 !important;
  font-size: clamp(3rem, 4.2vw, 4.25rem) !important;
  line-height: 1.02 !important;
  text-shadow: none !important;
}

html.light[data-theme="light"] body.contact-page-view main#top .contacts-hero > .contacts-hero-copy > span {
  max-width: 31rem !important;
  color: #425967 !important;
  font-size: clamp(.96rem, 1.05vw, 1.05rem) !important;
  line-height: 1.7 !important;
  text-shadow: none !important;
}

html.light[data-theme="light"] body.contact-page-view main#top .contacts-connect.contacts-connect {
  gap: 20px !important;
  padding: clamp(34px, 4vw, 52px) !important;
  border: 0 !important;
  border-left: 1px solid rgba(53, 78, 92, .18) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.light[data-theme="light"] body.contact-page-view main#top .contacts-connect h2 {
  font-size: clamp(1.55rem, 2vw, 1.9rem) !important;
}

html.light[data-theme="light"] body.contact-page-view main#top .contacts-list {
  gap: 0 18px !important;
}

html.light[data-theme="light"] body.contact-page-view main#top .contacts-row,
html.light[data-theme="light"] body.contact-page-view main#top .contacts-row:is(:hover, :focus-visible, :focus-within) {
  min-height: 58px !important;
  padding: 12px 2px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(53, 78, 92, .16) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}

html.light[data-theme="light"] body.contact-page-view main#top .contacts-row :is(strong, a) {
  color: #233947 !important;
  font-size: clamp(.82rem, .9vw, .92rem) !important;
  line-height: 1.42 !important;
}

html.light[data-theme="light"] body.contact-page-view main#top .contacts-social-section {
  padding-top: 18px !important;
}

@media (max-width: 980px) {
  html.light[data-theme="light"] body.contact-page-view main#top .contacts-hero.contacts-hero {
    grid-template-columns: 1fr !important;
  }

  html.light[data-theme="light"] body.contact-page-view main#top .contacts-connect.contacts-connect {
    border-left: 0 !important;
    border-top: 1px solid rgba(53, 78, 92, .18) !important;
  }
}

@media (max-width: 640px) {
  html.light[data-theme="light"] body.contact-page-view main#top .contacts-hero > .contacts-hero-copy {
    padding: 34px 22px !important;
  }

  html.light[data-theme="light"] body.contact-page-view main#top .contacts-connect.contacts-connect {
    padding: 26px 20px !important;
  }
}

/* Keep one outer frame, with each contact method in its own readable tile. */
html.light[data-theme="light"] body.contact-page-view main#top .contacts-hero.contacts-hero {
  background: #fff !important;
}

html.light[data-theme="light"] body.contact-page-view main#top .contacts-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html.light[data-theme="light"] body.contact-page-view main#top .contacts-row,
html.light[data-theme="light"] body.contact-page-view main#top .contacts-row:is(:hover, :focus-visible, :focus-within) {
  grid-template-columns: 24px minmax(0, 1fr) !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 64px !important;
  padding: 12px 13px !important;
  border: 1px solid rgba(53, 78, 92, .18) !important;
  border-radius: 6px !important;
  background: #f9faf9 !important;
  box-shadow: none !important;
}

html.light[data-theme="light"] body.contact-page-view main#top a.contacts-row:is(:hover, :focus-visible) {
  border-color: rgba(139, 83, 47, .48) !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgba(23, 42, 54, .08) !important;
  transform: translateY(-1px) !important;
}

html.light[data-theme="light"] body.contact-page-view main#top .contacts-row :is(strong, a) {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

@media (max-width: 640px) {
  html.light[data-theme="light"] body.contact-page-view main#top .contacts-list {
    grid-template-columns: 1fr !important;
  }
}

