.image-overlay-section{background:var(--color-background)}.image-overlay-section .title{margin:0 0 3rem;text-align:center}.image-overlay-single{display:flex;flex-direction:column;align-items:start;gap:2rem}@media screen and (min-width: 750px){.image-overlay-single{flex-direction:row}}.image-overlay-single__image-container{position:relative;width:100%;overflow:hidden;border-radius:1.2rem}.image-overlay-single__image{display:block;width:100%;height:400px;overflow:hidden;background:var(--color-background)}.image-overlay-single__image img{width:100%;height:100%;object-fit:cover;display:block}.image-overlay-single__modal-opener{display:block;width:100%;height:100%;position:relative;cursor:pointer}.image-overlay-single__modal-toggle{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;border:none;cursor:pointer;z-index:1}.image-overlay-single__extra-modal-opener{display:block;width:100%;height:100%;position:relative;cursor:pointer}.image-overlay-single__extra-modal-toggle{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;border:none;cursor:pointer;z-index:1}.image-overlay-single__modal-opener:hover .image-overlay-single__image img,.image-overlay-single__extra-modal-opener:hover img{transform:scale(1.05);transition:transform .3s ease}.image-overlay-single__icon{position:absolute;top:1.5rem;right:1.5rem;width:60px;height:60px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #00000026;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-overlay-single__icon img{width:32px;height:32px;object-fit:contain}.image-overlay-single__text-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:4rem 2rem 2rem;color:#fff;text-align:left;z-index:1}.image-overlay-single__overlay-title{margin:0 0 .75rem;color:#fff;font-weight:700;line-height:1.3;font-size:2.2rem}.image-overlay-single__overlay-subtitle{margin:0;color:#ffffffe6;font-size:1.6rem;line-height:1.4}.image-overlay-single__overlay-subtitle p{margin:0 0 .5rem}.image-overlay-single__overlay-subtitle p:last-child{margin-bottom:0}.image-overlay-single__extra-images{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;gap:1rem;background:var(--color-background);width:100%}@media screen and (min-width: 750px){.image-overlay-single__extra-images{width:31%}}.image-overlay-single__extra-image{border-radius:8px;overflow:hidden;border:1px solid var(--neutral-n50);transition:all .2s ease;cursor:pointer}.image-overlay-single__extra-image:hover{transform:scale(1.05);border-color:var(--color-button);box-shadow:0 2px 8px #0000001a}.image-overlay-single__extra-image img{width:100%;height:100%;object-fit:cover;display:block}@media screen and (min-width: 990px){.image-overlay-single__image{height:500px}.image-overlay-single__overlay-title{font-size:2.5rem}.image-overlay-single__overlay-subtitle{font-size:1.8rem}.image-overlay-single__extra-image{width:120px;height:96px}}.scroll-trigger.animate--slide-in.animate .image-overlay-single{opacity:1;transform:translateY(0)}@media (prefers-contrast: high){.image-overlay-single{border-width:2px}.image-overlay-single__icon{background:#fff;border:2px solid var(--color-foreground)}.image-overlay-single__extra-image{border-width:2px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-image-with-overlay.css.map */