/* @group Lightbox
------------------------------------ */
.lightbox { width: 100%; height: 100%; position: fixed; inset: 0; background-color: var(--dark-beige-o-75); z-index: 999; opacity: 0; pointer-events: none; transition: opacity var(--transition-delay) ease; backdrop-filter: blur(7.5px); }
.lightbox .row { height: 100%; max-height: 100vh; }
.lightbox .row [class^="col-"] { padding: 0; }
.lightbox .splide .splide__slide { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; }
.lightbox .splide .splide__slide figure { width: 100%; height: 25.4rem; }
.lightbox .splide .splide__slide figure iframe { width: 100%; height: 100%; }
.lightbox .splide .splide__slide p { flex: 0 1 100%; font: 500 1.6em / 1.3em var(--meta-pro-font); letter-spacing: .125em; color: var(--dark-green); text-align: center; margin: 2rem 0 0; padding: 0 2rem; }
.lightbox .splide .splide__arrows button { top: calc(100% - 6.9rem); transform: none; margin-top: 2.5rem; }
.lightbox .splide .splide__arrows button.splide__arrow--prev { left: 0; }
.lightbox .splide .splide__arrows button.splide__arrow--next { right: 0; }
.lightbox [data-comp="close-gallery-lightbox"] { font-size: 3rem; color: var(--light-green); position: absolute; top: -15rem; right: 2.5rem; transition: var(--general-transition); }
.lightbox [data-comp="close-gallery-lightbox"]:hover { color: var(--rust); }

.lightbox.show { opacity: 1; pointer-events: all; }

@media only screen
and (min-width : 961px) {
    .lightbox [data-comp="close-gallery-lightbox"] { top: -8.333%; right: -5.556%; cursor: pointer; }
    .lightbox .splide .splide__slide figure { height: 65vh; }
    .lightbox .splide .splide__slide p { font-size: 2.2em; letter-spacing: .09em; margin: 4rem 0 0; padding: 0 7.5rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */