.image-gallery{padding-inline:24px}@media(min-width: 768px){.image-gallery{padding-inline:32px}}@media(min-width: 1024px){.image-gallery{padding-inline:48px}}.image-gallery__container{max-width:960px;margin-inline:auto}.image-gallery__heading{text-align:center;margin-bottom:16px}@media(min-width: 768px){.image-gallery__heading{margin-bottom:24px}}.image-gallery__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px}@media(min-width: 576px){.image-gallery__grid{gap:12px}}@media(min-width: 768px){.image-gallery__grid{grid-template-columns:repeat(3, 1fr);gap:16px}}@media(min-width: 1024px){.image-gallery__grid{grid-template-columns:repeat(4, 1fr)}}.image-gallery__item{position:relative;overflow:hidden;border:0;padding:0;margin:0;background:#f5f5f5;border-radius:8px;cursor:pointer;aspect-ratio:1}.image-gallery__item:nth-child(5n+1){grid-column:span 2;grid-row:span 2}.image-gallery__item img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.image-gallery__item:hover img,.image-gallery__item:focus-visible img{transform:scale(1.05)}.image-gallery__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.image-gallery__lightbox{position:fixed;inset:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;border:0;background:rgba(26,26,26,.92);z-index:300;overflow:hidden}.image-gallery__lightbox::backdrop{display:none}.image-gallery__lightbox[open]{display:flex;align-items:center;justify-content:center}.image-gallery__lightbox-inner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:60px 16px 16px}@media(min-width: 768px){.image-gallery__lightbox-inner{padding:60px 72px 24px}}.image-gallery__lightbox-close{position:absolute;top:12px;right:12px;z-index:1;width:44px;height:44px;border:0;border-radius:50%;background:hsla(0,0%,100%,.15);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.image-gallery__lightbox-close:hover{background:hsla(0,0%,100%,.3)}.image-gallery__lightbox-close:focus-visible{background:hsla(0,0%,100%,.3);outline:2px solid #fff;outline-offset:2px}.image-gallery__lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:52px;height:52px;border:2px solid #c45b4d;border-radius:50%;background-color:#c45b4d;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .25s ease,border-color .25s ease}.image-gallery__lightbox-nav:hover,.image-gallery__lightbox-nav:focus-visible{background-color:#a34843;border-color:#a34843}.image-gallery__lightbox-nav:focus-visible{outline:2px solid #fff;outline-offset:2px}.image-gallery__lightbox-nav svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2}.image-gallery__lightbox-nav--prev{left:16px}.image-gallery__lightbox-nav--prev svg{transform:scaleX(-1)}@media(min-width: 1024px){.image-gallery__lightbox-nav--prev{left:24px}}.image-gallery__lightbox-nav--next{right:16px}@media(min-width: 1024px){.image-gallery__lightbox-nav--next{right:24px}}.image-gallery__lightbox-figure{display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%;margin:0}.image-gallery__lightbox-img{display:block;max-width:100%;max-height:calc(100vh - 120px);-o-object-fit:contain;object-fit:contain;border-radius:6px}@media(min-width: 768px){.image-gallery__lightbox-img{max-height:calc(100vh - 140px)}}