main
    &.sponsoring
        & ^[1..1]-list
            @extend .layout-row-wrap
            gap 1.5rem
            margin-top 1.5rem

        & .partner
            @extend .layout-col, .full-w
            margin-bottom 1.5rem
            min-height 14rem
            overflow hidden

            &:hover
                & ^[2..2]-body
                    height 6rem
                    opacity 1
                    transform translateY(0)
                    transition opacity 0.3s linear 0.3s, transform 0.3s linear

                & ^[2..2]-picture
                    height 8rem
            
            & ^[2..2]-body
                @extend .layout-col
                height 0
                opacity 0
                transform translateY(4.5rem)
                transition opacity 0.1s linear, transform 0.3s linear 0.3s

            & ^[2..2]-link
                @extend .center-text-v
                font-size 0.875rem
                gap 1rem
                height 2.25rem
                text-decoration underline
                text-decoration-color color-accent

                &:before
                    @extend .baseline-content, .center-content-h
                    background-color color-accent
                    color color-primary-dark
                    content '+'
                    display flex
                    font-size 2rem
                    height 2.25rem
                    min-width @height

            & ^[2..2]-picture
                height 14rem
                transition all 0.3s linear

                & picture
                    @extends .full-h, .full-w
                    background-color color-primary
                
                & ^[3..3]-heading
                        @extend .center-text-h, .font-alt-bold-upper
                        color color-accent
                        display inline-block
                        font-size 2rem
                        left 50%
                        overflow hidden
                        padding 0 1.5rem
                        position absolute
                        text-overflow ellipsis
                        top 50%
                        transform translate(-50%,-50%)
                        white-space nowrap
                        width inherit
            
            & ^[2..2]-title
                @extend .font-alt-bold-upper
                color color-primary
                display inline-block
                font-size 2rem
                height 2.75rem
                margin 0.5rem 0
                min-height @height
                overflow hidden
                text-overflow ellipsis
                white-space nowrap
                width 100%


@media (min-width 640px)
    main
        &.sponsoring
            & .partner
                width calc((100% - 1.5rem) / 2)


@media (min-width 1024px)
    main
        &.sponsoring
            & .partner
                width calc((100% - 3rem) / 3)


@media (min-width 1280px)
    main
        &.sponsoring
            & .partner
                width calc((100% - 4.5rem) / 4)