[data-media-source="media-xl"] .lpc-image-mason__wrap.lpc-full-width-gap {
    padding: 0 32px;
}

[data-media-source="media-xl"] .lpc-image-mason__headline {
    margin: 0 0 32px;
}

[data-media-source="media-xl"] .lpc-image-mason__title + .lpc-image-mason__description {
    margin: 28px 0 0;
}

[data-media-source="media-xl"] .lpc-image-mason__list {
    display: grid;
    grid-gap: 32px;
    grid-auto-rows: 32px;
}

[data-media-source="media-xl"] .lpc-image-mason__list.lpc-off-gap {
    grid-gap: 0;
}

[data-media-source="media-xl"] .lpc-image-mason__list.lpc-column-2 {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
}

[data-media-source="media-xl"] .lpc-image-mason__list.lpc-column-2:not(.lpc-off-gap) {
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 32px), 1fr));
}

[data-media-source="media-xl"] .lpc-image-mason__list.lpc-column-3 {
    grid-template-columns: repeat(auto-fill, minmax(33.333%, 1fr));
}

[data-media-source="media-xl"] .lpc-image-mason__list.lpc-column-3:not(.lpc-off-gap) {
    grid-template-columns: repeat(auto-fill, minmax(calc(33.333% - 32px), 1fr));
}

[data-media-source="media-xl"] .lpc-image-mason__list.lpc-column-4 {
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
}

[data-media-source="media-xl"] .lpc-image-mason__list.lpc-column-4:not(.lpc-off-gap) {
    grid-template-columns: repeat(auto-fill, minmax(calc(25% - 32px), 1fr));
}

[data-media-source="media-xl"] .lpc-image-mason__item {
    opacity: 0;
    transform: translateY(20px);
    transition: all .3s ease-in-out;
}

[data-media-source="media-xl"] .lpc-image-mason__item:not(.is-show) {
	grid-row-end: span 10;
}

[data-media-source="media-xl"] .lpc-image-mason__item.is-show {
    opacity: 1;
    transform: translateY(0);
}

[data-media-source="media-xl"] .lpc-image-mason__image {
    font-size: 0;
    display: block;
    overflow: hidden;
    text-decoration: none;
}

[data-media-source="media-xl"] .lpc-image-mason__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    position: relative;
}

[data-media-source="media-lg"] .lpc-image-mason__wrap.lpc-full-width-gap {
    padding: 0 32px;
}

[data-media-source="media-lg"] .lpc-image-mason__headline {
    margin: 0 0 32px;
}

[data-media-source="media-lg"] .lpc-image-mason__title + .lpc-image-mason__description {
    margin: 28px 0 0;
}

[data-media-source="media-lg"] .lpc-image-mason__list {
    display: grid;
    grid-gap: 32px;
    grid-auto-rows: 32px;
}

[data-media-source="media-lg"] .lpc-image-mason__list.lpc-off-gap {
    grid-gap: 0;
}

[data-media-source="media-lg"] .lpc-image-mason__list.lpc-column-2 {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
}

[data-media-source="media-lg"] .lpc-image-mason__list.lpc-column-2:not(.lpc-off-gap) {
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 32px), 1fr));
}

[data-media-source="media-lg"] .lpc-image-mason__list.lpc-column-3 {
    grid-template-columns: repeat(auto-fill, minmax(33.333%, 1fr));
}

[data-media-source="media-lg"] .lpc-image-mason__list.lpc-column-3:not(.lpc-off-gap) {
    grid-template-columns: repeat(auto-fill, minmax(calc(33.333% - 32px), 1fr));
}

[data-media-source="media-lg"] .lpc-image-mason__list.lpc-column-4 {
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
}

[data-media-source="media-lg"] .lpc-image-mason__list.lpc-column-4:not(.lpc-off-gap) {
    grid-template-columns: repeat(auto-fill, minmax(calc(25% - 32px), 1fr));
}

[data-media-source="media-lg"] .lpc-image-mason__item {
    opacity: 0;
    transform: translateY(20px);
    transition: all .3s ease-in-out;
}

[data-media-source="media-lg"] .lpc-image-mason__item:not(.is-show) {
	grid-row-end: span 10;
}

[data-media-source="media-lg"] .lpc-image-mason__item.is-show {
    opacity: 1;
    transform: translateY(0);
}

[data-media-source="media-lg"] .lpc-image-mason__image {
    font-size: 0;
    display: block;
    overflow: hidden;
    text-decoration: none;
}

[data-media-source="media-lg"] .lpc-image-mason__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

[data-media-source="media-md"] .lpc-image-mason__wrap.lpc-full-width-gap {
    padding: 0 24px;
}

[data-media-source="media-md"] .lpc-image-mason__headline {
    margin: 0 0 32px;
}

[data-media-source="media-md"] .lpc-image-mason__title + .lpc-image-mason__description {
    margin: 28px 0 0;
}

[data-media-source="media-md"] .lpc-image-mason__list {
    display: grid;
    grid-gap: 24px;
    grid-auto-rows: 24px;
}

[data-media-source="media-md"] .lpc-image-mason__list.lpc-off-gap {
    grid-gap: 0;
}

[data-media-source="media-md"] .lpc-image-mason__list.lpc-column-2 {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
}

[data-media-source="media-md"] .lpc-image-mason__list.lpc-column-2:not(.lpc-off-gap) {
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 24px), 1fr));
}

[data-media-source="media-md"] .lpc-image-mason__list.lpc-column-3 {
    grid-template-columns: repeat(auto-fill, minmax(33.333%, 1fr));
}

