/* Premium interior-page hero photography */
.page-hero-image,
.page-services .page-hero,
.page-about .page-hero,
.page-contact .page-hero,
.page-track .page-hero {
    min-height: 460px;
    padding: 95px 0;
    display: flex;
    align-items: center;
    text-align: left;
    color: #fff;
    background-position: center;
    background-size: cover;
}

.page-hero-image > .container,
.page-services .page-hero > .container,
.page-about .page-hero > .container,
.page-contact .page-hero > .container,
.page-track .page-hero > .container { margin: auto; }
.page-hero-image h1,
.page-services .page-hero h1,
.page-about .page-hero h1,
.page-contact .page-hero h1,
.page-track .page-hero h1 {
    max-width: 640px;
    margin-top: 12px;
    font-size: clamp(38px, 5vw, 58px);
}
.page-hero-image p,
.page-services .page-hero p,
.page-about .page-hero p,
.page-contact .page-hero p,
.page-track .page-hero p {
    max-width: 590px;
    color: #d7e0e8;
    font-size: 18px;
}
.page-hero-image .eyebrow,
.page-services .page-hero .eyebrow,
.page-about .page-hero .eyebrow,
.page-contact .page-hero .eyebrow,
.page-track .page-hero .eyebrow { color: #77abff; }

.services-hero,
.page-services .page-hero {
    background-image: linear-gradient(90deg, rgba(7,26,43,.98) 0%, rgba(7,26,43,.78) 42%, rgba(7,26,43,.08) 100%), url('../images/services-hero.png');
}
.about-hero,
.page-about .page-hero {
    background-image: linear-gradient(90deg, rgba(7,26,43,.98) 0%, rgba(7,26,43,.77) 43%, rgba(7,26,43,.06) 100%), url('../images/about-hero.png');
}
.contact-hero,
.page-contact .page-hero {
    background-image: linear-gradient(90deg, rgba(7,26,43,.98) 0%, rgba(7,26,43,.76) 43%, rgba(7,26,43,.06) 100%), url('../images/contact-hero.png');
}
.tracking-hero,
.page-track .page-hero {
    min-height: 520px;
    background-image: linear-gradient(90deg, rgba(7,26,43,.98) 0%, rgba(7,26,43,.78) 45%, rgba(7,26,43,.05) 100%), url('../images/tracking-hero.png');
}
.tracking-hero .track-page-form,
.page-track .page-hero .track-page-form {
    margin: 28px 0 0;
    padding: 10px;
    border-radius: 14px;
    background: rgba(255,255,255,.98);
    box-shadow: var(--shadow);
}
.tracking-hero .track-page-form input,
.page-track .page-hero .track-page-form input { border-color: transparent; }

@media (max-width: 800px) {
    .page-hero-image,
    .page-services .page-hero,
    .page-about .page-hero,
    .page-contact .page-hero,
    .page-track .page-hero {
        min-height: 410px;
        padding: 72px 0;
        position: relative;
        background-position: 62% center;
    }
    .page-hero-image::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(7,26,43,.18);
        pointer-events: none;
    }
    .page-hero-image .container,
    .page-services .page-hero .container,
    .page-about .page-hero .container,
    .page-contact .page-hero .container,
    .page-track .page-hero .container { position: relative; z-index: 1; }
}

@media (max-width: 480px) {
    .page-hero-image,
    .page-services .page-hero,
    .page-about .page-hero,
    .page-contact .page-hero,
    .page-track .page-hero { min-height: 390px; padding: 58px 0; }
    .page-hero-image h1,
    .page-services .page-hero h1,
    .page-about .page-hero h1,
    .page-contact .page-hero h1,
    .page-track .page-hero h1 { font-size: 38px; }
    .tracking-hero .track-page-form,
    .page-track .page-hero .track-page-form { padding: 9px; }
}