/* Telemed Engineering identity and independent engineering services. */
.brand-symbol { width: 38px; height: 38px; }
.brand-wordmark { display: flex; flex-direction: column; gap: 6px; }
.brand-name { font-size: 27px; letter-spacing: -.8px; font-weight: 650; }
.brand-caption { margin: 0; font-size: 12px; letter-spacing: 1.1px; font-weight: 500; text-transform: none; }
.desktop-nav { gap: 22px; }
.desktop-nav a { font-size: 14px; white-space: nowrap; }
.footer-description { max-width: 310px; }
.footer-address { font-style: normal; font-size: 14px; line-height: 1.7; margin-top: 22px; max-width: 310px; color: #c5d4cb; }
address { font-style: normal; }
.contact-address dd { font-size: 18px; line-height: 1.6; }
.contact-details dl { margin-top: 0; }
.contact-item dd { line-height: 1.35; }
.service-offerings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.offering-card { display: flex; flex-direction: column; gap: 20px; padding: 36px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }
.offering-card .card-kicker { margin: 0; font-size: 11px; line-height: 1.6; }
.offering-card h3 { font-size: 29px; line-height: 1.2; max-width: 470px; }
.offering-card > p { font-size: 16px; color: var(--muted); }
.offering-card .text-link { margin-top: auto; line-height: 1.5; }
.service-terms { margin-top: 28px; font-size: 14px; color: var(--muted); max-width: 900px; }
.offering-card .check-list li { font-size: 15px; }
.service-row h3 { line-height: 1.35; }
.form-field select { white-space: normal; }
.hero-visual { animation-duration: .6s; }
.preparation-steps .step p { max-width: 34ch; }
@media (max-width: 1100px) {
  .desktop-nav { gap: 17px; }
  .header-action { display: none; }
}
@media (max-width: 1000px) {
  .offering-card { padding: 28px; }
  .offering-card h3 { font-size: 25px; }
}
@media (max-width: 760px) {
  .service-offerings { grid-template-columns: 1fr; gap: 28px; }
  .brand-name { font-size: 25px; }
  .brand-caption { font-size: 11px; letter-spacing: .8px; }
  .brand-symbol { width: 33px; height: 33px; }
  .hero-copy h1 { font-size: clamp(38px, 8.5vw, 59px); }
  .offering-card { padding: 26px; }
  .project-popover h2 { font-size: clamp(29px, 6vw, 38px); }
}
@media (max-width: 360px) {
  .brand-name { font-size: 23px; }
  .brand-caption { font-size: 10px; }
  .brand-symbol { width: 29px; height: 29px; }
  .hero-copy h1 { font-size: 36px; }
  .offering-card { padding: 22px; }
}