[data-media-source="media-md"] .lpc-image-mason__list.lpc-column-3:not(.lpc-off-gap) {
    grid-template-columns: repeat(auto-fill, minmax(calc(33.333% - 24px), 1fr));
}

[data-media-source="media-md"] .lpc-image-mason__list.lpc-column-4 {
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
}

[data-media-source="media-md"] .lpc-image-mason__list.lpc-column-4:not(.lpc-off-gap) {
    grid-template-columns: repeat(auto-fill, minmax(calc(25% - 24px), 1fr));
}

[data-media-source="media-md"] .lpc-image-mason__item {
    opacity: 0;
    transform: translateY(20px);
    transition: all .3s ease-in-out;
}

[data-media-source="media-md"] .lpc-image-mason__item:not(.is-show) {
	grid-row-end: span 8;
}

[data-media-source="media-md"] .lpc-image-mason__item.is-show {
    opacity: 1;
    transform: translateY(0);
}

[data-media-source="media-md"] .lpc-image-mason__image {
    font-size: 0;
    display: block;
    overflow: hidden;
    text-decoration: none;
}

[data-media-source="media-md"] .lpc-image-mason__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

[data-media-source="media-sm"] .lpc-image-mason__wrap.lpc-full-width-gap {
    padding: 0 16px;
}

[data-media-source="media-sm"] .lpc-image-mason__headline {
    margin: 0 0 24px;
}

[data-media-source="media-sm"] .lpc-image-mason__title + .lpc-image-mason__description {
    margin: 20px 0 0;
}

[data-media-source="media-sm"] .lpc-image-mason__list {
    display: grid;
    grid-gap: 16px;
    grid-auto-rows: 16px;
}

[data-media-source="media-sm"] .lpc-image-mason__list.lpc-off-gap {
    grid-gap: 0;
}

[data-media-source="media-sm"] .lpc-image-mason__list.lpc-column-2 {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
}

[data-media-source="media-sm"] .lpc-image-mason__list.lpc-column-2:not(.lpc-off-gap) {
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 16px), 1fr));
}

[data-media-source="media-sm"] .lpc-image-mason__list.lpc-column-3 {
    grid-template-columns: repeat(auto-fill, minmax(33.333%, 1fr));
}

[data-media-source="media-sm"] .lpc-image-mason__list.lpc-column-3:not(.lpc-off-gap) {
    grid-template-columns: repeat(auto-fill, minmax(calc(33.333% - 16px), 1fr));
}

[data-media-source="media-sm"] .lpc-image-mason__list.lpc-column-4 {
    grid-template-columns: repeat(auto-fill, minmax(33.333%, 1fr));
}

[data-media-source="media-sm"] .lpc-image-mason__list.lpc-column-4:not(.lpc-off-gap) {
    grid-template-columns: repeat(auto-fill, minmax(calc(33.333% - 16px), 1fr));
}

[data-media-source="media-sm"] .lpc-image-mason__item {
    opacity: 0;
    transform: translateY(20px);
    transition: all .3s ease-in-out;
}

[data-media-source="media-sm"] .lpc-image-mason__item:not(.is-show) {
	grid-row-end: span 6;
}

[data-media-source="media-sm"] .lpc-image-mason__item.is-show {
    opacity: 1;
    transform: translateY(0);
}

[data-media-source="media-sm"] .lpc-image-mason__image {
    font-size: 0;
    display: block;
    overflow: hidden;
    text-decoration: none;
}

[data-media-source="media-sm"] .lpc-image-mason__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

[data-media-source="media-xs"] .lpc-image-mason__wrap.lpc-full-width-gap {
    padding: 0 16px;
}

[data-media-source="media-xs"] .lpc-image-mason__headline {
    margin: 0 0 24px;
}

[data-media-source="media-xs"] .lpc-image-mason__title + .lpc-image-mason__description {
    margin: 20px 0 0;
}

[data-media-source="media-xs"] .lpc-image-mason__list {
    display: grid;
    grid-gap: 16px;
    grid-auto-rows: 16px;
}

[data-media-source="media-xs"] .lpc-image-mason__list.lpc-off-gap {
    grid-gap: 0;
}

[data-media-source="media-xs"] .lpc-image-mason__list.lpc-column-2 {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}

[data-media-source="media-xs"] .lpc-image-mason__list.lpc-column-2:not(.lpc-off-gap) {
    grid-template-columns: repeat(auto-fill, minmax(calc(100% - 16px), 1fr));
}

[data-media-source="media-xs"] .lpc-image-mason__list.lpc-column-3 {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
}

[data-media-source="media-xs"] .lpc-image-mason__list.lpc-column-3:not(.lpc-off-gap) {
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 16px), 1fr));
}

[data-media-source="media-xs"] .lpc-image-mason__list.lpc-column-4 {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
}

[data-media-source="media-xs"] .lpc-image-mason__list.lpc-column-4:not(.lpc-off-gap) {
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 16px), 1fr));
}

[data-media-source="media-xs"] .lpc-image-mason__item {
    opacity: 0;
    transform: translateY(20px);
    transition: all .3s ease-in-out;
}

[data-media-source="media-xs"] .lpc-image-mason__item:not(.is-show) {
	grid-row-end: span 6;
}

[data-media-source="media-xs"] .lpc-image-mason__item.is-show {
    opacity: 1;
    transform: translateY(0);
}

[data-media-source="media-xs"] .lpc-image-mason__image {
    font-size: 0;
    display: block;
    overflow: hidden;
    text-decoration: none;
}

[data-media-source="media-xs"] .lpc-image-mason__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}