.PageHero_hero__BT0WE {
    padding: clamp(var(--space-8), 6vw, var(--space-16)) 0 var(--space-8);
}

.PageHero_panel__Q6MFq {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    min-height: 18rem;
    padding: clamp(var(--space-6), 3.6vw, var(--space-12));
    border-radius: var(--radius-xl);
    border: 1px solid color-mix(in srgb, var(--color-brand-primary) 22%, var(--color-border));
    background:
        linear-gradient(140deg, color-mix(in srgb, var(--color-brand-strong) 84%, black) 0%, var(--color-brand-primary) 52%, color-mix(in srgb, var(--color-brand-primary) 62%, var(--color-accent) 38%) 100%);
    box-shadow: var(--shadow-strong);
}

.PageHero_panel__Q6MFq::after {
    content: "";
    position: absolute;
    inset: auto -6rem -8rem auto;
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--color-accent) 26%, transparent);
    filter: blur(10px);
}

.PageHero_copy__oCJVi {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

.PageHero_kicker__r66eJ {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3);
}

.PageHero_icon__Hk8Yu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    color: var(--color-text-inverse);
    background: color-mix(in srgb, white 18%, transparent);
    border: 1px solid color-mix(in srgb, white 26%, transparent);
}

.PageHero_content__SMS6z {
    max-width: 44rem;
}

.PageHero_title__dUh7o {
    margin: 0;
    font-family: var(--font-display), serif;
    font-size: clamp(2.75rem, 6vw, 5rem);
    line-height: 0.96;
    color: var(--color-text-inverse);
}

.PageHero_description__HOBnn {
    margin: var(--space-4) 0 0;
    max-width: 34rem;
    font-size: 1.05rem;
    line-height: 1.7;
    color: color-mix(in srgb, var(--color-text-inverse) 82%, transparent);
}

.PageHero_footer__392ku {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-4);
}

.PageHero_meta__BTEW_ {
    margin: 0;
    max-width: 28rem;
    color: color-mix(in srgb, var(--color-text-inverse) 72%, transparent);
}

.PageHero_actions__GFOhO {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3);
}

@media (max-width: 720px) {
    .PageHero_footer__392ku {
        flex-direction: column;
        align-items: flex-start;
    }

    .PageHero_actions__GFOhO {
        width: 100%;
        flex-wrap: wrap;
    }
}