.divergent-banner{position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate}.divergent-banner__media,.divergent-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.divergent-banner__media{z-index:-2}.divergent-banner__image{display:block;width:100%;height:100%;object-fit:cover}.divergent-banner__overlay{z-index:-1;background:#000}.divergent-banner__content{position:relative;width:100%;padding-top:6rem;padding-bottom:6rem;color:#fff}.divergent-banner--center .divergent-banner__content{text-align:center}.divergent-banner--left .divergent-banner__content{text-align:left}.divergent-banner__content>*{max-width:90rem}.divergent-banner--center .divergent-banner__content>*{margin-left:auto;margin-right:auto}.divergent-banner__eyebrow{margin:0 0 1.6rem;color:#fff;opacity:.85}.divergent-banner__heading{margin:0;color:#fff;text-transform:uppercase;text-wrap:balance}.divergent-banner__subheading{margin:2rem 0 0;font-size:1.8rem;line-height:1.5;color:#fff}.divergent-banner__buttons{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:3.6rem}.divergent-banner--center .divergent-banner__buttons{justify-content:center}.divergent-banner .button--secondary{--color-button-text: 255, 255, 255;--border-opacity: 1;color:#fff}@media screen and (min-width:750px){.divergent-banner__subheading{font-size:2rem}}@media screen and (max-width:749px){.divergent-banner__buttons .button{width:100%}}.divergent-banner--hero{align-items:flex-start}.divergent-banner--hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 55% at 50% 38%,#00000080,#00000040 55%,#0000)}.divergent-banner--hero .divergent-banner__content{padding-top:5rem}.divergent-banner--hero .divergent-banner__eyebrow{font-size:1.4rem;font-weight:700;letter-spacing:.3em;opacity:1}.divergent-banner--hero .divergent-banner__eyebrow,.divergent-banner--hero .divergent-banner__heading,.divergent-banner--hero .divergent-banner__subheading{text-shadow:0 2px 14px rgba(0,0,0,.55)}.divergent-banner--hero .divergent-banner__subheading{font-weight:600}@media screen and (min-width:750px){.divergent-banner--hero .divergent-banner__content{padding-top:7rem}.divergent-banner--hero .divergent-banner__eyebrow{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-divergent-banner.css.map */