.membership-black-wolf-hero{margin-right:calc(50% - 50vw);width:100vw;max-width:100vw;position:relative}.membership-black-wolf-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.6;z-index:0;transform:scale(1.2);will-change:transform}.membership-black-wolf-hero__media{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;pointer-events:none}.membership-black-wolf-hero__media--mobile{display:none}@media screen and (max-width:768px){.membership-black-wolf-hero__background--has-mobile-media .membership-black-wolf-hero__media--desktop{display:none}.membership-black-wolf-hero__background--has-mobile-media .membership-black-wolf-hero__media--mobile{display:block}}.membership-black-wolf-hero__inner{position:relative;z-index:1;height:calc(100vh- var(--header-height));height:calc(100svh - var(--header-height));min-height:600px}.membership-black-wolf-hero__content{display:flex;padding-right:2.35rem;padding-left:2.35rem;flex-direction:column;align-items:center;gap:156px;max-width:144rem;margin:0 auto;text-align:center;width:100%;opacity:0;transform:translateY(40px);will-change:transform,opacity}.membership-black-wolf-hero__subtitle{font-family:var(--font-din-next-lt);font-size:1.1rem;font-weight:400;line-height:1.3rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-white);margin:0;max-width:126px;transform:translateY(20px);will-change:transform}.membership-black-wolf-hero__title-wrapper{display:flex;width:100%;justify-content:space-between;align-items:flex-start}.membership-black-wolf-hero__title{font-family:var(--font-snell-roundhand);font-size:13rem;font-weight:400;line-height:13rem;letter-spacing:-.02em;color:var(--color-white);margin:0;display:flex;width:100%;justify-content:space-between}.membership-black-wolf-hero__title span{display:block}@media(min-width:1024px){.membership-black-wolf-hero__title span:first-child{opacity:0;transform:translate(30px);will-change:transform,opacity}.membership-black-wolf-hero__title span:last-child{opacity:0;transform:translate(-30px);will-change:transform,opacity}}.membership-black-wolf-hero__tier-card-wrapper{display:flex;justify-content:center}.membership-black-wolf-hero__tier-card{z-index:2;overflow:visible;will-change:transform,opacity}.membership-black-wolf-tier-card__image-wrapper img{width:31.4rem;height:50.3rem}.membership-black-wolf-hero__tier-card-image{display:block;width:25.5rem;height:40.8rem;overflow:hidden}.membership-black-wolf-hero__tier-card-image .membership-black-wolf-hero__tier-card-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.membership-black-wolf-hero__tier-card.tier-card--initial{opacity:0;transform:translate(calc(-50% + .36px)) translateY(4rem) scale(.9)}.membership-black-wolf-hero__tier-card.tier-card--animate{opacity:1;transform:translate(calc(-50% + .36px)) translateY(0) scale(1)}@media(prefers-reduced-motion:reduce){.membership-black-wolf-hero__tier-card{transition:none}.membership-black-wolf-hero__tier-card.tier-card--initial{opacity:1;transform:translate(calc(-50% + .36px))}}@media screen and (max-width:1340px){.membership-black-wolf-hero__title{font-size:11rem}}@media screen and (max-width:1137px){.membership-black-wolf-hero__title{font-size:10rem}}@media screen and (max-width:999px){.membership-black-wolf-hero__title{font-size:9rem}}@media screen and (max-width:914px){.membership-black-wolf-hero__title{font-size:7.2rem}}@media screen and (max-width:989px){.membership-black-wolf-hero__title{font-size:8rem;line-height:8rem;gap:2rem;text-align:center}.membership-black-wolf-hero__inner{padding:0 2rem}.membership-black-wolf-hero__content{gap:8rem}.membership-black-wolf-hero__tier-card.tier-card--initial,.membership-black-wolf-hero__tier-card.tier-card--animate{opacity:1;transform:none}}@media screen and (max-width:767px){.membership-black-wolf-hero__tier-card{transform:translateY(-40%) rotate(15deg)}}@media screen and (max-width:749px){.membership-black-wolf-tier-card__image-wrapper img{width:22.5rem;height:36rem}.membership-black-wolf-hero__title{flex-direction:column;color:var(--Primary-White, #fff);text-align:center;font-size:7.2rem;font-style:normal;font-weight:500;line-height:.7;letter-spacing:-.02em;gap:0}.membership-black-wolf-hero__subtitle{font-size:1rem}.membership-black-wolf-hero__content{gap:29rem}}.membership-tier-card{position:relative;height:40.8rem;width:25.5rem;overflow:hidden}.membership-tier-card__inner{position:relative;width:100%;height:100%}.membership-tier-card__texture{position:absolute;top:-28.06%;right:-84.42%;bottom:-7.5%;left:-32.47%;background:#0000004d;mix-blend-mode:color}.membership-tier-card__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:11.11% 16.77% 12.5%;gap:7px}.membership-tier-card__badge{width:3.627rem;height:3.627rem;flex-shrink:0}.membership-tier-card__info{display:flex;flex-direction:column;gap:.907rem;align-items:center;text-align:center;color:#919399}.membership-tier-card__name{display:flex;gap:.68rem;align-items:baseline;justify-content:center;line-height:1}.membership-tier-card__name-first{font-family:var(--font-snell-roundhand);font-size:3.06rem;text-transform:capitalize}.membership-tier-card__name-last{font-family:var(--font-granjon-lt);font-size:1.587rem;letter-spacing:.08729em;text-transform:uppercase}.membership-tier-card__member-since{font-family:var(--font-din-next-lt);font-size:.907rem;font-weight:400;line-height:1.1;letter-spacing:.0907em;text-transform:uppercase;margin:0}.membership-tier-card__member-since strong{font-weight:700}.membership-tier-card__wolf-icon{position:absolute;bottom:0;left:7.321rem;top:15.47rem;height:25.33rem;width:11.787rem;pointer-events:none}.membership-tier-card__tier{position:absolute;top:74.44%;right:31.23%;bottom:12.5%;left:27.88%;display:flex;flex-direction:column;align-items:center;gap:.63rem}.membership-tier-card__tier-name{font-family:var(--font-snell-roundhand);font-size:2.1rem;text-transform:capitalize;color:#919399;margin:0;line-height:1;letter-spacing:-.0147em}.membership-tier-card__tier-badge{border:.63px solid #919399;border-radius:.111rem;padding:.126rem .504rem;display:flex;align-items:center;justify-content:center;gap:.34rem}.membership-tier-card__tier-badge span{font-family:var(--font-din-next-lt);font-size:.756rem;font-weight:700;line-height:0;letter-spacing:.01512em;text-transform:uppercase;color:#919399;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/1680/assets/membership-black-wolf-hero.css.map */