/* Open Studio media sizing
 * Small:  12 / 8 / 6
 * Medium: 12 / 9 / 8
 * Large:  12 / 11 / 9
 */
.block-type-open-studio-image,
.block-type-open-studio-video,
.block-type-open-studio-swiper {
    grid-column: span 12;
}

.open-studio-media {
    width: 100%;
}

.pure-blocks-wrapper .block.block-type-open-studio-image,
.pure-blocks-wrapper .block.block-type-open-studio-video,
.pure-blocks-wrapper .block.block-type-open-studio-swiper {
    padding-inline: var(--block-padding-small);
}

@media (min-width: 992px) {
    .block-type-open-studio-image:has(.open-studio-media--small),
    .block-type-open-studio-video:has(.open-studio-media--small),
    .block-type-open-studio-swiper:has(.open-studio-media--small) { grid-column: span 8; }

    .block-type-open-studio-image:has(.open-studio-media--medium),
    .block-type-open-studio-video:has(.open-studio-media--medium),
    .block-type-open-studio-swiper:has(.open-studio-media--medium) { grid-column: span 9; }

    .block-type-open-studio-image:has(.open-studio-media--large),
    .block-type-open-studio-video:has(.open-studio-media--large),
    .block-type-open-studio-swiper:has(.open-studio-media--large) { grid-column: span 11; }
}

@media (min-width: 1400px) {
    .block-type-open-studio-image:has(.open-studio-media--small),
    .block-type-open-studio-video:has(.open-studio-media--small),
    .block-type-open-studio-swiper:has(.open-studio-media--small) { grid-column: span 6; }

    .block-type-open-studio-image:has(.open-studio-media--medium),
    .block-type-open-studio-video:has(.open-studio-media--medium),
    .block-type-open-studio-swiper:has(.open-studio-media--medium) { grid-column: span 8; }

    .block-type-open-studio-image:has(.open-studio-media--large),
    .block-type-open-studio-video:has(.open-studio-media--large),
    .block-type-open-studio-swiper:has(.open-studio-media--large) { grid-column: span 9; }
}