.ppro-y26-search {
    background: var(--ppro-background);
}

.ppro-y26-search__hero {
    background: var(--ppro-foreground);
    padding: 10rem 0 5rem;
    transition: none;
}

.ppro-y26-search__hero-inner {
    max-width: var(--ppro-container-max-width, 90rem);
    padding-inline: var(--ppro-container-padding-x, 1.5rem);
    margin-inline: auto;
}

.ppro-y26-search__title {
    margin: 0;
    font-family: var(--ppro-font-display);
    font-weight: var(--ppro-font-weight-display);
    font-size: 4rem;
    line-height: 4.25rem;
    letter-spacing: var(--ppro-tracking-tight);
}

.ppro-y26-search__subtitle {
    max-width: 42rem;
    margin: 1.25rem 0 0;
    font-family: var(--ppro-font-body);
    font-weight: var(--ppro-font-weight-body);
    font-size: 1.25rem;
    line-height: 1.75rem;
    opacity: 0.75;
}

.ppro-y26-search__field {
    position: relative;
    max-width: 40rem;
    margin-top: 2rem;
}

.ppro-y26-search__spinner {
    position: absolute;
    top: 50%;
    right: 3.25rem;
    width: 1.25rem;
    height: 1.25rem;
    transform: translateY(-50%);
    border: 2px solid color-mix(in srgb, var(--ppro-foreground) 25%, transparent);
    border-top-color: var(--ppro-foreground);
    border-radius: 50%;
    animation: ppro-y26-search-spin 0.7s linear infinite;
}

@keyframes ppro-y26-search-spin {
    to {
        transform: translateY(-50%) rotate(360deg);
    }
}

@media (max-width: 767px) {
    .ppro-y26-search__hero {
        padding: 7rem 0 3.5rem;
    }

    .ppro-y26-search__hero-inner {
        padding-inline: var(--ppro-container-padding-x-mobile, 1rem);
    }

    .ppro-y26-search__title {
        font-size: 2.5rem;
        line-height: 2.75rem;
    }

    .ppro-y26-search__subtitle {
        font-size: 1.0625rem;
        line-height: 1.5rem;
    }
}