/* The approved How It Works call to action, shared across the main pages. */
.alms-connect-wrap { background: #f9f9f9; box-sizing: border-box; padding-top: 96px; width: 100%; }
.alms-work-route .alms-connect-wrap { padding-top: 0; }
.alms-process-video .alms-connect-wrap { padding-top: 128px; }
.alms-connect, .alms-connect * { box-sizing: border-box; }
.alms-connect { background: #0f0f0f; color: #f9f9f9; max-width: none; padding: 144px 48px 64px; text-align: center; width: 100%; }
.alms-connect h2 { color: #f9f9f9; font-family: "Raleway", Arial, sans-serif; font-size: clamp(44px, 5.5vw, 80px); font-weight: 600; letter-spacing: -.045em; line-height: 1.15; margin: 0; text-transform: none; }
.alms-connect h2 em { font-family: "Playfair Display", Georgia, serif; font-style: italic; font-weight: 400; }
.alms-connect > p { color: #f9f9f9; font: 400 18px/1.6 "Inter", Arial, sans-serif; margin: 32px 0 0; }
.alms-connect--philosophy blockquote { margin: 0; }
.alms-connect.alms-connect--philosophy > .alms-philosophy-credit { font-size: 14px; letter-spacing: .04em; }
.alms-connect-link { align-items: center; background: #f9f9f9; border-radius: 100px; color: #0f0f0f; display: inline-flex; font: 500 15px/1.5 "Inter", Arial, sans-serif; justify-content: center; margin-top: 32px; min-height: 58px; padding: 16px 32px; text-decoration: none; transition: background 200ms ease; }
.alms-connect-link:hover { background: #e7e6e3; }
.alms-connect-link:focus-visible { outline: 2px solid #f9f9f9; outline-offset: 5px; }
/* Retain the explicit line breaks, but let long lines fit narrower screens. */
@media (min-width: 768px) {
  .alms-connect h2 { white-space: normal; text-wrap: balance; }
  .alms-connect--philosophy h2 { font-size: clamp(40px, 5.2vw, 80px); }
}
@media (max-width: 1100px) { .alms-connect { padding-top: 112px; } }
@media (max-width: 767px) {
  .alms-connect-wrap { padding-top: 64px; }
  .alms-process-video .alms-connect-wrap { padding-top: 80px; }
  .alms-connect { padding: 96px 5% 40px; }
  .alms-connect h2 { font-size: clamp(44px, 9.6vw, 70px); line-height: 1.05; }
  .alms-connect > p { font-size: 16px; margin-top: 24px; }
}
@media (max-width: 379px) { .alms-connect h2 { font-size: clamp(40px, 10vw, 48px); } }
@media (prefers-reduced-motion: reduce) { .alms-connect-link { transition: none; } }