.t4s-about-gallery{width:100%;color:#222;font-family:Figtree,sans-serif}.t4s-gallery-inner{max-width:1440px;margin:auto;padding:0 0 60px;display:flex;flex-direction:column;gap:20px}.t4s-gallery-inner>h2{margin:0;text-align:center;color:#222;font:500 28px/1 Figtree,sans-serif}.t4s-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.t4s-gallery-link{display:block;min-width:0}.t4s-gallery-link img{display:block;width:100%;height:270px;object-fit:cover;border-radius:15px}.t4s-gallery-dialog{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;margin:0;padding:50px 60px;box-sizing:border-box;background:rgba(0,0,0,.9);color:#fff;z-index:100000}.t4s-gallery-dialog[open]{display:flex;align-items:center;justify-content:center}.t4s-gallery-dialog::backdrop{background:rgba(0,0,0,.9)}.t4s-gallery-dialog figure{margin:0;max-width:100%;text-align:center}.t4s-gallery-dialog figure img{display:block;max-width:100%;max-height:calc(100dvh - 140px);width:auto;height:auto;margin:auto}.t4s-gallery-dialog figcaption{margin-top:12px}.t4s-gallery-dialog button{position:absolute;border:0;background:transparent;color:#fff;font-size:44px;cursor:pointer;padding:8px;line-height:1}.t4s-gallery-close{top:8px;right:12px}.t4s-gallery-prev{left:8px;top:50%}.t4s-gallery-next{right:8px;top:50%}@media(max-width:1024px){.t4s-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.t4s-gallery-grid{grid-template-columns:minmax(0,1fr)}.t4s-gallery-inner>h2{font-size:24px}.t4s-gallery-dialog{padding:50px 40px}}

/* Independent lightbox styled after the original gallery. */
.t4s-gallery-dialog{padding:70px 60px;background:transparent;color:rgba(237,237,237,.9);font-family:Roboto,Arial,sans-serif}
.t4s-gallery-dialog::backdrop{background:rgba(0,0,0,.8)}
.t4s-gallery-dialog figure{width:100%;pointer-events:none}
.t4s-gallery-dialog figure img{max-height:calc(100dvh - 140px);max-width:100%;border-radius:2px;box-shadow:0 0 30px rgba(0,0,0,.3);pointer-events:auto}
.t4s-gallery-dialog figcaption{position:absolute;top:20px;left:20px;margin:0;font-size:14px;line-height:20px;text-align:left}
.t4s-gallery-dialog button{color:rgba(237,237,237,.9);border-radius:0;box-shadow:none}
.t4s-gallery-dialog button:hover{background:transparent;color:#fff}
.t4s-gallery-dialog button:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.t4s-gallery-dialog .t4s-gallery-close{top:13px;right:15px;width:30px;height:30px;padding:5px;font:28px/20px Arial,sans-serif}
.t4s-gallery-dialog .t4s-gallery-prev,.t4s-gallery-dialog .t4s-gallery-next{top:60px;bottom:60px;width:15%;padding:0;font:40px/1 Arial,sans-serif}
.t4s-gallery-dialog .t4s-gallery-prev{left:0}
.t4s-gallery-dialog .t4s-gallery-next{right:0}
@media(max-width:767px){.t4s-gallery-dialog{padding:70px 10px}.t4s-gallery-dialog .t4s-gallery-prev,.t4s-gallery-dialog .t4s-gallery-next{width:40px;font-size:34px}}

.t4s-gallery-dialog button,.t4s-gallery-dialog button:focus,.t4s-gallery-dialog button:active{background:transparent}

.t4s-gallery-dialog figcaption{color:rgba(237,237,237,.9);font-style:normal}

/* Preserve the parents page's original space above the gallery. */
body.page-id-53 .t4s-about-gallery{padding-top:70px}
@media(max-width:767px){body.page-id-53 .t4s-about-gallery{padding-top:50px}}
