.card--gallery .card__image img.lazyload {
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
}

.card--gallery .card__image .lazy-complete img {
    opacity: 1;
}

.card--gallery .btn--pinterest {
    background: #78260a;
    border-radius: 100% 0 0 0;
    color: #fff;
    display: block;
    font-size: 1.1875rem;
    padding: 1.6315789474em .9473684211em .9473684211em 1.6315789474em;
    transition-delay: 0s;
    transition-duration: .3s;
    transition-property: opacity, background;
    transition-timing-function: ease-in-out;
    z-index: 2;
}

.card--gallery .btn--pinterest:hover,
html:not(.no-focus-outline) .card--gallery .btn--pinterest:focus {
    background: #601f08;
}

.card--gallery .btn--pinterest svg {
    display: block;
    font-size: 1em;
    height: 1em;
    width: var(--icon-width, 1em);
}

.card--gallery .btn--gallery:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.card--gallery-hover .btn--pinterest,
.card--gallery:focus-within .btn--pinterest,
.card--gallery:hover .btn--pinterest {
    opacity: 1;
}

.modaal--gallery {
    overflow: hidden;
}

.modaal--gallery .modaal__content-inner {
    padding: 1.25rem 0 0;
    width: 100%;
}

.modaal--gallery .modaal-inner-wrapper {
    padding: 0;
}

.modaal--gallery .modaal-container {
    background: #fff;
    max-width: 100%;
    padding: .625rem;
    position: relative;
}

.modaal--gallery .modaal-container img {
    display: block;
    height: auto;
    width: 100%;
}

.modaal--gallery .modaal-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.modaal--gallery .modaal-gallery-item-wrap {
    grid-column: span 2;
}

.modaal--gallery .modaal-gallery-control {
    background: transparent;
    border-radius: 0;
    bottom: unset;
    color: #251e1e;
    font-size: 1.25rem;
    height: auto;
    left: unset;
    margin: 0;
    padding: 1.4em 0 .4em;
    position: relative;
    right: unset;
    top: unset;
    transform: none;
    transition-duration: .3s;
    transition-property: color, opacity, visibility;
    transition-timing-function: ease-in-out, ease-in-out, step-start;
    width: auto;
}

.modaal--gallery .modaal-gallery-control:hover,
html:not(.no-focus-outline) .modaal--gallery .modaal-gallery-control:focus {
    color: rgba(37, 30, 30, .7);
}

.modaal--gallery .modaal-gallery-control[aria-disabled=true] {
    opacity: 0;
    transition-timing-function: ease-in-out, ease-in-out, step-end;
    visibility: hidden;
}

.modaal--gallery .modaal-gallery-control>* {
    pointer-events: none;
}

.modaal--gallery .modaal-gallery-control:after,
.modaal--gallery .modaal-gallery-control:before {
    content: none;
}

.modaal--gallery .modaal-gallery-control .icon {
    display: flex;
    justify-content: flex-end;
}

.modaal--gallery .modaal-gallery-control svg {
    display: block;
    font-size: 1em;
    height: 1em;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-in-out;
    width: var(--icon-width, 1em);
}

.modaal--gallery .modaal-gallery-control span {
    clip: unset !important;
    height: auto !important;
    position: relative !important;
    width: auto !important;
}

.modaal--gallery .modaal-gallery-control span.hidden {
    clip: rect(0 0 0 0) !important;
    border: 0;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px !important;
}

.modaal--gallery .modaal-gallery-control.modaal-gallery-next {
    display: block !important;
}

.modaal--gallery .modaal-gallery-control.modaal-gallery-prev {
    display: block !important;
}

.modaal--gallery .modaal-gallery-control.modaal-gallery-prev .icon {
    transform: scaleX(-1);
}

.modaal--gallery .modaal-close {
    align-items: center;
    background: #251e1e;
    color: #b6d71e;
    display: flex;
    font-size: 2.5rem;
    height: 1em;
    justify-content: center;
    position: absolute;
    right: 1.3125rem;
    top: 1.3125rem;
    width: 1em;
}

.modaal--gallery .modaal-close:after,
.modaal--gallery .modaal-close:before {
    content: none;
}

.modaal--gallery .modaal-close .modaal-close__icon {
    font-size: .28em;
}

.modaal--gallery .modaal-close svg {
    display: block;
    font-size: 1em;
    height: 1em;
    width: var(--icon-width, 1em);
}

.modaal--gallery .modaal-close span {
    clip: unset !important;
    height: auto !important;
    position: relative !important;
    width: auto !important;
}

.modaal--gallery .modaal-close span.hidden {
    clip: rect(0 0 0 0) !important;
    border: 0;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px !important;
}

.modaal--gallery .modaal-close:hover,
html:not(.no-focus-outline) .modaal--gallery .modaal-close:focus {
    background: #b6d71e;
    color: #251e1e;
}

@media (min-width:992px) {
    .modaal--gallery .modaal__content-inner {
        max-width: 34.6875rem;
        padding: 5.25rem 0;
        width: 90%;
    }

    .modaal--gallery .modaal-container {
        padding: 1.25rem;
    }

    .modaal--gallery .modaal-close {
        right: 1.9375rem;
        top: 1.9375rem;
    }
}

@media (min-width:1440px) {
    .modaal--gallery .modaal-close {
        font-size: 2.875rem;
    }
}

@media (prefers-reduced-motion:no-preference) {
    .card--gallery .btn--pinterest {
        -webkit-clip-path: inset(100% 0 0 100% round 100% 0 0 0);
        clip-path: inset(100% 0 0 100% round 100% 0 0 0);
        opacity: 1;
        transition-delay: .2s, 0s;
        transition-duration: .5s, .3s;
        transition-property: background, -webkit-clip-path;
        transition-property: clip-path, background;
        transition-property: clip-path, background, -webkit-clip-path;
        transition-timing-function: ease-in-out;
    }

    .card--gallery .btn--pinterest svg {
        opacity: 0;
        transition-delay: 0s;
        transition-duration: .3s;
        transition-property: opacity;
        transition-timing-function: ease-in-out;
    }

    .card--gallery-hover .btn--pinterest,
    .card--gallery:focus-within .btn--pinterest,
    .card--gallery:hover .btn--pinterest {
        -webkit-clip-path: inset(0 0 0 0 round 100% 0 0 0);
        clip-path: inset(0 0 0 0 round 100% 0 0 0);
        transition-delay: 0s;
    }

    .card--gallery-hover .btn--pinterest svg,
    .card--gallery:focus-within .btn--pinterest svg,
    .card--gallery:hover .btn--pinterest svg {
        opacity: 1;
        transition-delay: .3s;
    }

    .modaal--gallery .modaal-gallery-control:hover svg,
    html:not(.no-focus-outline) .modaal--gallery .modaal-gallery-control:focus svg {
        transform: translateX(.1875rem);
    }
}