/* Odyssey catalogue composition: Figma 3478:16285. */
.craft-content--odyssey .craft-description-logo {
    width: 118rem;
}

.craft-content--odyssey .craft-gallery-item {
    flex-direction: column;
    gap: 24rem;
    width: 100%;
    max-width: none;
    margin-inline: auto;
}

.craft-content--odyssey .craft-gallery-item-logo {
    width: 113.454545rem;
    height: auto;
}

.craft-content--odyssey .craft-gallery-item-image {
    flex-grow: 0;
    /* X95: 29.11 m; Odyssey: 32.9 m. Compensate for transparent margins:
       (32.9 / 29.11) * (1599 / 1800) / (2077 / 2172) = 1.049912184.
       Desktop X95 reserves 106rem for its badge and 10rem for the gap. */
    width: calc((100% - 116rem) * 1.049912184);
    min-height: 0;
    max-width: none;
    aspect-ratio: 3 / 1;
    flex-shrink: 0;
}

.craft-content--odyssey .craft-gallery-item-image img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 1199.98px) {
    .craft-content--odyssey .craft-gallery-item-image {
        /* X95 fills the card content up to 680rem on stacked layouts. */
        width: min(104.9912184%, 713.940285rem);
    }

    .craft-content--odyssey {
        gap: 40rem;
    }

    .craft-content--odyssey .craft-description {
        display: flex;
        position: static;
        width: 100%;
        gap: 20rem;
    }

    .craft-content--odyssey .craft-description-logo,
    .craft-content--odyssey .craft-description-text {
        margin-bottom: 0;
    }

    .craft-content--odyssey .craft-description-btn {
        order: initial;
        margin-top: 0;
    }
}

@media (max-width: 609.98px) {
    .craft-content--odyssey .craft-gallery-item {
        gap: 10rem;
    }

    .craft-content--odyssey .craft-gallery-item-logo {
        width: 56.727273rem;
    }
}