/* Explain: Editorial spacing and layout helpers for the care service page */
.section-pad {
    padding-top: clamp(5rem, 10vw, 10rem);
    padding-bottom: clamp(5rem, 10vw, 10rem);
}

.hero-section {
    min-height: 100svh;
}

.hero-title {
    text-wrap: balance;
}

.sticky-label {
    align-self: start;
}

.contact-section {
    position: relative;
    overflow: hidden;
}

.contact-section::before {
    content: "";
    position: absolute;
    bottom: -8rem;
    left: -6rem;
    width: 32rem;
    height: 32rem;
    border: 1px solid rgba(168, 168, 168, 0.22);
    transform: rotate(18deg);
}

@media (min-width: 1024px) {
    .sticky-label {
        position: sticky;
        top: 8rem;
    }
}