/* Our Services (loaded after base.css). */
.hero--services { min-height: clamp(240px, 32vw, 382px); padding-bottom: 68px; }
.hero--services .hero__mark { margin-bottom: 22px; }
.hero--services .hero__media img { object-position: center 30%; }

.svc-cards { background: #f7f7f7; padding-top: 48px; padding-bottom: 56px; }
@media (min-width: 1025px) { .svc-cards { padding-top: 90px; padding-bottom: 56px; } }
.cards { display: grid; gap: 20px; max-width: 520px; margin-inline: auto; }
@media (min-width: 1025px) { .cards { grid-template-columns: repeat(3, 1fr); max-width: 1120px; } .card { min-height: 415px; } }
.card { display: flex; flex-direction: column; align-items: center; padding: 40px 30px; text-align: center; }
.card--black { justify-content: center; background: #000; color: #fff; }
.card--white { justify-content: flex-start; background: #fff; color: #1e1e1e; padding-bottom: 20px; }
@media (min-width: 1025px) { .card--white { padding-top: 35px; } }
.card__title { font: 700 clamp(1.875rem, 1.5rem + 1.4vw, 2.75rem)/.96 var(--ff-display); letter-spacing: -.5px; }
.card__text { margin-top: 24px; font: 300 14px/1.65 var(--ff-roboto); }
.card--white .card__text { font: 400 17px/1.9 var(--ff-sans); margin-top: 20px; }
.card--white .btn { margin-top: 24px; min-width: 189px; min-height: 62px; }
.card--white .btn span { display: block; }

.svc-cta__title { margin-top: 48px; text-align: center; font: 700 13px/1.5 var(--ff-sans); letter-spacing: 1.4px; color: var(--c-ink); }
.svc-cta__btn { margin-top: 32px; text-align: center; }
@media (min-width: 1025px) { .svc-cta__title { margin-top: 73px; font-size: 14px; } .svc-cta__btn { margin-top: 70px; } .svc-cta__btn .btn { min-width: 265px; min-height: 55px; } }

.all { padding-top: 72px; padding-bottom: 64px; }
@media (min-width: 1025px) { .all { padding-top: 187px; padding-bottom: 253px; } }
.all__mark { width: 72px; height: auto; margin: 0 auto; }
.all__label { margin-top: 40px; text-align: center; font: 300 15px/1.2 var(--ff-roboto); }
.all__year { margin-top: 4px; text-align: center; font: 900 var(--fs-counter)/1.1 var(--ff-sans); letter-spacing: -1px; font-variant-numeric: tabular-nums; }
.all__rule { width: min(550px, 80%); margin: 24px auto 0; border: 0; border-top: 1px solid #fff; }
.all__list { margin-top: 56px; }
@media (min-width: 1025px) { .all__label { margin-top: 116px; } .all__list { max-width: 1080px; margin: 143px auto 0; } .all__cols { margin-top: 73px; } }
.all__title { font: 300 14px/1.2 var(--ff-roboto); }
.all__cols { display: grid; gap: 0; margin-top: 32px; }
@media (min-width: 768px) { .all__cols { grid-template-columns: 1fr 1fr; gap: 0 22px; } }
.checklist { margin: 0; padding: 0; list-style: none; }
.checklist li { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 0; font: 300 17px/1.2 var(--ff-sans); border-bottom: 2px solid #4a4a4a; }
@media (min-width: 1025px) { .checklist li { font-size: 20px; } }
.all__cols .checklist:last-child li:last-child { border-bottom: 0; }
@media (min-width: 768px) { .checklist li:last-child { border-bottom: 0; } }
.checklist .check { flex: none; }

.ask { padding-top: 56px; padding-bottom: 72px; }
@media (min-width: 1025px) { .ask { padding-top: 87px; padding-bottom: 120px; } }
.ask__eyebrow { font-size: 13px; letter-spacing: 3px; color: var(--c-navy); }
.ask__title { margin-top: 12px; color: var(--c-navy); letter-spacing: -1.2px; font-size: clamp(2.125rem, 1.7rem + 1.6vw, 2.75rem); }
.ask__text { margin-top: 24px; font: 300 18px/1.85 var(--ff-sans); color: #1e1e1e; }
@media (min-width: 1025px) { .ask__text { max-width: 565px; margin: 35px 0 0 545px; font-size: 20px; line-height: 1.6; } }

/* Just Ask: quiet "Get in touch" link under the heading + social icons under the paragraph */
.ask__link { display: inline-flex; align-items: center; gap: 12px; margin-top: 18px; min-height: 44px; font: 700 13px/1.4 var(--ff-sans); letter-spacing: 3px; text-transform: uppercase; color: var(--c-navy); text-decoration: none; }
.ask__link span { padding-bottom: 3px; border-bottom: 1px solid rgba(38, 56, 68, .28); transition: border-color .25s ease; }
.ask__link svg { flex: none; transition: transform .25s ease; }
.ask__link:hover span, .ask__link:focus-visible span { border-bottom-color: var(--c-navy); }
.ask__link:hover svg, .ask__link:focus-visible svg { transform: translateX(5px); }
.ask__follow { margin-top: 28px; display: flex; align-items: center; gap: 18px; }
.ask__follow-label { font: 700 13px/1.4 var(--ff-sans); letter-spacing: 3px; text-transform: uppercase; color: var(--c-navy); }
.ask__social { display: flex; gap: 10px; list-style: none; margin: 0; padding: 0; }
.ask__social a { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(38, 56, 68, .35); border-radius: 50%; color: var(--c-navy); transition: background-color .25s ease, color .25s ease, border-color .25s ease; }
.ask__social a:hover, .ask__social a:focus-visible { background: var(--c-navy); border-color: var(--c-navy); color: #fff; }
@media (min-width: 1025px) { .ask__follow { margin-left: 545px; } }
@media (prefers-reduced-motion: reduce) { .ask__link span, .ask__link svg, .ask__social a { transition: none; } }