.ccn-hero{position:relative;min-height:50rem;display:flex;align-items:flex-end;overflow:hidden;color:#fff}.ccn-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.ccn-hero__image{width:100%;height:100%;object-fit:cover;object-position:center 30%}.ccn-hero__overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;display:block;background:linear-gradient(to top,#000000a6,#0000004d 40%,#0000000d)}.ccn-hero__content{position:relative;z-index:2;width:100%;padding:3.2rem 1.6rem}.ccn-hero__content-inner{max-width:var(--page-width);margin:0 auto;display:flex;flex-direction:column;gap:1.6rem}.ccn-hero__badge{align-self:flex-start;font-size:1rem;letter-spacing:.1rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ccn-hero__heading{color:#fff;max-width:60rem}.ccn-hero__heading em,.ccn-hero__heading i{font-family:var(--font-emphasis-italic-family);font-weight:200;font-style:italic;color:#fff}.ccn-hero__subtext{font-size:1.4rem;line-height:1.7;color:#ffffffd9;margin:0;max-width:50rem}.ccn-hero__subtext strong{color:#fff;font-weight:600}.ccn-hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.4rem}.ccn-hero__button.ccn-button--secondary{background:#fff;color:#1a1a1a;border-color:#fff}.ccn-hero__button.ccn-button--secondary:hover{background:#ffffffe6}.ccn-hero__button.ccn-button--primary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ccn-hero__button.ccn-button--primary:hover{background:#ffffff40;border-color:#fff6}.ccn-hero__stats{margin-top:1.2rem}.ccn-hero__stats .ccn-stats-bar__value{color:#fff}.ccn-hero__stats .ccn-stats-bar__label{color:#fffc}.ccn-hero__stats .ccn-stats-bar__separator{background:#ffffff40}@media screen and (min-width:750px){.ccn-hero{min-height:60rem}.ccn-hero__content{padding:4.8rem 4rem}.ccn-hero__subtext{font-size:1.5rem}}@media screen and (min-width:990px){.ccn-hero{min-height:65rem}.ccn-hero__content{padding:6.4rem 5.6rem}}@media screen and (max-width:749px){.ccn-hero{min-height:55rem}.ccn-hero__heading{font-size:3.2rem}.ccn-hero__buttons{flex-direction:column}.ccn-hero__buttons .ccn-button{width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/147/assets/section-ccn-hero.compiled.scss.css.map */