section.u5m-image-gallery{margin:var(--section-margin-none);padding:var(--section-padding-medium);.section-inner.center{.intro-content{margin-bottom:50px}}.image-gallery{display:flex;flex-flow:row wrap;justify-content:center;--gap:20px;gap:var(--gap);width:100%;&.two{--cols:2;@media (max-width:580px){--cols:1}}&.three{--cols:3;@media (max-width:768px){--cols:2}@media (max-width:580px){--cols:1}}&.four{--cols:4;@media (max-width:1024px){--cols:3}@media (max-width:768px){--cols:2}@media (max-width:580px){--cols:1}}&.five{--cols:5;@media (max-width:1200px){--cols:4}@media (max-width:1024px){--cols:3}@media (max-width:768px){--cols:2}@media (max-width:580px){--cols:1}}&.aspect-square .media{aspect-ratio:1/1}&.aspect-landscape .media{aspect-ratio:3/2}&.aspect-portrait .media{aspect-ratio:2/3}&.aspect-widescreen .media{aspect-ratio:16/9}&:not(.aspect-default) .media{overflow:hidden;position:relative;img{height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%}}&.aspect-default .media{overflow:hidden;img{display:block;height:auto;width:100%}}&.mosaic{align-items:flex-start;flex-flow:row nowrap;justify-content:flex-start;.mosaic-col{display:flex;flex:1 1 0;flex-direction:column;gap:var(--gap);min-width:0}.gallery-item{flex-basis:auto;width:100%}&.two{@media (max-width:580px){align-items:stretch;flex-flow:column;.mosaic-col{flex:none;width:100%}}}&.five,&.four,&.three{@media (max-width:768px){flex-flow:wrap;.mosaic-col{flex:1 1 calc(50% - var(--gap)/2)}}@media (max-width:580px){align-items:stretch;flex-flow:column;.mosaic-col{flex:none;width:100%}}}}}.gallery-item{border-radius:var(--border1);flex-basis:calc(100%/var(--cols) - var(--gap)/var(--cols)*(var(--cols) - 1));overflow:hidden;position:relative;&[data-sal]{transition-delay:var(--sal-delay,0s),var(--sal-delay,0s);transition-duration:var(--sal-duration,.75s),var(--sal-duration,.75s);transition-property:opacity,transform;transition-timing-function:var(--sal-easing,ease),var(--sal-easing,ease)}.gallery-trigger,.media,img{border-radius:inherit}.gallery-trigger{appearance:none;background:none;border:0;color:inherit;cursor:default;display:block;font:inherit;margin:0;overflow:hidden;padding:0;position:relative;text-align:left;text-decoration:none;width:100%}&.is-linked .gallery-trigger{cursor:pointer}&.is-linked{&:focus,&:hover{transform:translateY(-4px)}}.subtitle{background:linear-gradient(180deg,transparent,rgba(4,21,50,.85));color:var(--white);font-size:16px;inset:auto 0 0;line-height:1.3;padding:40px 16px 16px;position:absolute;z-index:1}}}