.home-hero{padding-top:15rem;margin-top:-13rem;position:relative}.home-hero.gradient{background:url(pattern-constellation.svg),linear-gradient(180deg,#192e4c,#3867a8,#fafcff);background-repeat:no-repeat;background-size:cover}.home-hero__wrapper{padding-top:6.4rem;padding-bottom:8rem}.home-hero__content{text-align:center;margin:4rem 0}.home-hero__heading{margin:0 auto 1.6rem;font-size:3.2rem;font-weight:700}.home-hero__subheading{font-size:2.4rem;font-weight:400;line-height:1.6;margin:0}.home-hero__zodiac-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2.2rem;margin:0 auto}.zodiac-card__content{width:270px}.zodiac-card__link{font-size:1.2rem;font-weight:400;color:#141b1e;text-align:center;margin-top:1.2rem;display:none}.zodiac-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;background:#fafcff1a;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50px;text-decoration:none;transition:all .3s ease;border:1px solid rgba(220,229,242,.15);overflow:hidden}.zodiac-card:hover{border-color:rgba(var(--color-foreground),.2)}.zodiac-card__label-overlay{display:flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;width:100%;background:linear-gradient(0deg,#082650d9 0% 100%),#fafcff1a;opacity:0;cursor:pointer;transition:opacity .3s ease}.zodiac-card:hover .zodiac-card__label-overlay{opacity:1;text-transform:capitalize}.zodiac-card__label{font-size:2.4rem;font-weight:500;color:#fff;text-align:center;margin:0;text-transform:lowercase;position:relative;z-index:1;text-transform:capitalize}@media screen and (max-width: 989px){.home-hero__zodiac-grid{grid-template-columns:repeat(3,1fr);gap:1.6rem}.home-hero__wrapper{padding-top:4rem;padding-bottom:6rem}.zodiac-card__content{width:200px}}@media screen and (max-width: 749px){.home-hero__wrapper{padding-top:3.2rem;padding-bottom:4.8rem}.home-hero__content{margin:2.4rem 0}.home-hero__heading{font-size:2.4rem}.home-hero__subheading{font-size:2rem}.zodiac-card{border-radius:25px}.zodiac-card__label{font-size:1.8rem}.zodiac-card__link{display:block}.zodiac-card__content{max-width:170px;width:100%}}@media screen and (max-width: 400px){.home-hero__zodiac-grid{display:grid;grid-template-columns:repeat(2,1fr)}.zodiac-card__content{max-width:170px;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-home-hero.css.map */