/*
 * editorial-hero.css — ANZ v3 Editorial Hero Component
 *
 * Namespace: .anz-v3-editorial-hero
 * Covers: home hero (IA spec §7 KEEP per brand PDF page 7)
 * All selectors scoped: body.anz-v3 .anz-v3-editorial-hero*
 * No hex values — var(--...) only.
 *
 * Phase 4 pages: home (DIGITAL-6474)
 * Disposition: KEEP per IA spec §7. Brand PDF page 7 photography plate
 *   shows multiple hero-format editorial compositions.
 * Provenance: IA spec §1.1 (optimism through human warmth),
 *             §1.2 (Pacific Blue as primary identity signal),
 *             §4.3 (photography brief — coastal/outdoor, warm natural light)
 * Placeholder: data-placeholder="awaiting-DAM" with Pacific Blue fallback
 *   per waiver policy until DAM photography is retrieved.
 */


/* ===================================================================
 * HERO WRAPPER — full-bleed Pacific Blue as fallback
 * =================================================================== */

body.anz-v3 .anz-v3-editorial-hero {
    background-color: var(--surface-inverse);
    min-height: 560px;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: var(--space-10);
}


/* ===================================================================
 * BACKGROUND IMAGE LAYER
 * =================================================================== */

body.anz-v3 .anz-v3-editorial-hero__bg {
    height: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center 30%;
    position: absolute;
    width: 100%;
}

/* Gradient overlay — ensures text legibility over photography */
body.anz-v3 .anz-v3-editorial-hero::after {
    background: linear-gradient( to right, rgba(5, 114, 230, 0.72) 0%, rgba(5, 114, 230, 0.40) 50%, transparent 100% );
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1;
}

/* Placeholder state */
body.anz-v3 .anz-v3-editorial-hero [data-placeholder="awaiting-DAM"] {
    height: 100%;
    inset: 0;
    min-height: 0;
    position: absolute;
    width: 100%;
}


/* ===================================================================
 * CONTENT AREA
 * =================================================================== */

body.anz-v3 .anz-v3-editorial-hero__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
    justify-content: center;
    margin: 0 auto;
    max-width: var(--container-max);
    min-height: 560px;
    padding: var(--space-12) var(--layout-margin-desktop);
    position: relative;
    z-index: 2;
}

body.anz-v3 .anz-v3-editorial-hero__eyebrow {
    color: var(--text-on-inverse);
    font-size: var(--type-body-s-size);
    font-weight: var(--font-weight-medium);
}

body.anz-v3 .anz-v3-editorial-hero__headline {
    color: var(--text-on-inverse);
    font-size: var(--type-display-xl-size);
    font-weight: var(--font-weight-medium);
    line-height: var(--type-display-xl-lh);
    margin: 0;
    max-width: 560px;
}

body.anz-v3 .anz-v3-editorial-hero__body {
    color: var(--text-on-inverse);
    font-size: var(--type-body-l-size);
    line-height: var(--type-body-l-lh);
    max-width: 480px;
    opacity: 0.9;
}

body.anz-v3 .anz-v3-editorial-hero__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
}


/* ===================================================================
 * RESPONSIVE
 * =================================================================== */

@media (max-width: 1024px) {
    body.anz-v3 .anz-v3-editorial-hero__content {
        padding: var(--space-8) var(--layout-margin-tablet);
    }

    body.anz-v3 .anz-v3-editorial-hero__headline {
        font-size: var(--type-display-l-size);
        line-height: var(--type-display-l-lh);
    }
}

@media (max-width: 768px) {
    body.anz-v3 .anz-v3-editorial-hero {
        min-height: 400px;
    }

    body.anz-v3 .anz-v3-editorial-hero__content {
        min-height: 400px;
        padding: var(--space-8) var(--layout-margin-mobile);
    }

    body.anz-v3 .anz-v3-editorial-hero__headline {
        font-size: var(--type-h1-size);
        line-height: var(--type-h1-lh);
    }

    body.anz-v3 .anz-v3-editorial-hero__body {
        font-size: var(--type-body-m-size);
        line-height: var(--type-body-m-lh);
    }

    body.anz-v3 .anz-v3-editorial-hero__actions {
        flex-direction: column;
        width: 100%;
    }

    body.anz-v3 .anz-v3-editorial-hero::after {
        background: linear-gradient( to bottom, rgba(5, 114, 230, 0.65) 0%, rgba(5, 114, 230, 0.30) 100% );
    }
}


/* ===================================================================
 * REDUCED MOTION — no parallax or fade animations
 * =================================================================== */

@media (prefers-reduced-motion: reduce) {
    body.anz-v3 .anz-v3-editorial-hero__bg {
        animation: none;
    }
}