.single-grid-image{--single-grid-image-background-color: transparent;--single-grid-image-content-color-mobile: #1c1c1c;--single-grid-image-subtitle-color-mobile: var( --single-grid-image-content-color-mobile );--single-grid-image-heading-bold-color-mobile: #278fff;--single-grid-image-content-color-desktop: var( --single-grid-image-content-color-mobile );--single-grid-image-subtitle-color-desktop: var( --single-grid-image-subtitle-color-mobile );--single-grid-image-heading-bold-color-desktop: var( --single-grid-image-heading-bold-color-mobile );--single-grid-image-content-color: var( --single-grid-image-content-color-mobile );--single-grid-image-subtitle-color: var( --single-grid-image-subtitle-color-mobile );--single-grid-image-heading-bold-color: var( --single-grid-image-heading-bold-color-mobile );--single-grid-image-height: 100vh;--single-grid-image-frame-inset: 12px}.single-grid-image>.page-width.hoto-product-new-frame{padding-inline:0}.single-grid-image__line-frame{position:absolute;inset:0 var(--single-grid-image-frame-inset);pointer-events:none}.single-grid-image__layout{display:flex;justify-content:center}.single-grid-image__cell{position:relative;width:100%;background-color:var(--single-grid-image-background-color);box-sizing:border-box}.single-grid-image--fixed-height .single-grid-image__cell{height:var(--single-grid-image-height);min-height:320px;overflow:hidden}.single-grid-image__picture{display:block}.single-grid-image--fixed-height .single-grid-image__picture{height:100%}.single-grid-image__img{display:block;width:100%;height:auto}.single-grid-image--fixed-height .single-grid-image__img{height:100%;object-fit:cover}.single-grid-image__img--mobile-only{display:block}.single-grid-image__img--desktop-only{display:none}.single-grid-image__img--placeholder{background:rgba(var(--color-foreground),.04)}.single-grid-image__content-shell{position:absolute;inset:0 var(--single-grid-image-frame-inset);z-index:3;pointer-events:none}.single-grid-image__content{--single-grid-image-content-top-inset: 40px;--single-grid-image-content-slot-1-top: 40px;--single-grid-image-content-slot-2-top: 146px;--single-grid-image-content-slot-3-top: 252px;--single-grid-image-content-slot-4-top: 358px;--single-grid-image-content-slot-5-top: 464px;--single-grid-image-content-horizontal-inset: 12px;--single-grid-image-content-bottom-inset: 112px;position:absolute;box-sizing:border-box;width:max-content;max-width:calc(100% - var(--single-grid-image-content-horizontal-inset) - var(--single-grid-image-content-horizontal-inset));z-index:4;pointer-events:auto}.single-grid-image__content[data-position-mobile^=top-]{top:var(--single-grid-image-content-slot-1-top)}.single-grid-image__content[data-position-mobile^=upper-]{top:var(--single-grid-image-content-slot-2-top)}.single-grid-image__content[data-position-mobile^=middle-]{top:var(--single-grid-image-content-slot-3-top)}.single-grid-image__content[data-position-mobile^=lower-]{top:var(--single-grid-image-content-slot-4-top)}.single-grid-image__content[data-position-mobile^=bottom-]{top:var(--single-grid-image-content-slot-5-top)}.single-grid-image__content[data-position-mobile$=-left]{left:var(--single-grid-image-content-horizontal-inset);text-align:left}.single-grid-image__content[data-position-mobile$=-center]{left:50%;text-align:center}.single-grid-image__content[data-position-mobile$=-right]{right:var(--single-grid-image-content-horizontal-inset);text-align:right}.single-grid-image__content[data-position-mobile=top-center],.single-grid-image__content[data-position-mobile=upper-center],.single-grid-image__content[data-position-mobile=middle-center],.single-grid-image__content[data-position-mobile=lower-center],.single-grid-image__content[data-position-mobile=bottom-center]{transform:translate(-50%)}.single-grid-image__content[data-position-mobile=upper-left],.single-grid-image__content[data-position-mobile=middle-left],.single-grid-image__content[data-position-mobile=lower-left],.single-grid-image__content[data-position-mobile=bottom-left],.single-grid-image__content[data-position-mobile=top-right],.single-grid-image__content[data-position-mobile=upper-right],.single-grid-image__content[data-position-mobile=middle-right],.single-grid-image__content[data-position-mobile=lower-right],.single-grid-image__content[data-position-mobile=bottom-right]{transform:none}.single-grid-image .single-grid-image__heading{color:var(--single-grid-image-content-color)}.single-grid-image__heading{margin:0 0 6px;font-size:22px;font-weight:600;line-height:1.1}.single-grid-image__heading>*{color:var(--single-grid-image-content-color);margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}.single-grid-image__heading :is(b,strong){color:var(--single-grid-image-heading-bold-color, #278fff)}.single-grid-image__content-image-shell{padding-inline:clamp(12px,2vw,28px);line-height:0;margin:0}.single-grid-image__content-image{display:block;width:80px;height:auto}.single-grid-image__content[data-position-mobile$=-center] .single-grid-image__content-image{margin-inline:auto}.single-grid-image__content[data-position-mobile$=-right] .single-grid-image__content-image{margin-left:auto}.single-grid-image__heading+.single-grid-image__content-image-shell,.single-grid-image__description+.single-grid-image__content-image-shell{margin-top:8px}.single-grid-image__description{color:var(--single-grid-image-subtitle-color);margin:0;font-size:12px;font-weight:400;line-height:1.1}.single-grid-image__description>*{color:var(--single-grid-image-subtitle-color);margin:0;font-size:inherit;line-height:inherit}.single-grid-image .rte ul{padding-left:0}.single-grid-image .line-marker{z-index:4}@media screen and (max-width:749px){.single-grid-image__content{width:calc(100% - var(--single-grid-image-content-horizontal-inset) - var(--single-grid-image-content-horizontal-inset));max-width:327px}.single-grid-image__content[data-content-alignment-mobile=left]{right:auto;left:var(--single-grid-image-content-horizontal-inset);transform:none;text-align:left}.single-grid-image__content[data-content-alignment-mobile=center]{right:auto;left:50%;transform:translate(-50%);text-align:center}.single-grid-image__content[data-content-alignment-mobile=right]{right:var(--single-grid-image-content-horizontal-inset);left:auto;transform:none;text-align:right}.single-grid-image__content[data-content-alignment-mobile=left] .single-grid-image__content-image{margin-inline:0 auto}.single-grid-image__content[data-content-alignment-mobile=center] .single-grid-image__content-image{margin-inline:auto}.single-grid-image__content[data-content-alignment-mobile=right] .single-grid-image__content-image{margin-inline:auto 0}}@media screen and (min-width:750px){.single-grid-image{--single-grid-image-frame-inset: var(--hoto-fluid-rail-inset);--single-grid-image-content-color: var( --single-grid-image-content-color-desktop );--single-grid-image-subtitle-color: var( --single-grid-image-subtitle-color-desktop );--single-grid-image-heading-bold-color: var( --single-grid-image-heading-bold-color-desktop )}.single-grid-image__img--mobile-only{display:none}.single-grid-image__img--desktop-only{display:block}.single-grid-image__content{--single-grid-image-content-top-inset: 80px;--single-grid-image-content-horizontal-inset: 122px;--single-grid-image-content-bottom-inset: 80px;top:auto;right:auto;bottom:auto;left:auto;transform:none;text-align:left}.single-grid-image__content[data-position-desktop^=top-]{top:var(--single-grid-image-content-top-inset);bottom:auto}.single-grid-image__content[data-position-desktop^=middle-]{top:50%;bottom:auto}.single-grid-image__content[data-position-desktop^=bottom-]{top:auto;bottom:var(--single-grid-image-content-bottom-inset)}.single-grid-image__content[data-position-desktop$=-left]{right:auto;left:var(--single-grid-image-content-horizontal-inset);text-align:left}.single-grid-image__content[data-position-desktop$=-center]{right:auto;left:50%;text-align:center}.single-grid-image__content[data-position-desktop$=-right]{right:var(--single-grid-image-content-horizontal-inset);left:auto;text-align:right}.single-grid-image__content[data-position-desktop=top-center],.single-grid-image__content[data-position-desktop=bottom-center]{transform:translate(-50%)}.single-grid-image__content[data-position-desktop=middle-left],.single-grid-image__content[data-position-desktop=middle-right]{transform:translateY(-50%)}.single-grid-image__content[data-position-desktop=middle-center]{transform:translate(-50%,-50%)}.single-grid-image__content[data-position-desktop$=-left] .single-grid-image__content-image{margin-inline:0 auto}.single-grid-image__content[data-position-desktop$=-center] .single-grid-image__content-image{margin-inline:auto}.single-grid-image__content[data-position-desktop$=-right] .single-grid-image__content-image{margin-inline:auto 0}.single-grid-image__heading{font-size:40px}.single-grid-image__content[data-content-alignment-desktop=left]{text-align:left}.single-grid-image__content[data-content-alignment-desktop=center]{text-align:center}.single-grid-image__content[data-content-alignment-desktop=right]{text-align:right}.single-grid-image__content[data-content-alignment-desktop=left] .single-grid-image__content-image{margin-inline:0 auto}.single-grid-image__content[data-content-alignment-desktop=center] .single-grid-image__content-image{margin-inline:auto}.single-grid-image__content[data-content-alignment-desktop=right] .single-grid-image__content-image{margin-inline:auto 0}.single-grid-image__description{font-size:16px}.single-grid-image__content-image{width:131px}}@media screen and (min-width:750px){.single-grid-image__content{--single-grid-image-content-top-inset: clamp( 41.667px, 5.555556vw, 106.667px );--single-grid-image-content-top-inset: calc( 80 * var(--hoto-fluid-design-px) );--single-grid-image-content-horizontal-inset: 8.472222vw;--single-grid-image-content-horizontal-inset: calc( 11.8055555556vw - var(--hoto-fluid-rail-inset) );--single-grid-image-content-bottom-inset: clamp( 41.667px, 5.555556vw, 106.667px );--single-grid-image-content-bottom-inset: calc( 80 * var(--hoto-fluid-design-px) )}.single-grid-image__heading{margin-bottom:clamp(3.125px,.416667vw,8px);margin-bottom:calc(6 * var(--hoto-fluid-design-px));font-size:clamp(20.833px,2.777778vw,53.333px);font-size:calc(40 * var(--hoto-fluid-design-px))}.single-grid-image__content-image-shell{padding-inline:clamp(14.583px,1.944444vw,37.333px);padding-inline:calc(28 * var(--hoto-fluid-design-px))}.single-grid-image__heading+.single-grid-image__content-image-shell,.single-grid-image__description+.single-grid-image__content-image-shell{margin-top:clamp(4.167px,.555556vw,10.667px);margin-top:calc(8 * var(--hoto-fluid-design-px))}.single-grid-image__description{font-size:clamp(8.333px,1.111111vw,21.333px);font-size:calc(16 * var(--hoto-fluid-design-px))}.single-grid-image__content-image{width:clamp(68.229px,9.097222vw,174.667px);width:calc(131 * var(--hoto-fluid-design-px))}}.single-grid-image__link{display:block;height:100%}.single-grid-image__link:focus-visible{outline:3px solid currentColor;outline-offset:-3px}
/*# sourceMappingURL=/cdn/shop/t/236/assets/section-single-grid-image.css.map */