/* Traveltech hero: full-bleed airport / aircraft photo. Scoped to .traveltech-hero only. */
/* Match maritime hero typography: base .hero + global body styles leave subtitle <p> black/centered otherwise */
.hero.traveltech-hero .hero-body p {
    color: var(--white);
    font-family: 'Gilroy', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: start;
}

.hero.traveltech-hero .hero-body {
    text-align: start;
}

.traveltech-hero.hero {
    background: none;
    background-color: transparent;
    background-image: url("../../images/traveltech/hero-traveltech.png");
    background-size: cover;
    /* Bias slightly left so headline sits over sky/tarmac; adjust if art direction changes */
    background-position: 38% 50%;
    background-repeat: no-repeat;
    animation: none;
    justify-content: stretch;
}

.traveltech-hero .hero-container {
    top: 80px;
}

@media (min-width: 768px) {
    .traveltech-hero.hero {
        background-position: 38% 50%;
        background-size: cover;
    }
}

@media (min-width: 1200px) {
    .traveltech-hero.hero {
        background-size: cover;
        background-position: 38% 50%;
    }

    .traveltech-hero .hero-body,
    .traveltech-hero .hero-footer {
        backdrop-filter: blur(2px);
    }
}

@media (min-width: 1440px) {
    .traveltech-hero.hero {
        background-size: cover;
        background-position: 38% 50%;
    }
}