/* Page 204: the original photographs remain whole on small screens. */
.artus-main [data-artus-page="204"] .artus-canvas-photo {
    display: none;
}

@media (max-width: 767px) {
    .artus-main [data-artus-page="204"] .artus-canvas-slider {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        height: auto;
    }

    .artus-main [data-artus-page="204"] .artus-canvas-slide {
        grid-area: 1 / 1;
        position: relative;
        inset: auto;
        display: flex;
        flex-direction: column;
        min-width: 0;
        background-image: none !important;
        background-color: #302C26;
    }

    /* Shared grid sizing keeps the carousel steady when the copy changes. */
    .artus-main [data-artus-page="204"] .artus-canvas-slider.is-enhanced .artus-canvas-slide {
        display: flex;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .artus-main [data-artus-page="204"] .artus-canvas-slider.is-enhanced .artus-canvas-slide.is-active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .artus-main [data-artus-page="204"] .artus-canvas-slide::after {
        display: none;
    }

    .artus-main [data-artus-page="204"] .artus-canvas-photo {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        flex-shrink: 0;
    }

    .artus-main [data-artus-page="204"] .artus-canvas-copy {
        flex: 1;
        height: auto;
        padding: 28px 24px 68px;
    }

    .artus-main [data-artus-page="204"] .artus-canvas-copy h1 {
        margin: 16px 0;
        font-size: clamp(32px, 8.5vw, 39px);
    }

    .artus-main [data-artus-page="204"] .artus-canvas-copy p {
        margin: 0;
    }

    .artus-main [data-artus-page="204"] .artus-hero-actions {
        position: static;
        max-width: none;
        margin-top: 22px;
        gap: 10px;
    }

    .artus-main [data-artus-page="204"] .artus-canvas-dots {
        left: 24px;
        bottom: 26px;
    }
}