.single-image{padding:0 15px;max-width:var(--grid-width-row, 1380px);margin-left:auto;margin-right:auto;text-align:center;position:relative;overflow:hidden}@media only screen and (min-width:768px){.single-image{padding:0 50px}}.single-image.full-width--true{max-width:none;padding:0}.single-image .single-image--mobile{display:block}@media only screen and (min-width:768px){.single-image .single-image--mobile{display:none}}.single-image .single-image--desktop{display:none}@media only screen and (min-width:768px){.single-image .single-image--desktop{display:block}}.single-image img,.single-image svg{margin:0 auto;display:block}.single-image__cta{--badge-size: clamp(180px, 33vw, 340px);position:absolute;width:var(--badge-size);height:var(--badge-size);border-radius:9999px;background:var(--cta-bg, #111);color:var(--cta-color, #fff);display:flex;align-items:center;justify-content:center;padding:1.5rem;text-align:left;text-decoration:none;font-weight:700;line-height:1.1;bottom:clamp(16px,3vw,32px);overflow-wrap:anywhere;z-index:2;hyphens:auto;-webkit-hyphens:auto}.single-image__cta span{display:block;margin:0 auto;max-width:90%;text-wrap:balance}.single-image__cta--right{right:clamp(16px,8vw,124px);left:auto}.single-image__cta--left{left:clamp(16px,8vw,124px);right:auto}.single-image__cta--ts-h6{font-size:calc(var(--font-heading-scale) * 18px)}.single-image__cta--ts-h6{line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 26px))}.single-image__cta--ts-h5{font-size:calc(var(--font-heading-scale) * 24px)}.single-image__cta--ts-h5{line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 32px))}.single-image__cta--ts-h4{font-size:calc(var(--font-heading-scale) * 20px)}.single-image__cta--ts-h4{line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 28px))}@media only screen and (min-width:1068px){.single-image__cta--ts-h4{font-size:calc(var(--font-heading-scale) * 28px)}.single-image__cta--ts-h4{line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 36px))}}.single-image__cta--ts-h3{font-size:calc(var(--font-heading-scale) * 26px)}.single-image__cta--ts-h3{line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 32px))}@media only screen and (min-width:768px){.single-image__cta--ts-h3{font-size:calc(var(--font-heading-scale) * 30px)}.single-image__cta--ts-h3{line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 38px))}}@media only screen and (min-width:1068px){.single-image__cta--ts-h3{font-size:calc(var(--font-heading-scale) * 34px)}.single-image__cta--ts-h3{line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 42px))}}.single-image__cta--ts-h2{font-size:calc(var(--font-heading-scale) * 28px)}.single-image__cta--ts-h2{line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 36px))}@media only screen and (min-width:768px){.single-image__cta--ts-h2{font-size:calc(var(--font-heading-scale) * 36px)}.single-image__cta--ts-h2{line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 44px))}}@media only screen and (min-width:1068px){.single-image__cta--ts-h2{font-size:calc(var(--font-heading-scale) * 42px)}.single-image__cta--ts-h2{line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 50px))}}.single-image__cta--ts-h1,.single-image__cta--ts-h1-large,.single-image__cta--ts-h1-xlarge{font-size:calc(var(--font-heading-scale) * 32px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 40px))}@media only screen and (min-width:768px){.single-image__cta--ts-h1,.single-image__cta--ts-h1-large,.single-image__cta--ts-h1-xlarge{font-size:calc(var(--font-heading-scale) * 36px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 44px))}}@media only screen and (min-width:1068px){.single-image__cta--ts-h1,.single-image__cta--ts-h1-large,.single-image__cta--ts-h1-xlarge{font-size:calc(var(--font-heading-scale) * 50px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 58px))}}@media only screen and (max-width:767px){.single-image__cta{--badge-size: clamp(120px, 45vw, 240px);bottom:clamp(12px,3vw,32px)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/single-image.css.map */