/* AU/NZ landing page brand panels (generic front page): logo, headline and buttons over the brand image */
.fp-hero { position: relative; overflow: hidden; font-family: 'Prompt', sans-serif; }
.fp-hero-bg { display: block; line-height: 0; }
.fp-hero-bg img { width: 100%; height: auto; }

/* same content box as header/footer so logos, headlines and buttons line up with them */
.fp-hero-content {
    position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 1280px; margin: 0 auto;
    padding: 5vw 16px 4vw; display: flex; flex-direction: column; align-items: flex-start;
    pointer-events: none; color: #fff;
}
.fp-hero-content a { pointer-events: auto; }
.fp-hero-logo { display: block; line-height: 0; }
.fp-hero-logo img { width: 30vw; height: auto; }
.fp-hero-title {
    margin: 2vw 0 0; color: #fff; font-size: 16vw; font-weight: 600; font-style: italic;
    line-height: 0.95; letter-spacing: -0.02em; text-transform: uppercase;
}
.fp-hero-buttons { margin-top: auto; display: flex; flex-wrap: wrap; gap: 4px; }
.fp-hero-buttons a {
    display: inline-block; padding: 7px 7px; border-radius: 5px; background: #fff; color: #000 !important;
    font-size: 10px; font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap;
}
.fp-hero-buttons a:hover { background: #000; color: #fff !important; }

@media (min-width: 992px) {
    .fp-hero-content { padding: 3vw 32px 2.7vw 34px; }
    .fp-hero-logo img { width: 17vw; max-width: 330px; }
    .fp-hero-title { margin-top: 1.4vw; font-size: 6.7vw; }
    .fp-hero-buttons { gap: 8px; }
    .fp-hero-buttons a { padding: 12px 18px; font-size: 12px; }
}