/*
 * Print Metall — Hero block.
 * Figma frames: hero-1, hero-2, hero-3.
 * Desktop geometry follows Figma; mobile uses the same DOM without duplication.
 */

.pmb-hero,
.pmb-hero *,
.pmb-hero *::before,
.pmb-hero *::after {
    box-sizing: border-box;
}

.pmb-hero {
    --pmb-hero-fg: #f4f4f2;
    --pmb-hero-muted: rgba(255, 255, 255, .80);
    --pmb-hero-accent: #f1c856;
    --pmb-hero-button-bottom: #df8123;
    --pmb-hero-button-end: #fa9a1a;
    --pmb-slider-duration: 700ms;
    position: relative;
    width: 100%;
    height: 1065rem;
    overflow: hidden;
    background: var(--pmb-hero-bg, #020202);
    color: var(--pmb-hero-fg);
    isolation: isolate;
}

.pmb-hero--slider {
    height: 999rem;
}

.pmb-hero--light {
    --pmb-hero-fg: #333333;
    --pmb-hero-muted: rgba(51, 51, 51, .80);
    background: var(--pmb-hero-bg, #f5f2ee);
}

.pmb-hero__background,
.pmb-hero__slides,
.pmb-hero__slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.pmb-hero__background {
    z-index: -3;
    overflow: hidden;
}

.pmb-hero__background::before,
.pmb-hero__background::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

.pmb-hero--dark .pmb-hero__background::before {
    background:
        radial-gradient(ellipse 54% 22% at 35% 56%, rgba(0, 0, 0, .20), transparent 70%),
        linear-gradient(90deg, rgba(2, 2, 2, .62) 0%, rgba(2, 2, 2, .38) 43%, rgba(2, 2, 2, .08) 72%, rgba(2, 2, 2, .22) 100%);
}

.pmb-hero--dark .pmb-hero__background::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .02) 70%, rgba(0, 0, 0, .28) 100%);
}

.pmb-hero--light .pmb-hero__background::before {
    background: linear-gradient(90deg, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, .02) 66%, rgba(255, 255, 255, .08) 100%);
}

.pmb-hero--light .pmb-hero__background::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 84%, rgba(255, 255, 255, .96) 100%);
}

.pmb-hero__background-image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
}

.pmb-hero__slide {
    opacity: 0;
    transition: opacity var(--pmb-slider-duration) ease;
    will-change: opacity, transform;
}

.pmb-hero__slide.is-active {
    opacity: 1;
}

.pmb-hero--animation-slide .pmb-hero__slide {
    opacity: 1;
    transform: translate3d(100%, 0, 0);
    transition: transform var(--pmb-slider-duration) cubic-bezier(.22, .61, .36, 1);
}

/* Figma: x=235, y=200. hero-1 narrows the content frame to 862. */
.pmb-hero__content {
    position: absolute;
    z-index: 4;
    top: var(--pmb-hero-content-top-desktop, 200rem);
    left: calc((100% - 1450rem) / 2);
    width: 966rem;
}

.pmb-hero--slider .pmb-hero__content {
    width: 862rem;
}

.pmb-hero--light.pmb-hero--static .pmb-hero__content {
    top: var(--pmb-hero-content-top-desktop, 230rem);
}

.pmb-hero__intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 23rem;
    width: 100%;
}

.pmb-hero__title {
    display: block;
    width: var(--pmb-hero-heading-width-desktop, 96%);
    max-width: none;
    margin: 0;
    padding: 0;
    color: var(--pmb-hero-fg);
    font-family: var(--pm-font-main, "Jost", Arial, sans-serif);
    font-size: var(--pmb-hero-heading-desktop, 64rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .6752rem;
    overflow-wrap: normal;
    word-break: normal;
    white-space: normal;
}

.pmb-hero--slider .pmb-hero__title {
    font-weight: 500;
}

.pmb-hero--light.pmb-hero--static .pmb-hero__title {
    font-size: var(--pmb-hero-heading-desktop, 76rem);
}

.pmb-hero__subtitle {
    display: flex;
    align-items: center;
    gap: 40rem;
    width: fit-content;
    min-height: 78rem;
    margin: 0;
    color: var(--pmb-hero-muted);
    font-size: 28rem;
    font-weight: 400;
    line-height: 1.4;
}

.pmb-hero__subtitle-part {
    width: max-content;
    max-width: 680rem;
    white-space: normal;
}

.pmb-hero--slider .pmb-hero__subtitle-part--left {
    width: 150rem;
    max-width: 150rem;
}

.pmb-hero--slider .pmb-hero__subtitle-part--right {
    width: 351rem;
    max-width: 351rem;
}

/* CSS-only double chevron. This avoids global SVG rules changing its intrinsic size. */
.pmb-hero__subtitle-arrow {
    position: relative;
    display: block;
    flex: 0 0 50rem;
    width: 50rem;
    height: 50rem;
    min-width: 50rem;
    min-height: 50rem;
    color: #ffc334;
}

.pmb-hero__subtitle-arrow::before,
.pmb-hero__subtitle-arrow::after {
    content: "";
    position: absolute;
    top: 13rem;
    width: 21rem;
    height: 21rem;
    border-top: 3.4rem solid currentColor;
    border-right: 3.4rem solid currentColor;
    transform: rotate(45deg);
    transform-origin: center;
}

.pmb-hero__subtitle-arrow::before {
    left: 1rem;
}

.pmb-hero__subtitle-arrow::after {
    left: 16rem;
}

/* Figma y: hero-1 498, hero-2 576, hero-3 576. */
.pmb-hero__dropzone {
    position: relative;
    display: grid;
    grid-template-columns: 70.448rem 406rem;
    align-items: center;
    column-gap: 76rem;
    width: 707rem;
    height: 233rem;
    margin-top: 44rem;
    padding: 32rem 72rem 32rem 85rem;
    border: 2px dashed rgba(255, 255, 255, .40);
    border-radius: 20rem;
    background: rgba(0, 0, 0, .19);
    backdrop-filter: blur(7.5rem);
    -webkit-backdrop-filter: blur(7.5rem);
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.pmb-hero--slider .pmb-hero__dropzone {
    width: 813rem;
    margin-top: 43rem;
}

.pmb-hero--light .pmb-hero__dropzone {
    border-color: #f1c551;
    background: #333333;
}

.pmb-hero--light.pmb-hero--static .pmb-hero__dropzone {
    margin-top: 63rem;
}

.pmb-hero__dropzone.is-dragover {
    border-color: var(--pmb-hero-accent);
    box-shadow: 0 0 0 1rem rgba(241, 200, 86, .18), 0 0 28rem rgba(241, 200, 86, .20);
}

.pmb-hero__dropzone.is-file-ready {
    border-color: #43c978;
    box-shadow: 0 0 0 1rem rgba(67, 201, 120, .18), 0 0 28rem rgba(67, 201, 120, .20);
}

.pmb-hero__dropzone:hover {
    border-color: rgba(255, 195, 52, .85);
    background: rgba(0, 0, 0, .26);
}

.pmb-hero--light .pmb-hero__dropzone:hover {
    background: #2d2d2d;
}

.pmb-hero__upload-picker {
    position: relative;
    display: flex;
    width: 70.448rem;
    min-width: 70.448rem;
    max-width: 70.448rem;
    height: 70.448rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
}

.pmb-hero__upload-icon-image {
    display: block;
    width: 70.448rem;
    height: 70.448rem;
    max-width: none;
    transition: opacity .2s ease, transform .2s ease, filter .2s ease;
}

.pmb-hero__dropzone:hover .pmb-hero__upload-icon-image,
.pmb-hero__dropzone.is-dragover .pmb-hero__upload-icon-image {
    opacity: .82;
    transform: translateY(-2rem);
    filter: sepia(.15) saturate(1.3);
}

.pmb-hero__dropzone.is-file-ready .pmb-hero__upload-icon-image {
    opacity: 1;
    transform: none;
    filter: none;
}

/* File name is shown only after selection, directly below the icon. */
.pmb-hero__file-name {
    position: absolute;
    top: calc(100% + 8rem);
    left: 50%;
    display: none;
    width: 180rem;
    max-width: 180rem;
    overflow: hidden;
    color: rgba(255, 255, 255, .78);
    font-size: 11rem;
    line-height: 1.2;
    text-align: center;
    overflow-wrap: anywhere;
    word-break: break-word;
    transform: translateX(-50%);
    display: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pmb-hero__dropzone.is-file-ready .pmb-hero__file-name {
    display: -webkit-box;
}

.pmb-hero__drop-content {
    display: flex;
    width: 406rem;
    min-width: 406rem;
    max-width: 406rem;
    height: 168rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
}

.pmb-hero__drop-copy {
    display: flex;
    flex-direction: column;
    gap: 15rem;
    color: #fff;
}

.pmb-hero__drop-title,
.pmb-hero__drop-note {
    margin: 0;
    padding: 0;
}

.pmb-hero__drop-title {
    font-size: 24rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .2001rem;
    white-space: nowrap;
}

.pmb-hero__drop-note {
    font-size: 20rem;
    font-weight: 400;
    line-height: 24.384rem;
}

.pmb-hero__quote-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 31rem !important;
    width: 403rem;
    min-width: 403rem;
    max-width: 403rem;
    height: 79rem;
    min-height: 79rem;
    margin: 0 !important;
    padding: 0 52rem !important;
    border: 0;
    border-bottom: 4rem solid var(--pmb-hero-button-bottom);
    border-radius: 15rem;
    background: linear-gradient(180deg, var(--pmb-hero-accent) 0%, var(--pmb-hero-button-end) 100%);
    color: #000;
    font-size: 22rem;
    font-weight: 600;
    line-height: 23rem;
    letter-spacing: 1.8rem;
    white-space: nowrap;
    cursor: pointer;
    opacity: 1 !important;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.pmb-hero__quote-button:disabled {
    opacity: 1 !important;
    cursor: pointer !important;
    filter: none;
}

.pmb-hero__quote-arrow {
    display: block;
    flex: 0 0 21rem;
    width: 21rem;
    height: 20rem;
    max-width: none;
}

.pmb-hero__quote-button:hover,
.pmb-hero__quote-button:focus-visible,
.pmb-hero__dropzone.is-file-ready .pmb-hero__quote-button {
    box-shadow: 0 10rem 30rem rgba(250, 154, 26, .28), 0 0 22rem rgba(241, 200, 86, .20);
}

.pmb-hero__quote-button:hover,
.pmb-hero__quote-button:focus-visible {
    transform: translateY(-2rem);
    filter: saturate(1.05);
}

.pmb-hero__upload-toast {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 9rem);
    width: max-content;
    max-width: 180rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #67dc91;
    font-size: 12rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 4rem);
    transition: opacity .18s ease, transform .18s ease;
}

.pmb-hero__upload-toast.is-visible {
    opacity: 1;
    transform: translate(-50%, 0);
}

.pmb-hero__triggers {
    display: flex;
    align-items: flex-start;
    gap: 40rem;
    width: max-content;
    margin: 53rem 0 0;
    padding: 0;
    list-style: none;
}

.pmb-hero__trigger {
    display: flex;
    align-items: center;
    gap: 20rem;
    min-height: 52rem;
    color: var(--pmb-hero-fg);
    font-size: 22rem;
    font-weight: 400;
    line-height: 1.2;
}

.pmb-hero__trigger:nth-child(1) { max-width: 265rem; }
.pmb-hero__trigger:nth-child(2) { max-width: 227rem; }
.pmb-hero__trigger:nth-child(3) { max-width: 172rem; }

.pmb-hero__trigger-icon {
    display: grid;
    place-items: center;
    flex: 0 0 39.36rem;
    width: 39.36rem;
    height: 37.49rem;
    border-radius: 8rem;
    background: rgba(47, 47, 47, .58);
    color: #d6b857;
}

.pmb-hero--light .pmb-hero__trigger-icon {
    background: #fff;
}

.pmb-hero__trigger-icon svg {
    display: block;
    width: 16rem !important;
    height: 16rem !important;
    max-width: none !important;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pmb-hero__gallery {
    position: absolute;
    z-index: 5;
    right: calc((100% - 1450rem) / 2);
    bottom: 119.744rem;
    display: flex;
    align-items: flex-start;
    gap: 20rem;
    width: 580rem;
    height: 196.256rem;
}

.pmb-hero__gallery-item {
    flex: 0 0 130rem;
    width: 130rem;
    height: 168.256rem;
    margin: 0;
    padding: 0;
    overflow: hidden;
    appearance: none;
    border: 1px solid rgba(245, 245, 245, .12);
    border-radius: 7.315rem;
    background: linear-gradient(143deg, #2c2c2c 0%, #1c1c1c 100%);
    color: inherit;
    cursor: zoom-in;
}

.pmb-hero__gallery-item:nth-child(even) {
    transform: translateY(28rem);
}

.pmb-hero__gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* hero-1 Figma: dots and arrows share the same bottom baseline, not vertical center. */
/* hero-1 Figma: dots x=1277, y=859.71; arrows x=1536, y=812 on a 1920 canvas.
 * Keep them independently anchored so the number of dots cannot move the arrows. */
.pmb-hero__slider-ui {
    position: absolute;
    z-index: 5;
    inset: 0;
    pointer-events: none;
}

.pmb-hero__dots {
    position: absolute;
    left: 1277rem;
    right: auto;
    top: 859.71rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14.57rem;
    width: auto;
    height: 14.57rem;
    pointer-events: auto;
}

.pmb-hero__dot {
    flex: 0 0 14.57rem;
    width: 14.57rem;
    height: 14.57rem;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}

.pmb-hero__dot.is-active {
    background: #ff9327;
}

.pmb-hero__slider-arrows {
    position: absolute;
    right: 235rem;
    top: 812rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    width: 149rem;
    height: 60rem;
    pointer-events: auto;
}

.pmb-hero__slider-arrow {
    display: grid;
    place-items: center;
    flex: 0 0 60rem;
    width: 60rem;
    height: 60rem;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid transparent;
    border-radius: 50%;
    background: #fff;
    color: #333;
    box-shadow: 0 0 10rem rgba(38, 104, 231, .20);
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease;
}

.pmb-hero__slider-arrow:hover,
.pmb-hero__slider-arrow:focus-visible {
    transform: scale(1.04);
    box-shadow: 0 4rem 18rem rgba(0, 0, 0, .22);
}

.pmb-hero__slider-arrow svg {
    display: block;
    width: 24rem !important;
    height: 24rem !important;
    max-width: none !important;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Hero controls the visual style of the existing theme header when it is first. */
.pmb-has-hero .pm-site-header--light {
    --pm-header-fg: rgba(51, 51, 51, .80);
    --pm-header-line: rgba(51, 51, 51, .10);
}

.pmb-has-hero .pm-site-header--light .pm-header-top {
    background: #fff;
    border-color: #f5f5f5;
    color: rgba(51, 51, 51, .80);
}

.pmb-has-hero .pm-site-header--light .pm-header-menu a:hover,
.pmb-has-hero .pm-site-header--light .pm-header-menu a:focus-visible,
.pmb-has-hero .pm-site-header--light .pm-header-menu .current-menu-item > a,
.pmb-has-hero .pm-site-header--light .pm-header-menu .current-menu-ancestor > a {
    color: #333;
}

.pmb-has-hero .pm-site-header--light .pm-reviews {
    background: #fff;
    color: #333;
}

@media (max-width: 767px) {
    .pmb-hero,
    .pmb-hero--slider {
        height: auto;
        min-height: 100svh;
        padding: var(--pmb-hero-pt-mobile, 118rem) 20rem var(--pmb-hero-pb-mobile, 36rem);
        overflow: hidden;
    }

    .pmb-hero__background {
        height: 100%;
    }

    .pmb-hero__background-image {
        object-position: 66% center;
    }

    .pmb-hero--light .pmb-hero__background-image {
        object-position: 62% center;
    }

    .pmb-hero--dark .pmb-hero__background::before {
        background: linear-gradient(180deg, rgba(2, 2, 2, .26) 0%, rgba(2, 2, 2, .52) 40%, rgba(2, 2, 2, .83) 100%);
    }

    .pmb-hero--light .pmb-hero__background::before {
        background: linear-gradient(180deg, rgba(255, 255, 255, .14) 0%, rgba(255, 255, 255, .54) 55%, rgba(255, 255, 255, .95) 100%);
    }

    .pmb-hero__content,
    .pmb-hero--slider .pmb-hero__content,
    .pmb-hero--light.pmb-hero--static .pmb-hero__content {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }

    .pmb-hero__intro {
        gap: 26rem;
    }

    .pmb-hero__title,
    .pmb-hero--slider .pmb-hero__title,
    .pmb-hero--light.pmb-hero--static .pmb-hero__title {
        width: var(--pmb-hero-heading-width-mobile, 100%);
        max-width: 100%;
        font-size: var(--pmb-hero-heading-mobile, 34rem);
        font-weight: 700;
        line-height: 1.16;
        letter-spacing: 0;
        overflow-wrap: normal;
        word-break: normal;
    }

    h2.pmb-hero__title,
    .pmb-hero--slider h2.pmb-hero__title,
    .pmb-hero--light.pmb-hero--static h2.pmb-hero__title {
        font-size: var(--pmb-hero-heading-mobile, 28rem);
    }

    .pmb-hero__subtitle {
        display: grid;
        grid-template-columns: 100rem 34rem minmax(0, 1fr);
        align-items: center;
        gap: 14rem;
        width: 100%;
        min-height: 0;
        font-size: 18rem;
        line-height: 1.35;
    }

    .pmb-hero__subtitle--single {
        grid-template-columns: 34rem minmax(0, 1fr);
    }

    .pmb-hero__subtitle-part,
    .pmb-hero--slider .pmb-hero__subtitle-part--left,
    .pmb-hero--slider .pmb-hero__subtitle-part--right {
        width: auto;
        max-width: none;
        min-width: 0;
    }

    .pmb-hero__subtitle-part--left:empty {
        display: none;
    }

    .pmb-hero__subtitle-arrow {
        width: 34rem;
        height: 34rem;
        min-width: 34rem;
        min-height: 34rem;
        flex-basis: 34rem;
    }

    .pmb-hero__subtitle-arrow::before,
    .pmb-hero__subtitle-arrow::after {
        top: 8rem;
        width: 15rem;
        height: 15rem;
        border-top-width: 2.6rem;
        border-right-width: 2.6rem;
    }

    .pmb-hero__subtitle-arrow::before { left: 0; }
    .pmb-hero__subtitle-arrow::after { left: 11rem; }

    /* Mobile: predictable vertical stack; no implicit grid rows or oversized gaps. */
    .pmb-hero__dropzone,
    .pmb-hero--slider .pmb-hero__dropzone,
    .pmb-hero--light.pmb-hero--static .pmb-hero__dropzone {
        display: grid;
        grid-template-columns: 52rem minmax(0, 1fr);
        align-items: center;
        column-gap: 18rem;
        width: 100%;
        height: auto;
        min-height: 0;
        margin-top: 34rem;
        padding: 22rem;
        border-radius: 16rem;
    }

    .pmb-hero__upload-picker {
        display: flex;
        position: relative;
        width: 52rem;
        min-width: 52rem;
        max-width: 52rem;
        height: 92rem;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-self: center;
    }

    .pmb-hero__upload-icon-image {
        width: 52rem;
        height: 52rem;
    }

    .pmb-hero__file-name,
    .pmb-hero__dropzone.is-file-ready .pmb-hero__file-name {
        position: absolute;
        top: calc(100% + 6rem);
        left: 50%;
        width: 92rem;
        max-width: 92rem;
        margin: 0;
        font-size: 8rem;
        line-height: 1.15;
        transform: translateX(-50%);
    }

    .pmb-hero__drop-content {
        display: flex;
        width: auto;
        min-width: 0;
        max-width: none;
        height: auto;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 14rem;
    }

    .pmb-hero__drop-copy {
        gap: 6rem;
    }

    .pmb-hero__drop-title {
        font-size: 18rem;
        line-height: 1.2;
        white-space: normal;
    }

    .pmb-hero__drop-note {
        font-size: 14rem;
        line-height: 1.3;
    }

    .pmb-hero__quote-button {
        width: 100%;
        min-width: 0;
        max-width: none;
        height: 50rem;
        min-height: 50rem;
        justify-content: space-between;
        gap: 12rem !important;
        padding: 0 16rem !important;
        border-bottom-width: 3rem;
        border-radius: 10rem;
        font-size: 14rem;
        line-height: 1.2;
        letter-spacing: .55rem;
    }

    .pmb-hero__quote-arrow {
        flex-basis: 17rem;
        width: 17rem;
        height: auto;
    }

    .pmb-hero__upload-toast {
        left: 50%;
        right: auto;
        bottom: calc(100% + 7rem);
        max-width: 100rem;
        font-size: 9rem;
        transform: translate(-50%, 4rem);
    }

    .pmb-hero__upload-toast.is-visible {
        transform: translate(-50%, 0);
    }

    .pmb-hero__triggers {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12rem;
        width: 100%;
        margin-top: 28rem;
    }

    .pmb-hero__trigger,
    .pmb-hero__trigger:nth-child(n) {
        gap: 12rem;
        max-width: none;
        min-height: 34rem;
        font-size: 16rem;
    }

    .pmb-hero__trigger-icon {
        flex-basis: 30rem;
        width: 30rem;
        height: 30rem;
        border-radius: 7rem;
    }

    .pmb-hero__trigger-icon svg {
        width: 14rem !important;
        height: 14rem !important;
    }

    /* Mobile gallery sits before the Hero heading. One card is visible and the next peeks in. */
    .pmb-hero__gallery {
        position: relative;
        right: auto;
        bottom: auto;
        z-index: 5;
        display: flex;
        gap: 10rem;
        width: 100%;
        height: auto;
        margin: 0 0 24rem;
        padding: 0;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        touch-action: pan-x;
    }

    .pmb-hero__gallery::-webkit-scrollbar {
        display: none;
    }

    .pmb-hero__gallery-item,
    .pmb-hero__gallery-item:nth-child(even) {
        flex: 0 0 80%;
        width: 80%;
        height: auto;
        aspect-ratio: 130 / 44.628;
        transform: none;
        border-radius: 9rem;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .pmb-hero__slider-ui {
        position: relative;
        inset: auto;
        z-index: 5;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20rem;
        width: 100%;
        margin-top: 24rem;
        pointer-events: auto;
    }

    .pmb-hero__dots {
        position: static;
        width: auto;
        height: 10rem;
        gap: 9rem;
    }

    .pmb-hero__dot {
        flex-basis: 10rem;
        width: 10rem;
        height: 10rem;
    }

    .pmb-hero__slider-arrows {
        position: static;
        width: auto;
        height: 44rem;
        gap: 10rem;
    }

    .pmb-hero__slider-arrow {
        flex-basis: 44rem;
        width: 44rem;
        height: 44rem;
    }

    .pmb-hero__slider-arrow svg {
        width: 20rem !important;
        height: 20rem !important;
    }

    .pmb-has-hero .pm-site-header--light .pm-header-main {
        background: rgba(255, 255, 255, .28);
    }
}

@media (prefers-reduced-motion: reduce) {
    .pmb-hero__slide,
    .pmb-hero__quote-button,
    .pmb-hero__slider-arrow,
    .pmb-hero__upload-toast,
    .pmb-hero__upload-icon-image {
        transition-duration: 0s !important;
    }
}