.mhs{position:relative;width:100%;overflow:hidden;grid-column:1 / -1}.mhs--page-width{grid-column:2}.mhs__viewport{position:relative;width:100%;height:var(--mhs-height, 90vh);min-height:480px}.mhs__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s ease}.mhs__slide--active{opacity:1;visibility:visible;pointer-events:auto}.mhs__media{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0805}.mhs__media-item{position:absolute;top:0;right:0;bottom:0;left:0}.mhs__media-item--mobile{display:none}.mhs__media-el{width:100%;height:100%;object-fit:cover;display:block}.mhs__placeholder{opacity:.45}.mhs__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 68% 45%,var(--mhs-vignette-color, #ffb066) 0%,transparent 55%);opacity:var(--mhs-vignette-opacity, .5);mix-blend-mode:screen;pointer-events:none}.mhs__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mhs-overlay-color, #1a0f05);opacity:var(--mhs-overlay-opacity, .3);pointer-events:none}.mhs__content{position:relative;z-index:2;height:100%;max-width:var(--mhs-max-width, 620px);display:flex;flex-direction:column;justify-content:center;gap:20px;padding:0 6vw}.mhs__eyebrow{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--mhs-eyebrow-font, sans-serif);font-size:var(--mhs-eyebrow-size, 14px);color:var(--mhs-eyebrow-color, #ffffff);transform:translate(calc(var(--mhs-eyebrow-ox, 0px) * var(--mhs-offset-scale, 1)),calc(var(--mhs-eyebrow-oy, 0px) * var(--mhs-offset-scale, 1)))}.mhs__eyebrow svg{flex:0 0 auto}.mhs__heading{margin:0;font-family:var(--mhs-heading-font, sans-serif);font-size:clamp(28px,6vw,var(--mhs-heading-size, 64px));line-height:1.05;font-weight:500;color:var(--mhs-heading-color, #ffffff);transform:translate(calc(var(--mhs-heading-ox, 0px) * var(--mhs-offset-scale, 1)),calc(var(--mhs-heading-oy, 0px) * var(--mhs-offset-scale, 1)))}.mhs__subheading{margin:0;font-family:var(--mhs-subheading-font, sans-serif);font-size:clamp(14px,2vw,var(--mhs-subheading-size, 18px));color:var(--mhs-subheading-color, #f2f0ec);max-width:32ch;transform:translate(calc(var(--mhs-subheading-ox, 0px) * var(--mhs-offset-scale, 1)),calc(var(--mhs-subheading-oy, 0px) * var(--mhs-offset-scale, 1)))}.mhs__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;transform:translate(calc(var(--mhs-buttons-ox, 0px) * var(--mhs-offset-scale, 1)),calc(var(--mhs-buttons-oy, 0px) * var(--mhs-offset-scale, 1)))}.mhs__btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:999px;font-size:var(--mhs-button-size, 15px);font-weight:600;text-decoration:none;white-space:nowrap;transition:opacity .2s ease,transform .2s ease}.mhs__btn:hover{opacity:.85}.mhs__btn--primary{background:var(--mhs-primary-bg, #ffffff);color:var(--mhs-primary-text, #111111);border:1px solid var(--mhs-primary-bg, #ffffff)}.mhs__btn--secondary{background:transparent;color:var(--mhs-secondary-text, #ffffff);border:1px solid var(--mhs-secondary-border, #ffffff)}.mhs__stats{position:absolute;left:6vw;bottom:40px;z-index:2;display:flex;gap:clamp(20px,4vw,48px);transform:translate(calc(var(--mhs-stats-ox, 0px) * var(--mhs-offset-scale, 1)),calc(var(--mhs-stats-oy, 0px) * var(--mhs-offset-scale, 1)))}.mhs__stat{display:flex;flex-direction:column;gap:4px;font-family:var(--font-body-family, sans-serif)}.mhs__stat-label{font-size:var(--mhs-stats-size, 15px);font-weight:600;color:var(--mhs-stats-value-color, #ffffff)}.mhs__stat-value{font-size:calc(var(--mhs-stats-size, 15px) * .85);color:var(--mhs-stats-label-color, #c9c5bd)}.mhs__dots{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:3;display:flex;gap:8px}.mhs__dot{width:8px;height:8px;border-radius:50%;border:none;background:#fff6;cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease}.mhs__dot--active{background:#fff;transform:scale(1.3)}@media screen and (max-width:749px){.mhs{--mhs-offset-scale: .45}.mhs__viewport{height:calc(var(--mhs-height, 90vh) * .85);min-height:560px}.mhs__media-item--desktop{display:none}.mhs__media-item--mobile{display:block}.mhs__content{padding:0 24px;gap:14px}.mhs__stats{left:24px;bottom:28px;flex-wrap:wrap;gap:18px}.mhs__btn{padding:12px 20px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-membership-hero-slider.css.map */