.gallery-component{background-color:var(--gallery-bg-color,var(--primary-color-bg));color:var(--gallery-fg-color,var(--primary-color-fg))}
.gallery-component.bg-primary{--gallery-bg-color:var(--primary-color-bg);--gallery-fg-color:var(--primary-color-fg)}
.gallery-component.bg-secondary{--gallery-bg-color:var(--secondary-color-bg);--gallery-fg-color:var(--secondary-color-fg)}
.gallery-component.bg-tertiary{--gallery-bg-color:var(--tertiary-color-bg);--gallery-fg-color:var(--tertiary-color-fg)}
.gallery-component__container{display:flex;flex-direction:column;gap:16px;padding:32px 0}
@media(min-width:768px){.gallery-component__container{gap:40px;padding:56px 0}
}
.gallery-component__title{font-family:'helvetica-lt-pro',helvetica,sans-serif;font-style:normal;font-weight:700;font-size:28px;line-height:30px;letter-spacing:-0.84px;color:currentColor}
@media(min-width:768px){.gallery-component__title{font-family:'helvetica-lt-pro',helvetica,sans-serif;font-style:normal;font-weight:700;font-size:24px;line-height:30px;letter-spacing:-0.48px}
}
.gallery-component__title .cmp-title__text{font-family:unset;font-size:unset;font-style:unset;font-weight:unset;line-height:unset;letter-spacing:unset}
.gallery-component__icon::before{font-size:24px;color:currentColor}
@media(min-width:768px){.gallery-component__icon::before{font-size:20px}
}
.gallery-component__content{display:grid;gap:16px;width:100%;height:100%}
@media(min-width:768px){.gallery-component__content{grid-template-columns:repeat(3,1fr);gap:32px}
}
.gallery-component__item-link{position:relative;display:block;width:100%;height:100%}
.gallery-component__item-link::before,.gallery-component__item-link::after{position:absolute;opacity:0;transition:all ease .3s}
.gallery-component__item-link::before{content:"";inset:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
.gallery-component__item-link::after{content:"\e932";top:50%;left:50%;transform:translate(-50%,-50%);font-family:"hdr-icons";font-size:25px;color:#fff}
.gallery-component__item-link:hover::before,.gallery-component__item-link:hover::after{opacity:1;transition:all ease .3s}
.gallery-component__item img{border-radius:4px;width:100%;height:350px;object-fit:cover}
@media(min-width:768px){.gallery-component__item img{width:100%;height:100%}
}
.gallery-component__heading{display:flex;align-items:center;gap:8px}
.gallery-component__footer{display:flex;justify-content:center}
.gallery-component__btn{--button-size:48px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:solid 1px #fff;margin:0;padding:0;width:var(--button-size);height:var(--button-size);background:transparent;cursor:pointer}
.gallery-component__btn::after{display:none}
.gallery-component__btn--rounded{border-width:2px}
.gallery-component__btn--rounded .icon{transform:rotate(90deg);font-size:16px;color:#fff}
.gallery-component--masonry-js .gallery-component__content{--gallery-masonry-js__item-num:3;--gallery-masonry-js__item-gap:32px;--gallery-masonry-js__item-width:100%}
@media(min-width:768px){.gallery-component--masonry-js .gallery-component__content{--gallery-masonry-js__item-width:calc(calc(100% - calc(2 * 32px)) / 3)}
}
.gallery-component--masonry-js .gallery-component__item{margin-bottom:var(--gallery-masonry-js__item-gap);width:var(--gallery-masonry-js__item-width)}
.gallery-component--masonry-js .gallery-component__item-hide{display:none}
@supports(grid-template-rows:masonry){.gallery-component--masonry .gallery-component__content{display:grid;grid-template-rows:masonry;grid-template-columns:repeat(3,1fr)}
.gallery-component--masonry .gallery-component__item img{height:auto;max-width:100%}
}