section.features-center-image{background-color:var(--fci-section-bg, rgb(var(--color-white)));color:var(--fci-text-color, rgb(var(--color-brand-navy-blue)))}.features-center-image__layout{display:flex;flex-direction:column;gap:2.4rem}@media screen and (min-width:750px){.features-center-image__layout{gap:4rem}}.features-center-image__header{display:flex;flex-direction:column;align-items:center;gap:1.2rem;text-align:center;max-width:64rem;margin-inline:auto}@media screen and (min-width:750px){.features-center-image__header{gap:1.6rem}}.features-center-image__eyebrow{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.12em;line-height:1.4;text-transform:uppercase;color:var(--fci-eyebrow-color, rgb(var(--color-brand-purple-300)))}.features-center-image__heading{margin:0;width:100%}.features-center-image__intro{margin:0;color:rgb(var(--color-brand-navy-blue) / .8)}.features-center-image__intro p{margin:0}.features-center-image__panel{display:flex;flex-direction:column;gap:2rem}@media screen and (max-width:989px){.features-center-image__panel{align-items:center}}@media screen and (min-width:990px){.features-center-image__panel--has-center{--fci-center-clearance: calc(var(--fci-image-size, 32rem) / 2 + 2.4rem);position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:visible}}@media screen and (min-width:990px){.features-center-image__panel:not(.features-center-image__panel--has-center){display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:start}}.features-center-image__col{min-width:0}@media screen and (max-width:989px){.features-center-image__col{width:100%;display:flex;justify-content:center}}@media screen and (min-width:990px){.features-center-image__panel--has-center .features-center-image__col--left{grid-column:1;grid-row:1;padding-right:var(--fci-center-clearance)}}@media screen and (min-width:990px){.features-center-image__panel--has-center .features-center-image__col--right{grid-column:2;grid-row:1;padding-left:var(--fci-center-clearance)}}.features-center-image__cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.2rem}@media screen and (max-width:989px){.features-center-image__cards{align-items:center;width:100%}}@media screen and (min-width:990px){.features-center-image__panel--has-center .features-center-image__col--left .features-center-image__cards{align-items:flex-end}}@media screen and (min-width:990px){.features-center-image__panel--has-center .features-center-image__col--right .features-center-image__cards{align-items:flex-start}}@media screen and (min-width:990px){.features-center-image__panel:not(.features-center-image__panel--has-center) .features-center-image__col--left .features-center-image__cards{align-items:flex-end}}@media screen and (min-width:990px){.features-center-image__panel:not(.features-center-image__panel--has-center) .features-center-image__col--right .features-center-image__cards{align-items:flex-start}}@media screen and (min-width:990px){.features-center-image__panel--has-center .features-center-image__cards{gap:1.6rem;min-height:100%;justify-content:center}}.features-center-image__card{display:flex;flex-direction:column;gap:.8rem;width:100%;padding:1.6rem;background:var(--fci-card-bg, #fbf8f7);border-radius:var(--radius-medium)}@media screen and (max-width:989px){.features-center-image__card{align-self:center}}@media screen and (min-width:750px){.features-center-image__card{padding:2rem}}@media screen and (min-width:990px){.features-center-image__card{max-width:34rem}}@media screen and (min-width:990px){.features-center-image__col--left .features-center-image__card:nth-child(2){align-self:flex-start}}@media screen and (min-width:990px){.features-center-image__col--right .features-center-image__card:nth-child(2){align-self:flex-end}}.features-center-image__card-title{margin:0;color:var(--fci-text-color, rgb(var(--color-brand-navy-blue)))}.features-center-image__card-body{margin:0;color:rgb(var(--color-brand-navy-blue) / .75)}.features-center-image__card-body p{margin:0}.features-center-image__center{display:flex;justify-content:center;align-items:center;padding-block:.8rem}@media screen and (min-width:990px){.features-center-image__panel--has-center .features-center-image__center{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);padding:0;width:var(--fci-image-size, 32rem);pointer-events:none}}.features-center-image__center-inner{position:relative;display:flex;align-items:center;justify-content:center;width:min(80vw,var(--fci-image-size, 32rem));aspect-ratio:1}@media screen and (min-width:990px){.features-center-image__panel--has-center .features-center-image__center-inner{width:100%}}.features-center-image__center-image{display:block;width:100%;height:100%;object-fit:contain}.features-center-image__callout{position:relative;overflow:hidden;border-radius:var(--radius-large);color:var(--fci-callout-text, rgb(var(--color-white)))}.features-center-image__callout-bg{position:absolute;bottom:1.6rem;z-index:1;pointer-events:none}@media screen and (max-width:749px){.features-center-image__callout-bg{transform-origin:50% 100%}}.features-center-image__callout-bg img{display:block;max-width:none;height:auto}.features-center-image__callout-bg--left{left:0}@media screen and (max-width:749px){.features-center-image__callout-bg--left{transform:scale(.6) translate(-40%)}}.features-center-image__callout-bg--right{right:0}@media screen and (max-width:749px){.features-center-image__callout-bg--right{transform:scale(.6) translate(40%)}}.features-center-image__callout-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:3.6rem 1.6rem;text-align:center;max-width:72rem;margin-inline:auto}@media screen and (min-width:750px){.features-center-image__callout-inner{padding-block:3.2rem}}.features-center-image__callout-heading{margin:0;color:inherit;font-size:2.6rem;line-height:1.2}@media screen and (min-width:750px){.features-center-image__callout-heading{font-size:3.6rem}}.features-center-image__callout-text{margin:0;color:inherit;opacity:.9;font-size:1.6rem;line-height:1.4}@media screen and (min-width:750px){.features-center-image__callout-text{font-size:1.8rem;line-height:1.5}}.features-center-image__callout-text p{margin:0;font-size:inherit;line-height:inherit}
/*# sourceMappingURL=/cdn/shop/t/322/assets/section-features-with-center-image.css.map */