.morganizer-home #gallery {
    padding-block: clamp(40px, 5vw, 64px);
}

.morganizer-home .gallery-frame {
    container-type: inline-size;
}

.morganizer-home #gallery-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: calc((100cqw - 14px) * .333333) !important;
    grid-auto-flow: row dense;
    gap: 14px !important;
    overflow: visible !important;
    padding: 0 !important;
    margin-inline: 0 !important;
}

.morganizer-home #gallery-list .gallery-item {
    display: block !important;
    flex: none !important;
    width: auto !important;
    height: 100% !important;
    min-width: 0;
    margin: 0 !important;
    grid-column: span 1 !important;
    grid-row: span 1;
    border-radius: 12px !important;
    overflow: hidden;
    background: #f2f1f7 !important;
    box-shadow: 0 2px 8px rgba(31, 20, 74, .08) !important;
}

.morganizer-home #gallery-list .gallery-item--portrait {
    grid-row: span 2;
}

.morganizer-home #gallery-list.gallery-grid--one-portrait .gallery-item:last-child {
    grid-column: span 2 !important;
    grid-row: span 2;
}

.morganizer-home #gallery-list .gallery-item img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: inherit !important;
}

.morganizer-home #gallery-list [data-gallery-open]:focus-visible {
    outline: 3px solid #ff338a;
    outline-offset: -5px;
    border-radius: inherit;
}

@media (min-width: 768px) {
    .morganizer-home #gallery-list {
        grid-auto-rows: calc((100cqw - 20px) * .333333) !important;
        gap: 20px !important;
    }

    .morganizer-home #gallery-list.gallery-grid--one-portrait .gallery-item:last-child {
        grid-column: span 1 !important;
        grid-row: span 1;
    }
}

@media (min-width: 1024px) {
    .morganizer-home #gallery-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-auto-rows: calc((100cqw - 40px) * .222222) !important;
    }

    .morganizer-home #gallery-list.gallery-grid--no-portrait {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-auto-rows: calc((100cqw - 60px) * .166667) !important;
    }
}
