.qj-responsive-image{box-sizing:border-box;min-width:0;padding:var(--ri-top,0px) var(--responsive-gutter,20px) var(--ri-bottom,80px);background:var(--ri-background,#fff)}.qj-responsive-image[data-layout=full]{padding-inline:0}.qj-responsive-image__container{display:flex;justify-content:var(--ri-align,center);min-width:0;width:100%}.qj-responsive-image__figure{flex:0 1 auto;min-width:0;width:min(100%,var(--ri-width,100%));max-width:var(--ri-max,1500px);margin:0}.qj-responsive-image__link{display:block;color:inherit}.qj-responsive-image__link:focus-visible{outline:2px solid #806239;outline-offset:4px}.qj-responsive-image__media{position:relative;width:100%;min-width:0;background:var(--ri-frame-background,#fff)}.qj-responsive-image__media picture{display:block}.qj-responsive-image__media img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}.qj-image-banner__fixed{display:none}@media(min-width:750px)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.qj-image-banner__fixed{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:var(--ri-focus,center);background-repeat:no-repeat;background-attachment:fixed;pointer-events:none}[data-background-motion=fixed] .qj-image-banner__fixed~:is(picture,img){opacity:0}}.qj-responsive-image__caption{margin-top:16px;font-size:14px;line-height:1.7;color:var(--color-ink-soft,#48443e);overflow-wrap:anywhere}.qj-responsive-image__empty{display:grid;place-content:center;min-height:180px;padding:24px;border:1px dashed currentColor;font-size:16px;text-align:center}.qj-responsive-image__media--banner{display:grid;isolation:isolate}.qj-responsive-image__media--banner>:is(picture,img,.qj-responsive-image__empty){grid-area:1/1}.qj-image-banner__overlay{grid-area:1/1;position:relative;z-index:1;display:grid;align-items:center;padding:clamp(16px,2vw,40px) clamp(24px,10vw,192px);color:var(--ri-text-color,#fff);text-align:var(--ri-text-align,right);background:rgba(0,0,0,var(--ri-overlay-opacity,.2))}.qj-image-banner__copy{justify-self:var(--ri-text-align,right);width:min(100%,22rem);overflow-wrap:anywhere}.qj-image-banner__copy h2{margin:0;color:inherit;font-family:var(--font-heading,Georgia,serif);font-size:var(--ri-title-size,32px);font-weight:400;line-height:1.25;letter-spacing:.02em}.qj-image-banner__copy p{margin:14px 0 0;padding-top:10px;border-top:1px solid currentColor;display:inline-block;color:inherit;font-size:11px;line-height:1.6;letter-spacing:.12em}@media(max-width:749px){.qj-image-banner__overlay{padding:24px}.qj-image-banner__copy{width:min(70%,18rem)}.qj-image-banner__copy h2{font-size:var(--ri-title-mobile,26px)}}@media(min-width:750px){.qj-responsive-image[data-desktop-mode=ratio] .qj-responsive-image__media{aspect-ratio:var(--ri-ratio,16 / 9)}.qj-responsive-image[data-desktop-mode=custom] .qj-responsive-image__media{height:var(--ri-height,560px)}.qj-responsive-image:is([data-desktop-mode=ratio],[data-desktop-mode=custom]) .qj-responsive-image__media :is(picture,img){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.qj-responsive-image:is([data-desktop-mode=ratio],[data-desktop-mode=custom]) .qj-responsive-image__media img{object-fit:var(--ri-fit,contain);object-position:var(--ri-focus,center)}}@media(max-width:749px){.qj-responsive-image{padding-block:var(--ri-mobile-top,0px) var(--ri-mobile-bottom,48px)}.qj-responsive-image__container{justify-content:var(--ri-mobile-align,center)}.qj-responsive-image__figure{width:min(100%,var(--ri-mobile-width,100%))}.qj-responsive-image[data-mobile-mode=ratio] .qj-responsive-image__media{aspect-ratio:var(--ri-mobile-ratio,3 / 4)}.qj-responsive-image[data-mobile-mode=custom] .qj-responsive-image__media{height:var(--ri-mobile-height,360px)}.qj-responsive-image:is([data-mobile-mode=ratio],[data-mobile-mode=custom]) .qj-responsive-image__media :is(picture,img){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.qj-responsive-image:is([data-mobile-mode=ratio],[data-mobile-mode=custom]) .qj-responsive-image__media img{object-fit:var(--ri-mobile-fit,contain);object-position:var(--ri-mobile-focus,center)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/responsive-image.css.map */