.banner.banner--futuristic{--fx-gold: 201, 164, 92;--fx-gold-deep: 176, 138, 60;position:relative;overflow:hidden;isolation:isolate;background:#07070a}.banner.banner--futuristic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:1!important;background:radial-gradient(45% 50% at 50% 48%,rgba(var(--fx-gold),.16),transparent 70%),radial-gradient(120% 90% at 50% 40%,transparent 45%,rgba(7,7,10,.85) 100%),linear-gradient(180deg,#07070a8c,#07070a1a,#07070a40 70%,#07070a)!important}.banner--futuristic .banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000 20%,transparent 75%)}.banner--futuristic .banner__content{position:relative;z-index:2}.banner--futuristic .banner__content:before,.banner--futuristic .banner__content:after{content:"";position:absolute;width:44px;height:44px;pointer-events:none;border-color:rgba(var(--fx-gold),.85);border-style:solid}.banner--futuristic .banner__content:before{top:3.2rem;left:3.2rem;border-width:2px 0 0 2px;border-top-left-radius:8px}.banner--futuristic .banner__content:after{right:3.2rem;bottom:3.2rem;border-width:0 2px 2px 0;border-bottom-right-radius:8px}.banner--futuristic .banner__box.content-container{position:relative;overflow:hidden;max-width:78rem;padding:5.6rem 6.4rem;border:1px solid rgba(var(--fx-gold),.3);border-radius:20px;background:linear-gradient(160deg,#ffffff14,#ffffff04);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);box-shadow:inset 0 1px #ffffff1a,0 40px 80px -40px #000000e6,0 0 80px -30px rgba(var(--fx-gold),.3)}.banner--futuristic .banner__box.content-container:after{display:none}.banner--futuristic .banner__box.content-container:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--fx-gold),1),transparent)}.banner--futuristic .banner__heading{letter-spacing:-.015em;line-height:1.05;background:linear-gradient(100deg,#fff 0% 30%,#fbf1d9 42%,#fff 50%,#e8d3a0 72%,rgb(var(--fx-gold-deep)));background-size:250% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fx-hero-shimmer 2.8s cubic-bezier(.22,1,.36,1) .4s 1 both}.banner--futuristic .banner__heading strong{color:inherit;font-weight:inherit}.banner--futuristic .banner__heading:after{content:"";display:block;width:72px;height:1px;margin:2.4rem auto 0;background:linear-gradient(90deg,transparent,rgb(var(--fx-gold)),transparent)}.banner--content-align-left.banner--futuristic .banner__heading:after{margin-left:0}.banner--content-align-right.banner--futuristic .banner__heading:after{margin-right:0}.banner--futuristic .banner__text{max-width:58rem;margin-left:auto;margin-right:auto;color:#ffffffdb;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 2.1rem);line-height:1.5;letter-spacing:.015em}.banner--futuristic .banner__text p{font:inherit;letter-spacing:inherit}.banner--futuristic .banner__buttons{margin-top:1.2rem;gap:1.6rem}.banner--futuristic .button--primary{--color-button: var(--fx-gold);--color-button-text: 7, 7, 10;min-width:18rem;box-shadow:0 0 36px rgba(var(--fx-gold),.32);transition:box-shadow .4s ease}.banner--futuristic .button--primary:hover{box-shadow:0 0 52px rgba(var(--fx-gold),.5)}.banner--futuristic .button--secondary{--color-button-text: var(--fx-gold);--alpha-button-background: 0;min-width:18rem;color:rgb(var(--fx-gold));background:#ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .4s ease,color .4s ease}.banner--futuristic .button--secondary:hover{background:rgba(var(--fx-gold),.14);color:#fff}.banner--futuristic .button:focus-visible{outline:2px solid rgb(var(--fx-gold));outline-offset:4px}@keyframes fx-hero-shimmer{0%{background-position:100% 50%}to{background-position:0% 50%}}@media screen and (max-width:749px){.banner--futuristic .banner__box.content-container{margin:0 1.6rem;padding:3.6rem 2.4rem;border-radius:16px}.banner--futuristic .banner__content:before,.banner--futuristic .banner__content:after{width:28px;height:28px}.banner--futuristic .banner__content:before{top:1.2rem;left:1.2rem}.banner--futuristic .banner__content:after{right:1.2rem;bottom:1.2rem}.banner--futuristic .banner__heading:after{margin-top:1.6rem}.banner--futuristic .banner__text{font-size:calc(var(--font-heading-scale) * 1.7rem)}.banner--futuristic .button--primary,.banner--futuristic .button--secondary{min-width:0}}@media(prefers-reduced-motion:reduce){.banner--futuristic .banner__heading{animation:none}.banner--futuristic .button--primary,.banner--futuristic .button--secondary{transition:none}}@media screen and (min-width:750px){.banner--futuristic .banner__content[class*=banner__content--bottom]{padding-bottom:5.6rem}.banner--futuristic .banner__content[class*=banner__content--bottom] .banner__box.content-container{max-width:64rem;padding:3.6rem 5.6rem 4rem}.banner--futuristic .banner__content[class*=banner__content--bottom] .banner__heading:after{margin-top:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-image-banner-futuristic.css.map */
