.service-offering__name { position: relative; margin: 0; padding-inline-start: var(--space-3); font-family: var(--font-heading); font-size: clamp(var(--fs-display-min), 6.944444vw, var(--fs-display-max)); font-weight: 600; line-height: 1; overflow-wrap: anywhere; }
.service-offering__name--long { font-size: clamp(2.25rem, 4vw, var(--fs-section-archive-max)); line-height: var(--line-height-heading); overflow-wrap: normal; }
.service-offering--switchable { grid-area: 1 / 1; opacity: 0; visibility: hidden; transform: translateY(var(--space-6)); pointer-events: none; transition: opacity var(--dur-panel) var(--ease-standard), transform var(--dur-panel) var(--ease-standard), visibility var(--dur-panel); }
.service-offering--switchable.is-active { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; transition-duration: var(--dur-panel), var(--dur-panel), 0s; }
@media (prefers-reduced-motion: reduce) {
    .service-offering--switchable { transform: none; transition: none; }
}
.service-offering__details { margin-block-start: 10.625rem; padding-inline-start: var(--space-3); max-inline-size: 30.8125rem; }
.service-offering__description { margin: 0; font-size: var(--fs-body); line-height: var(--line-height-control); color: var(--color-service-copy); }
.service-offering__actions { display: flex; align-items: center; gap: var(--space-6); margin-block-start: var(--space-12); }
@media (width < 75rem) {
    .service-offering__details { margin-block-start: 8rem; }
    .service-offering__actions { flex-wrap: wrap; gap: var(--space-3); }
}
@media (width < 48rem) {
    .service-offering__name, .service-offering__details { padding-inline-start: 0; }
    .service-offering__name:not(.service-offering__name--long) { font-size: clamp(2.5rem, 16vw, var(--fs-display-min)); }
    .service-offering__details { margin-block-start: var(--space-16); }
    .service-offering__actions { display: grid; grid-template-columns: 3rem minmax(0, 1fr) 3rem; gap: var(--space-2); align-items: center; }
}
