.h2s-gallery{display:block;position:relative;width:100%;background:#faf9f6;color:#4b3a32}.h2s-gallery__viewport{position:relative;width:100%;aspect-ratio:2.65 / 1;overflow:hidden}.h2s-gallery__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s;pointer-events:none}.h2s-gallery__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.h2s-gallery__media{position:relative;width:100%;height:100%;display:block;color:inherit;text-decoration:none}.h2s-gallery__media picture{display:block;width:100%;height:100%}.h2s-gallery__image{display:block;width:100%;height:100%;object-fit:cover}.h2s-gallery__placeholder,.h2s-gallery__empty{display:grid;place-items:center;width:100%;height:100%;background:#eae7e0;font:clamp(20px,3vw,54px) Georgia,serif;letter-spacing:.12em;text-align:center}@media(max-width:749px){.h2s-gallery__viewport{aspect-ratio:1.25 / 1}}@media(prefers-reduced-motion:reduce){.h2s-gallery__slide{transition:none}}.h2s-gallery__image-placeholder{width:100%;height:100%;background:#eae7e0}.h2s-gallery__image{object-position:center center}.h2s-gallery__viewport{background:#eae7e0}.h2s-gallery--contain .h2s-gallery__viewport{background:#faf9f6}.h2s-gallery--contain .h2s-gallery__image{object-fit:contain}.h2s-gallery--tall .h2s-gallery__viewport{aspect-ratio:1.6 / 1}.h2s-gallery--screen .h2s-gallery__viewport{aspect-ratio:auto;height:max(400px,calc(100svh - 180px))}@media(max-width:749px){.h2s-gallery--tall .h2s-gallery__viewport{aspect-ratio:.85 / 1}.h2s-gallery--screen .h2s-gallery__viewport{height:max(320px,calc(100svh - 140px))}}.h2s-gallery--balanced .h2s-gallery__viewport{aspect-ratio:2.6 / 1;height:auto;max-height:calc(100svh - 190px)}.h2s-gallery__image{object-position:50% 50%}@media(max-width:749px){.h2s-gallery--balanced .h2s-gallery__viewport{aspect-ratio:1.3 / 1;height:auto;max-height:calc(100svh - 180px)}}.h2s-gallery .h2s-gallery__image{object-position:var(--h2s-position-x,50%) var(--h2s-position-y,50%)}@media(max-width:749px){.h2s-gallery .h2s-gallery__image{object-position:var(--h2s-mobile-position-x,50%) var(--h2s-mobile-position-y,50%)}}.h2s-gallery__destination{position:absolute;left:clamp(16px,3vw,48px);bottom:clamp(16px,3vw,40px);z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:13px 20px;border:1px solid rgba(250,249,246,.45);border-radius:2px;background:#4b3a32ed;color:#faf9f6;box-shadow:0 3px 16px #00000014;font-family:var(--font-body-family);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translateY(5px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.h2s-gallery__destination svg{display:block;flex-shrink:0;width:22px;height:16px}.h2s-gallery__media:hover .h2s-gallery__destination,.h2s-gallery__media:focus-visible .h2s-gallery__destination,.h2s-gallery__media:active .h2s-gallery__destination{opacity:1;transform:translateY(0)}@media(hover:none){.h2s-gallery__destination{opacity:1;transform:none}}@media(max-width:749px){.h2s-gallery__destination,.h2s-gallery__media:hover .h2s-gallery__destination,.h2s-gallery__media:focus-visible .h2s-gallery__destination,.h2s-gallery__media:active .h2s-gallery__destination{left:50%;top:50%;bottom:auto;max-width:calc(100% - 40px);transform:translate(-50%,-50%);opacity:1;padding:13px 20px;font-size:11px;letter-spacing:.14em}}@media(prefers-reduced-motion:reduce){.h2s-gallery__destination{transition:none}}.h2s-gallery__destination{left:50%;top:auto;bottom:clamp(20px,3vw,40px);transform:translate(-50%,5px);max-width:calc(100% - 32px)}.h2s-gallery__media:hover .h2s-gallery__destination,.h2s-gallery__media:focus-visible .h2s-gallery__destination,.h2s-gallery__media:active .h2s-gallery__destination{transform:translate(-50%)}@media(hover:none){.h2s-gallery__destination{transform:translate(-50%)}}@media(max-width:749px){.h2s-gallery__destination,.h2s-gallery__media:hover .h2s-gallery__destination,.h2s-gallery__media:focus-visible .h2s-gallery__destination,.h2s-gallery__media:active .h2s-gallery__destination{left:50%;top:auto;bottom:20px;transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/h2s-gallery.css.map */