.image-overlay-card{--ioc-ease: cubic-bezier(.22, 1, .36, 1);position:relative}.image-overlay-card .no_container{padding-inline:clamp(1.6rem,4vw,6rem)}.image-overlay-card__head{margin:0 0 clamp(3rem,5vw,5.6rem)}.image-overlay-card__head--left{text-align:left}.image-overlay-card__head--center{text-align:center}.image-overlay-card__head--right{text-align:right}.image-overlay-card__intro{max-width:58ch;margin-top:1.4rem;font-size:1.5rem;line-height:1.8;color:var(--text-color)}.image-overlay-card__intro p:first-child{margin-top:0}.image-overlay-card__intro p:last-child{margin-bottom:0}.image-overlay-card__head--center .image-overlay-card__intro{margin-inline:auto}.image-overlay-card__head--right .image-overlay-card__intro{margin-left:auto}.image-overlay-card__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(2rem,3vw,3.2rem)}.image-overlay-card__item{display:block;flex:0 1 var(--ioc-max);max-width:100%;min-width:0}.image-overlay-card__inner{position:relative;display:block;overflow:hidden;border-radius:var(--ioc-radius);color:var(--ioc-text);text-decoration:none;isolation:isolate}.image-overlay-card__inner:focus-visible,.image-overlay-card__link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.image-overlay-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.image-overlay-card__media{position:relative;aspect-ratio:var(--ioc-ratio);overflow:hidden;background:var(--secondary-bg-color, var(--background-color))}.image-overlay-card__media img,.image-overlay-card__media svg{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform 1.4s var(--ioc-ease)}.image-overlay-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,var(--ioc-scrim)),rgba(0,0,0,calc(var(--ioc-scrim) * .55)) 28%,#0000 62%);transition:opacity .7s var(--ioc-ease)}.image-overlay-card__overlay{position:absolute;inset:auto 0 0 0;z-index:2;display:flex;align-items:flex-end;padding:clamp(1.8rem,3vw,3rem);pointer-events:none}.image-overlay-card__panel{width:100%;text-align:var(--ioc-text-align, center)}.image-overlay-card__rule{display:inline-block;width:3.2rem;height:.1rem;margin:0 0 1.6rem;background:currentColor;opacity:.55;transition:width .7s var(--ioc-ease),background-color .7s ease,opacity .7s ease}.image-overlay-card__title{margin:0;color:var(--ioc-text);text-shadow:0 .1rem 2rem rgba(0,0,0,.4);transition:letter-spacing .7s var(--ioc-ease)}.image-overlay-card__desc{overflow:hidden;color:var(--ioc-text)}.image-overlay-card__desc .rte *{color:var(--ioc-text)}.image-overlay-card__desc-inner{padding-top:1.4rem;font-size:clamp(1.2rem,1.1vw,1.35rem);line-height:1.85;color:var(--ioc-text);opacity:.86;text-shadow:0 .1rem 1.6rem rgba(0,0,0,.45)}.image-overlay-card__desc-inner>*:first-child{margin-top:0}.image-overlay-card__desc-inner>*:last-child{margin-bottom:0}.image-overlay-card__item.is-enhanced .image-overlay-card__desc{max-height:0;opacity:0;transition:max-height .75s var(--ioc-ease),opacity .5s ease}.image-overlay-card__item.is-enhanced.is-open .image-overlay-card__desc{max-height:var(--ioc-open-h, var(--ioc-reveal-max));opacity:1;transition:max-height .75s var(--ioc-ease),opacity .6s ease .12s}.image-overlay-card__item.is-open.is-scrollable .image-overlay-card__desc{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto}.image-overlay-card__item.is-open.is-scrollable .image-overlay-card__desc::-webkit-scrollbar{width:.3rem}.image-overlay-card__item.is-open.is-scrollable .image-overlay-card__desc::-webkit-scrollbar-thumb{border-radius:.3rem;background:currentColor;opacity:.35}.image-overlay-card__item.is-open .image-overlay-card__media img,.image-overlay-card__item.is-open .image-overlay-card__media svg{transform:scale(1.06)}.image-overlay-card__item.is-open .image-overlay-card__scrim{opacity:1}.image-overlay-card__item.is-open .image-overlay-card__rule{width:5.6rem;background:var(--accent-primary);opacity:1}.image-overlay-card__item.is-open .image-overlay-card__title{letter-spacing:.22em}@media(hover:none){.image-overlay-card__item.is-enhanced .image-overlay-card__desc,.image-overlay-card__item.is-enhanced.is-open .image-overlay-card__desc{max-height:var(--ioc-reveal-max);opacity:1;overflow-y:auto;overscroll-behavior:contain;transition:none}.image-overlay-card__item .image-overlay-card__media img,.image-overlay-card__item .image-overlay-card__media svg{transform:scale(1)}}@media screen and (max-width:1024px){.image-overlay-card__media{aspect-ratio:var(--ioc-mobile-ratio)}}@media screen and (max-width:640px){.image-overlay-card__grid{gap:2rem}.image-overlay-card__item{flex-basis:100%}.image-overlay-card__title{font-size:1.4rem;letter-spacing:.14em}.image-overlay-card__overlay{padding:1.6rem}}@media(prefers-reduced-motion:reduce){.image-overlay-card__item.is-enhanced .image-overlay-card__desc,.image-overlay-card__item.is-enhanced.is-open .image-overlay-card__desc{max-height:var(--ioc-reveal-max);opacity:1;overflow-y:auto;transition:none}.image-overlay-card__media img,.image-overlay-card__media svg,.image-overlay-card__rule,.image-overlay-card__title,.image-overlay-card__scrim{transform:none;transition:none}.image-overlay-card__item.is-open .image-overlay-card__media img,.image-overlay-card__item.is-open .image-overlay-card__media svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/image-overlay-card.css.map */
