.pro-image-banner{position:relative;overflow:hidden;isolation:isolate;background:rgb(var(--color-background));color:rgb(var(--color-foreground));--pib-desktop-frame-min: clamp(58rem, 56.25vw, 82rem);--pib-mobile-frame-min: clamp(68rem, 177.78vw, 86rem)}.pro-image-banner--desktop-wide{--pib-desktop-frame-min: clamp(58rem, 45vw, 72rem)}.pro-image-banner--desktop-landscape{--pib-desktop-frame-min: clamp(58rem, 56.25vw, 82rem)}.pro-image-banner--mobile-compact{--pib-mobile-frame-min: clamp(54rem, 140vw, 68rem)}.pro-image-banner--mobile-portrait{--pib-mobile-frame-min: clamp(68rem, 177.78vw, 86rem)}.pro-image-banner *,.pro-image-banner *:before,.pro-image-banner *:after{box-sizing:border-box}.pro-image-banner__media,.pro-image-banner__darken,.pro-image-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.pro-image-banner__media{z-index:0;overflow:hidden;background:rgb(var(--color-background))}.pro-image-banner__media picture,.pro-image-banner__media img,.pro-image-banner__placeholder{width:100%;height:100%;display:block}.pro-image-banner__media img,.pro-image-banner__placeholder{object-fit:cover;object-position:center center}.pro-image-banner__placeholder{background:rgba(var(--color-foreground),.08)}.pro-image-banner__darken{z-index:1;pointer-events:none;background:rgba(var(--color-shadow),var(--pib-desktop-darken))}.pro-image-banner__overlay{z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(var(--color-background),var(--pib-desktop-overlay)) 0%,rgba(var(--color-background),calc(var(--pib-desktop-overlay) * .94)) 28%,rgba(var(--color-background),0) var(--pib-desktop-overlay-reach))}.pro-image-banner__content-shell{position:relative;z-index:3;min-height:var(--pib-desktop-frame-min);display:flex;align-items:center;pointer-events:none}.pro-image-banner__content{width:min(100%,var(--pib-content-max));display:flex;flex-direction:column;align-items:flex-start;padding-block:5rem;pointer-events:auto}.pro-image-banner__eyebrow{display:inline-flex;align-items:center;min-height:3.4rem;padding:.75rem 1.5rem;border:1px solid rgba(var(--color-foreground),.24);border-radius:.8rem;background:rgba(var(--color-background),.18);color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--pro-type-label-size);font-weight:var(--pro-type-label-weight);line-height:1;letter-spacing:.08em;text-transform:uppercase}.pro-image-banner__heading{margin:var(--pro-theme-space-eyebrow-heading) 0 0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:clamp(4rem,3.8vw,var(--pro-type-display-size));font-weight:var(--pro-type-display-weight);line-height:var(--pro-theme-heading-line-height);letter-spacing:-.04em;text-wrap:balance}.pro-image-banner__heading em{color:rgb(var(--color-button));font-family:var(--font-heading-family);font-style:italic;font-weight:400}.pro-image-banner__rating{display:inline-flex;align-items:center;gap:1rem;margin-top:2.4rem;padding:.8rem 1.2rem;border:1px solid rgba(var(--color-foreground),.22);border-radius:.8rem;background:rgba(var(--color-background),.18);color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--pro-type-small-size);font-weight:var(--pro-type-small-weight);line-height:1.2}.pro-image-banner__stars{display:inline-flex;gap:.2rem;line-height:1;white-space:nowrap}.pro-image-banner__stars span{width:1.8rem;height:1.8rem;display:grid;place-items:center;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:1.25rem;line-height:1}.pro-image-banner__description{width:min(100%,66rem);margin-top:2.4rem;color:rgba(var(--color-foreground),.9);font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--pro-type-body-size);font-weight:var(--pro-type-body-weight);line-height:var(--pro-theme-body-line-height)}.pro-image-banner__description>*{margin:0}.pro-image-banner__benefits{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;margin-top:2.4rem}.pro-image-banner__benefit{display:inline-flex;align-items:center;gap:.8rem;min-height:4rem;padding:.75rem 1.3rem;border:1px solid rgba(var(--color-foreground),.22);border-radius:.8rem;background:rgba(var(--color-background),.16);color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--pro-type-small-size);font-weight:var(--pro-type-small-weight);line-height:1.2}.pro-image-banner__benefit-icon{width:1.9rem;height:1.9rem;flex:0 0 1.9rem;display:grid;place-items:center}.pro-image-banner__benefit-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pro-image-banner__actions{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:var(--pro-theme-space-content-action)}.pro-image-banner__button{min-width:21rem;min-height:5.6rem}.pro-image-banner__guarantee{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.8rem;color:rgba(var(--color-foreground),.92);font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--pro-type-small-size);font-weight:var(--pro-type-small-weight);line-height:var(--pro-theme-caption-line-height)}.pro-image-banner__guarantee-icon{width:1.8rem;height:1.8rem;flex:0 0 1.8rem}.pro-image-banner__guarantee-icon svg{width:100%;height:100%;fill:currentColor;stroke:rgb(var(--color-background));stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@media screen and (max-width:989px){.pro-image-banner__content{width:min(100%,60rem)}}@media screen and (max-width:749px){.pro-image-banner__darken{background:rgba(var(--color-shadow),var(--pib-mobile-darken))}.pro-image-banner__overlay{background:linear-gradient(180deg,rgba(var(--color-background),var(--pib-mobile-overlay)),rgba(var(--color-background),calc(var(--pib-mobile-overlay) * .98)) 26%,rgba(var(--color-background),calc(var(--pib-mobile-overlay) * .9)) 42%,rgba(var(--color-background),calc(var(--pib-mobile-overlay) * .68)) 54%,rgba(var(--color-background),calc(var(--pib-mobile-overlay) * .42)) 63%,rgba(var(--color-background),calc(var(--pib-mobile-overlay) * .16)) 70%,rgba(var(--color-background),0) 76%)}.pro-image-banner--mobile-content-bottom .pro-image-banner__overlay{background:linear-gradient(180deg,rgba(var(--color-background),0) 24%,rgba(var(--color-background),calc(var(--pib-mobile-overlay) * .16)) 30%,rgba(var(--color-background),calc(var(--pib-mobile-overlay) * .42)) 37%,rgba(var(--color-background),calc(var(--pib-mobile-overlay) * .68)) 46%,rgba(var(--color-background),calc(var(--pib-mobile-overlay) * .9)) 58%,rgba(var(--color-background),calc(var(--pib-mobile-overlay) * .98)) 74%,rgba(var(--color-background),var(--pib-mobile-overlay)))}.pro-image-banner__content-shell{min-height:var(--pib-mobile-frame-min);align-items:flex-start;padding-inline:0}.pro-image-banner--mobile-content-bottom .pro-image-banner__content-shell{align-items:flex-end}.pro-image-banner__content{width:100%;max-width:none;align-items:center;padding:5rem 1.8rem 4.8rem;text-align:center}.pro-image-banner--mobile-content-bottom .pro-image-banner__content{padding:4.8rem 1.8rem 5rem}.pro-image-banner__content>:first-child{margin-top:0}.pro-image-banner__eyebrow{min-height:3.6rem;padding:.8rem 1.5rem;font-size:min(var(--pro-type-label-size),1.3rem)}.pro-image-banner__heading{width:min(100%,38rem);margin-top:2rem;font-size:clamp(3.4rem,9.5vw,4.8rem);line-height:1.08;letter-spacing:-.035em}.pro-image-banner__rating{max-width:calc(100% - 1rem);justify-content:center;gap:.8rem;margin-top:2.6rem;padding:.9rem 1.1rem;font-size:clamp(1.25rem,3.7vw,1.5rem)}.pro-image-banner__stars{gap:.15rem}.pro-image-banner__stars span{width:1.65rem;height:1.65rem;font-size:1.15rem}.pro-image-banner__description{width:min(100%,39rem);margin-top:2.6rem;font-size:clamp(1.45rem,4.1vw,1.7rem);line-height:1.55}.pro-image-banner__benefits{display:grid;width:min(100%,40rem);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1rem;margin-top:2.6rem}.pro-image-banner__benefit{width:100%;min-width:0;min-height:4.2rem;justify-content:center;padding:.8rem 1.2rem;font-size:clamp(1.3rem,3.8vw,1.5rem);text-align:left}.pro-image-banner__benefit:last-child:nth-child(odd){grid-column:1 / -1;width:calc((100% - 1rem)/2);justify-self:center}.pro-image-banner__benefit-icon{width:1.8rem;height:1.8rem;flex-basis:1.8rem}.pro-image-banner__actions{width:min(100%,42rem);flex-direction:column;gap:1.2rem;margin-top:2.8rem}.pro-image-banner__button{width:100%;min-width:0;min-height:5.8rem}.pro-image-banner__guarantee{max-width:38rem;justify-content:center;margin-top:1.9rem;font-size:clamp(1.3rem,3.8vw,1.5rem);text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/pro-image-banner.css.map */