.company-since { margin-top: 24px; color: var(--navy); font-size: 1.08rem; font-weight: 700; }
.contact-page { width: 100%; }
.contact-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin: 0 0 38px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.contact-eyebrow, .contact-card__label { margin: 0; color: var(--steel); font-size: .75rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.site-main .contact-intro h2 { margin: 0; font-size: clamp(1.5rem, 3vw, 2.4rem); }
.contact-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); gap: 20px; }
.contact-card { min-height: 330px; padding: clamp(30px, 5vw, 58px); border-top: 4px solid var(--blue); background: #fff; }
.contact-card--details { border-top-color: var(--steel); background: #e8f0f4; }
.site-main .contact-card h2 { margin: 30px 0 24px; font-size: clamp(1.55rem, 3vw, 2.35rem); }
.contact-lines { display: grid; gap: 8px; justify-items: start; }
.contact-lines a { display: inline-flex; min-width: 210px; align-items: center; justify-content: center; padding: 8px 15px; border: 1px solid #789aaa; border-radius: 3px; background: #fff; color: var(--navy); font-size: .92rem; font-weight: 575; line-height: 1.22; text-decoration: none; transition: border-color .2s ease, background-color .2s ease, color .2s ease; }
.contact-lines a:hover { border-color: var(--steel); background: #edf3f6; color: var(--navy); }
.contact-lines .contact-email { display: inline-flex; align-items: center; align-self: start; justify-content: center; margin-top: 26px !important; padding: 12px 18px; border-color: var(--navy); background: var(--navy); color: #fff; font-size: 1rem; font-weight: 750; letter-spacing: .02em; }
.contact-lines .contact-email:hover { background: var(--steel); color: #fff; }
.contact-card address { margin: 0 0 34px; font-size: 1.08rem; font-style: normal; }
.company-data { display: grid; gap: 8px; margin: 0; }
.company-data div { display: flex; gap: 7px; }
.company-data dt, .company-data dd { margin: 0; }
.contact-map { position: relative; overflow: hidden; min-height: 560px; margin-top: 20px; background: #d7e1e7; scroll-margin-top: 80px; }
.contact-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media (max-width: 850px) { .contact-intro { align-items: flex-start; flex-direction: column; } .contact-grid { grid-template-columns: 1fr; } .contact-card { min-height: auto; } .contact-map { min-height: 430px; } }