/* Both hero layouts use the homepage's original responsive dimensions. */
:root {
    --vanessa-hero-height: clamp(450px,31.5vw,560px);
    --vanessa-hero-padding-top: 120px;
    --vanessa-hero-padding-bottom: 65px;
}
.hero, .corporate-hero {
    height: var(--vanessa-hero-height);
    min-height: var(--vanessa-hero-height);
}
.hero-inner, .corporate-hero-inner {
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 0;
    padding-top: var(--vanessa-hero-padding-top);
    padding-bottom: var(--vanessa-hero-padding-bottom);
}
.corporate-hero-copy { max-width: 560px; }
.corporate-page h1 {
    font-size: clamp(40px,3.5vw,54px);
    line-height: 1.05;
    max-width: 560px;
    margin-bottom: 18px;
}
.corporate-kicker { font-size: 22px; margin-bottom: 10px; }
.corporate-hero-description { font-size: 13px; line-height: 1.65; margin-bottom: 22px; }
.corporate-hero-button { padding: 9px 20px; min-height: 42px; }
@media (max-width: 900px) {
    :root { --vanessa-hero-height: 530px; --vanessa-hero-padding-top: 155px; }
}
@media (max-width: 600px) {
    :root {
        --vanessa-hero-height: 615px;
        --vanessa-hero-padding-top: 150px;
        --vanessa-hero-padding-bottom: 105px;
    }
    .corporate-page h1 { font-size: 40px; }
    .corporate-kicker { font-size: 20px; }
    .corporate-hero-description { font-size: 12px; }
}
@media print {
    .hero, .corporate-hero { height: auto; min-height: 0; }
    .hero-inner, .corporate-hero-inner { height: auto; padding-block: 25px; }
}
