.product-banner:where(.astro-YEDIHZHE){display:flex;padding-top:var(--nav-height);background:#000;height:40rem;width:100%;position:relative;overflow:hidden}.product-banner:where(.astro-YEDIHZHE) img:where(.astro-YEDIHZHE){height:100%;object-fit:cover;object-position:right}.banner-title:where(.astro-YEDIHZHE){z-index:1;min-width:20rem;position:absolute;right:50vw;height:100%;top:var(--nav-height);bottom:0;margin:auto 0;font-size:var(--fs-primary-heading);display:flex;flex-direction:column;align-items:center;justify-content:center}.banner-title:where(.astro-YEDIHZHE) h2:where(.astro-YEDIHZHE){color:#fff;font-size:4.2rem;margin-bottom:var(--size-400)}.banner-title:where(.astro-YEDIHZHE) h3:where(.astro-YEDIHZHE){z-index:auto;direction:ltr;font-size:3rem;border-radius:1.5rem;height:48px;line-height:48px;position:relative}.banner-title:where(.astro-YEDIHZHE) h3:where(.astro-YEDIHZHE) span:where(.astro-YEDIHZHE){width:100%;height:100%;text-align:center;white-space:nowrap;border-radius:inherit;padding:2px var(--size-500) 0;z-index:2;position:relative;display:inline-block;text-transform:uppercase;background:linear-gradient(to left,var(--clr-theme-right),var(--clr-theme-left));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.banner-title:where(.astro-YEDIHZHE) h3:where(.astro-YEDIHZHE):before{z-index:-1;content:"";width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:-1px;left:-1px;border-radius:inherit;background:linear-gradient(to left,var(--clr-theme-right),var(--clr-theme-left))}.banner-title:where(.astro-YEDIHZHE) h3:where(.astro-YEDIHZHE):after{z-index:0;content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;background:#000}@media (max-width: 50em){.product-banner:where(.astro-YEDIHZHE){height:30rem}.banner-title:where(.astro-YEDIHZHE){right:48%}.banner-title:where(.astro-YEDIHZHE) h2:where(.astro-YEDIHZHE){font-size:3.6rem;margin-bottom:var(--size-300)}.banner-title:where(.astro-YEDIHZHE) h3:where(.astro-YEDIHZHE){line-height:44px;height:44px}.banner-title:where(.astro-YEDIHZHE) h3:where(.astro-YEDIHZHE) span:where(.astro-YEDIHZHE){font-size:2.4rem;padding:1px var(--size-400) 0}}@media (max-width: 37.5em){.product-banner:where(.astro-YEDIHZHE){height:30rem}.banner-title:where(.astro-YEDIHZHE){right:28vw}.banner-title:where(.astro-YEDIHZHE) h2:where(.astro-YEDIHZHE){font-size:3.2rem}.banner-title:where(.astro-YEDIHZHE) h3:where(.astro-YEDIHZHE){line-height:40px;height:40px}.banner-title:where(.astro-YEDIHZHE) h3:where(.astro-YEDIHZHE) span:where(.astro-YEDIHZHE){font-size:2.2rem;padding:1px var(--size-400) 0}}