.reference-gallery{--slides-visible:3;--slide-gap:20px;--arrow-width:70px;padding-inline:var(--arrow-width);position:relative}.reference-gallery__viewport{overflow:hidden}.reference-gallery__track{align-items:center;display:flex;gap:var(--slide-gap);position:relative;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.reference-gallery__slide{cursor:pointer;flex:0 0 calc((100% - (var(--slides-visible) - 1)*var(--slide-gap))/var(--slides-visible))}.reference-gallery__slide img{border-radius:20px;display:block;height:360px;-o-object-fit:cover;object-fit:cover;opacity:.65;transform:scale(.82);transform-origin:center;transition:transform .5s cubic-bezier(.34,1.4,.64,1),opacity .4s ease;width:100%}.reference-gallery__slide.is-center img{opacity:1;transform:scale(1)}.reference-gallery__nav{align-items:center;display:flex;inset:0;justify-content:space-between;pointer-events:none;position:absolute}.reference-gallery__btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;line-height:0;padding:0;pointer-events:all;transition:opacity .2s,transform .2s}.reference-gallery__btn svg{height:auto;width:56px}.reference-gallery__btn:disabled{cursor:default;opacity:.2}.reference-gallery__btn--prev{transform:scaleX(-1)}.reference-gallery__btn--next:not(:disabled):hover{transform:translateX(5px)}.reference-gallery__btn--prev:not(:disabled):hover{transform:scaleX(-1) translateX(5px)}@media (max-width:1024px){.reference-gallery{--slides-visible:2;--arrow-width:52px}.reference-gallery__btn svg{width:40px}}@media (max-width:600px){.reference-gallery{--slides-visible:1;--arrow-width:44px}.reference-gallery__btn svg{width:32px}.reference-gallery__slide img{height:260px;opacity:1;transform:scale(1)}.reference-gallery__slide.is-center img{transform:scale(1)}}.reference-lightbox{align-items:center;display:none;flex-direction:column;inset:0;justify-content:center;padding:clamp(16px,4vw,48px);position:fixed;z-index:9999}.reference-lightbox.is-open{display:flex}.reference-lightbox__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:color-mix(in srgb,var(--wp--preset--color--black) 92%,transparent);inset:0;position:absolute}.reference-lightbox__close{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--base) 10%,transparent);border:none;border-radius:50%;color:var(--wp--preset--color--base);cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:clamp(12px,3vw,28px);top:clamp(12px,3vw,28px);transition:background .2s,transform .2s;width:48px;z-index:2}.reference-lightbox__close:hover{background:color-mix(in srgb,var(--wp--preset--color--base) 22%,transparent);transform:rotate(90deg)}.reference-lightbox__stage{flex:1 1 auto;gap:clamp(8px,2vw,28px);min-height:0;position:relative;width:100%;z-index:1}.reference-lightbox__arrow,.reference-lightbox__stage{align-items:center;display:flex;justify-content:center}.reference-lightbox__arrow{background:none;border:none;cursor:pointer;flex:0 0 auto;line-height:0;padding:0;transition:transform .2s,opacity .2s}.reference-lightbox__arrow svg{height:auto;width:clamp(28px,4vw,48px)}.reference-lightbox__arrow--prev{transform:scaleX(-1)}.reference-lightbox__arrow--next:hover{transform:translateX(5px)}.reference-lightbox__arrow--prev:hover{transform:scaleX(-1) translateX(5px)}@media (max-width:600px){.reference-lightbox__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.reference-lightbox__arrow--prev{left:4px;transform:translateY(-50%) scaleX(-1)}.reference-lightbox__arrow--next{right:4px}}.reference-lightbox__img{border-radius:12px;box-shadow:0 20px 60px color-mix(in srgb,var(--wp--preset--color--black) 50%,transparent);height:auto;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.reference-lightbox__thumbs{display:flex;gap:10px;margin-top:clamp(12px,2vw,24px);max-width:100%;overflow-x:auto;padding:6px;position:relative;scrollbar-width:thin;z-index:1}.reference-lightbox__thumb{background:none;border:2px solid transparent;border-radius:8px;cursor:pointer;flex:0 0 auto;height:60px;opacity:.5;overflow:hidden;padding:0;transition:opacity .2s,border-color .2s;width:84px}.reference-lightbox__thumb img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.reference-lightbox__thumb:hover{opacity:.85}.reference-lightbox__thumb.is-active{border-color:var(--wp--preset--color--accent);opacity:1}@media (max-width:600px){.reference-lightbox__thumb{height:44px;width:60px}}