/* Local English Home, SAM300 slide only. The map remains an untouched image. */
body.page-id-11522 .gato-local-hero--production .gato-sam300-layered {
    isolation: isolate;
    background: #eef4fb;
}

/* Sample only the empty left half of the source for the soft backdrop. */
body.page-id-11522 .gato-local-hero--production .gato-sam300-layered::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    transform: none;
    background-image: linear-gradient(90deg, #eef4fb 0%, rgba(238, 244, 251, .35) 38%, rgba(238, 244, 251, 0) 80%), var(--gato-hero-image);
    background-size: 100% 100%, 200% auto;
    background-position: center, left center;
    background-repeat: no-repeat;
    mask-image: none;
    pointer-events: none;
    z-index: -1;
}

body.page-id-11522 .gato-local-hero--production .gato-sam300-layered .gato-local-hero-inner {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    align-items: center;
    gap: clamp(24px, 3vw, 56px);
    position: relative;
    z-index: 1;
}

body.page-id-11522 .gato-local-hero--production .gato-sam300-layered .gato-local-hero-content {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    max-width: 650px;
    min-width: 0;
    padding: 0;
}

body.page-id-11522 .gato-local-hero--production .gato-sam300-layered h1 {
    font-size: clamp(30px, 2.75vw, 44px);
}

body.page-id-11522 .gato-local-hero--production .gato-sam300-layered .gato-sam300-device {
    grid-column: 2;
    grid-row: 1;
    position: relative;
    justify-self: center;
    width: min(100%, 700px);
    aspect-ratio: 600 / 470;
    min-width: 0;
    overflow: hidden;
    pointer-events: none;
    user-select: none;
}

/* CSS crop of the existing 1666 x 944 artwork: x875, y235, w600, h470.
 * Keep the original bezel and stand; no raster resampling or AI redraw. */
body.page-id-11522 .gato-local-hero--production .gato-sam300-layered .gato-sam300-artwork {
    position: absolute;
    inset: 0;
    background-image: var(--gato-hero-image);
    background-size: 277.6666667% 200.8510638%;
    background-position: 82.0825516% 49.5780591%;
    background-repeat: no-repeat;
    mask-image: linear-gradient(90deg, transparent, #000 3%, #000 98%, transparent), linear-gradient(180deg, transparent, #000 3%, #000 96%, transparent);
    mask-composite: intersect;
}

body.page-id-11522 .gato-local-hero--production .gato-sam300-layered .gato-sam300-original-map {
    position: absolute;
    left: 6.1666667%;
    top: 9.3617021%;
    display: block;
    width: 89%;
    height: 63%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    object-fit: cover;
    object-position: 23% 50%;
    background-color: #f3f6f8;
    opacity: 1;
    transition: none;
    filter: none;
    box-shadow: none;
    z-index: 1;
}

@media (max-width: 1024px) {
    body.page-id-11522 .gato-local-hero--production .gato-sam300-layered::before {
        background-size: 100% 100%, auto 200%;
    }

    body.page-id-11522 .gato-local-hero--production .gato-sam300-layered::after {
        display: none;
    }

    body.page-id-11522 .gato-local-hero--production .gato-sam300-layered .gato-local-hero-inner {
        grid-template-columns: minmax(0, 1fr);
        align-content: start;
        align-items: start;
        gap: 22px;
        padding-bottom: 50px;
    }

    body.page-id-11522 .gato-local-hero--production .gato-sam300-layered .gato-local-hero-content {
        grid-column: 1;
        grid-row: 1;
        max-width: none;
    }

    body.page-id-11522 .gato-local-hero--production .gato-sam300-layered .gato-sam300-device {
        grid-column: 1;
        grid-row: 2;
        width: min(100%, 620px);
    }

    body.page-id-11522 .gato-local-hero--production .gato-sam300-layered h1 {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    body.page-id-11522 .gato-local-hero--production .gato-sam300-layered h1 {
        font-size: clamp(24px, 6.8vw, 32px);
    }

    body.page-id-11522 .gato-local-hero--production .gato-sam300-layered .gato-local-hero-inner {
        gap: 18px;
    }
}