.bpi-hero-header {
    position: relative;
    color: #fff;
    overflow: hidden;
    min-height: 100vh;
}

/* First section uses pure CSS sticky - not controlled by JS */
.bpi-hero-header.bpi-section {
    position: sticky;
    top: 0;
    padding-top: 0;
    padding-bottom: 12rem;
}

.bpi-hero-header .overlay {
    position: absolute;
    z-index: 1;
    background: rgba(0, 0, 0, 0.44);
}

.bpi-hero-header .container {
    position: relative;
    z-index: 10;
    padding-inline: clamp(1.5rem, 6vw, 4rem);
    padding-block: clamp(4rem, 10vw, 8rem);
}

.bpi-hero-header .hero-header__headline {
    font-family: "Bai Jamjuree", sans-serif;
    font-size: clamp(2.5rem, 6vw, 65px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.bpi-hero-header .hero-header__subtitle {
    font-size: clamp(1.125rem, 4.5vw, 2.125rem);
    line-height: clamp(1.4, 5vw, 1.7);
    max-width: 55ch;
    margin-inline: auto;
}

.hero-header__background-wrapper {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.hero-header__background-wrapper picture,
.hero-header__background-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.editor-styles-wrapper .bpi-hero-header {
    min-height: auto;
    margin-bottom: 1rem !important;
}

.hero-header__background-wrapper img {
    object-position: top center;
    transform: translateY(-8%) scale(1.08);
    transform-origin: 50% 0;
    transition: transform 400ms ease;
}

@media (max-width: 64rem) {
    .hero-header__background-wrapper img {
        transform: translateY(-6%) scale(1.18);
    }
}

@media (max-width: 48rem) {
    .hero-header__background-wrapper img {
        transform: translateY(-2%) scale(1.28);
    }
}

@media (max-width: 45.25rem) {
    .bpi-hero-header {
        min-height: 70vh;
    }

    .hero-header__background-wrapper img {
        transform: translateY(-1%) scale(1.32);
    }
}

@media (max-width: 30rem) {
    .bpi-hero-header {
        min-height: 60vh;
    }

    .hero-header__background-wrapper img {
        transform: translateY(0) scale(1.38);
    }
}

.editor-styles-wrapper .bpi-hero-header {
    height: auto;
    margin-bottom: 20rem;
}

.hero-header__subtitle {
    letter-spacing: 0px !important;
}

.dropdown-select {
    display: none;
}

.dropdown-select select {
    padding: 0.75rem !important;
}

@media (width <=782px) {
    .buttons-menu {
        display: none;
    }
    .dropdown-select {
        display: block;
    }
}

@media (width <=400px) {
    .printing-hero {
        padding-top: 3rem !important;
        padding-bottom: 15rem !important;
    }
}