.onyx-hero{position:relative;width:100%;height:98dvh;min-height:80rem;overflow:hidden;background:#000;color:#fff}.onyx-hero__video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.onyx-hero__video-container video{width:100%;height:100%;object-fit:cover}.onyx-hero__overlay{position:relative;z-index:2;width:100%;min-height:100%;display:flex;flex-direction:column;background:linear-gradient(0deg,#0009,#0000,#0009)}.onyx-hero__header{padding-top:4rem;display:flex;flex-direction:column;align-items:center;text-align:center}.onyx-hero__logo{max-width:120px;margin-bottom:1.2rem}.onyx-hero__header-text{font-family:var(--font-space-grotesk);font-weight:400;font-size:1.4rem;text-transform:uppercase;letter-spacing:.1rem}.onyx-hero__main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 0}.onyx-hero__content-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.onyx-hero__badge-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(540px,90vw,76dvh);height:min(540px,90vw,76dvh);aspect-ratio:1 / 1;border:3px solid #ffffff;border-radius:50%;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2.8rem 4rem;box-sizing:border-box;text-align:center;z-index:5}.onyx-hero__title{font-family:var(--font-space-grotesk);font-weight:900;font-size:6rem;line-height:1.1;letter-spacing:.25rem;text-transform:uppercase;margin:0}.onyx-hero__ingredients{font-family:var(--font-space-grotesk);font-weight:600;font-size:1.4rem;letter-spacing:.16rem;text-transform:uppercase;opacity:.8;margin:0}.onyx-hero__subtext-wrapper{display:flex;flex-direction:column;gap:.25rem;margin:0}.onyx-hero__subtext-line{font-family:var(--font-space-grotesk);font-weight:500;font-size:1.6rem;letter-spacing:.18rem;text-transform:uppercase;line-height:1.3;margin:0}.onyx-hero__logos-wrapper{display:flex;align-items:center;justify-content:center;width:220px;margin:0 auto}.onyx-hero__collab-logos{width:100%;height:auto;display:block;object-fit:contain}.onyx-hero__limited-release{font-family:var(--font-space-grotesk);font-weight:700;font-size:1.25rem;letter-spacing:.25rem;text-transform:uppercase;color:#fff;margin:0}@media screen and (max-width:991px){.onyx-hero{height:auto;min-height:80vh;overflow:hidden}.onyx-hero__video-container{height:100%;bottom:0}.onyx-hero__overlay{min-height:80vh}.onyx-hero__main{padding:6rem 0}.onyx-hero__badge-circle{width:min(400px,92vw,72dvh);height:min(400px,92vw,72dvh);padding:2rem 5rem;gap:1.2rem}.onyx-hero__title{font-size:4.8rem}.onyx-hero__ingredients{font-size:1rem}.onyx-hero__subtext-line{font-size:1.2rem}.onyx-hero__limited-release{font-size:1.1rem;letter-spacing:.2rem}.onyx-hero__logos-wrapper{width:180px}}@media screen and (max-width:380px){.onyx-hero__badge-circle{width:min(340px,94vw,70dvh);height:min(340px,94vw,70dvh)}.onyx-hero__title{font-size:3.8rem}.onyx-hero__ingredients{font-size:.95rem;letter-spacing:.08rem}.onyx-hero__subtext-line{font-size:1.2rem;letter-spacing:.08rem}.onyx-hero__limited-release{font-size:1.1rem;letter-spacing:.15rem}.onyx-hero__logos-wrapper{width:145px}}
/*# sourceMappingURL=/cdn/shop/t/174/assets/onyx-hero.css.map */